@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#06070a;
  --bg2:#0b0f14;
  --panel:#10151b;
  --panel2:#131a22;
  --text:#f6f8fb;
  --muted:#9aa7b3;
  --line:rgba(255,255,255,.08);
  --gold:#efb320;
  --gold2:#ffdc79;
  --blue:#2b72ff;
  --shadow:0 30px 80px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:linear-gradient(180deg,#050608,#090d11);
  color:var(--text);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px, calc(100% - 34px));margin:auto}

.site-header{
  position:sticky; top:0; z-index:30;
  background:rgba(5,8,11,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.nav-wrap{
  min-height:86px;
  display:flex; align-items:center; justify-content:space-between; gap:22px;
}
.brand{display:flex; align-items:center; gap:14px}
.brand-logo{
  width:74px; height:74px; object-fit:contain; border-radius:14px;
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 12px 25px rgba(0,0,0,.25);
}
.brand-text{display:flex; flex-direction:column}
.brand-title{font-weight:800; letter-spacing:.08em; font-size:15px}
.brand-sub{font-size:12px; color:#a0adb7}
.nav-links{display:flex; gap:26px; color:#c7d0d8; font-size:14px}
.nav-links a:hover{color:var(--gold2)}

.hero{
  padding:78px 0 56px;
  background:
    radial-gradient(circle at 20% 0%, rgba(43,114,255,.12), transparent 34%),
    radial-gradient(circle at 85% 10%, rgba(239,179,32,.12), transparent 26%),
    linear-gradient(180deg,#090c11,#06070a 85%);
  border-bottom:1px solid var(--line);
}
.hero-grid{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:46px;
  align-items:center;
}
.eyebrow{
  display:inline-block;
  color:var(--gold2);
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  margin-bottom:16px;
}
h1,h2,h3,p{margin-top:0}
h1{
  font-size:clamp(46px,6vw,76px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin-bottom:20px;
}
h1 span{color:var(--gold2)}
h2{
  font-size:clamp(34px,4vw,56px);
  line-height:1.08;
  letter-spacing:-.04em;
  margin-bottom:18px;
}
.hero-lead,.section-copy,.section-head p,.reward-panel p,.contact-grid p{
  color:#afbbc4;
  font-size:18px;
}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin:28px 0}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:0 20px; border-radius:14px;
  font-weight:700; font-size:14px;
}
.btn-primary{
  background:linear-gradient(135deg,var(--gold),#ffcf56);
  color:#111;
  box-shadow:0 12px 28px rgba(239,179,32,.18);
}
.btn-secondary{
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.hero-points{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:8px;
}
.point{
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.point strong{display:block; font-size:16px; margin-bottom:4px}
.point span{color:#97a6b0; font-size:14px}

.hero-visual{display:grid; gap:18px}
.hero-card{
  display:grid;
  grid-template-columns:170px 1fr;
  align-items:center;
  gap:22px;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(145deg,#0e1318,#131c24);
  border:1px solid rgba(239,179,32,.18);
  box-shadow:var(--shadow);
}
.hero-logo{
  width:100%;
  max-width:170px;
  border-radius:20px;
  object-fit:contain;
}
.hero-card-text p{color:#a7b4be; margin-bottom:0}
.hero-side-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:18px;
}
.hero-side-image{
  width:100%;
  height:300px;
  object-fit:contain;
  padding:16px;
  border-radius:24px;
  background:#11161c;
  border:1px solid var(--line);
}
.light-bg{background:#edf0f3}

.section{
  padding:96px 0;
  border-bottom:1px solid var(--line);
}
.section-dark{background:#080c10}
.split{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:60px;
  align-items:start;
}

.section-head{
  max-width:780px;
  margin-bottom:30px;
}

.showcase-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}
.showcase-card{
  overflow:hidden;
  border-radius:22px;
  background:linear-gradient(145deg,#11181f,#0d1318);
  border:1px solid var(--line);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.showcase-card img{
  width:100%;
  height:340px;
  object-fit:cover;
}
.showcase-card img.light-bg{object-fit:contain;padding:20px}
.showcase-copy{padding:22px}
.showcase-copy h3{font-size:24px; margin-bottom:10px}
.showcase-copy p{font-size:15px; color:#9cabb6; margin-bottom:0}

.image-feature{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:34px;
  align-items:center;
}
.image-feature.reverse{grid-template-columns:1.05fr .95fr}
.image-feature.reverse .image-frame{order:1}
.image-feature.reverse .image-feature-copy{order:2}
.image-frame{
  padding:16px;
  border-radius:28px;
  background:linear-gradient(145deg,#0f1419,#111a22);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
}
.image-frame img{
  width:100%;
  border-radius:18px;
}
.bullet-list{
  margin:22px 0 0;
  padding-left:20px;
  color:#b6c1c8;
}
.bullet-list li{margin-bottom:10px}

.rewards-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.reward-panel{
  padding:28px;
  border-radius:26px;
  background:linear-gradient(145deg,#10151c,#0e1318);
  border:1px solid var(--line);
}
.reward-image{
  margin-top:18px;
  width:100%;
  max-height:500px;
  object-fit:contain;
  padding:18px;
  border-radius:20px;
}

.section-contact{background:#070b0f}
.contact-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:40px;
  align-items:center;
}
.contact-card{
  padding:28px;
  border-radius:22px;
  background:linear-gradient(145deg,#10161d,#0d1218);
  border:1px solid var(--line);
}
.contact-logo{
  width:140px;
  border-radius:16px;
  margin-bottom:18px;
}
.small-label{
  display:block;
  color:#8ea0ac;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  margin:18px 0 6px;
}
.contact-card a{
  display:block;
  font-size:18px;
  font-weight:700;
}
.contact-note{
  font-size:13px !important;
  color:#7f8f99 !important;
  margin-top:20px;
  margin-bottom:0;
}

.site-footer{
  padding:48px 0 28px;
  background:#05070a;
}
.footer-wrap{
  display:flex; justify-content:space-between; align-items:center; gap:30px;
}
.footer-brand-block{
  display:flex; align-items:center; gap:16px;
}
.footer-logo{
  width:92px; height:92px; object-fit:contain; border-radius:16px;
}
.footer-brand-block strong{display:block; margin-bottom:4px}
.footer-brand-block p{
  margin-bottom:0;
  font-size:13px;
  color:#8998a4;
}
.footer-links{
  display:flex; gap:24px; flex-wrap:wrap; color:#b8c2ca; font-size:14px;
}
.footer-links a:hover{color:var(--gold2)}
.copyright{
  padding-top:18px;
  margin-top:28px;
  border-top:1px solid var(--line);
  color:#677580;
  font-size:12px;
}

.legal-page{background:#070a0d; color:var(--text)}
.legal-hero{
  padding:78px 0 32px;
  border-bottom:1px solid var(--line);
}
.legal-content{
  max-width:860px;
  padding:52px 0 90px;
}
.legal-content h2{font-size:28px; margin-top:34px}
.legal-content p,.legal-content li{color:#b0bcc5}
.legal-content a{color:var(--gold2)}
.legal-back{display:inline-block; margin-bottom:18px; color:#9aa8b2; font-size:13px}

@media (max-width: 980px){
  .nav-links{display:none}
  .hero-grid,
  .split,
  .image-feature,
  .image-feature.reverse,
  .rewards-grid,
  .contact-grid{grid-template-columns:1fr}
  .image-feature.reverse .image-frame,
  .image-feature.reverse .image-feature-copy{order:initial}
  .showcase-grid{grid-template-columns:1fr}
}

@media (max-width: 640px){
  .brand-logo{width:60px;height:60px}
  .brand-sub{display:none}
  .hero{padding-top:54px}
  .hero-side-grid{grid-template-columns:1fr}
  .hero-card{grid-template-columns:1fr}
  .hero-side-image{height:240px}
  .section{padding:72px 0}
  .footer-wrap{flex-direction:column; align-items:flex-start}
}

.visual-story-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:22px;
}
.visual-story-card{
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(145deg,#111820,#0d1218);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.visual-story-card.large-card{grid-row:span 2}
.visual-story-card img{
  width:100%;
  height:420px;
  object-fit:cover;
}
.visual-story-card.large-card img{height:780px}
.visual-story-copy{padding:22px}
.visual-story-copy span{
  color:var(--gold2);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.visual-story-copy h3{font-size:25px;margin:6px 0 10px}
.visual-story-copy p{color:#9eabb6;margin-bottom:0}

.avatar-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.avatar-card{
  background:#f5f5f5;
  border-radius:24px;
  overflow:hidden;
  min-height:480px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border:1px solid var(--line);
}
.avatar-card img{
  width:100%;
  height:100%;
  max-height:620px;
  object-fit:contain;
}
.avatar-transparent{
  background:radial-gradient(circle at 50% 30%,rgba(239,179,32,.10),transparent 40%),#0d1319;
}
.membership-preview{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
@media(max-width:980px){
  .visual-story-grid{grid-template-columns:1fr}
  .visual-story-card.large-card{grid-row:auto}
  .visual-story-card.large-card img,.visual-story-card img{height:auto}
  .avatar-grid{grid-template-columns:1fr}
  .membership-preview{flex-direction:column;align-items:flex-start}
}

.membership-only-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
  max-width:980px;
}
.membership-only-card{
  overflow:hidden;
  border-radius:28px;
  border:1px solid var(--line);
  background:#0c1423;
  box-shadow:var(--shadow);
}
.membership-only-card img{
  width:100%;
  display:block;
}
.membership-details{
  padding:34px 38px 42px;
}
.membership-details h2{
  margin-bottom:4px;
}
.membership-price{
  font-size:44px;
  font-weight:800;
  margin-bottom:24px;
}
.membership-price span{
  font-size:22px;
  color:#8fa0b5;
}
.free .membership-price{color:#58e1bd}
.premium .membership-price{color:#e5b12c}
.elite .membership-price{color:#ae6dff}
.membership-details ul{
  list-style:none;
  margin:0;
  padding:0;
}
.membership-details li{
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:19px;
  font-weight:700;
}
.membership-details li.locked{
  opacity:.45;
}
.membership-details li.elite-highlight{
  color:#b981ff;
  background:rgba(174,109,255,.06);
  padding-left:12px;
  padding-right:12px;
  border-radius:12px;
}


/* ===== Backdrop redesign ===== */

.hero{
  min-height:760px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg, rgba(3,6,10,.96) 0%, rgba(3,6,10,.82) 44%, rgba(3,6,10,.25) 75%, rgba(3,6,10,.12) 100%),
    url("assets/explore-world.jpeg") center center / cover no-repeat;
}
.hero-grid{
  width:100%;
  grid-template-columns: .95fr 1.05fr;
  min-height:650px;
}
.hero-copy{
  position:relative;
  z-index:2;
}
.backdrop-hero-panel{
  min-height:560px;
  align-self:stretch;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
}
.backdrop-hero-overlay{
  max-width:440px;
  margin:0 0 24px auto;
  padding:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:rgba(5,9,14,.68);
  backdrop-filter:blur(12px);
  box-shadow:0 22px 60px rgba(0,0,0,.35);
}
.backdrop-hero-overlay h2{
  font-size:38px;
  margin-bottom:12px;
}
.backdrop-hero-overlay p{
  margin:0;
  color:#c4ced6;
}

.hero-side-grid,
.hero-side-image,
.hero-card{
  display:none !important;
}

.backdrop-section{
  position:relative;
  min-height:720px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.backdrop-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(4,8,13,.92) 0%, rgba(4,8,13,.70) 44%, rgba(4,8,13,.24) 78%, rgba(4,8,13,.16) 100%);
}
.backdrop-shade.strong{
  background:
    linear-gradient(90deg, rgba(4,8,13,.92) 0%, rgba(4,8,13,.74) 46%, rgba(4,8,13,.36) 76%, rgba(4,8,13,.24) 100%);
}
.backdrop-content{
  position:relative;
  z-index:2;
  max-width:650px;
  padding-top:100px;
  padding-bottom:100px;
}
.backdrop-content-right{
  margin-left:auto;
}
.backdrop-content h2{
  max-width:620px;
  font-size:clamp(44px,5vw,72px);
  text-shadow:0 5px 25px rgba(0,0,0,.45);
}
.backdrop-content p{
  max-width:620px;
  color:#d0d7dd;
  font-size:19px;
  line-height:1.7;
  text-shadow:0 3px 18px rgba(0,0,0,.55);
}

.backdrop-dashboard{
  background-image:url("assets/walking-dashboard.jpeg");
  background-position:center top;
}
.backdrop-world{
  background-image:url("assets/explore-world.jpeg");
  background-position:center center;
}
.backdrop-legathons{
  background-image:url("assets/world-legathons.jpeg");
  background-position:center center;
}
.backdrop-roman{
  background-image:url("assets/roman-journey.jpeg");
  background-position:center center;
}
.backdrop-mlk{
  background-image:url("assets/mlk-journey.jpeg");
  background-position:center center;
}
.backdrop-rewards{
  background-image:url("assets/roman-rewards.jpeg");
  background-position:center center;
}

.avatar-grid{
  gap:16px;
}
.avatar-card{
  background:linear-gradient(180deg,#0b1118,#091018);
  border:1px solid rgba(239,179,32,.16);
}
.avatar-card img{
  filter:drop-shadow(0 26px 36px rgba(0,0,0,.4));
}

@media(max-width:980px){
  .hero{
    min-height:auto;
    background:
      linear-gradient(180deg, rgba(3,6,10,.94), rgba(3,6,10,.70)),
      url("assets/explore-world.jpeg") center / cover no-repeat;
  }
  .hero-grid{
    min-height:auto;
    grid-template-columns:1fr;
  }
  .backdrop-hero-panel{
    min-height:260px;
  }
  .backdrop-hero-overlay{
    margin:0;
  }
  .backdrop-section{
    min-height:620px;
    background-position:center;
  }
  .backdrop-shade,
  .backdrop-shade.strong{
    background:linear-gradient(180deg, rgba(3,6,10,.55) 0%, rgba(3,6,10,.88) 58%, rgba(3,6,10,.96) 100%);
  }
  .backdrop-content,
  .backdrop-content-right{
    margin:0;
    padding-top:300px;
    padding-bottom:70px;
  }
}


/* ===== Dedicated Features Page ===== */
.features-hero{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    url("assets/explore-world.jpeg") center 38% / cover no-repeat;
  border-bottom:1px solid var(--line);
}
.features-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(2,5,10,.96) 0%, rgba(2,5,10,.86) 43%, rgba(2,5,10,.42) 74%, rgba(2,5,10,.26) 100%);
}
.features-hero-content{
  position:relative;
  z-index:2;
  max-width:760px;
  padding-top:86px;
  padding-bottom:86px;
}
.features-hero h1{
  margin-bottom:18px;
}
.features-hero h1 span{
  color:var(--gold2);
}
.features-subhead{
  font-size:clamp(28px,3vw,42px);
  margin-bottom:14px;
  color:#fff;
}
.features-hero-content>p{
  max-width:690px;
  color:#c8d1d8;
  font-size:20px;
  line-height:1.7;
}

.feature-primary-section{
  padding:34px 0 44px;
  background:#06090d;
}
.feature-primary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.feature-primary-card{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  display:flex;
  align-items:flex-end;
}
.feature-card-image{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.01);
}
.journeys-card .feature-card-image{background-position:center 35%}
.rewards-card .feature-card-image{background-position:center}
.progress-card .feature-card-image{background-position:center top}
.feature-card-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(3,7,12,.06) 0%, rgba(3,7,12,.25) 34%, rgba(3,7,12,.94) 78%, rgba(3,7,12,.99) 100%);
}
.feature-primary-copy{
  position:relative;
  z-index:2;
  padding:28px;
}
.feature-kicker{
  color:var(--gold2);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:9px;
}
.feature-primary-copy h2{
  font-size:30px;
  margin-bottom:12px;
}
.feature-primary-copy p{
  margin:0;
  color:#c1cbd2;
  font-size:15px;
}

.feature-process-strip{
  padding:28px 0;
  border-top:1px solid rgba(239,179,32,.28);
  border-bottom:1px solid rgba(239,179,32,.28);
  background:linear-gradient(90deg,#0b1118,#12100b,#0b1118);
}
.process-flow{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:18px;
  text-align:center;
}
.process-flow span{
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:.08em;
}
.process-flow b{
  color:var(--gold2);
  font-size:24px;
}

.secondary-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.secondary-feature-card{
  min-height:220px;
  padding:24px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#101720,#0c1117);
}
.secondary-icon{
  display:block;
  font-size:30px;
  margin-bottom:18px;
}
.secondary-feature-card h3{
  font-size:20px;
  margin-bottom:10px;
}
.secondary-feature-card p{
  color:#95a4ae;
  font-size:14px;
  margin:0;
}

.features-cta{
  padding:78px 0;
  background:
    linear-gradient(90deg,rgba(4,8,12,.96),rgba(4,8,12,.76)),
    url("assets/roman-journey.jpeg") center / cover no-repeat;
}
.features-cta-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
}
.features-cta-inner>div{
  max-width:760px;
}
.features-cta-inner p{
  color:#c6d0d7;
  margin-bottom:0;
}

@media(max-width:980px){
  .feature-primary-grid,
  .secondary-feature-grid{
    grid-template-columns:1fr;
  }
  .feature-primary-card{
    min-height:500px;
  }
  .features-cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* ===== Premium Mockup-Inspired System ===== */
:root{
  --gold:#f6bd2d;
  --gold2:#ffd96a;
  --cyan:#54e1df;
  --navy:#07111d;
  --navy2:#0a1727;
  --panel:#0c1b2e;
  --panel2:#10233a;
  --text:#f6f7fb;
  --muted:#a8b5c7;
  --line:rgba(246,189,45,.22);
}
body{
  background:#06101b;
  color:var(--text);
}
.premium-header{
  position:sticky;top:0;z-index:50;
  background:rgba(4,12,21,.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(246,189,45,.25);
}
.premium-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.premium-brand{display:flex;align-items:center;gap:12px}
.premium-brand img{width:62px;height:52px;object-fit:contain;border-radius:8px}
.premium-brand div{display:flex;flex-direction:column}
.premium-brand strong{font-size:15px;letter-spacing:.06em}
.premium-brand span{font-size:8px;letter-spacing:.22em;color:#b5c2d0}
.premium-nav nav{display:flex;align-items:center;gap:26px;font-size:13px}
.premium-nav nav a{color:#d7dee6;position:relative}
.premium-nav nav a.active,.premium-nav nav a:hover{color:var(--gold2)}
.premium-nav nav a.active:after{content:"";position:absolute;height:2px;background:var(--gold);left:0;right:0;bottom:-11px}
.gold-button{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#ffd961,#edae1d);
  color:#111;font-weight:800;border-radius:8px;padding:13px 20px;
  box-shadow:0 8px 24px rgba(246,189,45,.18);
}
.gold-button.small{padding:10px 14px;font-size:13px}
.nav-button{padding:10px 18px;font-size:12px}
.outline-button{display:inline-flex;padding:12px 18px;border:1px solid #3d6f95;border-radius:8px;color:white;font-weight:700;background:rgba(5,18,31,.6)}
.text-link{color:var(--gold2);font-weight:800;font-size:13px}
.button-row{display:flex;gap:12px;flex-wrap:wrap}

.home-hero{
  position:relative;min-height:650px;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,10,18,.95) 0%,rgba(3,10,18,.78) 45%,rgba(3,10,18,.20) 78%),
    url("assets/explore-world.jpeg") center/cover no-repeat;
  border-bottom:1px solid rgba(246,189,45,.35);
}
.hero-dark{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,14,.15),rgba(2,8,14,.28))}
.home-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;align-items:center}
.home-hero-copy{max-width:620px;padding:64px 0}
.micro,.section-label{font-size:11px;letter-spacing:.22em;color:var(--cyan);font-weight:800;margin-bottom:10px}
.home-hero h1{font-size:clamp(64px,8vw,108px);line-height:.83;letter-spacing:-.05em;margin-bottom:24px}
.home-hero h1 span{color:var(--gold2)}
.home-hero p{font-size:19px;line-height:1.6;color:#d0d8e0;max-width:560px}
.home-avatar-wrap{align-self:end;display:flex;justify-content:center;align-items:flex-end;height:100%}
.home-avatar-wrap img{max-height:620px;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.4))}
.hero-stats{display:flex;gap:30px;margin-top:30px}
.hero-stats div{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:18px}
.hero-stats strong{font-size:18px;color:#fff}.hero-stats span{font-size:11px;color:#aeb9c6}

.value-strip{padding:28px 0;background:linear-gradient(180deg,#07111e,#0a1724);text-align:center;border-bottom:1px solid var(--line)}
.value-strip h2{font-size:32px;margin-bottom:6px}.value-strip p{color:#b2bfcb;margin-bottom:20px}
.value-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(246,189,45,.18);padding-top:18px}
.value-icons div{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;border-right:1px solid rgba(246,189,45,.18);padding:0 10px}
.value-icons div:last-child{border-right:none}.value-icons strong{font-size:11px;color:var(--gold2)}.value-icons span{font-size:10px;color:#aab7c5}

.premium-section{padding:72px 0;background:#07111d;border-bottom:1px solid var(--line)}
.dark-alt{background:#081522}
.section-heading-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}
.section-heading-row h2{font-size:46px;margin:0}.section-heading-row p{color:var(--muted);max-width:420px}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.how-grid article{position:relative;background:linear-gradient(180deg,#0d2035,#0a1828);border:1px solid #1f496a;border-radius:10px;padding:22px;text-align:center}
.how-grid .num{position:absolute;top:10px;left:12px;color:var(--gold2);font-weight:800}.icon-big{font-size:48px;margin-top:12px}.how-grid h3{font-size:15px;color:var(--gold2)}.how-grid p{font-size:13px;color:#aeb9c6;margin:0}

.featured-journeys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.journey-tile{position:relative;overflow:hidden;border-radius:10px;border:1px solid #245273;background:#081524;min-height:360px}
.journey-tile img{width:100%;height:250px;object-fit:cover}.journey-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,9,15,.96) 80%)}
.journey-tile-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}.journey-tile-copy span{font-size:9px;color:#d1dbe4}.journey-tile-copy h3{font-size:20px;margin:2px 0 6px;color:#f7ca51}.journey-tile-copy p{font-size:11px;color:#c4ced7;margin:0}

.dashboard-showcase{display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;align-items:center}.dashboard-showcase p{color:var(--muted);font-size:16px}.dashboard-frame{border:1px solid #2c5e81;border-radius:12px;padding:10px;background:#081626}.dashboard-frame img{border-radius:8px}
.feature-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.feature-icon-grid>div{background:linear-gradient(180deg,#0d2034,#0a1828);border:1px solid #1f496a;border-radius:9px;padding:22px;text-align:center}.feature-icon-grid span{font-size:42px}.feature-icon-grid h3{font-size:17px;margin:10px 0}.feature-icon-grid p{font-size:12px;color:#a7b4c1}

.membership-preview-premium{padding:72px 0;background:linear-gradient(180deg,#07111d,#0b1724)}.mini-membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-plan{position:relative;padding:26px;border-radius:10px;background:#0b1a2b;border:1px solid #27516f}.mini-plan.premium{border-color:#d3a72d;box-shadow:0 0 0 1px rgba(255,210,88,.18) inset}.mini-plan.elite{border-color:#8758ad}.mini-plan h3{font-size:28px}.mini-plan strong{display:block;font-size:36px;color:var(--gold2)}.mini-plan p{font-size:13px;color:#aab6c2}.mini-badge{position:absolute;right:10px;top:-12px;background:var(--gold2);color:#111;font-size:9px;font-weight:900;padding:6px 9px;border-radius:20px}
.avatar-band{padding:52px 0;background:linear-gradient(90deg,#0a1724,#0b1623 55%,#111c25)}.avatar-band-grid{display:grid;grid-template-columns:.55fr 1.45fr;align-items:end;gap:30px}.avatar-band p{color:#b4c0ca}.avatar-row{display:flex;justify-content:flex-end;align-items:flex-end;gap:4px}.avatar-row img{height:300px;width:30%;object-fit:contain}

.premium-footer{background:#06101a;padding:36px 0 20px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.footer-grid nav{display:flex;gap:22px;font-size:12px}.footer-right{text-align:right;display:flex;flex-direction:column;font-size:11px;color:#b2bdc8}.copyright{margin-top:26px;padding-top:16px;border-top:1px solid #20374b;color:#7f90a0;font-size:10px;display:flex;justify-content:space-between}

/* Journey page */
.journeys-hero{position:relative;min-height:520px;background:linear-gradient(90deg,rgba(3,9,16,.92),rgba(3,9,16,.32)),url("assets/explore-world.jpeg") center/cover no-repeat;border-bottom:1px solid var(--line);display:flex;align-items:center}
.journeys-hero-content{position:relative;z-index:2;max-width:720px;padding:80px 0}.journeys-hero h1{font-size:76px;margin-bottom:8px}.journeys-hero h2{font-size:34px;color:var(--gold2)}.journeys-hero p{font-size:17px;color:#c6d0d9}
.journey-stat-strip{background:#0a1724;padding:20px 0;border-bottom:1px solid var(--line)}.journey-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.journey-stat-grid div{display:flex;flex-direction:column;border-right:1px solid var(--line)}.journey-stat-grid div:last-child{border:none}.journey-stat-grid strong{font-size:17px}.journey-stat-grid span{font-size:10px;color:#aab5c1}
.journey-featured-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.journey-detail-card{overflow:hidden;border:1px solid #285b7e;border-radius:11px;background:#091626}.journey-detail-card img{height:280px;width:100%;object-fit:cover}.journey-detail-body{padding:18px}.journey-detail-body h3{font-size:24px;color:#f2c44f}.journey-detail-body p{color:#b4c1cc}.journey-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:11px;color:#b3bec9;margin-bottom:16px}.plan-tag{float:right;font-size:9px;font-weight:900;padding:5px 8px;border-radius:18px}.premium-tag{background:var(--gold2);color:#111}.free-tag{background:#285f9d;color:#fff}
.category-band{padding:54px 0;background:#07111d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.category-grid button{background:#0a1929;border:1px solid #2a5676;color:#e9edf1;border-radius:8px;padding:14px 8px;font-size:10px}.category-grid button:first-child{background:linear-gradient(180deg,#ffd75f,#eaae1d);color:#111;border-color:#f6bd2d}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catalog-grid article{background:#0a1929;border:1px solid #25516f;border-radius:8px;overflow:hidden}.catalog-grid img{height:160px;width:100%;object-fit:cover}.catalog-grid h3{font-size:15px;margin:12px 12px 2px}.catalog-grid span{display:block;font-size:10px;color:#9faebb;margin:0 12px 14px}
.journey-process{padding:54px 0;background:#07111d}.journey-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.journey-process-grid>div{background:#0b1a2b;border:1px solid #25516f;padding:18px;text-align:center}.journey-process-grid b{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--gold2);border-radius:50%;color:var(--gold2)}.journey-process-grid h3{font-size:13px;color:#f6c64c}.journey-process-grid p{font-size:11px;color:#aab6c1}
.steps-take-you{position:relative;text-align:center;padding:90px 0;background:url("assets/norwegian-fjords.jpeg") center/cover no-repeat}.steps-take-you .container{position:relative;z-index:2;max-width:760px}.steps-take-you h2{font-size:52px}.steps-take-you p{color:#d6dde3;font-size:17px}

/* make existing feature and membership pages blend into premium system */
.features-hero,.legal-hero{border-bottom-color:var(--line)}
.membership-only-card,.secondary-feature-card,.feature-primary-card{box-shadow:0 22px 50px rgba(0,0,0,.28)}

@media(max-width:1000px){
 .premium-nav nav{display:none}.nav-button{display:none}
 .home-hero-grid,.dashboard-showcase,.avatar-band-grid{grid-template-columns:1fr}
 .home-avatar-wrap{display:none}
 .featured-journeys-grid,.feature-icon-grid,.how-grid,.mini-membership-grid,.journey-featured-3,.catalog-grid{grid-template-columns:1fr 1fr}
 .value-icons{grid-template-columns:1fr 1fr}
 .category-grid{grid-template-columns:repeat(3,1fr)}
 .journey-process-grid{grid-template-columns:1fr}
 .avatar-row{justify-content:center}
}
@media(max-width:640px){
 .home-hero{min-height:auto}.home-hero-grid{min-height:auto}.home-hero-copy{padding:52px 0}
 .home-hero h1{font-size:56px}
 .hero-stats{flex-direction:column;gap:10px}
 .featured-journeys-grid,.feature-icon-grid,.how-grid,.mini-membership-grid,.journey-featured-3,.catalog-grid,.value-icons{grid-template-columns:1fr}
 .section-heading-row{flex-direction:column;align-items:flex-start}
 .section-heading-row h2{font-size:38px}
 .journeys-hero h1{font-size:50px}.journeys-hero h2{font-size:26px}
 .journey-stat-grid{grid-template-columns:1fr 1fr;gap:14px}
 .category-grid{grid-template-columns:1fr 1fr}
 .avatar-row{overflow:hidden}.avatar-row img{height:220px;width:33%}
}

/* Seven real Journey cards in Find Your Next Destination */
.seven-card-grid article{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.seven-card-grid article:hover{
  transform:translateY(-4px);
  border-color:rgba(246,189,45,.75);
  box-shadow:0 16px 36px rgba(0,0,0,.32);
}
.seven-card-grid img{
  height:190px;
  object-fit:cover;
  object-position:center;
}
@media(min-width:1001px){
  .seven-card-grid article:nth-child(5){grid-column:1;}
}


/* ===== Contact / Tracksuit Progression ===== */
.tracksuit-hero{
  padding:92px 0 72px;
  background:
    radial-gradient(circle at 78% 25%,rgba(246,189,45,.13),transparent 30%),
    linear-gradient(135deg,#06101b 0%,#0a1929 55%,#07111d 100%);
  border-bottom:1px solid var(--line);
}
.tracksuit-hero-inner{max-width:850px}
.tracksuit-hero h1{font-size:clamp(54px,7vw,92px);line-height:.95;letter-spacing:-.045em;margin-bottom:22px}
.tracksuit-hero h1 span{color:var(--gold2)}
.tracksuit-hero p{max-width:760px;font-size:18px;color:#b8c4d0;line-height:1.7}
.tracksuit-progression-section{padding:72px 0;background:#07111d}
.tracksuit-progression-section .section-heading-row p{max-width:500px;color:#aeb9c5}
.tracksuit-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch}
.tracksuit-stage{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#0d1b2c,#091624);border:1px solid #274e6d;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.tracksuit-stage img{width:100%;height:390px;object-fit:cover;object-position:top center;background:#08121f}
.tracksuit-stage .stage-number{position:absolute;top:12px;left:12px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(6,14,24,.86);border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:900;color:#fff}
.stage-copy{padding:18px 16px 20px}
.stage-copy h3{font-size:18px;margin:3px 0 10px}
.stage-copy p{font-size:12px;color:#c4ced7;margin:0 0 12px;line-height:1.5}
.stage-copy p strong{color:#fff}
.stage-color{font-size:10px;font-weight:900;letter-spacing:.1em}
.stage-milestone{padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#f3c54c;font-weight:800;line-height:1.45}
.blue-stage{border-color:#286ee9}.blue-stage .stage-color{color:#5a91ff}
.green-stage{border-color:#2d9b59}.green-stage .stage-color{color:#59d885}
.red-stage{border-color:#bd3e45}.red-stage .stage-color{color:#ff7078}
.yellow-stage{border-color:#c99d24}.yellow-stage .stage-color{color:#ffd556}
.black-stage{border-color:#d7ae38}.black-stage .stage-color{color:#ffd86c}.black-stage{box-shadow:0 0 0 1px rgba(246,189,45,.18) inset,0 20px 45px rgba(0,0,0,.28)}
.contact-premium-section{padding:72px 0;background:linear-gradient(180deg,#081522,#06101b);border-top:1px solid var(--line)}
.contact-premium-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}
.contact-premium-grid h2{font-size:48px;margin-bottom:14px}.contact-premium-grid p{color:#aebac6;max-width:580px}
.contact-premium-card{padding:26px;border:1px solid #2a5676;border-radius:12px;background:#0b1a2b;display:grid;gap:7px}
.contact-premium-card span{font-size:9px;letter-spacing:.15em;color:#8fa2b2;font-weight:900;margin-top:10px}
.contact-premium-card a{font-size:19px;font-weight:800;color:#f6c64c;word-break:break-word}
@media(max-width:1100px){.tracksuit-timeline{grid-template-columns:repeat(2,1fr)}.tracksuit-stage:last-child{grid-column:1/-1;max-width:520px;margin:auto;width:100%}}
@media(max-width:700px){.tracksuit-timeline{grid-template-columns:1fr}.tracksuit-stage:last-child{grid-column:auto;max-width:none}.tracksuit-stage img{height:auto;max-height:none}.contact-premium-grid{grid-template-columns:1fr}.tracksuit-hero h1{font-size:52px}.contact-premium-grid h2{font-size:38px}}


/* ===== App Store / Google Play download buttons ===== */
.store-downloads{
  margin-top:26px;
}
.store-label{
  font-size:10px;
  letter-spacing:.18em;
  font-weight:800;
  color:#98a7b7;
  margin-bottom:10px;
}
.store-button-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.store-button{
  min-width:190px;
  height:58px;
  padding:8px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(180deg,#0d1118,#05080d);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.store-button .store-icon{
  font-size:28px;
  line-height:1;
  min-width:28px;
  text-align:center;
}
.store-button span:last-child{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.store-button small{
  font-size:9px;
  color:#bac4cd;
  margin-bottom:3px;
}
.store-button strong{
  font-size:18px;
  letter-spacing:-.02em;
}
.disabled-store{
  opacity:.82;
  cursor:default;
}
.store-button-row.compact .store-button{
  min-width:164px;
  height:50px;
}
.store-button-row.compact .store-button strong{
  font-size:15px;
}
.footer-store{
  grid-column:1 / -1;
  padding-top:18px;
  margin-top:6px;
  border-top:1px solid rgba(246,189,45,.16);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.footer-store>span{
  font-size:12px;
  font-weight:800;
  color:var(--gold2);
}
.contact-store-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.contact-store-inner>div:first-child{
  max-width:620px;
}
.contact-store-inner p{
  color:#aeb9c5;
}
@media(max-width:760px){
  .store-button-row{
    width:100%;
  }
  .store-button{
    flex:1 1 220px;
  }
  .footer-store,
  .contact-store-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ===== Staggered tracksuit progression ===== */
@media (min-width:1101px){
  .tracksuit-timeline{
    align-items:start;
    padding-top:42px;
    padding-bottom:42px;
  }
  .tracksuit-stage{
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .tracksuit-stage:nth-child(1){ transform:translateY(26px); }
  .tracksuit-stage:nth-child(2){ transform:translateY(-14px); }
  .tracksuit-stage:nth-child(3){ transform:translateY(36px); }
  .tracksuit-stage:nth-child(4){ transform:translateY(-4px); }
  .tracksuit-stage:nth-child(5){ transform:translateY(-30px); }
  .tracksuit-stage:hover{
    transform:translateY(-12px) scale(1.015);
    z-index:4;
    box-shadow:0 28px 60px rgba(0,0,0,.38);
  }
}

@media (min-width:701px) and (max-width:1100px){
  .tracksuit-timeline{align-items:start;padding-top:24px;padding-bottom:24px}
  .tracksuit-stage:nth-child(odd){transform:translateY(16px)}
  .tracksuit-stage:nth-child(even){transform:translateY(-8px)}
  .tracksuit-stage:last-child{transform:translateY(6px)}
}

@media (max-width:700px){
  .tracksuit-stage{transform:none !important}
}


/* ===== WCoin image system ===== */
.wcoin-inline{
  width:28px;
  height:28px;
  object-fit:contain;
  vertical-align:middle;
  margin-right:5px;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));
}
.icon-big .wcoin-inline,
.feature-icon-grid .wcoin-inline{
  width:48px;
  height:48px;
  margin:0;
}
.value-icons .wcoin-inline{
  width:24px;
  height:24px;
  margin:0;
}
.membership-details .wcoin-inline{
  width:24px;
  height:24px;
}

/* ===== Shop page ===== */
.shop-hero{
  position:relative;
  overflow:hidden;
  min-height:650px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 34%, rgba(246,189,45,.20), transparent 30%),
    linear-gradient(135deg,#06111e,#0b1827 58%,#0e1721);
  border-bottom:1px solid var(--line);
}
.shop-hero-glow{
  position:absolute;
  width:620px;
  height:620px;
  right:-120px;
  top:20px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(246,189,45,.16),transparent 62%);
}
.shop-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}
.shop-hero-copy h1{
  font-size:clamp(54px,7vw,92px);
  line-height:.91;
  letter-spacing:-.045em;
  margin:0 0 22px;
}
.shop-hero-copy h1 span{
  color:var(--gold2);
}
.shop-hero-copy>p{
  max-width:620px;
  color:#c4ced8;
  font-size:18px;
}
.shop-hero-product{
  min-height:580px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.shop-hero-product img{
  max-height:560px;
  object-fit:contain;
  filter:drop-shadow(0 36px 38px rgba(0,0,0,.48));
}
.shop-wcoin-callout{
  margin:24px 0;
  padding:14px 16px;
  max-width:620px;
  display:flex;
  gap:14px;
  align-items:center;
  border:1px solid rgba(246,189,45,.28);
  border-radius:12px;
  background:rgba(9,19,31,.76);
}
.shop-wcoin-callout img{
  width:58px;
  height:58px;
  object-fit:contain;
}
.shop-wcoin-callout div{
  display:flex;
  flex-direction:column;
}
.shop-wcoin-callout strong{
  color:var(--gold2);
  font-size:12px;
  letter-spacing:.08em;
}
.shop-wcoin-callout span{
  color:#aeb9c5;
  font-size:12px;
  line-height:1.5;
}
.shop-benefit-strip{
  padding:18px 0;
  background:#081522;
  border-bottom:1px solid var(--line);
}
.shop-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.shop-benefit-grid>div{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 10px;
  align-items:center;
  padding:8px 26px;
  border-right:1px solid var(--line);
}
.shop-benefit-grid>div:last-child{
  border-right:none;
}
.shop-benefit-grid img,
.shop-benefit-icon{
  grid-row:1 / span 2;
  width:42px;
  height:42px;
  object-fit:contain;
  font-size:32px;
}
.shop-benefit-grid strong{
  color:#fff;
  font-size:13px;
}
.shop-benefit-grid span:last-child{
  color:#98a7b5;
  font-size:11px;
}
.shop-section{
  background:linear-gradient(180deg,#07111d,#091724);
}
.shop-product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.shop-product-card{
  overflow:hidden;
  border-radius:14px;
  border:1px solid #234b69;
  background:linear-gradient(180deg,#0d2034,#091625);
  box-shadow:0 18px 46px rgba(0,0,0,.24);
}
.shop-product-card.featured-shop-item{
  border-color:rgba(246,189,45,.56);
}
.shop-product-art{
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:
    radial-gradient(circle at 50% 42%,rgba(246,189,45,.11),transparent 42%),
    #081522;
}
.shop-product-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.38));
}
.shop-product-copy{
  padding:20px;
}
.shop-product-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}
.shop-product-top>span:first-child{
  color:#8fa2b5;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.wcoin-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(246,189,45,.10);
  border:1px solid rgba(246,189,45,.26);
  color:var(--gold2);
  font-size:9px;
  font-weight:800;
}
.wcoin-chip img{
  width:18px;
  height:18px;
  object-fit:contain;
}
.shop-product-copy h3{
  margin:0 0 10px;
  font-size:21px;
}
.shop-product-copy p{
  min-height:64px;
  color:#a8b4c0;
  font-size:13px;
}
.shop-coming-soon{
  width:100%;
  padding:11px 14px;
  border-radius:8px;
  border:1px solid #365a75;
  background:#0c1825;
  color:#8ea0ae;
  font-weight:800;
}
.wcoin-card .shop-product-art img{
  max-width:260px;
}
.shop-cash-rewards{
  padding:58px 0;
  background:
    radial-gradient(circle at 20% 50%,rgba(246,189,45,.10),transparent 28%),
    #06101b;
  border-top:1px solid var(--line);
}
.shop-cash-inner{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:34px;
  align-items:center;
}
.shop-cash-inner>img{
  width:180px;
  height:180px;
  object-fit:contain;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.4));
}
.shop-cash-inner h2{
  font-size:40px;
}
.shop-cash-inner p{
  max-width:780px;
  color:#aeb9c5;
}
.home-shop-callout{
  padding:58px 0;
  background:
    radial-gradient(circle at 20% 40%,rgba(246,189,45,.12),transparent 30%),
    linear-gradient(90deg,#07111d,#0a1724);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.home-shop-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:40px;
  align-items:center;
}
.home-shop-products{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:360px;
}
.home-shop-products img:first-child{
  width:54%;
  max-height:360px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));
}
.home-shop-products img:last-child{
  width:48%;
  margin-left:-8%;
  max-height:260px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));
}
.home-shop-grid p{
  color:#aeb9c5;
  font-size:16px;
}

@media(max-width:1000px){
  .shop-hero-grid,
  .home-shop-grid{
    grid-template-columns:1fr;
  }
  .shop-hero-product{
    min-height:380px;
  }
  .shop-hero-product img{
    max-height:390px;
  }
  .shop-product-grid{
    grid-template-columns:1fr 1fr;
  }
  .shop-benefit-grid{
    grid-template-columns:1fr;
  }
  .shop-benefit-grid>div{
    border-right:none;
    border-bottom:1px solid var(--line);
  }
  .shop-cash-inner{
    grid-template-columns:120px 1fr;
  }
  .shop-cash-inner>img{
    width:110px;
    height:110px;
  }
}
@media(max-width:640px){
  .shop-product-grid{
    grid-template-columns:1fr;
  }
  .shop-product-art{
    height:310px;
  }
  .shop-cash-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .shop-cash-inner>img{
    margin:auto;
  }
  .home-shop-products{
    min-height:250px;
  }
}


/* Home avatar section: images intentionally removed */
.avatar-band-grid{
  grid-template-columns:1fr !important;
  max-width:760px;
  text-align:center;
  justify-items:center;
  margin:0 auto;
}
.avatar-band-grid > div:first-child{
  max-width:700px;
}


/* ===== Journeys hero stats upgrade ===== */
.journey-stat-grid > div{
  align-items:center;
  justify-content:center;
  text-align:center;
}
.journey-stat-grid .wcoin-inline{
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
  margin:0 auto 7px auto !important;
  flex:0 0 auto;
}
.journey-stat-grid > div:first-child,
.journey-stat-grid > div:nth-child(2),
.journey-stat-grid > div:nth-child(3){
  font-size:24px;
}


/* ===== Support Center ===== */
.support-hero{
  position:relative;
  overflow:hidden;
  padding:96px 0 82px;
  background:
    radial-gradient(circle at 82% 36%, rgba(246,189,45,.16), transparent 30%),
    radial-gradient(circle at 18% 24%, rgba(55,222,203,.08), transparent 34%),
    linear-gradient(135deg,#06111d,#0b1a29);
  border-bottom:1px solid var(--line);
}
.support-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:56px;
  align-items:center;
}
.support-hero h1{
  margin:8px 0 22px;
  font-size:clamp(52px,7vw,94px);
  line-height:.92;
  letter-spacing:-.045em;
}
.support-hero h1 span{ color:var(--gold2); }
.support-hero p{
  max-width:680px;
  color:#b8c5d0;
  font-size:18px;
  line-height:1.65;
}
.support-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.support-coin-card{
  min-height:400px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:34px;
  border:1px solid rgba(246,189,45,.38);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 40%,rgba(246,189,45,.18),transparent 36%),
    rgba(8,20,33,.86);
  box-shadow:0 28px 60px rgba(0,0,0,.28);
}
.support-coin-card img{
  width:min(280px,72%);
  filter:drop-shadow(0 25px 28px rgba(0,0,0,.42));
}
.support-coin-card strong{
  margin-top:14px;
  color:var(--gold2);
  font-size:16px;
  letter-spacing:.08em;
}
.support-coin-card span{
  margin-top:6px;
  color:#9fb0be;
  font-size:13px;
}
.support-topic-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:30px;
}
.support-topic-grid article{
  min-height:220px;
  padding:26px;
  border:1px solid #204661;
  border-radius:16px;
  background:linear-gradient(180deg,#0d2033,#091725);
}
.support-topic-icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  font-size:32px;
}
.support-topic-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
}
.support-topic-grid h3{
  margin:0 0 10px;
  font-size:20px;
}
.support-topic-grid p{
  margin:0;
  color:#9eacb9;
  line-height:1.55;
  font-size:13px;
}
.support-faq{
  padding:72px 0;
  background:#07131f;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.faq-list{
  max-width:940px;
  margin-top:30px;
}
.faq-list details{
  margin-bottom:12px;
  border:1px solid #24445c;
  border-radius:12px;
  background:#0a1928;
  overflow:hidden;
}
.faq-list summary{
  cursor:pointer;
  list-style:none;
  padding:18px 20px;
  color:#fff;
  font-weight:800;
}
.faq-list summary::-webkit-details-marker{ display:none; }
.faq-list summary:after{
  content:"+";
  float:right;
  color:var(--gold2);
  font-size:22px;
  line-height:1;
}
.faq-list details[open] summary:after{ content:"–"; }
.faq-list details p{
  margin:0;
  padding:0 20px 20px;
  color:#a8b5c1;
  line-height:1.65;
}
.support-contact-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:50px;
  align-items:start;
}
.support-contact-grid>div>p{
  color:#aab7c3;
  line-height:1.65;
}
.support-email-card{
  margin-top:24px;
  padding:18px 20px;
  border:1px solid rgba(246,189,45,.32);
  border-radius:12px;
  background:rgba(246,189,45,.07);
  display:flex;
  flex-direction:column;
  gap:4px;
}
.support-email-card span{
  color:#9ba9b6;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.support-email-card a{
  color:var(--gold2);
  font-size:20px;
  font-weight:800;
}
.support-small{
  font-size:11px!important;
  color:#7f91a1!important;
}
.support-form{
  padding:28px;
  border:1px solid #254a66;
  border-radius:16px;
  background:#0a1928;
  box-shadow:0 22px 50px rgba(0,0,0,.22);
}
.support-form label{
  display:block;
  margin-bottom:16px;
  color:#dce5ec;
  font-size:12px;
  font-weight:800;
}
.support-form input,
.support-form select,
.support-form textarea{
  width:100%;
  box-sizing:border-box;
  margin-top:7px;
  padding:13px 14px;
  border:1px solid #31546d;
  border-radius:9px;
  background:#06111d;
  color:#fff;
  font:inherit;
  outline:none;
}
.support-form input:focus,
.support-form select:focus,
.support-form textarea:focus{
  border-color:var(--gold2);
}
.support-form textarea{
  resize:vertical;
  min-height:150px;
}
.support-submit{
  width:100%;
  border:none;
  cursor:pointer;
}
.hidden-field{
  position:absolute!important;
  left:-9999px!important;
}
.contact-support-cta{
  padding:44px 0;
  background:
    radial-gradient(circle at 16% 50%,rgba(55,222,203,.08),transparent 32%),
    #07131f;
  border-top:1px solid var(--line);
}
.contact-support-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.contact-support-cta h2{
  margin:5px 0 8px;
}
.contact-support-cta p{
  max-width:720px;
  margin:0;
  color:#9eadba;
}

@media(max-width:900px){
  .support-hero-grid,
  .support-contact-grid{
    grid-template-columns:1fr;
  }
  .support-coin-card{
    min-height:300px;
  }
  .support-topic-grid{
    grid-template-columns:1fr 1fr;
  }
  .contact-support-cta-inner{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:620px){
  .support-topic-grid{
    grid-template-columns:1fr;
  }
  .support-hero{
    padding:62px 0 54px;
  }
  .support-form{
    padding:20px;
  }
}