:root{--bg:#07130E;--bg2:#0D1F17;--bg3:#132A1F;--line:#21402F;--ink:#F3F1E8;--ink2:#A9BCAF;--gold:#E9B949;--gold-l:#F7D97C;
--gold-d:#B8862B;--green:#2BC27A;--pink:#ED3283;--disp:'Unbounded',system-ui,sans-serif;--text:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
--r:16px;--r-s:10px;--wrap:1200px;--hdr:72px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--text);padding-top:var(--hdr);padding-bottom:72px}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-l);text-underline-offset:3px}
a:hover{color:#fff}
h1,h2{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;margin:0}
h2{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.2;margin:0 0 20px}
h3{font:700 1.15rem/1.35 var(--text);margin:28px 0 10px}
p{margin:0 0 16px}
strong{color:#fff}
.op-wrap{width:min(var(--wrap),100% - 32px);margin:0 auto}
.op-skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#1A1405;padding:8px 14px;z-index:200;border-radius:var(--r-s)}
.op-skip:focus{left:16px}
:focus-visible{outline:2px solid var(--gold-l);outline-offset:3px}

.op-hdr{position:fixed;top:0;left:0;right:0;height:var(--hdr);z-index:100;background:var(--bg);border-bottom:1px solid var(--line)}
.op-hdr-in{height:100%;display:flex;align-items:center;gap:28px}
.op-logo{flex:0 0 auto;display:block}
.op-logo img{height:40px;width:auto}
.op-nav{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.op-nav a{display:block;padding:0 14px;line-height:44px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;border-radius:999px;white-space:nowrap}
.op-nav a:hover{background:var(--bg3);color:var(--gold-l)}
.op-hdr-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.op-geo{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--bg2)}
.op-geo a,.op-geo span{display:block;padding:0 12px;line-height:32px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--ink2);text-decoration:none}
.op-geo span{background:var(--gold);color:#1A1405}
.op-geo a:hover{color:var(--gold-l)}
.op-burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:var(--bg2);color:var(--ink);cursor:pointer;padding:0}
.op-burger span,.op-burger span::before,.op-burger span::after{display:block;width:18px;height:2px;background:currentColor;margin:0 auto;position:relative;content:""}
.op-burger span::before{position:absolute;top:-6px}.op-burger span::after{position:absolute;top:6px}

.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;font:700 1rem/1 var(--text);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background-color .15s}
.op-btn--gold{background:linear-gradient(180deg,var(--gold-l),var(--gold) 55%,var(--gold-d));color:#1A1405;box-shadow:0 6px 18px rgba(233,185,73,.25)}
.op-btn--gold:hover{color:#1A1405;transform:translateY(-1px);box-shadow:0 10px 26px rgba(233,185,73,.38)}
.op-btn--line{border-color:var(--green);color:var(--ink);background:rgba(43,194,122,.08)}
.op-btn--line:hover{color:#fff;background:rgba(43,194,122,.2)}
.op-btn--lg{height:56px;padding:0 32px;font-size:1.06rem}
.op-btn--wide{width:100%;height:56px;font-size:1.06rem}

.op-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:
radial-gradient(60% 80% at 78% 40%,rgba(233,185,73,.16),transparent 62%),radial-gradient(50% 70% at 10% 0%,rgba(43,194,122,.12),transparent 60%),var(--bg)}
.op-hero-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center;min-height:580px;padding:44px 0 52px}
.op-crumbs{font-size:.88rem;color:var(--ink2);margin:0 0 18px}
.op-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.op-crumbs li+li::before{content:"\203A";margin-right:8px;color:var(--gold-d)}
.op-crumbs a{color:var(--ink2);text-decoration:none}
.op-crumbs a:hover{color:var(--gold-l)}
.op-hero h1{font-size:clamp(1.9rem,4.1vw,3.3rem);line-height:1.08;margin:0 0 16px}
.op-hero h1 em{font-style:normal;color:var(--gold)}
.op-lead{color:var(--ink2);font-size:1.1rem;max-width:560px;margin:0 0 26px}
.op-hoffer{position:relative;max-width:540px;margin:0 0 26px;padding:20px 22px 18px;border-radius:var(--r);background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(135deg,var(--gold-l),var(--gold-d) 45%,var(--green)) border-box;border:2px solid transparent}
.op-hoffer-k{display:inline-block;font:700 .75rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:0 0 10px}
.op-hoffer-f{font-family:var(--disp);font-weight:700;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.2;color:var(--gold-l);margin:0 0 8px;overflow-wrap:anywhere}
.op-hoffer-t{color:var(--ink2);font-size:.88rem;margin:0}
.op-hoffer-t a{color:var(--ink2)}
.op-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.op-age{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink2);color:var(--ink2);font-weight:800;font-size:.85rem}
.op-fan{position:relative;height:460px}
.op-fan::before{content:"";position:absolute;left:50%;top:50%;width:380px;height:380px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(247,217,124,.35),rgba(233,185,73,.08) 55%,transparent 70%)}
.op-fan .op-tile{position:absolute;top:50%;left:50%;width:220px}
.op-fan .op-tile:nth-child(1){transform:translate(-118%,-46%) rotate(-9deg)}
.op-fan .op-tile:nth-child(2){transform:translate(-50%,-54%);z-index:2;width:240px}
.op-fan .op-tile:nth-child(3){transform:translate(18%,-46%) rotate(9deg)}
.op-fan .op-tile .op-tile-n{display:none}

.op-facts{background:var(--bg2);border-bottom:1px solid var(--line)}
.op-facts ul{list-style:none;margin:0 auto;padding:20px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.op-facts li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.op-facts b{font-family:var(--disp);font-size:1.35rem;color:var(--gold)}
.op-facts span{color:var(--ink2);font-size:.85rem;line-height:1.35}

.op-sec{padding:72px 0;border-bottom:1px solid var(--line)}
.op-sec--alt{background:var(--bg2)}
.op-sec--alt .op-card,.op-sec--alt details,.op-sec--alt .op-step{background:var(--bg3)}
.op-sec-head{max-width:820px;margin-bottom:28px}
.op-sec-head p:last-child{margin-bottom:0}
.op-kicker{display:inline-flex;align-items:center;gap:8px;font:700 .75rem/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin:0 0 12px}
.op-kicker::before{content:"";width:22px;height:2px;background:var(--gold)}
.op-prose{max-width:820px}
.op-note{color:var(--ink2);font-size:.92rem;margin:14px 0 0}

.op-tile{position:relative;display:block;padding:3px;border-radius:14px;background:linear-gradient(150deg,var(--gold-l),var(--gold-d) 42%,#1C7A4C 78%,var(--green));box-shadow:0 10px 24px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s;text-decoration:none}
.op-tile img{width:100%;border-radius:11px;background:var(--bg3)}
.op-tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 0 1px var(--gold-l)}
.op-fan .op-tile:hover{box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 0 1px var(--gold-l)}
.op-tile-n{display:block;padding:8px 6px 5px;color:#1A1405;font:700 .8rem/1.25 var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.op-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.op-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.op-tile--live .op-tile-n{font-size:.9rem}
.op-ticks{list-style:none;margin:0 0 8px;padding:0}
.op-ticks li{position:relative;padding:7px 0 7px 30px}
.op-ticks li::before{content:"";position:absolute;left:2px;top:13px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--gold-l),var(--gold-d))}

.op-offer{position:relative;overflow:hidden;margin:0 0 28px;padding:34px 36px;border-radius:22px;text-align:center;background:
radial-gradient(70% 120% at 50% 0%,rgba(247,217,124,.22),transparent 65%),var(--bg3);border:2px solid var(--gold)}
.op-offer::before{content:attr(data-badge);display:inline-block;padding:7px 14px;border-radius:999px;background:var(--green);color:#04130B;font:800 .75rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.op-offer p.op-offer-f{font-family:var(--disp);font-weight:700;font-size:clamp(1.4rem,3.6vw,2.6rem);line-height:1.15;color:var(--gold-l);margin:0 0 10px;overflow-wrap:anywhere}
.op-offer p.op-offer-s{color:var(--ink2);margin:0 auto 22px;max-width:560px}
.op-offer .op-btn{max-width:420px}
.op-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 28px}
.op-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.op-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.op-card h3{margin:0 0 8px;font-size:1.05rem;color:var(--gold-l)}
.op-card p{margin:0;color:var(--ink2);font-size:.95rem}
.op-table{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin:0}
.op-table table{width:100%;border-collapse:collapse;font-size:.95rem}
.op-table th,.op-table td{text-align:left;padding:13px 18px;vertical-align:top}
.op-table thead th{background:var(--bg);color:var(--ink2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.op-table tbody tr+tr{border-top:1px solid var(--line)}
.op-table tbody th{color:var(--ink);font-weight:700}
.op-table td{color:var(--ink2)}
.op-table td:last-child{white-space:nowrap;color:var(--gold-l);font-weight:700}

.op-pays{display:grid;gap:12px;margin:0 0 8px}
.op-paygroup{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center;background:var(--bg3);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px}
.op-paygroup h3{margin:0;font-size:1rem}
.op-paylist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.op-pay{width:112px;height:66px;border-radius:12px;overflow:hidden;background:#1D213D;display:flex;align-items:center;justify-content:center}
.op-pay img{width:100%;height:100%;object-fit:cover}
.op-pay picture{width:100%;height:100%}
.op-pay--light{background:#fff}
.op-pay--light img{object-fit:contain;padding:6px}
.op-pay--card img,.op-pay--icon img{width:auto;height:30px;object-fit:contain}
.op-pay--icon{gap:8px;color:#fff;font-weight:700;font-size:.85rem}
.op-pay--icon img{height:26px;width:26px;flex:0 0 26px}

.op-studios{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.op-studios li{background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r-s);padding:16px 18px}
.op-studios b{display:block;font-family:var(--disp);font-size:1rem;color:var(--ink);margin-bottom:4px}
.op-studios span{color:var(--ink2);font-size:.9rem}

.op-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.op-step{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px 22px 22px}
.op-step-n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin-bottom:14px;background:radial-gradient(circle at 35% 30%,var(--gold-l),var(--gold) 50%,var(--gold-d));color:#1A1405;font:800 1.15rem/1 var(--disp)}
.op-step h3{margin:0 0 6px}
.op-step p{margin:0;color:var(--ink2);font-size:.95rem}

.op-rg{margin-top:28px;padding:26px 28px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--pink)}
.op-rg h3{margin:0 0 10px;font-family:var(--disp);font-size:1.25rem}
.op-rg ul{margin:0;padding-left:20px}
.op-rg li{margin:4px 0}

.op-faq{display:grid;gap:10px}
.op-faq details{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-s)}
.op-faq details[open]{border-color:var(--gold-d)}
.op-faq summary{list-style:none;cursor:pointer;padding:17px 56px 17px 20px;position:relative}
.op-faq summary::-webkit-details-marker{display:none}
.op-faq summary h3{margin:0;font-size:1.02rem}
.op-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font:700 1.5rem/1 var(--text);color:var(--gold)}
.op-faq details[open] summary::after{content:"\2212"}
.op-faq details>div{padding:0 20px 18px;color:var(--ink2)}
.op-faq details>div p{margin:0}

.op-close{padding:80px 0;text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(60% 120% at 50% 100%,rgba(233,185,73,.2),transparent 62%),var(--bg)}
.op-close p.op-close-k{font:700 .78rem/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin:0 0 14px}
.op-close p.op-close-f{font-family:var(--disp);font-weight:700;color:var(--gold-l);font-size:clamp(1.5rem,4vw,2.8rem);line-height:1.15;margin:0 0 12px}
.op-close p.op-close-s{color:var(--ink2);margin:0 0 26px}
.op-close .op-cta{justify-content:center}

.op-ftr{padding:52px 0 30px;font-size:.92rem;color:var(--ink2)}
.op-ftr-top{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:36px;margin-bottom:30px}
.op-ftr-h{font:700 .78rem/1.4 var(--text);text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin:0 0 12px}
.op-ftr ul{list-style:none;margin:0;padding:0}
.op-ftr li a{display:inline-block;line-height:32px;color:var(--ink2);text-decoration:none}
.op-ftr li a:hover{color:var(--gold-l)}
.op-ftr-logo img{height:48px;width:auto;margin-bottom:14px}
.op-ftr-age{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:600;margin:0 0 10px}
.op-ftr-bottom{border-top:1px solid var(--line);padding-top:20px}
.op-ftr-bottom p{margin:0 0 8px}

.op-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--bg);border-top:2px solid var(--gold);box-shadow:0 -12px 26px rgba(0,0,0,.5)}
.op-sticky-in{height:64px;display:flex;align-items:center;gap:14px}
.op-sticky-t{flex:1;color:var(--ink2);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-sticky-t b{color:var(--gold-l)}
.op-sticky .op-btn{height:46px}

@media (max-width:1100px){
.op-burger{display:block}
.op-nav-wrap{display:none;position:absolute;top:var(--hdr);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 16px 16px}
.op-hdr.is-open .op-nav-wrap{display:block}
.op-nav{flex-direction:column}
.op-nav a{line-height:48px;font-size:1.02rem;border-radius:var(--r-s)}
.op-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.op-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.op-hero-in{grid-template-columns:1fr;min-height:0;gap:8px;padding:30px 0 40px}
.op-fan{height:300px;order:2}
.op-fan::before{width:260px;height:260px}
.op-fan .op-tile{width:140px}
.op-fan .op-tile:nth-child(2){width:156px}
.op-split{grid-template-columns:1fr;gap:28px}
.op-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.op-studios{grid-template-columns:repeat(2,minmax(0,1fr))}
.op-ftr-top{grid-template-columns:1fr 1fr}
.op-ftr-top>div:first-child{grid-column:1/-1}
.op-facts ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
.op-facts li:last-child{grid-column:1/-1}
}
@media (max-width:760px){
:root{--hdr:64px}
body{font-size:16px}
.op-logo img{height:32px}
.op-hdr-in{gap:10px}
.op-hdr-r{gap:8px}
.op-hdr-r .op-btn{height:40px;padding:0 16px;font-size:.92rem}
.op-geo a,.op-geo span{padding:0 9px;line-height:28px}
.op-sec{padding:48px 0}
.op-steps,.op-cards,.op-cards--3,.op-paygroup{grid-template-columns:1fr}
.op-paygroup{gap:12px}
.op-offer{padding:26px 18px}
.op-ftr-top{grid-template-columns:1fr}
.op-sticky-t{display:none}
.op-sticky-in .op-btn{flex:1}
.op-pay{width:calc((100% - 20px)/3);height:auto;aspect-ratio:263/156}
.op-grid{gap:10px}
.op-tile-n{font-size:.72rem;padding:6px 4px 4px}
}
@media (max-width:480px){.op-hdr-r .op-btn{display:none}}
@media (max-width:520px){.op-hero .op-age{display:none}.op-studios{grid-template-columns:1fr}.op-hdr-r .op-btn{padding:0 13px}.op-lead{font-size:1rem}}
@media (max-width:370px){.op-logo img{height:28px}.op-geo a,.op-geo span{padding:0 7px}.op-hdr-r .op-btn{font-size:.85rem;padding:0 11px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}