:root{--lime:#D7F53A;--ink:#0E0E0E;--g:#6b6b6b;--line:#e6e6e6}
*{box-sizing:border-box;margin:0;padding:0}body{font:15px/1.45 Inter,system-ui,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.topbar{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#777;padding-top:10px}
.nav{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;position:relative;z-index:3}
.logo{display:flex;align-items:center;gap:10px;font:800 21px 'Inter Tight';letter-spacing:-.02em}

.nav nav{display:flex;gap:44px;font-size:14px;font-weight:500;margin-left:auto;margin-right:110px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;border-radius:8px;padding:14px 22px;border:0;cursor:pointer;font-family:inherit;font-size:15px}
.btn.sm{padding:11px 18px}.btn.lime{background:var(--lime);color:var(--ink)}.btn.lime:hover{filter:brightness(.95)}.btn.full{width:100%;margin-top:14px}.btn.dark{background:var(--ink);color:#fff;font-size:13px;padding:12px 20px;margin-top:16px}
.btn i{font-style:normal}
.hero{position:relative;margin-top:-64px;padding-top:64px;min-height:630px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url(img/hero.webp) right center/cover}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,0) 66%),linear-gradient(180deg,rgba(255,255,255,.85),transparent 16%),linear-gradient(0deg,rgba(255,255,255,.4),transparent 20%)}
.hero-in{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding-top:22px;padding-bottom:30px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:6px}
h1{font:900 clamp(56px,8.6vw,100px)/.86 'Inter Tight';letter-spacing:-.045em}
.hl{background:linear-gradient(transparent 62%,var(--lime) 62% 88%,transparent 88%)}
.sub{font-size:17px;margin:18px 0 18px}
.qc{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:10px;padding:16px 18px 12px;max-width:600px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.mini{font-size:10.5px;font-weight:700;letter-spacing:.12em;margin-bottom:10px}
.row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
label{font-size:12px;display:flex;flex-direction:column;gap:6px}
select,input{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;appearance:none}
select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23000' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") right 12px center no-repeat}
.qc-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--g);margin-top:10px}.qc-foot a{color:#2a4bd6;font-weight:600}
.demo{background:#111;color:#fff;border-radius:14px;padding:20px 20px 14px;width:310px;margin-top:-6px;box-shadow:0 20px 50px rgba(0,0,0,.3);transition:transform .3s}
.demo.pulse{transform:scale(1.03)}
.demo .mini{color:#bbb;display:flex;gap:8px;align-items:center}.tag{background:var(--lime);color:#000;padding:2px 6px;border-radius:4px;font-size:9px}
.d-t{font-weight:700;font-size:16px}.d-p{font:900 38px 'Inter Tight';letter-spacing:-.03em;margin:4px 0 8px}.d-p small{font:400 18px Inter}
.pill{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;border-radius:6px;padding:6px 12px}.pill b{width:16px;height:16px;border-radius:50%;background:#e33;color:#fff;font-size:11px;display:grid;place-items:center}
.pill.red{background:#ff7d6e;color:#2a0500}.pill.grn{background:var(--lime);color:#000}.pill.grn b{background:#000;color:var(--lime)}
.demo hr{border:0;border-top:1px solid #2c2c2c;margin:14px -20px}
.d-l{font-size:13px;color:#ddd}.d-r{font:900 30px 'Inter Tight';color:var(--lime);letter-spacing:-.02em}.d-s{font-size:10px;color:#999;margin-bottom:10px}
.sig{list-style:none}.sig li{display:flex;align-items:center;gap:10px;border:1px solid #2e2e2e;border-radius:6px;padding:9px 10px;font-size:12.5px;margin-bottom:6px}.sig span{width:16px;color:#ccc}.sig em,.c1 em,.chk em{margin-left:auto;font-style:normal;color:#999}
.d-n{font-size:10px;color:#888;margin-top:6px}
.band{background:#151515;color:#fff;padding:30px 0}.band-in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.band h2{font:800 clamp(24px,3.5vw,40px)/1.1 'Inter Tight';letter-spacing:-.03em}.band h2 span{color:var(--lime)}.band a{font-size:11px;font-weight:700;letter-spacing:.12em;white-space:nowrap}
.h2{font:800 clamp(26px,3.3vw,36px)/1.1 'Inter Tight';letter-spacing:-.03em}
.three{padding-top:44px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.card{border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.k{font-size:9.5px;font-weight:700;letter-spacing:.1em;color:#444}.k b{font:600 15px Inter;color:#2a4bd6;margin-right:8px}
.card h3{font:800 28px/1.1 'Inter Tight';letter-spacing:-.03em;margin:6px 0 8px}.card>p:not(.k){font-size:14px;color:#333}
.c1{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.c1 img{height:130px;width:100%;object-fit:cover;border-radius:6px}
.c1 ul{list-style:none}.c1 li{display:flex;gap:8px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}.c1 li b{margin-left:6px}
.c2{display:flex;align-items:center;gap:10px;margin:16px 0 10px}.pp{border:1px solid var(--line);border-radius:6px;padding:8px 12px;flex:1}.pp b{display:block;font:800 20px 'Inter Tight'}.pp small{font-size:10px;color:var(--g)}.pp.now{background:#eefbbd;border-color:#dcef8c}
.strip{height:64px;width:100%;object-fit:cover;object-position:center 60%;border-radius:6px}
.chk{list-style:none;margin-top:14px;border:1px solid var(--line);border-radius:6px}.chk li{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:10px 12px;border-bottom:1px solid var(--line)}.chk li:last-child{border:0}
.chk li::before{content:"";width:15px;height:15px;border:1.5px solid #bbb;border-radius:3px;flex:none}.chk li.on::before{content:"✓";background:#2a4bd6;border-color:#2a4bd6;color:#fff;font-size:10px;display:grid;place-items:center}
.hoods{padding-top:40px}.hh{display:flex;justify-content:space-between;align-items:center}
.tabs{display:flex;gap:10px}.tabs button{font:500 12px Inter;padding:7px 18px;border-radius:6px;border:1px solid var(--line);background:#f4f4f4;cursor:pointer}.tabs .on{background:var(--ink);color:#fff;border-color:var(--ink)}
.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.hood{border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:12px}.hood img{height:170px;width:100%;object-fit:cover}.hood b{display:block;font:800 17px 'Inter Tight';padding:12px 14px 2px}.hood span{font-size:12px;color:#2a4bd6;padding:0 14px}
.hood:hover img{filter:brightness(1.05)}
.promo{display:grid;grid-template-columns:1.85fr 1fr;gap:18px;padding-top:22px;padding-bottom:28px}
.pass{background:var(--lime);border-radius:10px;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.pass h2{font:900 clamp(26px,3vw,34px)/1 'Inter Tight';letter-spacing:-.03em}.ps{font-size:17px;margin-top:4px}.pr{font:900 30px 'Inter Tight';margin-top:12px}.pr small{font:500 18px Inter}.pf{font-size:12px}





.nc{border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px;align-items:center}.nc img{height:150px;width:100%;object-fit:cover;object-position:center 70%;border-radius:6px}
.tagw{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.1em;border:1px solid var(--line);border-radius:4px;padding:3px 6px}.nc h3{font:800 24px 'Inter Tight';letter-spacing:-.03em;margin-top:8px}.nc p:not(.tagw){font-size:13.5px}.nc a{display:inline-block;margin-top:16px;font-size:12px;font-weight:600;color:#2a4bd6}
.foot{background:#151515;color:#fff;padding:18px 0 10px}.fi{display:flex;align-items:center;gap:40px;font-size:12px}.fi nav{display:flex;gap:22px;margin-left:auto}.fi .cn{color:#bbb}.tl{color:#ddd}
.credit{font-size:9px;color:#666;margin-top:6px}
@media(max-width:860px){.wrap{padding:0 18px}.hero-in{padding-top:30px}.three,.hoods{padding-top:32px}.hh .tabs{margin-bottom:4px}.nav nav{display:none}.hero{min-height:0}.hero-bg{height:420px;bottom:auto}
.hero-in{flex-direction:column;gap:20px}.demo{width:100%}.row{grid-template-columns:1fr}.band-in,.hh,.fi{flex-direction:column;align-items:flex-start;gap:12px}
.cards,.hgrid,.promo{grid-template-columns:1fr}.pass{flex-direction:column;align-items:flex-start}.fi nav{margin-left:0}.topbar span:last-child{display:none}}

.cube{width:34px;height:34px}
.dcol{width:310px}.dcol .demo{width:100%}.upd{font-size:11px;color:#333;background:rgba(255,255,255,.9);border-radius:6px;padding:6px 10px;margin-top:8px}
.subf{max-width:600px;margin-top:12px;background:#111;color:#fff;border-radius:10px;padding:14px 18px}.subf .mini{color:var(--lime);margin-bottom:4px}.sub-t{font-weight:700}
.sub-r{display:flex;gap:10px;margin-top:10px}.sub-r input{flex:1}.subf .btn.dark{background:var(--lime);color:#000;margin:0}.sub-m{font-size:11px;color:#bbb;margin-top:8px}.sub-m a{color:var(--lime)}
.pass{position:relative}.boximg{position:relative;width:250px;flex:none;margin:-14px -6px -20px 0}.pbox{width:100%;display:block}

.perk{font-weight:700;background:var(--lime);display:inline-block;padding:2px 6px;border-radius:4px;margin:6px 0 4px;font-size:12.5px}
@media(max-width:860px){.dcol{width:100%}.boximg{display:none}.sub-r{flex-direction:column}}
.page{max-width:780px;margin:30px auto 60px;padding:0 20px}.page h1{font-size:clamp(40px,7vw,64px);margin-bottom:16px}.page h2{font:800 24px 'Inter Tight';margin:28px 0 8px}.page p,.page li{margin-bottom:10px}.page ul{padding-left:20px}.page .note{font-size:12px;color:var(--g)}.page img{border-radius:10px;margin:10px 0 20px;width:100%;height:280px;object-fit:cover}
.strip2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.strip2 img{height:64px;width:100%;object-fit:cover;border-radius:6px}