*{margin:0;padding:0;box-sizing:border-box}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
html{scroll-behavior:smooth}
body{font-family:"Inter","SF Pro Display",sans-serif}
slides{display:flex;flex-direction:column;height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}
slide{height:100vh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:60px 8%;position:relative;flex-shrink:0}
.dots{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:8px}
.dots a{width:8px;height:8px;border-radius:50%;transition:all .2s;text-decoration:none}
.dots a.active{transform:scale(1.3)}
.slide-num{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;font-size:7px;letter-spacing:3px;color:rgba(255,255,255,.05)}
.s1{background:linear-gradient(135deg,#1a0a0a,#3d1010);color:#f0e8e0}.s1 .dots a{background:rgba(255,255,255,.1)}.s1 .dots a.active{background:#e85d5d}.s1 .slide-num{color:rgba(255,255,255,.05)}
.s1 .bd{display:inline-block;padding:3px 14px;border:1px solid rgba(232,93,93,.2);color:#e85d5d;font-size:7px;letter-spacing:3px;text-transform:uppercase;border-radius:4px;margin-bottom:12px;width:fit-content}
.s1 h1{font-size:56px;font-weight:800;margin-bottom:6px;letter-spacing:-1.5px;line-height:1;color:inherit}
.s1 h1 span{background:linear-gradient(135deg,#e85d5d,#f7a072);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.s1 p{font-size:14px;color:rgba(255,255,255,.12);margin-bottom:20px;max-width:440px}
.s1 .bt a{padding:10px 28px;border-radius:6px;font-size:10px;font-weight:600;text-decoration:none;display:inline-block}
.s1 .b1{background:linear-gradient(135deg,#e85d5d,#f7a072);color:#fff}
.s1 .b2{background:rgba(255,255,255,.03);color:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.06);margin-left:8px}
.s2{background:linear-gradient(135deg,#0a1a14,#0d3d2c);color:#e0f0ea}.s2 .dots a{background:rgba(255,255,255,.06)}.s2 .dots a.active{background:#4ade80}.s2 .slide-num{color:rgba(255,255,255,.03)}
.s2-in{max-width:900px;margin:0 auto;width:100%}
.s2 .s-tt{font-size:7px;color:rgba(74,222,128,.2);text-transform:uppercase;letter-spacing:3px;margin-bottom:16px}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pc{background:rgba(255,255,255,.02);border:1px solid rgba(74,222,128,.04);border-radius:12px;padding:24px 16px;text-align:center}
.pc .sym{font-size:8px;color:rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:1px}
.pc .pr{font-size:22px;font-weight:700;color:inherit;margin:6px 0 4px}
.pc .up{background:linear-gradient(135deg,#4ade80,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:11px}.pc .dn{color:rgba(255,255,255,.08);font-size:11px}
.pc .bar{height:2px;background:rgba(255,255,255,.03);margin-top:8px;border-radius:2px}.pc .bar .f{height:100%;background:#4ade80;border-radius:2px}
.s3{background:linear-gradient(135deg,#12101e,#2d1b69);color:#e8e0f0}.s3 .dots a{background:rgba(255,255,255,.06)}.s3 .dots a.active{background:#a29bfe}.s3 .slide-num{color:rgba(255,255,255,.03)}
.s3-in{max-width:900px;margin:0 auto;width:100%;text-align:center}
.s3 .s-tt{font-size:7px;color:rgba(162,155,254,.2);text-transform:uppercase;letter-spacing:3px;margin-bottom:20px}
.stat-big{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}
.sb{background:rgba(18,16,30,.3);border-radius:12px;padding:24px 14px;border:1px solid rgba(162,155,254,.04)}
.sb .v{font-size:28px;font-weight:700;color:inherit;margin-bottom:2px}
.sb .l{font-size:9px;color:rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:1px}
.s4{background:linear-gradient(135deg,#0a0e1a,#0f3460);color:#e0e8f0}.s4 .dots a{background:rgba(255,255,255,.06)}.s4 .dots a.active{background:#4fc3f7}.s4 .slide-num{color:rgba(255,255,255,.03)}
.s4-in{max-width:900px;margin:0 auto;width:100%}
.s4 .s-tt{font-size:7px;color:rgba(79,195,247,.2);text-transform:uppercase;letter-spacing:3px;margin-bottom:16px}
.feat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.ft-i{background:rgba(255,255,255,.02);border:1px solid rgba(79,195,247,.04);border-radius:12px;padding:24px 16px;text-align:center}
.ft-i .ic{font-size:28px;display:block;margin-bottom:8px}
.ft-i .lb{font-size:14px;font-weight:600;color:inherit;margin-bottom:4px}
.ft-i .s{font-size:10px;color:rgba(255,255,255,.06)}
.s5{background:linear-gradient(135deg,#1a0e08,#3d1c0a);color:#f0e8e0}.s5.last{min-height:100vh;height:auto;justify-content:flex-start;padding:40px 5% 60px}.s5 .dots a{background:rgba(255,255,255,.06)}.s5 .dots a.active{background:#f7a072}.s5 .slide-num{color:rgba(255,255,255,.03)}
.s5-in{max-width:900px;margin:0 auto;width:100%}
.s5 .s-tt{font-size:7px;color:rgba(247,160,114,.2);text-transform:uppercase;letter-spacing:3px;margin-bottom:16px}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.ni{display:block;background:rgba(255,255,255,.02);border:1px solid rgba(247,160,114,.04);border-radius:10px;padding:14px;text-decoration:none;color:inherit;margin-bottom:6px}
.ni .t{font-size:12px;font-weight:600;color:inherit;margin-bottom:2px;display:flex;justify-content:space-between}
.ni .tg{font-size:6px;padding:2px 8px;background:rgba(247,160,114,.08);color:#f7a072;border-radius:4px}
.ni .s{font-size:9px;color:rgba(255,255,255,.06)}
.cta-btn{display:inline-block;padding:12px 36px;background:linear-gradient(135deg,#f7a072,#e85d5d);color:#fff;border-radius:8px;font-size:11px;font-weight:600;text-decoration:none;margin-top:8px}
.top-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:#1a0a0a;border-bottom:1px solid rgba(232,93,93,.06);position:sticky;top:0;z-index:20}
.top-nav-l{display:flex;align-items:center;gap:8px}
.top-nav-s{font-size:7px;color:rgba(255,255,255,.12);letter-spacing:1px;margin-top:1px;line-height:1}
.top-nav-i{width:28px;height:28px;background:linear-gradient(135deg,#e85d5d,#f7a072);color:#1a0a0a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px}
.top-nav-t{font-size:11px;font-weight:600;color:#e85d5d;letter-spacing:1px}
.top-nav-ln{display:flex;gap:16px}.top-nav-ln a{color:rgba(255,255,255,.2);font-size:9px;text-decoration:none}.top-nav-ln a:hover{color:rgba(255,255,255,.5)}
.top-nav-r{background:linear-gradient(135deg,#e85d5d,#f7a072);color:#1a0a0a;padding:4px 14px;font-size:8px;font-weight:600;text-decoration:none;border-radius:6px;display:inline-block}
.artp{max-width:700px;margin:0 auto;padding:40px 20px 50px;background:linear-gradient(135deg,#0a1a14,#0d3d2c);color:#e0f0ea;border-radius:16px 16px 0 0}
.art-b{font-size:10px;color:#4ade80;display:inline-block;margin-bottom:14px;text-decoration:none}
.art-b::before{content:"\2190 "}
.art-h1{font-size:24px;font-weight:700;color:#f0ece8;margin-bottom:4px}
.art-m{font-size:9px;color:rgba(255,255,255,.1);margin-bottom:16px}
.ab{font-size:13px;color:rgba(255,255,255,.55);line-height:1.9}
.ab p{margin-bottom:14px}
.art-cta{text-align:center;padding:20px}
.art-cta a{display:inline-flex;padding:10px 32px;background:linear-gradient(135deg,#e85d5d,#f7a072);color:#fff;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none}
.ls{max-width:1100px;margin:0 auto;padding:40px 5% 20px;display:grid;grid-template-columns:2fr 1fr;gap:24px;background:#0b0b14;color:#e0e8f0}
.ls-h1{font-size:22px;font-weight:700;color:#f0ece8;margin-bottom:16px}
.ls-lnk{display:block;padding:10px 0;font-size:12px;color:rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.03);text-decoration:none}
.ls-lnk:hover{color:#fff}
.ls-sd{padding:18px;background:rgba(255,255,255,.02);border:1px solid rgba(79,195,247,.04);border-radius:8px;align-self:start}
.ls-sd .tt{font-size:8px;color:#e85d5d;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:2px}
.ls-sd .s{font-size:11px;color:rgba(255,255,255,.12)}
.pg{display:flex;justify-content:center;gap:6px;padding:16px}
.pg a,.pg s{display:inline-block;padding:8px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);border-radius:6px;font-size:14px;color:rgba(255,255,255,.5);text-decoration:none}
.pg .cur{background:linear-gradient(135deg,#e85d5d,#f7a072);color:#fff}
.ft2{padding:24px 5%;text-align:center;font-size:7px;color:rgba(255,255,255,.03)}
@media(max-width:900px){.price-grid,.stat-big,.feat-grid{grid-template-columns:1fr 1fr}.s1 h1{font-size:36px}.dual,.ls{grid-template-columns:1fr}}
@media(max-width:600px){.price-grid,.stat-big,.feat-grid{grid-template-columns:1fr}.s1 h1{font-size:28px}slide{padding:40px 6%}.top-nav-ln{display:flex;gap:8px}.art-h1{font-size:18px}}
@media(max-width:768px){
div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
div[style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:1fr!important}
div[style*="font-size:22px"][style*="font-weight:700"]{font-size:18px!important}
div[style*="font-size:18px"][style*="font-weight:700"]{font-size:16px!important}
}
@media(max-width:480px){
div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
div[style*="font-size:22px"][style*="font-weight:700"]{font-size:16px!important}
div[style*="font-size:13px"]{font-size:12px!important}
}

