:root{--navy:#0A1628;--navy2:#0F1D33;--navy3:#152238;--gold:#D4AF37;--gold2:#B8941F;--blue:#1565C0;--ink:#1f2530;--mute:#6B7280;--line:#E5E7EB;--wash:#F6F5F1;--bg:#F4F5F7;--green:#1B7A4B;--red:#B3261E;--w55:rgba(255,255,255,.55);--w70:rgba(255,255,255,.7);--w85:rgba(255,255,255,.85);--w08:rgba(255,255,255,.08);--w12:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;background:var(--navy);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.disp{font-family:"Barlow Condensed","DM Sans",sans-serif;font-weight:700;letter-spacing:-.01em;line-height:.98;margin:0}
h1.disp{font-size:clamp(52px,8vw,104px)}
h2.disp{font-size:clamp(40px,5.2vw,64px)}
h3.disp{font-size:clamp(28px,3vw,38px)}
h2,h3,h4{margin:0}
p{margin:0}
.kick{font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--w85)}
.mute{color:var(--w55)}
.gold{color:var(--gold)}
.mark{font-weight:700;letter-spacing:-.02em}.mark span{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:600;border-radius:12px;padding:14px 22px;font-size:16px;border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:transform .15s,background .15s,border-color .15s}
.btn.gold{background:var(--gold);color:var(--navy)}.btn.gold:hover{background:#E2BE4A}
.btn.ghost{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn.light{background:#fff;color:var(--navy)}
.btn.lg{padding:17px 28px;font-size:17px}
.btn:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sr{position:absolute;left:-9999px}
section{padding:clamp(64px,8vw,110px) 0}
.store{display:inline-flex;align-items:center;gap:10px;background:#152238;border:1px solid rgba(212,175,55,.35);border-radius:12px;padding:10px 14px;text-decoration:none;transition:transform .15s,border-color .15s}
.store:hover{border-color:rgba(212,175,55,.8);transform:scale(1.04)}
.store img{height:40px;width:auto}
.stores{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.card{background:var(--navy3);border:1px solid var(--w08);border-radius:18px;padding:28px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:900px){.grid3,.grid4{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}
.rule{height:1px;background:var(--w08)}
.light{background:var(--wash);color:var(--ink)}
.light .disp,.light h2,.light h3{color:var(--navy)}
.light .lead{color:#3b4454}.light .mute{color:var(--mute)}.light .kick{color:var(--gold2)}
.light .card{background:#fff;border-color:var(--line)}
.goldband{background:var(--gold);color:var(--navy)}
.goldband .disp{color:var(--navy)}.goldband .lead{color:rgba(10,22,40,.8)}.goldband .kick{color:rgba(10,22,40,.6)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ========== header ========== */
.hdr{position:sticky;top:0;z-index:40;background:rgba(10,22,40,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--w08)}
.hdr .in{max-width:1180px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:20px}
.hdr .logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.hdr .logo img{height:30px}
.hdr .logo .mark{font-size:21px}
.hdr nav{display:flex;gap:2px;flex:1;justify-content:center}
.hdr nav a{color:var(--w70);text-decoration:none;font-size:15px;font-weight:500;padding:9px 12px;border-radius:8px}
.hdr nav a:hover,.hdr nav a.on{color:#fff;background:var(--w08)}
.hdr .btn{padding:10px 16px;font-size:15px}
.hdr .burger{display:none;appearance:none;background:none;border:1px solid var(--w12);color:#fff;font:inherit;font-size:14px;padding:8px 12px;border-radius:8px;cursor:pointer}

@media(max-width:900px){.hdr nav,.hdr .cta{display:none}.hdr .burger{display:block}.hdr .in{justify-content:space-between}}
.menu{display:none;background:var(--navy2);border-bottom:1px solid var(--w08);padding:10px 24px 18px}
.menu.open{display:block}
.menu a{display:block;color:#fff;text-decoration:none;font-size:18px;padding:12px 0;border-bottom:1px solid var(--w08)}
.menu .btn{margin-top:14px;width:100%}

/* ========== pages ========== */

/* ---- hero ---- */
.hero{position:relative;min-height:min(86vh,800px);display:flex;align-items:flex-end;overflow:hidden;padding:0}
.hero .ph{position:absolute;inset:0 0 0 26%;background:62% 30%/cover no-repeat;filter:saturate(.25) contrast(1.05);opacity:.95}
@media(max-width:900px){.hero .ph{inset:0;background-position:70% 30%}}

.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,40,.15) 0%,rgba(10,22,40,.45) 50%,rgba(10,22,40,.97) 100%)}
.hero .veil2{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,22,40,1) 24%,rgba(10,22,40,.75) 38%,rgba(10,22,40,.15) 56%,rgba(10,22,40,0) 70%)}
@media(max-width:900px){.hero .veil2{background:linear-gradient(90deg,rgba(10,22,40,.6),rgba(10,22,40,.2))}}

.hero .in{position:relative;max-width:1180px;margin:0 auto;padding:140px 24px 72px;width:100%}
.hero .cat{font-size:15px;font-weight:600;color:var(--gold);letter-spacing:.02em;margin-bottom:16px}
.hero h1{color:#fff}
.hero .lead{max-width:560px;margin-top:22px;color:var(--w85)}
.hero .stores{margin-top:32px}
.hero .fine{font-size:14px;color:var(--w55);margin-top:16px}
.hero .qr{display:none;align-items:center;gap:14px;margin-top:26px;padding:12px 14px;border:1px solid var(--w12);border-radius:14px;max-width:380px;background:rgba(10,22,40,.6)}
.hero .qr img{width:76px;height:76px;border-radius:8px;background:#fff;padding:4px}
.hero .qr p{font-size:13.5px;color:var(--w70);line-height:1.4}
.hero .qr{display:flex}
@media(max-width:900px){.hero .qr{display:none!important}.hero .in{padding-top:110px}}

/* ---- other half ---- */
.half{padding-bottom:30px}
.half .in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.half .copy p{margin-top:18px}
.half .copy strong{color:#fff;font-weight:600}
@media(max-width:900px){.half .in{grid-template-columns:1fr}}

.phoneshot{display:flex;justify-content:center}

/* ---- moments ---- */
.moment{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:30px 0}
.moment.flip .txt{order:2}
.moment .txt h3{margin:10px 0 14px}
.moment .txt p{color:var(--w85);max-width:480px}
.moment .txt strong{color:#fff}
.moment .ico{width:38px;height:38px;color:var(--gold)}
@media(max-width:900px){.moment{grid-template-columns:1fr;gap:20px}.moment.flip .txt{order:0}}

.real{width:min(300px,80%);border-radius:36px;box-shadow:0 40px 90px -20px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.07)}

/* ---- doors ---- */
.door{background:var(--navy3);border:1px solid var(--w08);border-radius:20px;padding:34px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.door .kick{margin-bottom:2px}
.door h3{margin-top:4px}
.door p{color:var(--w85)}
.door .btn{align-self:flex-start;margin-top:10px}
.door:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18),rgba(212,175,55,0) 70%)}

/* ---- safety ---- */
.safe ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}
.safe li{display:flex;gap:14px;align-items:flex-start;font-size:17px;color:var(--w85)}
.safe li i{flex:none;width:12px;height:12px;border-radius:3px;background:var(--gold);margin-top:9px}
.safe li strong{color:#fff}
.safe .in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:900px){.safe .in{grid-template-columns:1fr}}

.callout{background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.3);border-radius:16px;padding:22px 24px}
.callout .kick{margin-bottom:8px}

/* ---- academies band ---- */
.band{position:relative;overflow:hidden}
.band .ph{position:absolute;inset:0;background:center/cover no-repeat;filter:saturate(.2);opacity:.45}
.band .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,40,.6),rgba(10,22,40,.92))}
.band .in{position:relative}
.partner{display:inline-flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:14px 18px;color:var(--navy)}
.partner img{height:54px;width:auto}
.partner b{display:block;font-size:15px}.partner span{font-size:13px;color:var(--mute)}

/* ---- team ---- */
.person{background:var(--navy3);border:1px solid var(--w08);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:8px}
.person .av{width:96px;height:96px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:26px;filter:grayscale(1);margin-bottom:10px;overflow:hidden}
.person .av img{width:100%;height:100%;object-fit:cover}
.person .name{font-size:20px;font-weight:700;color:#fff}
.person .role{color:var(--gold);font-weight:600;font-size:14px}
.person p{color:var(--w70);font-size:15.5px;line-height:1.55}

/* ---- forms ---- */
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-size:14px;color:var(--w70)}
.light .form label{color:#3b4454}
.inp{border-radius:10px;font-family:inherit;font-size:16px;padding:13px 14px;border:1px solid var(--w12);background:#152238;color:#fff;width:100%}
.light .inp{background:#fff;border-color:rgba(10,22,40,.18);color:var(--navy)}
.inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.22);outline:none}
.form label.chk,.chk{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--w70);cursor:pointer}
.light .chk,.light .form label.chk{color:#3b4454}
.chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--gold)}
.ok{display:none;background:rgba(27,122,75,.15);border:1px solid rgba(27,122,75,.5);border-radius:12px;padding:16px 18px;color:#fff}
.light .ok{color:var(--navy)}
.form.done .ok{display:block}.form.done .fields{display:none}

/* ---- faq ---- */
.faq{border-top:1px solid var(--w08)}
.faq details{border-bottom:1px solid var(--w08)}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-size:18px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--gold);font-size:24px;font-weight:400;flex:none}
.faq details[open] summary:after{content:"\2212"}
.faq .a{padding:0 0 20px;color:var(--w85);max-width:760px}
.light .faq{border-color:var(--line)}.light .faq details{border-color:var(--line)}.light .faq .a{color:#3b4454}

/* ---- tabs ---- */
.tabs{display:inline-flex;background:var(--navy3);border:1px solid var(--w08);border-radius:12px;padding:4px;gap:3px;flex-wrap:wrap}
.tabs button{appearance:none;border:0;background:none;font:inherit;font-weight:600;font-size:15px;color:var(--w55);padding:9px 16px;border-radius:9px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--gold);color:var(--navy)}
.tabp{display:none}.tabp.on{display:block}

/* ---- steps ---- */
.steps{counter-reset:s;display:grid;gap:0}
.step{display:grid;grid-template-columns:64px 52px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--w08);align-items:start}.step .ic{margin:0}
.step:before{counter-increment:s;content:"0" counter(s);font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:40px;color:var(--gold);line-height:1}
.step h4{font-size:20px;color:#fff;margin-bottom:6px}
.step p{color:var(--w85)}

/* ---- legal template ---- */
.legal{max-width:820px}
.legal .meta{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--w55);border:1px solid var(--w08);border-radius:12px;padding:12px 16px;margin:22px 0 30px}
.legal .meta b{color:#fff}
.legal h2{font-size:22px;margin:34px 0 10px;color:#fff}
.legal p,.legal li{color:var(--w85);font-size:16.5px}
.legal .toc{columns:2;gap:30px;font-size:15px;color:var(--w70);margin:0;padding-left:18px}
@media(max-width:640px){.legal .toc{columns:1}}
.ph-block{border:1px dashed rgba(255,255,255,.3);border-radius:10px;padding:14px 16px;color:var(--w55);font-size:15px;font-style:italic}

/* ---- footer ---- */
.ftr{border-top:1px solid var(--w08);color:var(--w55);font-size:14px}
.ftr .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
.ftr h5{color:#fff;margin:0 0 12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ftr a{color:var(--w55);text-decoration:none}.ftr a:hover{color:var(--gold)}
.ftr .legalline{border-top:1px solid var(--w08);margin-top:34px;padding-top:20px;font-size:12.5px;line-height:1.7}
.ftr address{font-style:normal}
.ftr .soc{display:flex;gap:10px;margin-top:14px}
.ftr .soc a{width:40px;height:40px;border-radius:50%;border:1px solid var(--w12);display:grid;place-items:center;font-size:12px;font-weight:700}
@media(max-width:900px){.ftr .cols{grid-template-columns:1fr 1fr}}

/* ---- phone mockup keyframes (from the live site) ---- */
@keyframes mmIn{from{opacity:0}to{opacity:1}}
@keyframes mmUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mwBreathe{0%,100%{transform:scale(.88)}50%{transform:scale(1.06)}}
@keyframes mwRing{0%{transform:scale(.9);opacity:.55}100%{transform:scale(1.65);opacity:0}}
@keyframes mwGlow{0%,100%{opacity:.45}50%{opacity:.85}}
@keyframes mwSegGlow{0%,100%{box-shadow:0 0 6px rgba(212,175,55,.5)}50%{box-shadow:0 0 14px rgba(212,175,55,.95)}}
.mock{transform-origin:center top}

/* ---- icons ---- */
.ic{width:52px;height:52px;border-radius:15px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.32);display:grid;place-items:center;color:var(--gold);margin-bottom:16px;flex:none}
.ic svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ic.lg{width:64px;height:64px;border-radius:18px}.ic.lg svg{width:32px;height:32px}
.light .ic{background:rgba(212,175,55,.12);border-color:rgba(184,148,31,.4);color:var(--gold2)}
.card .ic{margin-bottom:14px}
/* ---- origin composition ---- */
.origin{position:relative;min-height:420px}
.origin .j{position:absolute;left:0;top:30px;width:78%;border-radius:12px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7);transform:rotate(-2.5deg);border:1px solid var(--w08)}
.origin .t{position:absolute;right:0;bottom:0;width:46%;border-radius:14px;box-shadow:0 30px 70px -14px rgba(0,0,0,.75);border:1px solid rgba(212,175,55,.3)}

.origin-wrap .cap{margin-top:14px}
@media(min-width:901px){.origin-wrap .cap{margin-top:12px}}
@media(max-width:900px){.origin{min-height:0;display:block;padding-bottom:0}.origin .j{position:static;width:100%;transform:rotate(-1.5deg);margin:0 0 18px}.origin .t{position:static;width:58%;margin:0 auto;display:block}}

/* ---- timeline chips ---- */
.tl{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.tl span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(212,175,55,.35);background:rgba(212,175,55,.07);border-radius:999px;padding:7px 14px;font-size:14px;color:#fff}
.tl span b{font-family:"Barlow Condensed",sans-serif;font-size:17px;color:var(--gold)}
/* ---- coming teaser ---- */
.soon{position:relative;overflow:hidden}
.soon .tag{position:absolute;top:16px;right:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--navy);background:var(--gold);border-radius:999px;padding:4px 10px}
/* ---- investors ---- */
.badge{display:inline-flex;align-items:center;gap:12px;border:1.5px solid var(--gold);border-radius:14px;padding:12px 16px;background:rgba(212,175,55,.08)}
.badge .seal{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font-family:"Barlow Condensed",sans-serif;font-weight:700;color:var(--gold);font-size:13px;line-height:1;text-align:center}
.badge b{display:block;color:#fff;font-size:15px}.badge span{font-size:13px;color:var(--w70)}
.forces{counter-reset:f;display:grid;gap:0}
.force{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:18px 0;border-top:1px solid var(--w08)}
.force:before{counter-increment:f;content:"0" counter(f);font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:44px;color:var(--gold);line-height:1}
.force b{font-size:20px;color:#fff;display:block}.force p{color:var(--w70);font-size:15.5px;margin-top:3px}
.light .force{border-color:var(--line)}.light .force b{color:var(--navy)}.light .force p{color:#3b4454}.light .force:before{color:var(--gold2)}
.season{display:grid;grid-template-columns:120px 1fr;gap:10px 14px;align-items:center;font-size:14px;color:var(--w85)}
.season .m{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.season .m i{height:14px;border-radius:3px;background:var(--gold);display:block}
.season .m i.t{height:6px;align-self:center;opacity:.55}
.season .m i.o{background:var(--w08)}
.season .mo{grid-column:2;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;font-size:11px;color:var(--w55);text-align:center}
.risk{border:1px solid rgba(179,38,30,.5);background:rgba(179,38,30,.1);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--w85)}
/* ---- compact footer ---- */
.ftr{padding:34px 0 22px}
.ftr .row{display:flex;flex-wrap:wrap;gap:18px 34px;align-items:center;justify-content:space-between}
.ftr .links{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}
.ftr .links a{color:var(--w70)}
.ftr .legalline{margin-top:18px;padding-top:14px;font-size:12px;line-height:1.6;color:var(--w55)}

/* ---- fifth thing ---- */
.five{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}
.five .t{background:var(--navy3);border:1px solid var(--w08);border-radius:16px;padding:18px 14px;text-align:center}
.five .t small{display:block;font-size:12px;color:var(--w55);font-family:"Barlow Condensed",sans-serif;font-weight:600;letter-spacing:.1em}
.five .t .ic{margin:10px auto 10px;width:46px;height:46px;border-radius:50%;background:var(--w08);border:0;color:var(--w70)}
.five .t .ic svg{width:22px;height:22px}
.five .t b{display:block;font-size:15px;color:#fff}
.five .t .tick{display:block;color:var(--w55);font-size:14px;margin-top:6px}
.five .t.on{border:1.5px solid var(--gold);background:rgba(212,175,55,.06)}
.five .t.on .ic{background:rgba(212,175,55,.14);color:var(--gold)}
.five .t.on b{color:var(--gold)}
@media(max-width:900px){.five{grid-template-columns:repeat(2,1fr)}.five .t.on{grid-column:1/3}}

.who{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.who .w{background:var(--navy3);border:1px solid var(--w08);border-radius:16px;padding:20px;display:flex;gap:14px;align-items:flex-start}
.who .w .ic{margin:0;width:44px;height:44px}
.who .w .ic svg{width:22px;height:22px}
.who .w small{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--w55);font-weight:700}
.who .w p{color:var(--w85);font-size:15.5px;margin-top:4px}
.who .w p b{color:#fff}
@media(max-width:900px){.who{grid-template-columns:1fr}}

/* ---- deck icons ---- */
.dk{width:56px;height:56px;border-radius:50%;display:block;margin:0 auto 10px}
.pi{width:40px;height:40px;object-fit:contain;display:block;flex:none}
.pi.lg{width:52px;height:52px}
.pbox{width:56px;height:56px;border-radius:16px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.3);display:grid;place-items:center;flex:none;margin-bottom:14px}
.pbox .pi{width:32px;height:32px}
.light .pbox{background:rgba(212,175,55,.12);border-color:rgba(184,148,31,.4)}
/* ---- loop ---- */
.loop{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.loop svg{width:100%;max-width:460px;height:auto;display:block;margin:0 auto}
.loop .steps3{display:grid;gap:14px}
.loop .s{display:flex;gap:14px;align-items:flex-start}
.loop .s .n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--navy);font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:18px;display:grid;place-items:center}
.loop .s b{display:block;font-size:19px;color:#fff}
.loop .s p{color:var(--w85);font-size:15.5px}
@media(max-width:900px){.loop{grid-template-columns:1fr}}

/* ---- destination ---- */
.dest{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dest .d{background:var(--navy3);border:1px solid var(--w08);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.dest .d small{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700}
.dest .d h3{font-size:24px;color:#fff;line-height:1.15}
.dest .d p{color:var(--w85);font-size:15.5px}
.dest .d .btn{align-self:flex-start;margin-top:auto;padding:11px 16px;font-size:15px}
.dest .d .next{font-size:12px;color:var(--w55);letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-top:6px}
@media(max-width:900px){.dest{grid-template-columns:1fr}}

/* ---- v0.8 ---- */
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--w12);border-radius:16px;overflow:hidden;margin-top:34px;max-width:900px;background:rgba(10,22,40,.55);backdrop-filter:blur(6px)}
.proof div{padding:14px 18px;border-right:1px solid var(--w12)}
.proof div:last-child{border-right:0}
.proof b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:24px;color:var(--gold);line-height:1}
.proof span{font-size:12.5px;color:var(--w70);display:block;margin-top:4px;line-height:1.3}
@media(max-width:900px){.proof{grid-template-columns:1fr 1fr}.proof div:nth-child(2){border-right:0}.proof div:nth-child(-n+2){border-bottom:1px solid var(--w12)}}

.loop2{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}
.screens figure{margin:0;text-align:center}
.screens img{width:100%;border-radius:22px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.07)}
.screens figcaption{margin-top:12px;font-size:13.5px;color:var(--w70)}
.screens figcaption b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:19px;color:var(--gold);letter-spacing:.04em}
@media(max-width:900px){.loop2{grid-template-columns:1fr}.screens{grid-template-columns:repeat(3,1fr);gap:8px}.screens figcaption{font-size:12px}}

.dest.photo .d{background:rgba(10,22,40,.72);backdrop-filter:blur(4px);border-color:var(--w12)}
.band.lit .ph{opacity:.7;filter:saturate(.25)}.band.lit .veil{background:linear-gradient(180deg,rgba(10,22,40,.55),rgba(10,22,40,.85))}
.origin-compact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.origin-compact{grid-template-columns:1fr}}

.fc{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--w12);background:var(--w08);border-radius:14px;padding:10px 14px;text-decoration:none;color:#fff}
.fc .seal{width:40px;height:40px;border-radius:10px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:-.02em}
.fc b{display:block;font-size:14px}.fc span{font-size:12.5px;color:var(--w70)}

/* ---- misc ---- */
.pill{display:inline-block;border:1px solid var(--w12);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--w70)}
.stat{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:64px;color:var(--gold);line-height:1}
.quote{font-size:clamp(22px,2.4vw,30px);line-height:1.35;font-weight:500;color:#fff;max-width:820px}
.quote cite{display:block;font-style:normal;font-size:15px;color:var(--w55);margin-top:14px}
.notice{background:var(--navy3);border:1px solid var(--w12);border-radius:12px;padding:14px 16px;font-size:14.5px;color:var(--w70)}

/* ---- build additions ---- */
.store img.gp{height:58px;margin:-9px -8px}
.hdr nav a.on{color:#fff;background:var(--w08)}
.mailbtn{display:inline-flex;align-items:center;gap:10px}
.notfound{min-height:60vh;display:grid;place-items:center;text-align:center}
.inv-min .card p{color:var(--w85)}

/* ---- v0.32 ---- */
.hero-h1{font-size:clamp(64px,11vw,150px);margin-top:14px;line-height:.92}
.hero-lead{max-width:520px;margin-top:20px;font-size:clamp(18px,2vw,24px)}
.scrollcue{position:absolute;left:50%;bottom:22px;width:22px;height:36px;margin-left:-11px;border:2px solid var(--w70);border-radius:12px;opacity:.7}
.scrollcue i{position:absolute;left:50%;top:6px;width:3px;height:8px;margin-left:-1.5px;background:var(--gold);border-radius:2px;animation:cue 1.6s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
.story{height:380vh;position:relative;background:var(--navy)}
.story-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:72px;box-sizing:border-box}
.story-in{text-align:center;max-width:1280px}
html,body{overflow-x:clip}
@media(max-width:900px){.player{grid-template-columns:48px 1fr 72px;gap:12px;padding:16px}.pshot{width:72px}.pbody{min-width:0}.getbar{box-sizing:border-box;width:100%}}
.story-moment{max-height:400px;overflow:hidden;transition:opacity .45s,max-height .6s,margin .6s}.story-moment.gone{opacity:0;max-height:0;margin:0}
.story-thesis{max-height:0;overflow:hidden;opacity:0;transition:opacity .5s .2s,max-height .6s}.story-thesis.on{max-height:1000px;opacity:1}.story-moment .story-line{font-size:clamp(44px,6vw,96px)}
.px{will-change:transform}
@media(prefers-reduced-motion:no-preference){.hero .ph,.band.final .ph,.scenes .sph{transform:scale(1.12)}}
.story-line{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(38px,4.4vw,64px);line-height:.98;color:#fff;margin:0 0 .2em;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s}
.story-words{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(40px,7vw,104px);line-height:.98;margin:0 0 .25em;color:var(--w70)}
.story-words span{display:inline-block;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s;margin-right:.25em}
.story-line.gold{color:var(--gold)}
.story .on{opacity:1;transform:none}
.story-tiles{display:flex;justify-content:center;gap:clamp(14px,2.6vw,36px);margin:18px 0 22px;flex-wrap:nowrap}
.story-tiles .st{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s;min-width:0}
.story-tiles .st img{width:clamp(52px,6vw,80px);height:clamp(52px,6vw,80px);border-radius:50%;display:block}
.story-tiles .st b{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(13px,1.5vw,20px);letter-spacing:.04em;color:var(--w70);text-transform:uppercase;white-space:nowrap}
.story-comp{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px auto 36px;opacity:0;transform:translateY(24px) scale(.85);transition:opacity .6s,transform .6s}
.story-comp img{width:clamp(100px,10vw,130px);height:clamp(100px,10vw,130px);border-radius:50%;display:block;box-shadow:0 0 0 3px var(--gold),0 0 70px rgba(212,175,55,.45)}
.story-comp b{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,34px);letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
.story-comp.on{opacity:1;transform:none}
.story-tiles .st.on{opacity:1;transform:none}
@media(max-width:600px){.story-pin{padding-top:56px;padding-bottom:70px;box-sizing:border-box}.story-line{font-size:34px}.story-tiles{gap:12px;margin:12px 0 16px}.story-tiles .st b{font-size:12px;letter-spacing:.03em}.story-tiles .st img{width:52px;height:52px}.story-comp{margin:14px auto 30px;gap:8px}.story-comp img{width:100px;height:100px}.story-comp b{font-size:20px}}
.story .sr-only{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.who3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.wcard{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;color:inherit;text-decoration:none;box-shadow:0 1px 2px rgba(10,22,40,.06),0 14px 30px -24px rgba(10,22,40,.35);transition:transform .2s,box-shadow .2s,border-color .2s}
.wcard:hover{transform:translateY(-2px);border-color:var(--navy);box-shadow:0 2px 4px rgba(10,22,40,.08),0 20px 40px -24px rgba(10,22,40,.4)}
.wcard .wico{height:52px;width:52px;object-fit:contain;object-position:center;display:block;padding:12px;box-sizing:content-box;border-radius:50%;background:rgba(212,175,55,.14);margin-bottom:4px}
.wcard h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:26px;line-height:1.05;color:var(--navy);margin:0}.wcard p{color:#3b4454;font-size:15.5px;line-height:1.55;margin:0;flex:1}
.wcard .wgo{font-weight:700;color:var(--navy);font-size:15px}.wcard .wgo::after{content:'';display:inline-block;width:8px;height:8px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg);margin-left:8px;vertical-align:1px}
@media(max-width:900px){.who3{grid-template-columns:1fr;gap:14px}.wcard{padding:22px 20px}}
.pstrip.inground{background:var(--navy3);border:1px solid var(--w08);border-radius:16px;padding:20px 22px;margin-top:28px}
@media(min-width:901px){.ground .wrap{display:grid;grid-template-columns:1.1fr 1fr;column-gap:48px;align-items:center}.ground .pstrip.inground{margin-top:0;padding:10px 24px}.ground .pitems{grid-template-columns:1fr;gap:0}.ground .pitems li{padding:16px 0;border-bottom:1px solid var(--w08)}.ground .pitems li:last-child{border-bottom:0}.ground .gcard{grid-column:1/-1}
.hear .wrap{display:grid;grid-template-columns:1fr 1.5fr;column-gap:48px;align-items:start}.hear .hplayers .players{grid-template-columns:1fr;margin-top:0;gap:16px}.hear .hintro .bandsw{margin-top:24px}}
.scenes{position:relative;z-index:2;background:var(--navy);margin-top:-11vh}
.scenes.scenes{padding-top:36px}
@media(max-width:600px){.scenes{margin-top:-13vh}}
.pitems{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pitems li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center}
.pitems i{width:40px;height:40px;border-radius:50%;background:rgba(212,175,55,.12);display:grid;place-items:center;color:var(--gold)}
.pitems svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pitems b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;color:#fff;line-height:1.1}
.pitems span{display:block;font-size:13.5px;color:var(--w70);margin-top:3px;line-height:1.35}
@media(max-width:900px){.pitems{grid-template-columns:1fr;gap:14px}.pstrip.inground{padding:16px 18px}}
.ftr .legalline p{margin:0 0 6px}.ftr .legalline p:last-child{margin:0;color:var(--w55)}
.ftr .soc a svg{width:18px;height:18px;color:var(--w70);transition:color .2s}
.btn.wa{display:inline-flex;align-items:center;gap:10px}.btn.wa svg{width:20px;height:20px;flex:none;color:#25D366}
.btn.ghost.onlight{border-color:rgba(10,22,40,.25);color:var(--navy)}.btn.ghost.onlight:hover{border-color:var(--navy);color:var(--navy);background:rgba(10,22,40,.04)}
.ftr .soc a:hover svg{color:var(--gold)}
@media(prefers-reduced-motion:reduce){.story{height:auto;padding:80px 0}.story-pin{position:static;height:auto}.story-line,.story-words span,.story-tiles .st,.story-comp{opacity:1;transform:none}}
/* stacked on phones */
@media(max-width:900px){
.ladv .advgrid{grid-template-columns:1fr;gap:14px}.ladv .adv{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto auto;column-gap:16px;row-gap:4px;align-items:start;padding:18px}.ladv .adv .av{grid-row:1/4;grid-column:1;margin:0;width:64px;height:64px}.ladv .adv b,.ladv .adv span.kick,.ladv .adv p{grid-column:2}.ladv .adv span.kick{margin:0 0 6px}
.fseats,.fseats[style]{grid-template-columns:1fr!important}
.cred{flex-direction:row;align-items:flex-start}
.step{grid-template-columns:1fr;gap:10px}.step .snum{font-size:28px}.step .ic{display:inline-flex}.step .snum,.step .ic{grid-row:1}.step{grid-template-columns:auto auto 1fr;grid-template-rows:auto auto}.step .snum{grid-column:1}.step .ic{grid-column:2}.step>div:last-child{grid-column:1/-1}
.proof{grid-template-columns:1fr 1fr}
.gcard.gwide{grid-template-columns:1fr}.gcard.gwide .glogo img{max-height:80px}
}
/* ---- v0.27 ---- */
/* light Try-it section */
.worry.light{background:var(--wash)}
.worry.light .trytabs{background:#fff;border-color:var(--line)}.worry.light .trytabs button{color:#3b4454}.worry.light .trytabs button.on{background:var(--navy);color:#fff}
.worry.light .mchip{background:#fff;border-color:var(--line);color:var(--navy);box-shadow:0 1px 2px rgba(10,22,40,.08),0 6px 16px -10px rgba(10,22,40,.25);padding-right:14px}.worry.light .mchip::after{content:'';width:8px;height:8px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg);margin-left:4px;opacity:.7}.worry.light .mchip i{background:var(--navy);color:#fff}.worry.light .mchip:hover{border-color:var(--navy)}
.worry.light .mplay{background:#fff;border:1px solid var(--line);color:var(--navy)}
.worry.light .mhead .kick{color:var(--gold2)}.worry.light .mclose{color:var(--navy);border-color:var(--line)}
.worry.light .mbar{background:rgba(10,22,40,.08)}
.worry.light .mb{border-top-color:var(--line)}.worry.light .mb p{color:var(--navy)}.worry.light .mlabel{color:var(--gold2)}
.worry.light .mnext{background:var(--navy);color:#fff}.worry.light .mnext:hover{background:#15264a}
.worry.light .mend .lead{color:var(--navy)!important}
.worry.light .mcircle{border-color:rgba(10,22,40,.25)}.worry.light .mcircle i{background:var(--gold)}
/* scenes on phones: vertical veil so the photograph shows */
@media(max-width:900px){.scenes .scene{display:block;min-height:0}.scenes .sph{position:relative;inset:auto;height:260px;width:100%;opacity:1;filter:saturate(.35) contrast(1.05)}.scenes .sveil{top:auto;bottom:auto;height:260px;background:linear-gradient(180deg,rgba(10,22,40,.05) 0%,rgba(10,22,40,.25) 60%,var(--navy) 100%)}.scenes .stext{padding-top:10px;padding-bottom:48px}}
/* origin on light */
.origin-sec .origin-pics{min-height:0}
.oprose{margin-top:18px;max-width:560px}.oprose p{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#3b4454;margin:0 0 1em}.oprose p:last-child{margin:0;padding-top:1em;border-top:1px solid var(--line)}.oprose strong{color:var(--navy);font-weight:600}.oprose strong.gold{color:var(--navy);background:linear-gradient(transparent 55%,rgba(212,175,55,.45) 55%);padding:0 .15em;border-radius:3px}
.origin-sec .opic.trophy{position:relative;width:100%;max-width:440px;margin:0 auto;display:block;border:0;bottom:auto;border-radius:16px;box-shadow:0 30px 60px -24px rgba(10,22,40,.45)}
.origin-sec .opic.journal{position:absolute;left:-10px;bottom:-24px;width:46%;border:4px solid #fff;border-radius:10px;box-shadow:0 20px 40px -18px rgba(10,22,40,.4)}
@media(max-width:900px){.origin-sec .origin-pics{margin-top:24px;padding-bottom:30px}.origin-sec .opic.journal{width:52%}}
/* final call on gold */
.band.final{background:var(--gold)}.band.final .ph,.band.final .veil{display:none}
.band.final .disp{color:var(--navy)}.band.final .lead{color:#3b2f08}
.band.final .stores .storeb img{filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}
/* investors editorial block and numerals */
.edit2{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.editcopy p{font-size:17px;line-height:1.6;color:var(--w85);margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--w12)}
.editcopy p:last-child{border-bottom:0}.editcopy b{color:#fff}
@media(max-width:900px){.edit2{grid-template-columns:1fr;gap:20px}}
.istep .istepn,.istepn{font-size:64px;line-height:.9}
/* app page link row and pull quote */
.linkrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.quote{padding:clamp(60px,7vw,100px) 0}
.pull{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,6vw,84px);line-height:1;color:var(--navy);font-weight:700;margin:14px 0 0;max-width:900px}
/* micro-interactions */
.mchip,.rchip,.trytabs button,.bandsw button,.btn{transition:transform .15s,background .2s,border-color .2s,color .2s}
.mchip:hover{transform:translateY(-1px)}.mchip:active,.btn:active,.trytabs button:active,.bandsw button:active{transform:scale(.97)}
.hdr{transition:padding .25s,background .25s}.hdr.small .wrap{padding-top:6px;padding-bottom:6px}
.getbar{transform:translateY(110%);transition:transform .3s ease}.getbar.show{transform:none}
@media(max-width:900px){.getbar{display:flex}.getbar[hidden]{display:flex}}

.pbtn{transition:transform .15s}.pbtn:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* cookie widget: the floating revisit icon overlaps the sticky bar; the footer link reopens the panel */
.cky-btn-revisit-wrapper{display:none!important}
/* ---- v0.26 ---- */
.getbar{display:none}
@media(max-width:900px){.getbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,22,40,.96);border-top:1px solid var(--w12);backdrop-filter:blur(8px)}.getbar[hidden]{display:none}.getbar span{font-size:13px;color:var(--w70)}.getbar span b{color:#fff;font-weight:700;margin-right:8px}.getbar span em{font-style:normal;color:var(--gold)}.getbar .btn{padding:10px 16px;font-size:14px;white-space:nowrap}}

/* ---- v0.24 ---- */
.kings{padding:clamp(50px,6vw,80px) 0;background:var(--navy);border-top:1px solid var(--w12)}
.kgrid{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center}
.klogo img{width:180px;height:auto;display:block}
@media(max-width:900px){.kgrid{grid-template-columns:1fr;gap:22px}.klogo img{width:124px}}

/* ---- v0.23 ---- */
.trytabs{display:flex;width:100%;max-width:560px;gap:4px;margin-top:22px;background:var(--navy3);border:1px solid var(--w12);border-radius:14px;padding:4px}
.trytabs .soon{display:inline-block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(212,175,55,.5);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:middle}.worry.light .trytabs button.on .soon{color:var(--gold)}
.trytabs button{flex:1;border:0;background:none;color:var(--w85);font:600 15px/1.2 'DM Sans',sans-serif;padding:13px 12px;border-radius:11px;cursor:pointer;text-align:center}
.trytabs button.on{background:var(--gold);color:var(--navy)}
.worry .mchips{margin-top:18px}
/* ---- v0.20 ---- */
.gcard.gwide{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center;margin-top:30px}
.gcard.gwide .glogo{margin:0;height:auto}
.sponsor{display:flex;gap:20px;align-items:center;margin-top:22px;padding:18px 22px;border:1px dashed var(--w12);border-radius:18px}
.sponsor img.kingslogo{height:64px;width:auto;flex:none}
.sponsor .mute{font-size:14px;line-height:1.5;margin-top:4px}
.lpull{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,3.6vw,46px)!important;line-height:1.1!important;color:#fff!important;font-weight:600;margin-bottom:22px!important}
.ladv{margin-top:56px;padding-top:40px;border-top:1px solid var(--w12)}
.advgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}
.adv{background:var(--navy2);border:1px solid var(--w12);border-radius:20px;padding:22px}
.adv .av{width:72px;height:72px;margin:0 0 14px}
.adv b{display:block;font-size:18px}
.adv span.kick{display:block;font-size:11px;margin:4px 0 10px}
.adv p{color:var(--w70);font-size:14px;line-height:1.55;margin:0}
@media(max-width:900px){.advgrid{grid-template-columns:1fr 1fr}.gcard.gwide{grid-template-columns:1fr}.sponsor{flex-direction:column;align-items:flex-start}}

/* ---- v0.19 ---- */
.ground{padding:clamp(70px,8vw,110px) 0;background:var(--navy)}
.gcards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.gcard{background:var(--navy2);border:1px solid var(--w12);border-radius:22px;padding:26px}
.gcard h3{font-size:24px;margin:6px 0 10px}
.gcard .mute{font-size:15px;line-height:1.55}
.glogo{height:120px;display:flex;align-items:center;margin-bottom:18px}
.glogo img{max-height:120px;max-width:240px;object-fit:contain;display:block}
.glogo img[alt="Spin Bowling Clinic"]{background:#000;border-radius:12px;padding:8px;max-height:104px}
@media(max-width:900px){.gcards{grid-template-columns:1fr}}

/* ---- v0.17 ---- */
.worry{padding:clamp(70px,8vw,110px) 0;background:var(--navy2)}
.worry .mplay{background:rgba(10,22,40,.9)}
/* ---- v0.16 ---- */
.mbeats{margin-top:6px}
.mb{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--w12);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.mb:first-child{border-top:0}
.mb.on{opacity:1;transform:none}
.mb p{font-size:clamp(19px,2vw,25px);line-height:1.4;font-weight:600;color:#fff;margin:6px 0 0}
.mb .mcircle{margin-top:4px}
.mnext{margin-top:10px;border:0;background:var(--gold);color:var(--navy);font:700 15px 'DM Sans',sans-serif;padding:12px 22px;border-radius:999px;cursor:pointer}
.mnext:hover{background:#EBCD62}
/* ---- v0.15 ---- */
.bandsw{display:inline-flex;gap:4px;margin-top:22px;background:var(--navy3);border:1px solid var(--w12);border-radius:999px;padding:4px}
.bandsw button{border:0;background:none;color:var(--w85);font:600 14px 'DM Sans',sans-serif;padding:8px 16px;border-radius:999px;cursor:pointer}
.bandsw button.on{background:var(--gold);color:var(--navy)}
.pline{font-size:15px;color:#fff;min-height:22px}
/* ---- v0.13 ---- */
.tabico{width:22px;height:22px;vertical-align:-5px;margin-right:8px;stroke:currentColor;fill:none;stroke-width:1.6}
.fcl{display:inline-block;background:#fff;border-radius:12px;padding:8px 16px;line-height:0}
.fcbadge{height:48px;width:auto;display:block}
/* ---- v0.12 ---- */
.storeb{display:inline-block;line-height:0}
.bapple{height:40px;width:auto;display:block}
.bgoogle{height:60px;width:auto;display:block;margin:-10px -8px}
/* ---- v0.11 ---- */
.isteps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}
.istep{display:flex;gap:14px;align-items:flex-start}
.istep .istepn{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:700;color:var(--gold);line-height:1}
.istep b{display:block;color:var(--navy);font-size:18px}
.istep p{margin:6px 0 0;color:rgba(10,22,40,.72);font-size:15px;line-height:1.5}
@media(max-width:900px){.isteps{grid-template-columns:1fr 1fr}}

img.av{border-radius:50%;object-fit:cover;display:block;margin:0}
.pp .av,.cred .av,.lmeta .av{margin:0;border-radius:50%;width:48px;height:48px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:700}
/* ---- v0.10 ---- */
.mbeat{display:flex;gap:18px;align-items:center}
.mcircle{width:64px;height:64px;flex:none;display:grid;place-items:center}
.mcircle i{display:block;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#EBCD62 0%,#D4AF37 52%,#93701C 100%);box-shadow:0 0 30px rgba(212,175,55,.5);animation:mwBreathe 3.8s ease-in-out infinite}
.hear{padding:90px 0 30px}
.players{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.player{display:grid;grid-template-columns:56px 1fr 92px;gap:16px;align-items:center;background:var(--navy3);border:1px solid var(--w08);border-radius:20px;padding:20px}
.pbtn{width:56px;height:56px;border-radius:50%;border:0;background:var(--gold);color:var(--navy);display:grid;place-items:center;cursor:pointer}
.pbtn:hover{background:#EBCD62}
.pbody b{display:block;font-size:18px;margin-top:4px}
.bars{display:flex;gap:3px;align-items:flex-end;height:28px;margin-top:10px}
.bars i{display:block;width:4px;height:20%;background:var(--gold);opacity:.5;border-radius:2px}
.player.playing .bars i{animation:bar 1s ease-in-out infinite}
.player.playing .bars i:nth-child(odd){animation-duration:.8s}.player.playing .bars i:nth-child(3n){animation-duration:1.3s}
@keyframes bar{0%,100%{height:20%}50%{height:100%}}
.pline{display:block;font-size:13px;color:var(--w55);margin-top:8px;min-height:18px}
.pshot{width:92px;border-radius:14px;border:3px solid #0D1017}
.people{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:26px}
.pp{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--w08)}
.pp .av{width:48px;height:48px;font-size:15px;flex:none}
.pp b{display:block}.pp span{color:var(--w55);font-size:14px}
[hidden]{display:none!important}
.badge{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:8px;background:#000;color:#fff;font-size:14px;border:1px solid rgba(255,255,255,.35)}
.badge b{font-weight:700}
.stores{display:flex;gap:12px;flex-wrap:wrap}
.dread{align-items:center;min-height:min(92vh,860px)}
.dread .wrap{padding-top:60px;padding-bottom:40px}
.mchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;max-width:860px}
.mchip{display:inline-flex;align-items:center;gap:10px;background:rgba(10,22,40,.55);border:1px solid var(--w12);color:#fff;border-radius:999px;padding:10px 18px 10px 12px;font:600 15px/1 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .2s,background .2s}
.mchip i{font:700 13px 'Barlow Condensed',sans-serif;font-style:normal;width:26px;height:26px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center}
.mchip:hover{border-color:var(--gold);background:rgba(212,175,55,.12)}
.mplay{margin-top:26px;max-width:720px;background:rgba(10,22,40,.6);border:1px solid rgba(212,175,55,.4);border-radius:22px;padding:24px 26px;backdrop-filter:blur(8px)}
.mhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mclose{background:none;border:1px solid var(--w12);color:var(--w85);border-radius:999px;padding:7px 14px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.mclose:hover{border-color:var(--gold);color:#fff}
.mbar{height:3px;background:var(--w12);border-radius:2px;margin-top:16px;overflow:hidden}
.mbar i{display:block;height:100%;width:0;background:var(--gold);transition:width .4s linear}
.mbeat{min-height:120px;margin-top:18px}
.mlabel{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.mbeat p{font-size:clamp(20px,2.2vw,27px);line-height:1.4;font-weight:600;color:#fff;margin:8px 0 0;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.mbeat p.on{opacity:1;transform:none}
.mend{margin-top:18px;padding-top:18px;border-top:1px solid var(--w12)}
.mend .stores{margin-top:16px}
.scenes{padding:90px 0 0}
.scenes .wrap{margin-bottom:40px}
.scene{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;border-top:1px solid var(--w08)}
.sph{position:absolute;inset:0;background:50% 40%/cover no-repeat;filter:saturate(.25) contrast(1.05);opacity:.9}
.sveil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,22,40,.97) 0%,rgba(10,22,40,.82) 50%,rgba(10,22,40,.35) 100%)}
.stext{position:relative;width:100%;padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:1fr 220px;gap:40px;align-items:end}
.stext h3{font-size:clamp(30px,3.6vw,46px);margin:10px 0 0;max-width:620px}
.stext p{font-size:17px;line-height:1.55;color:var(--w85);max-width:560px;margin-top:12px}
.stime{font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sshot{width:220px;border-radius:26px;border:6px solid #0D1017;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);justify-self:end}
.reframe{padding:90px 0}
.rchips{display:flex;flex-direction:column;gap:8px;margin-top:22px;align-items:flex-start}
.rchip{background:#fff;border:1px solid rgba(10,22,40,.18);color:var(--navy);border-radius:999px;padding:10px 16px;font:500 15px 'DM Sans',sans-serif;cursor:pointer;text-align:left}
.rchip:hover,.rchip.on{border-color:var(--gold);background:rgba(212,175,55,.12)}
.rcard-wrap{perspective:1400px}
.rcard{position:relative;width:100%;aspect-ratio:4/3;max-width:460px;margin:0 auto;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,0,1)}
.rcard.flip{transform:rotateY(180deg)}
.rface{position:absolute;inset:0;border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:center;backface-visibility:hidden;box-shadow:0 30px 60px -30px rgba(10,22,40,.5)}
.rfront{background:#1A2033;color:#fff;transform:rotate(-1.5deg)}
.rback{background:var(--gold);color:var(--navy);transform:rotateY(180deg)}
.rlabel{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.rface p{font-size:clamp(22px,2.4vw,30px);line-height:1.3;font-weight:700;margin:10px 0 0}
.rhint{position:absolute;bottom:18px;right:22px;font-size:12px;opacity:.5}
.origin-pics{position:relative;min-height:380px}
.opic.journal{width:78%;border-radius:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.opic.trophy{position:absolute;right:0;bottom:-20px;width:46%;border-radius:12px;border:4px solid var(--navy);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.final{padding:120px 0}
.letter{padding:90px 0}
.lgrid{display:grid;grid-template-columns:220px 1fr;gap:50px;align-items:start}
.lbody p{font-size:clamp(18px,1.5vw,20px);line-height:1.65;color:var(--w85);margin:0 0 20px;max-width:720px}
.lbody .sig{font-family:'Barlow Condensed',sans-serif;font-size:34px;color:var(--gold);margin-top:6px}
.sheet{margin-top:30px;border:1px solid rgba(10,22,40,.15);border-radius:18px;overflow:hidden;background:#fff}
.seat{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:start;padding:18px 22px;border-top:1px solid rgba(10,22,40,.1)}
.seat:first-child{border-top:0}
.seat.open{background:rgba(212,175,55,.08)}
.snum{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:700;color:var(--gold);line-height:1}
.srole{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(10,22,40,.55)}
.sbody b{display:block;font-size:19px;color:var(--navy);margin-top:4px}
.sbody b.o{color:var(--gold)}
.sbody p{margin:6px 0 0;color:rgba(10,22,40,.75);font-size:15px;max-width:640px}
.sact{display:inline-block;margin-top:10px;font-weight:700;color:var(--navy);border-bottom:2px solid var(--gold);text-decoration:none}
.stag{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(10,22,40,.2);border-radius:999px;padding:5px 10px;color:rgba(10,22,40,.6);white-space:nowrap}
.stag.o{border-color:var(--gold);color:#8a6d1a;background:rgba(212,175,55,.18)}
.sat{padding:90px 0 40px}
.satgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}
.sstep{padding:0}.sstep .ic{margin:0 0 14px}
.sstep h3{font-size:21px;margin:10px 0 8px}
.sstep p{color:var(--w85);font-size:15px;line-height:1.55}
.fseats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.fseat{background:var(--navy3);border:1px solid var(--w08);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px}
.fseat.open{border-color:rgba(212,175,55,.5)}
.fseat b{display:block;font-size:22px;margin-top:6px}
.fseat p{color:var(--w85);font-size:15px;line-height:1.55;margin:8px 0 14px}
.flogo{width:160px;height:78px;border-radius:12px;object-fit:contain;background:#000;padding:6px}
.fnum{width:84px;height:84px;border-radius:14px;border:1px dashed rgba(212,175,55,.6);display:grid;place-items:center;font-family:'Barlow Condensed',sans-serif;font-size:40px;color:var(--gold)}
.cred{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--w08)}
.cred .av{width:48px;height:48px;font-size:15px}
.cred b{display:block}.cred span{color:var(--w55);font-size:14px}

@media(max-width:900px){.stext{grid-template-columns:1fr}.sshot{width:150px;justify-self:start;margin-top:18px}.players{grid-template-columns:1fr}.people{grid-template-columns:1fr}.lgrid{grid-template-columns:1fr}.satgrid{grid-template-columns:1fr 1fr}.fseats{grid-template-columns:1fr}.seat{grid-template-columns:40px 1fr}.stag{display:none}.origin-pics{min-height:0;margin-top:20px}.opic.trophy{position:relative;width:58%;bottom:0;margin-top:-30px;margin-left:auto;display:block}}

/* ---- build ---- */
.hdr nav a.on{color:#fff;background:var(--w08)}
.notfound{min-height:60vh;display:grid;place-items:center;text-align:center}