/* =========================================================
   Dr. Marketo - Marketoverse theme for the inner pages
   Loaded after style.css, mascot-ui.css and world.css.
   Scoped to body.world-page (and the footer on .world-home)
   so the original stylesheet stays untouched. It restyles
   the existing markup; it does not change the content.
   ========================================================= */

/* ---------- shared: dark cinematic page banners ---------- */
.world-page .about-hero,
.world-page .solutions-hero,
.world-page .legal-hero,
.world-page .auth-side,
.world-page .world-band{
  position:relative;overflow:hidden;color:var(--w-text);
  background:
    radial-gradient(800px 420px at 80% 30%,rgba(217,164,65,.22),transparent 60%),
    radial-gradient(600px 360px at 15% 100%,rgba(217,164,65,.10),transparent 60%),
    linear-gradient(180deg,#121319 0%,var(--w-ink) 70%,#0B0C10 100%);
}
/* starfield + light beam without touching the markup */
.world-page .about-hero::before,
.world-page .solutions-hero::before,
.world-page .legal-hero::before,
.world-page .auth-side::before,
.world-page .world-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.7),transparent 2px),
    radial-gradient(1px 1px at 33% 72%,rgba(255,255,255,.5),transparent 2px),
    radial-gradient(1.5px 1.5px at 58% 26%,rgba(242,199,99,.8),transparent 2px),
    radial-gradient(1px 1px at 71% 61%,rgba(255,255,255,.55),transparent 2px),
    radial-gradient(1px 1px at 86% 14%,rgba(255,255,255,.6),transparent 2px),
    radial-gradient(1.5px 1.5px at 44% 88%,rgba(242,199,99,.7),transparent 2px),
    radial-gradient(1px 1px at 92% 82%,rgba(255,255,255,.5),transparent 2px),
    radial-gradient(#fff 1px,transparent 1.5px);
  background-size:auto,auto,auto,auto,auto,auto,auto,9px 9px;
  opacity:.9;
  -webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35));
}
.world-page .about-hero::before,
.world-page .solutions-hero::before,
.world-page .legal-hero::before,
.world-page .auth-side::before,
.world-page .world-band::before{opacity:.16}
.world-page .about-hero::after,
.world-page .solutions-hero::after,
.world-page .legal-hero::after,
.world-page .world-band::after{
  content:"";position:absolute;left:62%;top:-20%;width:180px;height:140%;pointer-events:none;
  transform:skewX(-18deg);filter:blur(2px);opacity:.5;
  background:linear-gradient(180deg,rgba(242,199,99,0),rgba(242,199,99,.26) 40%,rgba(242,199,99,0));
}
.world-page .about-hero > *:not(.wave-bg),
.world-page .solutions-hero > *:not(.wave-bg),
.world-page .legal-hero > *:not(.wave-bg),
.world-page .auth-side > *:not(.wave-bg),
.world-page .world-band > *:not(.wave-bg){position:relative;z-index:1}
.world-page .wave-bg{z-index:0}

/* type inside the banners */
.world-page .about-hero .h1,.world-page .about-hero .h2,
.world-page .solutions-hero .h1,.world-page .solutions-hero .h2,
.world-page .legal-hero .h1,.world-page .legal-hero .h2,
.world-page .auth-side .h1,.world-page .auth-side .h2,.world-page .auth-side h2,
.world-page .world-band .h1,.world-page .world-band .h2{color:#fff;letter-spacing:-.02em}
.world-page .about-hero .gold-text,.world-page .solutions-hero .gold-text,.world-page .legal-hero .gold-text,
.world-page .auth-side .gold-text,.world-page .world-band .gold-text{
  font-style:italic;background:linear-gradient(92deg,var(--w-gold-2),var(--w-gold) 55%,#B98426);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.world-page .about-hero .lead,.world-page .about-hero p,
.world-page .solutions-hero .lead,.world-page .solutions-hero p,
.world-page .legal-hero .lead,.world-page .legal-hero p,
.world-page .auth-side .lead,.world-page .auth-side p,.world-page .auth-side li,
.world-page .world-band .lead,.world-page .world-band p{color:var(--w-muted)}
.world-page .about-hero .check-list li,.world-page .solutions-hero .check-list li,.world-page .auth-side .check-list li{color:var(--w-text)}
.world-page .about-hero .check-list svg,.world-page .solutions-hero .check-list svg,.world-page .auth-side .check-list svg{color:var(--w-gold-2)}
.world-page .about-hero .hero-note,.world-page .solutions-hero .hero-note{color:var(--w-text)}
.world-page .about-hero .hero-note svg,.world-page .solutions-hero .hero-note svg{color:var(--w-gold-2)}
.world-page .about-hero .pill,.world-page .solutions-hero .pill{background:rgba(217,164,65,.14);color:var(--w-gold-2);border-color:var(--w-line)}
.world-page .about-hero .btn-outline,.world-page .solutions-hero .btn-outline,.world-page .legal-hero .btn-outline,.world-page .world-band .btn-outline{
  background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.2)
}
.world-page .about-hero .btn-outline:hover,.world-page .solutions-hero .btn-outline:hover,.world-page .legal-hero .btn-outline:hover,.world-page .world-band .btn-outline:hover{border-color:var(--w-gold);color:var(--w-gold-2)}
.world-page .about-hero .btn-primary,.world-page .solutions-hero .btn-primary,.world-page .legal-hero .btn-primary,.world-page .world-band .btn-primary,.world-page .auth-side .btn-primary{
  background:linear-gradient(135deg,var(--w-gold-2),var(--w-gold) 60%,#B98426);color:#1A1204;box-shadow:var(--w-glow)
}
.world-page .about-hero .wave-bg,.world-page .solutions-hero .wave-bg{color:rgba(242,199,99,.35);opacity:.5}
.world-page .about-hero .mascot,.world-page .solutions-hero .mascot,.world-page .auth-side .mascot{
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(217,164,65,.25))
}

/* eyebrows everywhere pick up the world style */
.world-page .eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.24em;font-weight:700}
.world-page .eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);border-radius:2px}
.world-page .section-head .eyebrow::before{display:none}
.world-page .about-hero .eyebrow,.world-page .solutions-hero .eyebrow,.world-page .legal-hero .eyebrow,.world-page .auth-side .eyebrow,.world-page .world-band .eyebrow{color:var(--w-gold)}
.world-page .about-hero .eyebrow::before,.world-page .solutions-hero .eyebrow::before,.world-page .legal-hero .eyebrow::before,.world-page .auth-side .eyebrow::before,.world-page .world-band .eyebrow::before{background:var(--w-gold)}

/* ---------- content sections: cream / comic accents ---------- */
.world-page .section-cream{background:var(--w-cream)}
.world-page .card{border:2px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--gold);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.world-page .card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--gold)}
.world-page .icon-badge{background:linear-gradient(145deg,var(--gold-100),#fff);border:1px solid var(--gold-200);box-shadow:none}
.world-page .stat,.world-page .contact-card{border:2px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--gold)}
.world-page .stat{background:#fff}
.world-page .rule{background:linear-gradient(90deg,var(--w-gold-2),var(--gold))}

/* solutions tabs */
.world-page .tabs-rail{background:var(--w-ink-2);border:1px solid var(--w-line);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.world-page .tabs-rail .tab-btn,.world-page .tabs-rail button{color:var(--w-muted)}
.world-page .tabs-rail .tab-btn.is-active,.world-page .tabs-rail button.is-active,
.world-page .tabs-rail .tab-btn.active,.world-page .tabs-rail button.active,
.world-page .tabs-rail [aria-selected="true"]{background:rgba(217,164,65,.14);color:var(--w-gold-2);border-color:var(--w-line)}
.world-page .tabs-rail .tab-btn:hover,.world-page .tabs-rail button:hover{color:#fff}
.world-page .strip-gold{background:linear-gradient(90deg,var(--w-gold-deep),var(--w-gold),var(--w-gold-deep));color:#1A1204}
.world-page .strip-gold *{color:#1A1204}

/* pricing */
.world-page .plan{border:2px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--gold);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.world-page .plan:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--gold)}
.world-page .plan.featured{box-shadow:6px 6px 0 var(--ink);border-color:var(--gold)}
.world-page .plan.featured:hover{box-shadow:10px 10px 0 var(--ink)}
.world-page .plan-badge{background:var(--ink);color:var(--w-gold-2);letter-spacing:.16em}
.world-page .include-panel{background:var(--w-ink-2);border:1px solid var(--w-line);color:var(--w-text);border-radius:18px}
.world-page .include-panel h4{color:#fff}
.world-page .include-panel li{color:var(--w-text);border-color:rgba(255,255,255,.08)}
.world-page .include-panel svg{color:var(--w-gold-2)}

/* early-access banner becomes the "join the league" block */
.world-page .help-banner{
  background:radial-gradient(500px 240px at 85% 50%,rgba(217,164,65,.28),transparent 65%),linear-gradient(135deg,#1A1305,#0E0F13 60%);
  border:1px solid var(--w-line);box-shadow:var(--w-glow);color:var(--w-text);border-radius:22px
}
.world-page .help-banner b{color:#fff;font-family:var(--serif);font-size:20px}
.world-page .help-banner p{color:var(--w-muted)}
.world-page .help-banner .hb-icon{background:rgba(217,164,65,.14);color:var(--w-gold-2);border:1px solid var(--w-line)}
.world-page .help-banner .btn{background:linear-gradient(135deg,var(--w-gold-2),var(--w-gold) 60%,#B98426);color:#1A1204;border:0;box-shadow:0 0 30px rgba(217,164,65,.35)}
.world-page .help-banner .btn:hover{transform:translateY(-2px);box-shadow:0 0 44px rgba(217,164,65,.5)}
.world-page .help-banner .hb-mascot{filter:drop-shadow(0 16px 24px rgba(0,0,0,.55))}

/* closing CTA goes dark & cinematic */
.world-page .cta-section{
  position:relative;overflow:hidden;color:var(--w-text);
  background:radial-gradient(700px 320px at 20% 50%,rgba(217,164,65,.24),transparent 65%),linear-gradient(135deg,#0E0F13,#1A1305 140%)
}
.world-page .cta-section.section-cream{background:radial-gradient(700px 320px at 20% 50%,rgba(217,164,65,.24),transparent 65%),linear-gradient(135deg,#0E0F13,#1A1305 140%)}
.world-page .cta-section .h2{color:#fff}
.world-page .cta-section .lead,.world-page .cta-section p{color:var(--w-muted)}
.world-page .cta-section .cta-notes span{color:var(--w-text)}
.world-page .cta-section .cta-notes svg{color:var(--w-gold-2)}
.world-page .cta-section .btn-primary{background:linear-gradient(135deg,var(--w-gold-2),var(--w-gold) 60%,#B98426);color:#1A1204;box-shadow:var(--w-glow)}
.world-page .cta-section .btn-outline{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.2)}
.world-page .cta-section .mascot{filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(217,164,65,.25))}

/* legal documents */
.world-page .legal-nav a.active,.world-page .legal-nav a:hover{color:var(--gold-700)}
.world-page .legal-doc h2{font-family:var(--serif)}
.world-page .legal-note{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--gold);border-radius:14px;background:#fff}

/* login / auth */
.world-page .auth-form{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--gold);border-radius:18px}

/* ---------- footer: same dark world on every page ---------- */
.world-home .site-footer,.world-page .site-footer{background:#0B0C10;border-top:1px solid var(--w-line);color:var(--w-muted)}
.world-home .site-footer .logo-img,.world-page .site-footer .logo-img{filter:brightness(0) invert(1);opacity:.92}
.world-home .footer-about p,.world-page .footer-about p,
.world-home .footer-col a,.world-page .footer-col a,
.world-home .footer-cta p,.world-page .footer-cta p,
.world-home .footer-bottom,.world-page .footer-bottom{color:var(--w-muted)}
.world-home .footer-col h5,.world-page .footer-col h5,
.world-home .footer-cta h5,.world-page .footer-cta h5{color:#fff !important}
.world-home .footer-col a:hover,.world-page .footer-col a:hover{color:var(--w-gold-2)}
.world-home .socials a,.world-page .socials a{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);color:#fff}
.world-home .socials a:hover,.world-page .socials a:hover{background:var(--w-gold);border-color:var(--w-gold);color:#1A1204}
.world-home .footer-bottom,.world-page .footer-bottom{border-top-color:rgba(255,255,255,.08)}
.world-home .footer-cta .btn-primary,.world-page .footer-cta .btn-primary{background:linear-gradient(135deg,var(--w-gold-2),var(--w-gold) 60%,#B98426);color:#1A1204}

@media (prefers-reduced-motion:reduce){
  .world-page .card,.world-page .plan,.world-page .help-banner .btn{transition:none}
}

/* ---------- refinements per page ---------- */
/* solutions hero cards sit on the dark stage */
.world-page .sh-card{background:rgba(22,24,33,.85);border:1px solid var(--w-line);color:var(--w-text);backdrop-filter:blur(6px);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.world-page .sh-card h4{color:#fff}
.world-page .sh-card p{color:var(--w-muted)}
.world-page .sh-card .icon-badge{background:rgba(217,164,65,.14);border-color:var(--w-line);color:var(--w-gold-2)}
.world-page .sh-card .link-arrow{color:var(--w-gold-2)}
.world-page .sh-card:hover{border-color:var(--w-gold);transform:translateY(-4px)}
/* about hero */
.world-page .about-hero .btn-ghost-gold{color:var(--w-gold-2);border-color:var(--w-line);background:rgba(217,164,65,.08)}
.world-page .about-hero .photo-frame{box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 60px rgba(217,164,65,.15);border:1px solid var(--w-line)}
/* pricing, thank-you and 404 sit on the dark stage (class added in markup) */
.world-page .world-band .currency-toggle{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.world-page .world-band .currency-toggle button{color:var(--w-muted)}
.world-page .world-band .currency-toggle button.active{background:var(--w-gold);color:#1A1204}
.world-page .world-band .currency-note,.world-page .world-band .currency-note a{color:var(--w-muted)}
.world-page .world-band .currency-note a{color:var(--w-gold-2)}
.world-page .world-band .plan,.world-page .world-band .plan.featured{box-shadow:0 30px 70px rgba(0,0,0,.55);border-color:rgba(255,255,255,.08)}
.world-page .world-band .plan.featured{border-color:var(--w-gold);box-shadow:0 30px 70px rgba(0,0,0,.55),var(--w-glow)}
.world-page .world-band .plan:hover,.world-page .world-band .plan.featured:hover{transform:translateY(-6px)}
.world-page .world-band .cta-pair .btn-outline{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.2)}
.world-page .world-band .cta-notes a{color:var(--w-gold-2) !important}
.world-page .world-band .h1,.world-page .world-band .h3{color:#fff}
.world-page .world-band .mascot{filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(217,164,65,.25))}

/* ---------- about: photo frames become Marketoverse stages ---------- */
.world-page .photo-frame.ph-tall{aspect-ratio:4/3}
.world-page .dm-stage{
  position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;
  background:
    radial-gradient(60% 45% at 50% 95%,rgba(217,164,65,.45),transparent 70%),
    radial-gradient(1px 1px at 18% 22%,rgba(255,255,255,.7),transparent 2px),
    radial-gradient(1px 1px at 72% 18%,rgba(255,255,255,.6),transparent 2px),
    radial-gradient(1.5px 1.5px at 84% 62%,rgba(242,199,99,.8),transparent 2px),
    radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.5),transparent 2px),
    radial-gradient(#fff 1px,transparent 1.5px),
    linear-gradient(180deg,#171923,#0E0F13);
  background-size:auto,auto,auto,auto,auto,9px 9px,auto;
}
.world-page .dm-stage::before{content:"";position:absolute;left:58%;top:-20%;width:140px;height:140%;transform:skewX(-18deg);filter:blur(2px);opacity:.5;
  background:linear-gradient(180deg,rgba(242,199,99,0),rgba(242,199,99,.28) 40%,rgba(242,199,99,0))}
.world-page .dm-stage::after{content:"";position:absolute;left:50%;bottom:6%;width:62%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;
  border:1px dashed rgba(217,164,65,.35);box-shadow:inset 0 0 60px rgba(217,164,65,.12)}
.world-page .photo-frame .dm-stage img{position:relative;z-index:1;width:auto;height:94%;object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.6)) drop-shadow(0 0 24px rgba(217,164,65,.25))}
.world-page .dm-stage-left{justify-content:flex-start;padding-left:7%}
.world-page .dm-stage-left::after{left:32%}
.world-page .dm-stage-top{align-items:flex-start;padding-top:4%}
.world-page .dm-stage-top img{height:82%}
.world-page .dm-stage-top::after{bottom:auto;top:18%}
.world-page .about-mascot{display:none}
@media (max-width:1024px){.world-page .photo-frame .dm-stage img{height:94%}.world-page .dm-stage-top img{height:82%}}
.world-page .dm-stage{background:
    radial-gradient(60% 45% at 50% 95%,rgba(217,164,65,.45),transparent 70%),
    radial-gradient(1px 1px at 18% 22%,rgba(255,255,255,.7),transparent 2px),
    radial-gradient(1px 1px at 72% 18%,rgba(255,255,255,.6),transparent 2px),
    radial-gradient(1.5px 1.5px at 84% 62%,rgba(242,199,99,.8),transparent 2px),
    radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.5),transparent 2px),
    radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.5px),
    linear-gradient(180deg,#171923,#0E0F13);
  background-size:auto,auto,auto,auto,auto,9px 9px,auto}
.world-page .dm-stage-top img{height:64%}
.world-page .dm-stage-top::after{top:12%;width:52%}
@media (max-width:1024px){.world-page .dm-stage-top img{height:64%}}
.world-page .photo-frame .dm-stage-top img{height:62%}

/* purpose tabs: hover must stay dark so the text is readable */
.world-page .tabs-rail .tab-btn:hover{background:rgba(255,255,255,.06);color:#fff}
.world-page .tabs-rail .tab-btn:hover svg{color:var(--w-gold-2)}
.world-page .tabs-rail .tab-btn.active{background:rgba(217,164,65,.14);color:var(--w-gold-2)}
.world-page .tabs-rail .tab-btn.active:hover{background:rgba(217,164,65,.2)}

/* pricing: two plans + the include panel */
.world-page .pricing-grid{grid-template-columns:1.05fr 1.05fr .9fr}
@media (max-width:1160px){.world-page .pricing-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.world-page .pricing-grid{grid-template-columns:1fr}}