:root{color-scheme:dark;--y:#f4c63d;--bg:#080a0c;--card:#121519;--line:#292f35;--muted:#8b929a;--text:#f5f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 5%,#322b0e55 0,transparent 25%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}nav{height:78px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;color:white;text-decoration:none;font:700 21px "Space Grotesk"}.brand>i{display:grid;width:31px;height:31px;margin-right:9px;place-items:center;border:1px solid #514820;border-radius:9px;background:#18170e;color:var(--y);font-style:normal}.brand span{color:var(--y)}.links{display:flex;gap:30px;margin:auto}.links a,footer a{color:#989fa7;text-decoration:none;font-size:12px}.links a:hover,footer a:hover{color:white}.button,.ghost{display:inline-flex;border:1px solid var(--y);border-radius:9px;background:var(--y);color:#171405;padding:14px 18px;font-weight:850;text-decoration:none;cursor:pointer}.button:hover{transform:translateY(-2px)}.button.small{padding:10px 14px;font-size:11px}.ghost{border-color:#30363c;background:#14181c;color:#d8dbde}.menu{display:none;border:1px solid var(--line);border-radius:8px;background:var(--card);color:white;padding:8px}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center;min-height:700px;padding:55px 0 90px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #39331d;border-radius:99px;background:#15140e;color:#cdc6a3;font-size:8px;font-weight:850;letter-spacing:1px}.pill i{width:6px;height:6px;border-radius:50%;background:var(--y);box-shadow:0 0 12px var(--y)}h1,h2,h3{font-family:"Space Grotesk",sans-serif}.hero h1{margin:24px 0 20px;font-size:clamp(58px,6vw,88px);line-height:.93;letter-spacing:-4px}.hero h1 em,.heading em{color:var(--y);font-style:normal}.hero>div:first-child>p{max-width:530px;color:#a0a7ae;font-size:15px;line-height:1.75}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.actions>a:last-child{color:#d3d6d9;font-size:11px;font-weight:700;text-decoration:none}.checks{display:flex;flex-wrap:wrap;gap:15px;margin-top:24px;color:#777e86;font-size:8px}.product{position:relative;border:1px solid #343a40;border-radius:16px;background:#0c0f12;box-shadow:0 40px 100px #000;transform:rotateY(-4deg)}.product>header{height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #282d32;background:#171a1e}.product>header>i{width:7px;height:7px;border-radius:50%;background:#555}.product>header>i:first-child{background:#d95c4f}.product>header>span{flex:1;margin-left:6px;padding:6px 9px;border-radius:5px;background:#0e1114;color:#626a73;font-size:6px}.product>header>b{color:var(--y)}.product>section{padding:20px 16px 26px;background:radial-gradient(circle at 50% 0,#302810,transparent 40%)}.compare{display:flex;align-items:center;margin-bottom:16px}.compare small{font-size:6px;color:#777f87}.compare b{margin:auto;font-size:8px}.compare strong{color:var(--y);font-size:7px}.teams{display:grid;grid-template-columns:1fr 92px 1fr;gap:8px;align-items:center}.team h4{font-size:7px}.team h4 b{float:right;color:var(--y)}.player{display:grid;grid-template-columns:29px 1fr auto 35px;gap:6px;align-items:center;margin:6px 0;padding:7px;border:1px solid #292e33;border-radius:7px;background:#14171a}.player>i{display:grid;width:29px;height:29px;place-items:center;border-radius:7px;background:#33455b;font-size:8px;font-style:normal}.player span b{font-size:7px}.player small{display:block;margin-top:3px;color:#6f7780;font-size:4px}.player>strong{color:var(--y);font-size:8px}.player>em{overflow:hidden;color:var(--y);font-size:15px}.map{padding:10px 7px;border:1px solid #343b42;border-radius:9px;background:#15191d;text-align:center}.map>small{font-size:4px;color:#737b83}.map>b{display:block;margin:5px;font-size:8px}.map>div{display:flex;align-items:center;justify-content:space-between}.map strong{color:var(--y);font-size:10px}.map i{padding:4px;border:1px solid #343a40;border-radius:4px;color:#777;font-size:4px;font-style:normal}.product>aside{position:absolute;right:-18px;bottom:-41px;display:flex;width:320px;align-items:center;gap:11px;padding:13px;border:1px solid #3a4046;border-radius:12px;background:#181c20;box-shadow:0 20px 50px #000}.product>aside>span{display:grid;width:33px;height:33px;place-items:center;border-radius:8px;background:#28250f;color:var(--y)}.product>aside div{display:flex;flex:1;flex-direction:column}.product>aside small{color:#717982;font-size:5px}.product>aside b{margin-top:4px;font-size:8px}.product>aside>i,.toggles label>i{position:relative;width:30px;height:17px;border-radius:20px;background:var(--y)}.product>aside>i:after,.toggles label>i:after{content:"";position:absolute;right:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#171405}.strip{border-block:1px solid #20252a;background:#0c0f12}.strip .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between}.strip span{color:var(--y);font-size:8px;font-weight:900;letter-spacing:1.5px}.strip b{font-size:10px;color:#b8bdc3}.strip i{width:3px;height:3px;border-radius:50%;background:#3c4248}.section{padding:120px 0}.heading{max-width:700px}.heading>span{color:var(--y);font-size:8px;font-weight:900;letter-spacing:2px}.heading h2{margin:15px 0;font-size:clamp(38px,5vw,58px);line-height:1.06;letter-spacing:-2px}.heading p{max-width:590px;color:var(--muted);font-size:13px;line-height:1.7}.heading.center{margin:auto;text-align:center}.heading.center p{margin-inline:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:52px}.feature{position:relative;overflow:hidden;min-height:320px;padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#15191d,#0e1114)}.feature.tall{grid-row:span 2;min-height:655px;padding-top:46px}.feature.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.feature>i,.feature>div>i{display:grid;width:39px;height:39px;margin-bottom:25px;place-items:center;border:1px solid #49431e;border-radius:10px;background:#1d1b0f;color:var(--y);font-style:normal;font-size:18px}.feature>small,.feature>div>small{color:#767e87;font-size:7px;font-weight:900;letter-spacing:1.5px}.feature h3{max-width:450px;margin:11px 0;font-size:26px}.feature p{color:#858d95;font-size:11px;line-height:1.7}.sample{position:absolute;left:30px;right:30px;bottom:35px;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #343a40;border-radius:10px;background:#0d1013}.sample>b{display:grid;width:42px;height:42px;place-items:center;border-radius:9px;background:#275057}.sample>span{margin-right:auto;font-weight:800}.sample>strong{color:var(--y);font-size:13px}.sample strong small{display:block;color:#666;font-size:4px}.sample>em{color:var(--y);font-size:18px}.duel{display:flex;align-items:center;justify-content:space-between;margin-top:38px;padding:24px;border-top:1px solid var(--line)}.duel b{color:var(--y);font-size:30px}.duel i{padding:9px;border:1px solid #394047;border-radius:7px;color:#777;font-size:7px;font-style:normal}.tags{display:flex;gap:6px;margin-top:35px}.tags b{padding:7px 9px;border:1px solid #433e21;border-radius:6px;background:#1e1c10;color:var(--y);font-size:7px}.toggles{border:1px solid #30363c;border-radius:12px;background:#0d1013}.toggles label{display:flex;align-items:center;padding:16px;border-bottom:1px solid #272c31}.toggles label:last-child{border:0}.toggles label span{display:flex;flex:1;flex-direction:column}.toggles label b{font-size:9px}.toggles label small{margin-top:3px;color:#737b84;font-size:6px}.steps-bg{border-block:1px solid #20252a;background:#0c0f12}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid var(--line);border-radius:16px;background:#111418}.steps article{position:relative;min-height:250px;padding:30px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps article>b{position:absolute;right:24px;color:#343a40;font-size:26px}.steps article>i{display:grid;width:40px;height:40px;place-items:center;border-radius:9px;background:var(--y);color:#171405;font-style:normal;font-weight:900}.steps h3{margin-top:55px}.steps p{color:#818890;font-size:10px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:840px;margin:52px auto 0}.pricing article{position:relative;padding:33px;border:1px solid var(--line);border-radius:16px;background:#111418}.pricing article.pro{border-color:#76682b;background:linear-gradient(145deg,#1c1a0f,#111418)}.pricing article>em{position:absolute;right:18px;top:18px;padding:6px 8px;border-radius:5px;background:var(--y);color:#181405;font-size:5px;font-style:normal;font-weight:900}.pricing article>span{color:#858d95;font-size:7px;font-weight:900}.pricing h3{margin:10px 0 22px}.pricing article>strong{display:block;color:var(--y);font-size:37px}.pricing article>small{color:#777f87;font-size:7px}.pricing ul{min-height:220px;margin:22px 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}.pricing li{position:relative;padding:7px 0 7px 21px;color:#bbc0c5;font-size:9px}.pricing li:before{content:"✓";position:absolute;left:0;color:var(--y)}.pricing li.off{color:#596067}.pricing li.off:before{content:"—";color:#596067}.pricing article>a,.pricing article>button{display:flex;width:100%;justify-content:center;border:1px solid #383e44;border-radius:8px;background:#191d21;color:#ddd;padding:12px;text-decoration:none;font-weight:850;cursor:pointer}.pricing .pro button{border-color:var(--y);background:var(--y);color:#171405}.secure{text-align:center;color:#707880;font-size:7px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;border-top:1px solid #20252a}.faq .heading h2{font-size:40px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;padding:21px 0;list-style:none;cursor:pointer;font-size:11px;font-weight:700}.faq summary i{margin-left:auto;color:var(--y);font-size:17px}.faq p{margin:0;padding:0 35px 20px 0;color:#838b93;font-size:10px;line-height:1.7}.cta{display:flex;align-items:center;justify-content:space-between;margin-bottom:95px;padding:55px;border-radius:18px;background:var(--y);color:#171405}.cta span{font-size:7px;font-weight:900}.cta h2{margin:10px 0;font-size:42px;line-height:1}.cta p{font-size:10px}.button.dark{border-color:#171405;background:#171405;color:#fff}footer{padding:60px 0 25px;border-top:1px solid #20252a;background:#0b0d0f}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.foot>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.foot p{max-width:250px;color:#737b83;font-size:9px;line-height:1.6}.foot>div>b{font-size:7px;letter-spacing:1px}.foot span{color:#777f87;font-size:9px}.copy{display:flex;justify-content:space-between;margin-top:50px;padding-top:20px;border-top:1px solid #20252a;color:#5f666e;font-size:7px}dialog{width:min(430px,calc(100% - 30px));border:1px solid #353b42;border-radius:17px;background:#101317;color:white;padding:0;box-shadow:0 35px 120px #000}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog form{position:relative;padding:30px}.close{position:absolute;right:14px;top:14px;border:0;border-radius:7px;background:#22272c;color:#aaa;padding:5px 10px}.eyebrow{color:var(--y);font-size:7px;font-weight:900;letter-spacing:1px}dialog input{display:block;width:100%;margin:9px 0;padding:13px;border:1px solid #30363d;border-radius:8px;background:#181c20;color:white}#submit{width:100%;border:0;border-radius:8px;background:var(--y);color:#171405;padding:13px;font-weight:900}.link{width:100%;border:0;background:transparent;color:#999;padding:11px}#message{min-height:17px;color:#ff8178;font-size:9px}#profile{display:flex;flex-direction:column;gap:9px}#profile[hidden]{display:none}#profilePlan{color:var(--y)}#packages{display:grid;gap:6px}#packages button{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;background:#181c20;color:white;padding:11px}@media(max-width:900px){.links{display:none}.hero{grid-template-columns:1fr}.product{transform:none}.faq{gap:35px}.feature.tall{min-height:560px}}@media(max-width:650px){.wrap{width:calc(100% - 28px)}nav>.ghost,nav>.button{display:none}.menu{display:block;margin-left:auto}.hero{min-height:auto;padding:65px 0}.hero h1{font-size:54px}.actions{align-items:flex-start;flex-direction:column}.product{min-width:650px;transform:scale(.57);transform-origin:left top}.hero>div:last-child{height:300px}.product>aside{right:auto;left:180px}.strip .wrap{padding:15px 0;flex-wrap:wrap;gap:14px}.strip i{display:none}.section{padding:78px 0}.heading h2{font-size:37px}.grid{grid-template-columns:1fr}.feature.tall{grid-row:auto;min-height:510px}.feature.wide{grid-column:auto;grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.pricing{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:15px}.cta{align-items:flex-start;padding:38px 24px;flex-direction:column;gap:25px}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:span 2}.copy{gap:8px;flex-direction:column}}