:root{
  --blue:#2163FA; --deep:#18005B; --green:#30E3AC; --gold:#FFD23F; --red:#D90368;
  --beige:#FAF2F0; --tint-blue:#E8EFFE; --tint-green:#D6F9EE; --tint-gold:#FFF6D9; --tint-grey:#E7E5EE;
  --ink:#18005B; --body:#2b2646; --muted:#5d5878; --line:#dcd7ea;
  --head:"Outfit",system-ui,sans-serif; --text:"Source Sans 3",system-ui,sans-serif;
  --w:1180px; --skew:-12deg;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--text);font-size:18px;line-height:1.55;color:var(--body);background:#fff}
h1,h2,h3,h4{font-family:var(--head);color:var(--ink);line-height:1.1;margin:0 0 .5em;letter-spacing:-.01em;font-weight:600}
h1{font-size:clamp(2.2rem,4.4vw,3.4rem)}
h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}
h3{font-size:1.35rem}
h4{font-size:1.1rem}
p{margin:0 0 1em;max-width:62ch}
a{color:var(--blue)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
img{max-width:100%;display:block}
.wrap{width:min(var(--w),calc(100% - 3rem));margin-inline:auto}
.lede{font-size:1.25rem;color:var(--muted)}
ul.plain{list-style:none;padding:0;margin:0}

/* Buttons */
.btn{display:inline-block;font-family:var(--head);font-weight:600;font-size:1rem;text-decoration:none;padding:.9rem 1.5rem;border-radius:6px;border:2px solid transparent;transition:background .15s,color .15s}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#1a50cc}
.btn-gold{background:var(--gold);color:var(--deep)}
.btn-gold:hover{background:#f5c51d}
.btn-outline{border-color:var(--deep);color:var(--deep);background:transparent}
.btn-outline:hover{background:var(--deep);color:#fff}
.btn-outline.light{border-color:#fff;color:#fff}
.btn-outline.light:hover{background:#fff;color:var(--deep)}

/* Utility bar + header */
.topbar{background:var(--deep);color:#c9c3e6;font-size:.9rem}
.topbar .wrap{display:flex;justify-content:flex-end;gap:1.5rem;padding:.4rem 0}
.topbar a{color:#c9c3e6;text-decoration:none}
.topbar a:hover{color:#fff}
header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
header.site>.wrap{display:flex;align-items:center;gap:2rem;height:76px}
.logo img{height:30px;width:auto}
nav.main{margin-left:auto}
nav.main ul{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0}
nav.main a{font-family:var(--head);font-weight:500;color:var(--deep);text-decoration:none;font-size:1rem;padding:.4rem 0;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a[aria-current]{border-bottom-color:var(--blue)}
.nav-toggle{display:none;margin-left:auto;background:none;border:2px solid var(--deep);border-radius:6px;padding:.4rem .7rem;font-family:var(--head);font-weight:600;color:var(--deep)}
@media (max-width:900px){
  header.site>.wrap{flex-wrap:wrap;height:auto;padding:.9rem 0}
  .nav-toggle{display:block}
  nav.main{display:none;width:100%;margin:0}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;gap:.2rem;padding:.6rem 0}
  header.site .btn{display:none}
}

/* The slash — the one signature device */
.slash{position:relative;isolation:isolate}
.slash::before{content:"";position:absolute;inset:0;background:var(--deep);transform:skewX(var(--skew));transform-origin:top;z-index:-1}

/* Hero */
.hero{background:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding:4.5rem 0 5rem}
.hero .lede{font-size:1.35rem;margin-bottom:1.8rem}
.hero .actions{display:flex;gap:.8rem;flex-wrap:wrap}
.site-pack{position:relative;isolation:isolate;color:#fff;padding:2.6rem 2rem 2.4rem 6rem}
.site-pack::before{content:"";position:absolute;top:0;bottom:0;left:0;right:-40vw;background:var(--deep);border-left:6px solid var(--gold);transform:skewX(var(--skew));transform-origin:bottom left;z-index:-1}
.site-pack h3{color:#fff;font-size:1rem;font-weight:500;letter-spacing:.02em;opacity:.8;margin-bottom:1rem}
.site-pack dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:.7rem 1.2rem;font-family:var(--head);font-size:.98rem}
.site-pack dt{font-weight:400;color:#cfc9ea}
.site-pack dd{margin:0;text-align:right;font-weight:600;font-size:1.05rem}
.site-pack dd.ok{color:var(--green)}
.site-pack dd.warn{color:var(--gold)}
.site-pack .foot{margin-top:1.4rem;font-size:.95rem;color:#cfc9ea;border-top:1px solid rgba(255,255,255,.18);padding-top:1rem}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;padding:3rem 0}.site-pack{padding:2.2rem 1.2rem 2rem 3.6rem;margin-left:0}.site-pack::before{--skew:-6deg;right:-10vw;left:-1.5rem}}

/* Sections */
section{padding:5rem 0}
section.beige{background:var(--beige)}
section.deep{background:var(--deep);color:#e5e1f5}
section.deep h2,section.deep h3{color:#fff}
section.tint{background:var(--tint-blue)}
.intro{max-width:70ch;margin-bottom:3rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:2rem}}

/* Service trio */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.trio article{border-top:4px solid var(--blue);padding-top:1.4rem}
.trio article:nth-child(2){border-top-color:var(--green)}
.trio article:nth-child(3){border-top-color:var(--gold)}
.trio ul{padding-left:1.1rem;margin:.6rem 0 1rem;color:var(--muted)}
.trio a.more{font-family:var(--head);font-weight:600;text-decoration:none}
.trio a.more:hover{text-decoration:underline}
@media (max-width:900px){.trio{grid-template-columns:1fr}}

/* Steps (a real sequence) */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;counter-reset:step}
.steps article{position:relative;padding:1.8rem 1.6rem 1.6rem;background:#fff;border:1px solid var(--line);border-radius:8px}
.steps article::before{counter-increment:step;content:counter(step);position:absolute;top:-1rem;left:1.4rem;background:var(--gold);color:var(--deep);font-family:var(--head);font-weight:700;width:2rem;height:2rem;border-radius:4px;display:grid;place-items:center;transform:skewX(var(--skew))}
.steps .when{font-size:.9rem;color:var(--muted);margin-bottom:.4rem;font-family:var(--head)}
@media (max-width:900px){.steps{grid-template-columns:1fr}}

/* Checklist */
.checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 2rem}
.checks li{padding-left:1.8rem;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.45em;width:.8rem;height:.45rem;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}
@media (max-width:700px){.checks{grid-template-columns:1fr}}

/* Testimonials */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.quotes blockquote{margin:0;padding:1.6rem;background:#fff;border-left:4px solid var(--blue);font-size:1.05rem}
.quotes cite{display:block;margin-top:1rem;font-style:normal;font-family:var(--head);font-weight:600;color:var(--ink)}
.quotes cite span{display:block;font-weight:400;color:var(--muted);font-size:.9rem}
@media (max-width:900px){.quotes{grid-template-columns:1fr}}

/* Case study */
.case{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}
.case .facts{background:var(--tint-gold);padding:1.6rem;border-radius:8px}
.case .facts dt{font-family:var(--head);font-weight:600;color:var(--ink);margin-top:.8rem}
.case .facts dt:first-child{margin-top:0}
.case .facts dd{margin:0}
@media (max-width:900px){.case{grid-template-columns:1fr}}

/* Cards for posts and sectors */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{display:block;text-decoration:none;color:inherit;padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:8px}
.card:hover{border-color:var(--blue)}
.card h3{margin-bottom:.4rem}
.card .meta{font-size:.9rem;color:var(--muted);font-family:var(--head)}
.card p{color:var(--muted);margin-bottom:0}
@media (max-width:900px){.grid,.grid.two{grid-template-columns:1fr}}

/* Page header */
.page-head{background:var(--beige);padding:4rem 0 3.5rem;border-bottom:1px solid var(--line)}
.page-head .wrap{max-width:var(--w)}
.page-head .crumbs{font-size:.9rem;color:var(--muted);margin-bottom:1rem}
.page-head .crumbs a{color:var(--muted)}
.page-head h1{max-width:20ch}

/* Article */
.article{max-width:72ch}
.article h2{font-size:1.7rem;margin-top:2.2rem}
.article h3{margin-top:1.6rem}
.article ul,.article ol{padding-left:1.3rem}
.article li{margin-bottom:.4rem}
.article .note{background:var(--tint-blue);border-left:4px solid var(--blue);padding:1rem 1.2rem;border-radius:0 8px 8px 0;margin:1.5rem 0}
.article table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}
.article th,.article td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
.article th{font-family:var(--head);color:var(--ink)}

/* Sidebar layout */
.with-side{display:grid;grid-template-columns:1fr 320px;gap:4rem;align-items:start}
.side{position:sticky;top:96px;background:var(--beige);padding:1.6rem;border-radius:8px}
.side h3{font-size:1.1rem}
.side ul{list-style:none;padding:0;margin:0 0 1.2rem}
.side li{padding:.4rem 0;border-bottom:1px solid var(--line)}
.side a{text-decoration:none;color:var(--deep)}
.side a:hover{color:var(--blue)}
@media (max-width:900px){.with-side{grid-template-columns:1fr}.side{position:static}}

/* CTA band */
.cta{background:var(--deep);color:#e5e1f5;padding:5rem 0;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-8%;top:0;bottom:0;width:22%;background:var(--blue);transform:skewX(var(--skew));transform-origin:top;opacity:.9}
.cta .wrap{position:relative;z-index:1}
.cta h2{color:#fff;max-width:22ch}
.cta p{max-width:56ch}

/* Forms */
form.enquiry{display:grid;gap:1.1rem;max-width:640px}
form.enquiry .row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
form.enquiry label{display:block;font-family:var(--head);font-weight:500;color:var(--ink);margin-bottom:.35rem;font-size:.95rem}
form.enquiry input,form.enquiry select,form.enquiry textarea{width:100%;font:inherit;padding:.75rem .9rem;border:1.5px solid var(--line);border-radius:6px;background:#fff}
form.enquiry input:focus,form.enquiry select:focus,form.enquiry textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--tint-blue)}
form.enquiry .hint{font-size:.9rem;color:var(--muted)}
.form-done{background:var(--tint-green);border-left:4px solid var(--green);padding:1.2rem 1.4rem;border-radius:0 8px 8px 0}
@media (max-width:700px){form.enquiry .row{grid-template-columns:1fr}}

/* Stats strip */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip strong{display:block;font-family:var(--head);font-size:2.2rem;color:var(--blue);line-height:1}
.strip span{color:var(--muted);font-size:.95rem}
@media (max-width:900px){.strip{grid-template-columns:repeat(2,1fr)}}

/* FAQ */
details{border-bottom:1px solid var(--line);padding:.9rem 0}
details summary{cursor:pointer;font-family:var(--head);font-weight:600;color:var(--ink);font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
details summary::after{content:"+";color:var(--blue);font-weight:400}
details[open] summary::after{content:"–"}
details p{margin-top:.8rem}

/* Team */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.team article .ph{aspect-ratio:1;background:var(--tint-grey);border-radius:8px;margin-bottom:.8rem;display:grid;place-items:center;font-family:var(--head);font-size:2.4rem;color:var(--deep);font-weight:600}
.team h3{font-size:1.1rem;margin-bottom:.1rem}
.team .role{color:var(--muted);font-size:.95rem}
@media (max-width:900px){.team{grid-template-columns:repeat(2,1fr)}}

/* Footer */
footer.site{background:var(--deep);color:#c9c3e6;padding:4rem 0 2rem;font-size:.95rem}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:2.5rem}
footer.site h4{color:#fff;font-size:1rem;margin-bottom:.8rem}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site li{margin-bottom:.45rem}
footer.site a{color:#c9c3e6;text-decoration:none}
footer.site a:hover{color:#fff}
footer.site .logo img{height:26px;margin-bottom:1rem}
footer.site address{font-style:normal;line-height:1.5}
footer.site .legal{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.85rem;color:#9a93c2}
footer.site .legal a{color:#9a93c2}
footer.site .regs{margin-top:1.2rem;font-size:.85rem;color:#9a93c2}
@media (max-width:900px){footer.site .cols{grid-template-columns:1fr 1fr}}
@media (max-width:600px){footer.site .cols{grid-template-columns:1fr}}

.placeholder{background:var(--tint-gold);padding:.05em .3em;border-radius:3px;color:var(--deep)}

/* Photo slots — replace the <div class="photo"> with an <img> of the same class */
.photo{position:relative;background:var(--tint-grey);border-radius:10px;overflow:hidden;display:grid;place-items:center;color:var(--deep);font-family:var(--head);font-size:.95rem;text-align:center;padding:1rem;background-image:repeating-linear-gradient(-12deg,transparent 0 22px,rgba(24,0,91,.05) 22px 24px)}
.photo.wide{aspect-ratio:16/10}
.photo.tall{aspect-ratio:4/5}
.photo.sq{aspect-ratio:1}
.photo.band{aspect-ratio:21/9;border-radius:0}
.photo::after{content:attr(data-caption);position:absolute;inset:auto .8rem .8rem;background:rgba(255,255,255,.85);padding:.4rem .7rem;border-radius:6px;font-size:.85rem;color:var(--muted)}
img.photo{padding:0;display:block;width:100%;object-fit:cover}
img.photo::after{content:none}
.photo.slant{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}

/* Hero with photo */
.hero{background:linear-gradient(90deg,#fff 55%,var(--tint-blue) 55%)}
.hero-media{position:relative}
.hero-media .photo{aspect-ratio:4/5}
.hero-media .site-pack{position:absolute;left:-3rem;bottom:2rem;right:auto;width:min(420px,100%);padding:1.8rem 1.6rem 1.6rem 4.4rem;box-shadow:0 20px 50px rgba(24,0,91,.25)}
.hero-media .site-pack::before{right:0}
.hero-media .site-pack dl{font-size:.9rem}
.hero-media .site-pack .foot{display:none}
@media (max-width:900px){.hero{background:#fff}.hero-media .site-pack{position:static;width:auto;margin-top:-3rem;margin-left:1rem;padding-left:3.6rem}.hero-media .site-pack::before{left:-1.5rem}}

/* Icons */
.icon{width:44px;height:44px;margin-bottom:1rem;color:var(--blue)}
.trio article:nth-child(2) .icon{color:#1fbf8f}
.trio article:nth-child(3) .icon{color:#d9ae14}
.steps .icon{width:36px;height:36px;margin:.6rem 0 .6rem}

/* Media rows */
.media-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.media-row.rev .photo{order:-1}
@media (max-width:900px){.media-row{grid-template-columns:1fr}.media-row.rev .photo{order:0}}
.logos{display:flex;flex-wrap:wrap;gap:1.2rem 2.5rem;align-items:center;margin-top:1.5rem}
.logos span{font-family:var(--head);font-weight:600;color:var(--muted);border:1.5px dashed var(--line);border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem}

/* Dashboard image in hero */
.hero-media .dash{width:100%;border-radius:10px;box-shadow:0 24px 60px rgba(24,0,91,.22);border:1px solid var(--line)}
.hero.reset-hero .hero-media .dash{transform:rotate(-1.5deg)}
.kicker{font-family:var(--head);font-weight:600;color:var(--blue);margin-bottom:.6rem}

/* Three questions */
section.three h2{max-width:26ch;font-size:clamp(1.8rem,3.2vw,2.5rem)}
.qs{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2.5rem 0 2rem}
.qs div{border-top:3px solid var(--gold);padding-top:1.2rem}
.qs span{display:inline-grid;place-items:center;width:2rem;height:2rem;background:var(--gold);color:var(--deep);font-family:var(--head);font-weight:700;transform:skewX(var(--skew));margin-bottom:.8rem}
.qs h3{color:#fff;font-size:1.25rem}
.qs p{color:#c9c3e6;margin:0}
@media (max-width:900px){.qs{grid-template-columns:1fr}}

/* Phases */
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.phase{padding:1.6rem;border-radius:10px;background:var(--beige)}
.phase.p1{border-top:6px solid var(--blue)}.phase.p2{border-top:6px solid var(--green)}.phase.p3{border-top:6px solid var(--gold)}
.phase .when{font-family:var(--head);color:var(--muted);font-size:.9rem;margin-bottom:.3rem}
.phase h3{font-size:1.6rem}
.mods li{padding:.8rem 0;border-top:1px solid var(--line)}
.mods strong{display:block;font-family:var(--head);color:var(--ink)}
.mods span{font-size:.95rem;color:var(--muted)}
@media (max-width:900px){.phases{grid-template-columns:1fr}}

/* Score */
.scoreform{display:grid;gap:.5rem}
.sq{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem;cursor:pointer}
.sq:has(input:checked){border-color:var(--green);background:var(--tint-green)}
.sq input{width:1.2rem;height:1.2rem;margin-top:.2rem;accent-color:var(--blue)}
.score-out{background:#fff;border-left:4px solid var(--blue);padding:1.2rem 1.4rem;border-radius:0 8px 8px 0;margin:1.5rem 0}
.score-out strong{display:block;font-family:var(--head);font-size:2rem;color:var(--blue)}

/* Tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}
.tiers article{border:1px solid var(--line);border-radius:10px;padding:1.8rem;position:relative}
.tiers article.anchor{border:2px solid var(--blue);box-shadow:0 20px 40px rgba(33,99,250,.12)}
.tiers .most{position:absolute;top:-.9rem;left:1.4rem;background:var(--gold);color:var(--deep);font-family:var(--head);font-weight:600;font-size:.85rem;padding:.3rem .8rem;border-radius:4px}
.tiers .price{font-family:var(--head);font-size:1.8rem;font-weight:600;color:var(--ink);margin:.3rem 0 .8rem}
.tiers .price span{font-size:.95rem;font-weight:400;color:var(--muted)}
.tiers .checks{margin-top:1rem}
@media (max-width:900px){.tiers{grid-template-columns:1fr}}
.journey{width:100%;border:1px solid var(--line);border-radius:10px;margin:0 0 3rem;box-shadow:0 14px 40px rgba(24,0,91,.08)}
/* tools + wins */
.tool .f{margin-bottom:.6rem}.tool .f label{display:block;font-family:var(--head);font-size:.85rem;color:var(--muted);margin-bottom:.2rem}
.tool .f input,.tool .f select{width:100%;font:inherit;padding:.55rem .7rem;border:1.5px solid var(--line);border-radius:6px;background:#fff}
.tool .out{margin-top:1rem;background:var(--tint-blue);border-left:4px solid var(--blue);padding:.8rem 1rem;border-radius:0 8px 8px 0;font-size:.95rem;display:none}
.tool .out:not(:empty){display:block}
.tool .out strong{color:var(--deep)}
.wins{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.win .meta{font-family:var(--head);font-size:.9rem;color:var(--muted);margin:.8rem 0 .2rem}
.win h3{font-size:1.35rem}
.win .out{background:var(--tint-green);padding:.7rem 1rem;border-radius:8px;margin:0}
@media (max-width:900px){.wins{grid-template-columns:1fr}}
header.site .btn{white-space:nowrap}
nav.main ul{gap:1.1rem}
nav.main a{font-size:.95rem}
.cmp{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.cmp th{font-family:var(--head);font-weight:600;color:#fff;background:var(--deep);padding:.9rem 1rem;text-align:left;font-size:.95rem}
.cmp th:last-child{background:var(--blue)}
.cmp td{padding:.85rem 1rem;border-bottom:1px solid #f0eef7;vertical-align:top}
.cmp td:first-child{font-family:var(--head);font-weight:600;color:var(--ink);width:20%}
.cmp td:last-child{background:var(--tint-blue);font-weight:600;color:var(--deep)}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.res-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.4rem}
.res-grid h3{font-size:1.05rem;color:var(--blue);font-style:italic;font-weight:500;margin-bottom:.6rem}
.res-grid p{margin:0;font-size:.95rem}
@media (max-width:900px){.res-grid{grid-template-columns:1fr}.cmp{font-size:.85rem}}
/* Journey slider */
.journey-slider{background:var(--deep);border-radius:14px;padding:2rem;color:#fff;position:relative;overflow:hidden;margin-bottom:2rem}
.journey-slider::before{content:"";position:absolute;right:-8%;top:0;bottom:0;width:20%;background:var(--blue);transform:skewX(var(--skew));transform-origin:top;opacity:.35;pointer-events:none}
.js-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;position:relative;z-index:1}
.js-tabs button{background:transparent;border:0;color:#9a93c2;font-family:var(--head);text-align:left;padding:.4rem .2rem .8rem;cursor:pointer;border-bottom:3px solid transparent}
.js-tabs button span{display:block;font-weight:600;font-size:.95rem;color:#c9c3e6}
.js-tabs button small{display:block;font-size:.75rem;letter-spacing:.03em}
.js-tabs button[aria-selected=true] span{color:#fff}
.js-tabs button[aria-selected=true]{border-bottom-color:var(--gold)}
.js-tabs button.done span{color:var(--green)}
.js-tabs button.locked{opacity:.45}
.js-track{height:6px;background:rgba(255,255,255,.15);border-radius:3px;margin:.2rem 0 1.6rem;position:relative;z-index:1}
.js-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green) 50%,var(--gold));border-radius:3px;width:0;transition:width .5s ease}
.js-panels{min-height:230px;position:relative;z-index:1}
.js-panel{display:none;animation:jsin .35s ease}
.js-panel.on{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start}
@keyframes jsin{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.js-panel h3{color:#fff;font-size:1.5rem;grid-column:1/-1;margin-bottom:0}
.js-panel p{color:#e5e1f5;margin:0}
.js-panel ul{margin:0;padding-left:1.1rem;color:#e5e1f5}
.js-panel li{margin-bottom:.35rem}
.js-you{grid-column:1/-1;background:rgba(255,210,63,.12);border-left:3px solid var(--gold);padding:.6rem .9rem;border-radius:0 6px 6px 0;font-size:.95rem;color:#fff!important}
.js-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;position:relative;z-index:1}
.js-nav .btn-outline{border-color:rgba(255,255,255,.4);color:#fff}
.js-nav .btn-outline:disabled{opacity:.3;cursor:default}
.js-count{font-family:var(--head);color:#9a93c2;font-size:.9rem}
@media (max-width:900px){.js-tabs{grid-template-columns:repeat(5,1fr);gap:.2rem}.js-tabs button span{font-size:.75rem}.js-tabs button small{display:none}.js-panel.on{grid-template-columns:1fr}.journey-slider{padding:1.4rem}}
.vsl{width:100%;aspect-ratio:16/9;border-radius:12px;background:#18005B;box-shadow:0 24px 60px rgba(24,0,91,.25);display:block}
.vsl-cap{text-align:center;color:var(--muted);font-family:var(--head);font-size:.85rem;margin:.6rem 0 0}
.three-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
section.three .three-grid h2{margin:0}
@media (max-width:900px){.three-grid{grid-template-columns:1fr}}
/* Foundation Score tool */
.score-tool{background:var(--deep);border-radius:14px;padding:2rem;color:#fff;position:relative;overflow:hidden}
.score-tool::before{content:"";position:absolute;right:-8%;top:0;bottom:0;width:20%;background:var(--blue);transform:skewX(var(--skew));transform-origin:top;opacity:.35;pointer-events:none}
.score-tool>*{position:relative;z-index:1}
.fs-head{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.fs-head h2{font-size:1.5rem;margin:0}
.fs-rank{text-align:center;min-width:200px}
.fs-dial{position:relative;width:160px;margin:0 auto}
.fs-dial svg{width:100%;display:block}
.fs-dial path{transition:stroke-dashoffset .5s ease,stroke .3s}
.fs-num{position:absolute;left:0;right:0;bottom:0;font-family:var(--head)}
.fs-num b{font-size:2.2rem;color:#fff}.fs-num span{color:#9a93c2;font-size:1rem}
.fs-label{font-family:var(--head);font-weight:600;color:var(--gold);font-size:1.1rem;margin-top:.3rem}
.fs-sub{font-size:.85rem;color:#c9c3e6;max-width:220px;margin:.2rem auto 0}
.fs-q{min-height:190px}
.fs-q h3{color:#fff;font-size:1.35rem;margin-bottom:1.2rem;max-width:34ch}
.fs-opts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:640px}
.fs-opts button{background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;padding:1rem 1.1rem;font-family:var(--head);font-weight:600;font-size:1.05rem;cursor:pointer;text-align:left}
.fs-opts button:hover{border-color:var(--gold)}
.fs-opts button.on{border-color:var(--green);background:rgba(48,227,172,.12)}
.fs-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem}
.fs-nav .btn-outline{border-color:rgba(255,255,255,.4);color:#fff}.fs-nav .btn-outline:disabled{opacity:.3;cursor:default}
.fs-modal{position:fixed;inset:0;background:rgba(24,0,91,.6);display:grid;place-items:center;z-index:100;padding:1rem}
.fs-modal[hidden]{display:none}
.fs-card{background:#fff;border-radius:14px;padding:2rem;width:min(640px,100%);max-height:92vh;overflow:auto;position:relative;box-shadow:0 30px 80px rgba(24,0,91,.35)}
.fs-close{position:absolute;top:.8rem;right:.9rem;background:none;border:0;font-size:1.8rem;color:var(--muted);cursor:pointer;line-height:1}
.fs-result{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;margin:.4rem 0 1.2rem}
.fs-big{font-family:var(--head);font-weight:700;font-size:2.8rem;color:var(--blue);background:var(--tint-blue);padding:.6rem 1rem;border-radius:10px;transform:skewX(var(--skew))}
.fs-result h3{margin-bottom:.2rem}.fs-result p{margin:0;color:var(--muted)}
.fs-card h4{font-size:1rem;margin:.8rem 0 .4rem}
.fs-gaps{columns:2;margin:0 0 1rem;padding-left:1.2rem;font-size:.95rem}
.fs-gaps li{break-inside:avoid;margin-bottom:.25rem}
.fs-rec{background:var(--beige);border-left:4px solid var(--gold);padding:1rem 1.2rem;border-radius:0 8px 8px 0}
.fs-rec h4{margin-top:0}.fs-rec p{margin-bottom:.8rem}.fs-rec .btn{margin:.2rem .3rem .2rem 0}
@media (max-width:760px){.fs-head{grid-template-columns:1fr}.fs-opts{grid-template-columns:1fr}.fs-gaps{columns:1}.score-tool{padding:1.4rem}}
/* Mega menu */
nav.main ul{align-items:center}
.has-menu{position:relative}
.has-menu>button{background:none;border:0;font:inherit;font-family:var(--head);font-weight:500;color:var(--deep);padding:.4rem 0;border-bottom:2px solid transparent;cursor:pointer;font-size:.95rem}
.has-menu>button::after{content:" ▾";font-size:.7em;color:var(--muted)}
.has-menu>button:hover,.has-menu>button.cur,.has-menu>button[aria-expanded=true]{border-bottom-color:var(--blue)}
.mega{position:absolute;top:calc(100% + 14px);left:-1rem;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px rgba(24,0,91,.15);padding:.8rem;min-width:320px;display:none;z-index:60}
.has-menu>button[aria-expanded=true]+.mega{display:block}
@media (hover:hover){.has-menu:hover .mega{display:block}}
.mega::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.mega ul{display:grid;grid-template-columns:1fr;gap:.1rem;padding:0;margin:0;list-style:none}
.mega ul:has(li:nth-child(7)){grid-template-columns:1fr 1fr;min-width:560px}
.mega a{display:block;padding:.55rem .7rem;border-radius:8px;text-decoration:none;border:0!important}
.mega a:hover{background:var(--tint-blue)}
.mega b{display:block;font-family:var(--head);font-weight:600;color:var(--deep);font-size:.95rem}
.mega span{display:block;font-size:.8rem;color:var(--muted);font-family:var(--text)}
@media (max-width:900px){.mega{position:static;box-shadow:none;border:0;padding:.2rem 0 .6rem .8rem;min-width:0}.mega ul:has(li:nth-child(7)){grid-template-columns:1fr;min-width:0}.has-menu>button{width:100%;text-align:left;padding:.6rem 0}}
/* Strips */
.strips{padding:2.5rem 0;border-bottom:1px solid var(--line)}
.strip-lbl{font-family:var(--head);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .8rem}
.logos.plain span{border:0;background:var(--beige);color:var(--deep)}
.logos.small span{font-size:.8rem;padding:.4rem .9rem}
/* Compare slider */
.cmp-slider{position:relative;aspect-ratio:1400/1000;max-width:1000px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px rgba(24,0,91,.15);user-select:none}
.cmp-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.cmp-slider .before{position:absolute;inset:0;width:50%;overflow:hidden}
.cmp-slider .before img{width:auto;height:100%;max-width:none}
.cmp-slider .handle{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:3px solid var(--gold);transform:translateX(-1px);pointer-events:none}
.cmp-slider .handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--gold);color:var(--deep);font-family:var(--head);font-weight:700;padding:.5rem .7rem;border-radius:20px;font-size:.8rem;white-space:nowrap;box-shadow:0 6px 20px rgba(24,0,91,.3)}
.cmp-slider .lbl{position:absolute;top:1rem;font-family:var(--head);font-weight:600;font-size:.85rem;padding:.3rem .7rem;border-radius:20px;pointer-events:none}
.cmp-slider .lbl.l{left:1rem;background:#fff;color:var(--muted);border:1px solid var(--line)}
.cmp-slider .lbl.r{right:1rem;background:var(--deep);color:#fff}
.cmp-slider input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
/* KPI + glossary */
.kpi-band{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}
.kpi-band div{background:var(--tint-blue);border-radius:8px;padding:.9rem 1.1rem}
.kpi-band span{display:block;font-size:.8rem;color:var(--muted);font-family:var(--head)}
.kpi-band b{font-family:var(--head);font-size:1.3rem;color:var(--deep)}
.gloss{columns:2;column-gap:3rem;margin:0}
.gloss div{break-inside:avoid;margin-bottom:1.2rem;padding-left:1rem;border-left:3px solid var(--gold)}
.gloss dt{font-family:var(--head);font-weight:600;color:var(--deep)}
.gloss dd{margin:.2rem 0 0;color:var(--body)}
@media (max-width:800px){.gloss{columns:1}.kpi-band{grid-template-columns:1fr}}
/* Polish */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
.card,.tiers article,.phase,.steps article{transition:transform .2s ease,box-shadow .2s ease}
.card:hover,.tiers article:hover,.phase:hover,.steps article:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(24,0,91,.1)}
.sticky-cta{display:none}
@media (max-width:700px){.sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:.6rem;background:rgba(24,0,91,.96);z-index:45;text-align:center}.sticky-cta .btn{width:100%}body{padding-bottom:64px}}
.cookie{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:520px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;box-shadow:0 20px 50px rgba(24,0,91,.2);z-index:70;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.cookie[hidden]{display:none}
.cookie p{margin:0;flex:1 1 260px;font-size:.9rem}
.btn-sm{padding:.45rem .8rem;font-size:.85rem}
@media (max-width:700px){.cookie{bottom:72px}}
nav.main .mega ul{display:grid!important;flex-direction:unset;gap:.1rem}
nav.main .mega ul:has(li:nth-child(7)){grid-template-columns:1fr 1fr}
.hero-media .dash{aspect-ratio:4/3;object-fit:cover;object-position:top}
.deep-strip{background:var(--deep);border:0;padding:2.2rem 0}
.deep-strip .strip-lbl{color:#9a93c2}
.client-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem 2.5rem}
.client-logos img{height:34px;width:auto;opacity:.9;transition:opacity .2s}
.client-logos img[alt*="McEnroe"],.client-logos img[alt="mcenroe"],.client-logos img[alt*="Fielding"],.client-logos img[alt="fielding"],.client-logos img[alt*="Level-Up"],.client-logos img[alt="level-up"]{height:52px}
.client-logos img:hover{opacity:1}
@media (max-width:900px){.client-logos{justify-content:center}.client-logos img{height:26px}}
.client-logos{gap:1.2rem 1.6rem;justify-content:center}
.client-logos img{height:30px}
.client-logos img[alt*="McEnroe"],.client-logos img[alt="mcenroe"],.client-logos img[alt*="Fielding"],.client-logos img[alt="fielding"],.client-logos img[alt*="Level-Up"],.client-logos img[alt="level-up"]{height:46px}
/* audit fixes */
[id]{scroll-margin-top:96px}
.note-box{background:var(--tint-gold);border-left:4px solid var(--gold);padding:.8rem 1rem;border-radius:0 8px 8px 0;font-size:.95rem}
.note-box[hidden]{display:none}
@media (max-width:900px){nav.main .mega ul:has(li:nth-child(7)){grid-template-columns:1fr}nav.main ul{align-items:stretch}.has-menu>button{text-align:left}.topbar .wrap{justify-content:space-between;gap:.6rem;font-size:.8rem;white-space:nowrap}.topbar a:nth-child(2){display:none}}
.fs-rec h4{font-size:1.25rem;margin:0 0 .6rem;color:var(--deep)}
.fs-rec p{margin:0 0 .6rem;font-size:.95rem}
.fs-rec .btn{margin-top:.4rem}
.fs-rec-title{font-size:1.35rem;line-height:1.2;color:var(--deep)}
.fs-rec p b{color:var(--deep)}
.fs-rec-why{color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.2rem}
/* blog */
.hero-img{border-radius:10px;margin-bottom:1.5rem;border:1px solid var(--line)}
.tldr{background:var(--tint-gold);border-left:4px solid var(--gold);padding:1rem 1.2rem;border-radius:0 8px 8px 0;margin-bottom:1.8rem;font-size:1.05rem}
.byline{color:var(--muted);font-size:.95rem;margin-top:.6rem}
.byline a{color:var(--muted)}
.card-img{border-radius:6px;margin:-.4rem 0 .8rem;border:1px solid var(--line)}
.article table td,.article table th{font-size:.92rem}
/* offer bar */
.offer-bar{background:var(--gold);color:var(--deep);font-family:var(--head);font-size:.9rem}
.offer-bar .wrap{display:flex;align-items:center;gap:1rem;padding:.45rem 0}
.offer-bar span{flex:1}
.offer-bar a{color:var(--deep);font-weight:700;text-decoration:underline}
.offer-bar button{background:none;border:0;font-size:1.2rem;cursor:pointer;color:var(--deep);line-height:1}
.offer-bar[hidden]{display:none}
/* trade filter + tags */
.trade-filter{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:1.5rem;font-family:var(--head);font-size:.9rem}
.trade-filter span{color:var(--muted);margin-right:.3rem}
.trade-filter button{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:.35rem .8rem;font:inherit;cursor:pointer;color:var(--deep)}
.trade-filter button.on{background:var(--deep);color:#fff;border-color:var(--deep)}
.trade-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0 0}
.trade-tags span{font-family:var(--head);font-size:.72rem;background:var(--tint-blue);color:var(--deep);padding:.2rem .6rem;border-radius:10px}
/* book sidebar */
.book-side{display:grid;grid-template-columns:70px 1fr;gap:.9rem;background:var(--deep);color:#fff;border-radius:10px;padding:1rem;margin-bottom:1.4rem}
.book-side img{width:70px;border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.book-side h3{color:#fff;font-size:1rem;margin-bottom:.2rem}
.book-side p{font-size:.85rem;color:#c9c3e6;margin:0 0 .6rem}
.book-side form{display:grid;gap:.4rem;max-width:none}
.book-side input,.book-side select{font-size:.85rem;padding:.5rem .6rem}
.book-side .btn{width:100%}
/* priced mock */
.priced-mock{background:#fff;border-radius:12px;box-shadow:0 30px 60px rgba(24,0,91,.18);padding:1.1rem 1.2rem;font-family:var(--head);font-size:.85rem;color:var(--deep);max-width:460px}
.pm-top{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:.8rem}
.pm-flag{font-size:.72rem;padding:.2rem .55rem;border-radius:10px;background:#fff3cd;color:#8a6500}
.pm-rows>div{display:grid;grid-template-columns:1fr 50px 90px;padding:.38rem 0;border-bottom:1px solid var(--line)}
.pm-rows span:nth-child(2),.pm-rows span:nth-child(3){text-align:right}
.pm-sub{color:var(--muted)}
.pm-tot{font-weight:700;border-bottom:0!important;font-size:1rem}
.pm-foot{margin-top:.8rem;font-size:.72rem;color:var(--muted)}
.ticks{list-style:none;padding:0;margin:1rem 0}.ticks li{padding:.35rem 0 .35rem 1.6rem;position:relative}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
/* ---- Yugen-inspired pass ---- */
/* Intro widget */
.intro-widget{position:fixed;right:1.2rem;bottom:1.2rem;z-index:48;font-family:var(--head)}
.iw-pill{display:flex;align-items:center;gap:.7rem;background:var(--deep);color:#fff;border:0;border-radius:40px;padding:.5rem 1.1rem .5rem .5rem;cursor:pointer;box-shadow:0 14px 40px rgba(24,0,91,.35);font:inherit;text-align:left}
.iw-pill b{display:block;font-weight:600;font-size:.9rem}.iw-pill small{display:block;color:#c9c3e6;font-size:.72rem}
.iw-face{width:38px;height:38px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:700;color:#fff;font-size:.85rem;flex:none;background-image:var(--chris-photo);background-size:cover}
.iw-face.big{width:56px;height:56px;font-size:1.1rem;margin-bottom:.8rem}
.iw-panel{display:none;position:absolute;right:0;bottom:calc(100% + .8rem);width:300px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem;box-shadow:0 24px 60px rgba(24,0,91,.25)}
.intro-widget.open .iw-panel{display:block;animation:jsin .25s ease}
.iw-panel h4{margin-bottom:.4rem}.iw-panel p{font-family:var(--text);font-size:.92rem;color:var(--muted);margin-bottom:1rem}
.iw-panel .btn{display:block;text-align:center}.iw-alt{display:block;text-align:center;margin-top:.6rem;font-size:.85rem;color:var(--muted)}
@media (max-width:700px){.intro-widget{bottom:76px;right:.8rem}.iw-pill span:not(.iw-face){display:none}.iw-pill{padding:.35rem}.iw-panel{width:min(300px,calc(100vw - 1.6rem))}}
/* Footer status */
footer.site .status{display:flex;gap:.5rem;align-items:center;font-family:var(--head);font-size:.85rem;color:#c9c3e6;margin-top:1.5rem}
footer.site .status .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(48,227,172,.2)}
footer.site .status.off .dot{background:#9a93c2;box-shadow:none}
/* Logo marquee */
.client-logos.marquee{display:block;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.client-logos.marquee .track{display:flex;align-items:center;gap:3rem;width:max-content;animation:mq 38s linear infinite}
.client-logos.marquee:hover .track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.client-logos.marquee .track{animation:none;flex-wrap:wrap;width:auto}}
/* Tape */
.tape{background:var(--gold);overflow:hidden;padding:.7rem 0;transform:rotate(-1.2deg);margin:0 -2% 0;width:104%}
.tape-track{display:flex;gap:2.5rem;width:max-content;animation:mq 40s linear infinite;font-family:var(--head);font-weight:700;color:var(--deep);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;white-space:nowrap}
.tape-track span::after{content:"·";margin-left:2.5rem;color:rgba(24,0,91,.4)}
/* Engagement cards */
.eng{background:var(--deep);border-radius:14px;padding:1.6rem;color:#fff;position:relative;overflow:hidden}
.eng::before{content:"";position:absolute;right:-8%;top:0;bottom:0;width:20%;background:var(--blue);transform:skewX(var(--skew));transform-origin:top;opacity:.35;pointer-events:none}
.eng-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;position:relative;z-index:1}
.eng-tabs button{background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.15);color:#c9c3e6;border-radius:10px;padding:.8rem 1rem;font-family:var(--head);font-weight:600;font-size:1.05rem;cursor:pointer;text-align:left}
.eng-tabs button span{display:block;font-size:.85rem;font-weight:400;color:#9a93c2}
.eng-tabs button[aria-selected=true]{background:#fff;color:var(--deep);border-color:#fff}.eng-tabs button[aria-selected=true] span{color:var(--blue)}
.eng-panels{position:relative;z-index:1;margin-top:1.2rem}
.eng-panel{display:none;background:#fff;color:var(--body);border-radius:12px;padding:1.6rem;animation:jsin .3s ease;position:relative}
.eng-panel.on{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem 2.5rem}
.eng-panel h3{font-size:1.7rem;margin-bottom:.4rem;grid-column:1}
.eng-panel>p{grid-column:1}
.eng-panel .most{position:absolute;top:1rem;right:1rem;background:var(--gold);color:var(--deep);font-family:var(--head);font-weight:600;font-size:.8rem;padding:.3rem .8rem;border-radius:4px;margin:0}
.eng-tags{grid-column:1/-1;display:flex;gap:.4rem}
.eng-tags span{font-family:var(--head);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:4px;background:var(--tint-blue);color:var(--deep)}
.eng-tags span:nth-child(2){background:var(--tint-green)}.eng-tags span:nth-child(3){background:var(--tint-gold)}
.eng-facts{grid-column:2;grid-row:2/4;margin:0;display:grid;gap:.6rem;align-content:start}
.eng-facts div{border-top:1px solid var(--line);padding-top:.5rem}
.eng-facts dt{font-family:var(--head);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.eng-facts dd{margin:0;font-family:var(--head);font-weight:600;color:var(--deep)}
.eng-panel .btn{grid-column:1;justify-self:start}
@media (max-width:900px){.eng-tabs{grid-template-columns:1fr}.eng-panel.on{grid-template-columns:1fr}.eng-facts{grid-column:1;grid-row:auto}.eng-panel .btn{grid-column:1}}
/* Wins carousel */
.wins-carousel{padding-bottom:3rem}
.wc-track{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(1.5rem,calc((100% - var(--w))/2))}
.wc-track::-webkit-scrollbar{display:none}
.wc-inner{display:flex;gap:1.2rem;width:max-content}
.wc-inner article{width:330px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem;flex:none}
.wc-inner .photo{aspect-ratio:16/10;margin-bottom:.8rem}
.wc-inner b{display:block;font-family:var(--head);font-size:2rem;color:var(--blue);line-height:1}
.wc-inner p{margin:.4rem 0 0;color:var(--muted);font-size:.95rem}
.wc-nav{display:flex;gap:.5rem;align-items:center;margin-top:1rem}
/* partners row */
.strip-lbl{font-family:var(--head);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:1.5rem 0 .8rem}
.partners{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.partner{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.6rem 1rem .6rem .7rem;text-decoration:none;color:var(--deep)}
.partner .badge-slot{width:38px;height:38px;border-radius:9px;background:var(--deep);color:#fff;display:grid;place-items:center;font-family:var(--head);font-weight:700}
.partner b{display:block;font-family:var(--head);font-size:.95rem;line-height:1.1}
.partner small{display:block;color:var(--muted);font-size:.75rem}
/* photo tiles: on-brand until real photos arrive */
.photo{background:var(--deep);background-image:linear-gradient(115deg,var(--deep) 0 58%,var(--blue) 58% 61%,#1b1a6e 61% 100%);color:#fff}
.photo::after{background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(4px)}
/* wins cards without photos */
.wc-inner article b{margin-top:.4rem}
.win{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.4rem}
/* sticky header incl. offer bar */
header.site .offer-bar{border-bottom:1px solid rgba(24,0,91,.1)}
@media (max-width:700px){.offer-bar{font-size:.78rem}.offer-bar .wrap{padding:.35rem 0;gap:.6rem}.offer-more{display:none}}
.wc-track{padding:0}.wc-inner{padding:0 max(1.5rem,calc((100vw - var(--w))/2));box-sizing:border-box}
.wc-track{scroll-padding-inline:max(1.5rem,calc((100vw - var(--w))/2))}
.founder-card{background:var(--deep);color:#fff;border-radius:14px;padding:2rem;position:relative;overflow:hidden;max-width:420px;margin-left:auto}
.founder-card::before{content:"";position:absolute;right:-12%;top:-10%;bottom:-10%;width:22%;background:var(--blue);transform:skewX(-12deg);opacity:.9}
.founder-card>*{position:relative;z-index:1}
.fc-init{width:84px;height:84px;border-radius:50%;background:var(--gold);color:var(--deep);display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:1.8rem;margin-bottom:1rem}
.founder-card p{margin:0 0 .8rem}.founder-card b{font-family:var(--head);font-size:1.2rem}
.fc-q{font-family:var(--head);font-size:1.25rem;color:var(--gold);line-height:1.3}
.founder-card ul{margin:0;padding-left:1.1rem;color:#c9c3e6;font-size:.95rem}
.soon-card{background:var(--deep);color:#fff;border-radius:14px;padding:2rem;max-width:900px}
.soon-card h3{color:#fff;font-size:1.6rem;margin:.3rem 0 .6rem}.soon-card p{color:#c9c3e6;margin:0}
/* ===== Level-up v2 ===== */
.hero-dark{background:var(--deep);color:#fff;position:relative;overflow:hidden}
.hero-dark::before{content:"";position:absolute;right:-6%;top:-10%;bottom:-10%;width:34%;background:var(--blue);transform:skewX(var(--skew));opacity:.95}
.hero-dark::after{content:"";position:absolute;right:26%;top:-10%;bottom:-10%;width:14px;background:var(--gold);transform:skewX(var(--skew))}
.hero-dark .wrap{position:relative;z-index:1;padding:5rem 0 6rem}
.hero-dark h1{color:#fff;font-size:clamp(2.3rem,4.6vw,3.6rem);letter-spacing:-.01em}
.hero-dark .lede{color:#d9d4f0;font-size:1.2rem;max-width:56ch}
.kicker-gold{color:var(--gold)}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.trust-row{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-family:var(--head);font-size:.85rem;color:#c9c3e6}
.trust-row li::before{content:"✓";color:var(--green);margin-right:.4rem;font-weight:700}
.hero-float{position:relative;padding:1.5rem 0}
.hero-float .dash{transform:rotate(-2deg);border:0;box-shadow:0 40px 80px rgba(0,0,0,.45);aspect-ratio:auto}
.hero-float .vsl-cap{color:#c9c3e6}
.chip{position:absolute;background:#fff;color:var(--deep);border-radius:12px;padding:.7rem .9rem;box-shadow:0 18px 40px rgba(0,0,0,.35);font-family:var(--head);line-height:1.15;animation:chipin .7s ease both}
.chip small{display:block;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chip b{display:block;font-size:1.5rem;color:var(--blue)}
.chip span{display:block;font-size:.75rem;color:var(--muted)}
.chip-a{left:-2.5rem;top:18%;animation-delay:.3s}
.chip-b{right:-1.5rem;top:42%;animation-delay:.6s}.chip-b b{color:var(--red)}
.chip-c{left:8%;bottom:14%;animation-delay:.9s}.chip-c b{color:#b8860b}
@keyframes chipin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cut-edge{height:70px;background:var(--deep);clip-path:polygon(0 0,100% 0,100% 0,0 100%);margin-bottom:-70px;position:relative;z-index:2}
section.cut-top{padding-top:7rem;clip-path:polygon(0 70px,100% 0,100% 100%,0 100%);margin-top:-1px}
section.cut-bottom{padding-bottom:7.5rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 70px),0 100%)}
section.cut-top.cut-bottom{clip-path:polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%)}
.numbers{padding:3.5rem 0;border-bottom:1px solid var(--line)}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.num-grid div{border-left:4px solid var(--gold);padding-left:1.1rem}
.num-grid div:nth-child(2){border-color:var(--blue)}.num-grid div:nth-child(3){border-color:var(--green)}.num-grid div:nth-child(4){border-color:var(--deep)}
.num-grid b{display:block;font-family:var(--head);font-size:2.6rem;color:var(--deep);line-height:1;margin-bottom:.4rem}
.num-grid p{margin:0;color:var(--muted);font-size:.95rem}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.rev{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.5rem}
.rev .stars{color:#f4b400;letter-spacing:.1em;margin-bottom:.6rem}
.rev p{font-size:1.05rem;margin:0 0 1rem}
.rev footer{font-size:.9rem}.rev footer b{display:block;font-family:var(--head)}.rev footer span{color:var(--muted)}
.page-head{position:relative;overflow:hidden}
.ph-slash{position:absolute;right:-3%;top:-20%;bottom:-20%;width:16%;background:var(--blue);transform:skewX(var(--skew));opacity:.08;pointer-events:none}
.page-head .wrap{position:relative;z-index:1}
@media (max-width:900px){.hero-dark::before{width:50%;right:-25%}.hero-dark::after{display:none}.hero-dark .wrap{padding:3rem 0 4rem}.hero-float{margin-top:1rem}.chip{padding:.5rem .7rem}.chip b{font-size:1.15rem}.chip-a{left:-.5rem}.chip-b{right:-.5rem}.chip-c{left:4%}.cut-edge,section.cut-top,section.cut-bottom{clip-path:none;height:auto;margin:0}section.cut-top{padding-top:5rem}section.cut-bottom{padding-bottom:5rem}.num-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.rev-grid{grid-template-columns:1fr}}
section.three.cut-top{background:#12003f;margin-top:-70px;padding-top:8.5rem}
.cut-edge{display:none}
/* photo frames: drop a real photo in and it gets the brand treatment */
.frame{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(24,0,91,.18)}
.frame img{display:block;width:100%;height:100%;object-fit:cover}
.frame::after{content:"";position:absolute;right:-8%;top:-10%;bottom:-10%;width:12%;background:var(--gold);transform:skewX(var(--skew));opacity:.9}
/* photos */
.hero-photo img:first-child{width:100%;height:auto;border-radius:16px;transform:rotate(-2deg);box-shadow:0 40px 80px rgba(0,0,0,.45);display:block;max-width:440px;margin:0 auto}
.hero-photo .chip-a{left:-1rem;top:22%}.hero-photo .chip-b{right:-1rem;top:48%}.hero-photo .chip-c{left:4%;bottom:12%}
.frame img{width:100%;height:auto;display:block}
.frame.tall{max-width:440px;margin-left:auto}
.founder-card.compact{margin:-3rem 0 0 auto;max-width:360px;position:relative;z-index:2;padding:1.4rem}
.founder-card.compact .fc-init{width:64px;height:64px;overflow:hidden;padding:0}
.founder-card.compact .fc-init img{width:100%;height:100%;object-fit:cover}
.founder-card.compact ul{display:none}
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.person{display:block;text-decoration:none;color:inherit}
.person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;margin-bottom:1rem;box-shadow:0 18px 40px rgba(24,0,91,.15)}
.person b{display:block;font-family:var(--head);font-size:1.25rem;color:var(--deep)}
.person span{display:block;font-family:var(--head);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:.2rem 0 .6rem}
.person p{margin:0;color:var(--muted);font-size:.95rem}
.band{position:relative;overflow:hidden;max-height:520px}
.band img{width:100%;height:100%;object-fit:cover;display:block;max-height:520px}
.band.short{max-height:300px}.band.short img{max-height:300px;object-position:center 40%}
.band::after{content:"";position:absolute;right:-6%;top:-10%;bottom:-10%;width:14%;background:var(--gold);transform:skewX(var(--skew));opacity:.9}
.band-cap{position:absolute;left:0;bottom:0;background:rgba(24,0,91,.85);color:#fff;font-family:var(--head);font-size:.85rem;padding:.6rem 1.2rem}
@media (max-width:900px){.people{grid-template-columns:1fr}.frame.tall{margin:0 auto}.founder-card.compact{margin:-2rem auto 0}.hero-photo img:first-child{max-width:340px}}
.people .person img{height:auto;aspect-ratio:1;max-height:none}
/* hero treatment variants */
.hero-photo.v-cut img:first-child{transform:none;border-radius:0;box-shadow:none;max-width:560px;margin:0 auto -6.5rem;position:relative;z-index:1;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.hero-photo.v-cut .vsl-cap{display:none}
.hero-photo.v-cut .chip-a{left:-1rem;top:30%}.hero-photo.v-cut .chip-b{right:-.5rem;top:52%}.hero-photo.v-cut .chip-c{left:0;bottom:8%;z-index:2}
.hero-photo.v-cut::before{content:"";position:absolute;left:50%;top:10%;width:380px;height:380px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(33,99,250,.55),transparent 70%);z-index:0}
.hero-photo.v-cine img:first-child{transform:none;border-radius:18px;max-width:480px;box-shadow:0 50px 90px rgba(0,0,0,.55)}
.hero-photo.v-duo img:first-child{transform:none;border-radius:0;max-width:520px;box-shadow:none;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);mix-blend-mode:screen}
/* hero combo: Taxtful View card + cut-out */
.hero-combo{min-height:560px}
.hero-combo .view-card{position:absolute;right:-2%;top:2%;width:62%;border:0;padding:0;background:none;cursor:zoom-in;transform:rotate(4deg);transition:transform .35s ease,filter .35s ease;z-index:0;border-radius:14px}
.hero-combo .view-card img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 40px 80px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15)}
.hero-combo .view-card:hover,.hero-combo .view-card:focus-visible{transform:rotate(2deg) scale(1.05);z-index:3;filter:brightness(1.05)}
.view-tag{position:absolute;left:50%;bottom:-1.1rem;transform:translateX(-50%);white-space:nowrap;background:var(--gold);color:var(--deep);font-family:var(--head);font-weight:600;font-size:.75rem;padding:.35rem .7rem;border-radius:20px;opacity:0;transition:opacity .3s;pointer-events:none}
.hero-combo .view-card:hover .view-tag,.hero-combo .view-card:focus-visible .view-tag{opacity:1}
.hero-combo .cut{position:absolute;left:-4%;bottom:-6.5rem;width:68%;max-width:none;margin:0;z-index:1;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));pointer-events:none}
.hero-combo .chip-a{left:auto;right:4%;top:48%;z-index:2}.hero-combo .chip-b{right:-1rem;top:68%;z-index:2}.hero-combo .chip-c{left:38%;bottom:10%;z-index:2}
.hero-combo::before{display:none}
.vl{border:0;padding:0;background:transparent;max-width:min(1180px,96vw);width:100%}
.vl::backdrop{background:rgba(10,0,40,.85);backdrop-filter:blur(4px)}
.vl-grid{display:grid;grid-template-columns:1.9fr .9fr;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 60px 120px rgba(0,0,0,.6)}
.vl-img{background:var(--beige);padding:1.2rem}.vl-img img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 10px 30px rgba(24,0,91,.15)}
.vl-side{padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.8rem}
.vl-side h3{font-size:1.6rem;margin:0}
.vl-steps{list-style:none;padding:0;margin:.4rem 0;display:grid;gap:.6rem;counter-reset:s}
.vl-steps li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}
.vl-steps b{font-family:var(--head);background:var(--deep);color:#fff;padding:.2rem .6rem;border-radius:6px;font-size:.8rem;white-space:nowrap}
.vl-steps li:nth-child(2) b{background:var(--blue)}.vl-steps li:nth-child(3) b{background:var(--gold);color:var(--deep)}
.vl-steps span{font-size:.95rem;color:var(--muted)}
.vl-note{font-size:.88rem;color:var(--muted);margin:0 0 .4rem}
.vl-side .btn{display:inline-block;margin:.2rem .4rem .2rem 0}
.vl-x{position:absolute;right:.6rem;top:.6rem;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:var(--deep);color:#fff;font-size:1.3rem;cursor:pointer}
@media (max-width:900px){.hero-combo{min-height:420px}.hero-combo .view-card{width:70%;right:-4%;top:0}.hero-combo .cut{width:62%;left:-6%;bottom:-4rem}.hero-combo .chip-a{right:0;top:44%}.hero-combo .chip-b{right:-.3rem;top:64%}.hero-combo .chip-c{left:40%;bottom:6%}.vl-grid{grid-template-columns:1fr}.vl-side{padding:1.4rem}.view-tag{opacity:1}}
.hero-combo{height:600px;min-height:0}
.hero-combo .view-card{width:400px;right:0;top:1.5rem}
.hero-combo .cut{width:360px;left:0;bottom:-5rem}
.hero-combo .chip{width:max-content;left:auto}
.hero-combo .chip-a{right:0;top:46%}.hero-combo .chip-b{right:-1rem;top:66%;left:auto}.hero-combo .chip-c{left:300px;right:auto;bottom:10%}
.hero-dark .wrap{padding-bottom:7rem}
@media (max-width:900px){.hero-combo{height:440px}.hero-combo .view-card{width:66%;right:0;top:0}.hero-combo .cut{width:56%;left:0;bottom:-3.5rem}.hero-combo .chip-a{right:0;top:42%}.hero-combo .chip-b{right:0;top:62%}.hero-combo .chip-c{left:45%;bottom:4%}}
.hero-combo .cut{height:auto}
.hero-combo .view-card{width:370px;right:-10px;top:0;transform:rotate(5deg)}
.hero-combo .cut{width:430px;left:-30px;bottom:-4.5rem}
.hero-combo .chip-a{right:auto;left:-20px;top:30%}
.hero-combo .chip-b{right:-10px;top:58%}
.hero-combo .chip-c{left:auto;right:30px;bottom:6%}
.hero-photo.v-cut.hero-combo .chip-a{right:auto;left:-20px;top:26%}
.hero-photo.v-cut.hero-combo .chip-b{left:auto;right:-10px;top:56%}
.hero-photo.v-cut.hero-combo .chip-c{left:auto;right:20px;bottom:8%}
.hero-combo .cut{bottom:-3.5rem}
@media (max-width:900px){.hero-combo{height:400px}.hero-combo .view-card{width:62%;right:0;top:0;transform:rotate(4deg)}.hero-combo .cut{width:58%;left:-4%;bottom:-2.5rem}.hero-photo.v-cut.hero-combo .chip-a{left:-6px;top:38%}.hero-photo.v-cut.hero-combo .chip-b{right:0;top:60%}.hero-photo.v-cut.hero-combo .chip-c{display:none}.hero-combo .view-tag{font-size:.68rem}}
@media (max-width:900px){.hero-combo{height:470px}.hero-combo .view-card{width:64%;right:-2%;top:0}.hero-combo .cut{width:84%;left:-14%;bottom:-2rem}.hero-photo.v-cut.hero-combo .chip-a{left:auto;right:0;top:44%}.hero-photo.v-cut.hero-combo .chip-b{right:0;top:66%}}
.hero-combo .cut{width:330px;left:10px;bottom:-3.5rem}
@media (max-width:900px){.hero-combo .cut{width:60%;left:-2%;bottom:-2rem}}
@media (max-width:900px){.hero-combo{height:500px}.hero-combo .view-card{width:66%;right:-2%;top:0}.hero-combo .cut{width:74%;left:-8%;bottom:0}.hero-photo.v-cut.hero-combo .chip-a{right:-4px;top:50%}.hero-photo.v-cut.hero-combo .chip-b{right:-4px;top:72%}.hero-dark .wrap{padding-bottom:2rem}}