:root{--o:#ff5a00;--o2:#ff7a00;--d:#041116;--i:#06171d;--p:#082a35;--paper:#fffaf2;--display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--d);color:#fff;font-family:var(--body);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:fixed;z-index:80;inset:0 0 auto;padding:18px 0;transition:.25s;background:linear-gradient(to bottom,rgba(4,17,22,.86),transparent)}.nav.scrolled{padding:10px 0;background:rgba(4,17,22,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.navin{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:42px;display:block;transition:.25s}.nav.scrolled .brand img{height:34px}.links{display:flex;gap:6px}.links a{padding:10px 13px;border-radius:999px;color:#ffffffad;font:700 12px var(--display)}.links a:hover{background:#ffffff12;color:#fff}.btn{border:0;border-radius:999px;padding:14px 19px;display:inline-flex;justify-content:center;font:700 14px var(--display);transition:.22s}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,var(--o),var(--o2));box-shadow:0 18px 42px #ff5a0040}.ghost{color:#fff;border:1px solid #ffffff24;background:#ffffff12}.menubtn,.mobile{display:none}.hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:142px 0 80px;background:radial-gradient(circle at 74% 24%,#ff5a0038,transparent 29%),linear-gradient(180deg,var(--d),#061d25 70%,var(--p))}.hero:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:64px 64px;transform:rotate(-7deg);mask-image:radial-gradient(circle,#000,transparent 70%)}.herogrid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.kicker{margin:0 0 18px;color:var(--o);font:800 11px var(--display);letter-spacing:.25em;text-transform:uppercase}.copy h1{margin:0 0 27px;font:800 clamp(3.4rem,7vw,6.8rem)/.86 var(--display);letter-spacing:-.07em}.copy h1 span,.heading h2 span{color:transparent;-webkit-text-stroke:1.2px #ffffffc7}.lead{max-width:620px;color:#ffffffb0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 28px}.proof{display:flex;gap:10px;flex-wrap:wrap}.proof span{padding:8px 11px;border:1px solid #ff5a0033;background:#ff5a0014;border-radius:999px;color:#ffc2a0;font:700 11px var(--display)}.stage{position:relative;padding:24px}.vcard{width:min(390px,100%);margin:auto;background:#fff;color:var(--d);border-radius:34px;overflow:hidden;box-shadow:0 40px 100px #0006;transform:rotate(1.5deg)}.cover{height:132px;position:relative;background:radial-gradient(circle at 80% 20%,#ff7a00bd,transparent 35%),linear-gradient(135deg,var(--i),#0c3c49)}.cover small{position:absolute;right:16px;top:16px;padding:7px 10px;border-radius:999px;background:#041116a6;color:#fff;font:700 9px var(--display);text-transform:uppercase}.avatar{width:82px;height:82px;margin:-42px 0 0 24px;position:relative;border:5px solid #fff;border-radius:25px;display:grid;place-items:center;background:linear-gradient(135deg,var(--o),var(--o2));color:#fff;font:800 25px var(--display)}.cardbody{padding:15px 24px 26px}.cardbody .role{color:var(--o);font:800 9px var(--display);letter-spacing:.12em;text-transform:uppercase}.cardbody h2{margin:6px 0 2px;font:800 34px var(--display);letter-spacing:-.05em}.cardbody p{margin:0;color:#617277;font-size:13px}.cardbuttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:19px 0}.cardbuttons b{padding:12px 5px;border-radius:12px;text-align:center;background:var(--d);color:#fff;font:700 11px var(--display)}.cardbuttons b:first-child{background:var(--o)}.cardlinks{display:grid;gap:8px}.cardlinks span{display:flex;justify-content:space-between;padding:13px;border:1px solid #04111617;border-radius:12px;font:600 11px var(--display)}.float{position:absolute;z-index:2;padding:12px 15px;border:1px solid #ffffff24;background:#082a35bd;backdrop-filter:blur(15px);border-radius:14px;font:normal 700 11px var(--display);box-shadow:0 20px 50px #0004}.f1{right:0;top:8%}.f2{left:0;bottom:11%}.metrics{padding:25px 0 50px;background:var(--p)}.metricsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metricsgrid div{text-align:center;padding:20px;border:1px solid #ffffff15;background:#ffffff0a;border-radius:22px}.metrics strong{display:block;color:var(--o);font:800 2.5rem var(--display)}.metrics span{color:#ffffff8c;font:700 10px var(--display);letter-spacing:.12em;text-transform:uppercase}.section{padding:104px 0}.light{background:var(--paper);color:var(--d)}.dark{background:var(--d)}.heading{max-width:800px;margin-bottom:44px}.heading h2{margin:0 0 22px;font:800 clamp(2.6rem,5.5vw,5.4rem)/.92 var(--display);letter-spacing:-.06em}.light .heading h2 span{color:transparent;-webkit-text-stroke:1.2px #041116b3}.heading>p:last-child{max-width:650px;color:#041116a1;line-height:1.65}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{min-height:255px;padding:25px;border:1px solid #04111614;background:#fff;border-radius:28px;transition:.25s}.feature:hover{transform:translateY(-5px);box-shadow:0 25px 60px #04111614}.feature.wide{grid-column:span 3;min-height:300px;background:var(--d);color:#fff}.feature>b{color:var(--o);font:800 11px var(--display);letter-spacing:.2em}.feature h3{max-width:580px;margin:18px 0 11px;font:700 25px/1.05 var(--display);letter-spacing:-.04em}.feature p{max-width:610px;color:#04111699;font-size:14px;line-height:1.6}.feature.wide p{color:#ffffff9c}.feature code{display:inline-block;margin-top:25px;padding:15px 18px;border-radius:14px;background:#ffffff14;color:#ffb58c;font:600 12px var(--display)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{padding:27px;border:1px solid #ffffff18;background:#ffffff0a;border-radius:28px}.steps article>b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--o);font:800 15px var(--display)}.steps h3{margin:24px 0 10px;font:700 24px var(--display)}.steps p{color:#ffffff94;font-size:14px;line-height:1.6}.audience{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.tags{display:flex;flex-wrap:wrap;gap:11px}.tags span{padding:15px 18px;border:1px solid #04111614;border-radius:999px;background:#fff;font:700 13px var(--display);box-shadow:0 12px 30px #0411160a}.tags span:nth-child(3n){background:var(--o);color:#fff}.tags span:nth-child(4n){background:var(--d);color:#fff}.final{padding:96px 0;background:linear-gradient(var(--p),var(--d))}.finalbox{text-align:center;padding:55px 25px;border:1px solid #ffffff1c;border-radius:40px;background:radial-gradient(circle at 50% -20%,#ff5a0047,transparent 48%),#ffffff0d}.finalbox img{height:48px;margin-bottom:25px}.finalbox h2{max-width:850px;margin:0 auto 17px;font:800 clamp(2.5rem,5vw,5rem)/.93 var(--display);letter-spacing:-.06em}.finalbox>p:not(.kicker){max-width:600px;margin:0 auto 28px;color:#ffffffa3;line-height:1.6}footer{padding:25px 0;border-top:1px solid #ffffff15;color:#ffffff7a;font-size:12px}footer .container{display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(28px);transition:.7s}.reveal.visible{opacity:1;transform:none}.modal{position:fixed;inset:0;z-index:110;display:none;place-items:center;padding:20px;background:#041116c7;backdrop-filter:blur(14px)}.modal.open{display:grid}.modalcard{position:relative;width:min(880px,100%);max-height:92vh;overflow:auto;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--paper);color:var(--d);border-radius:32px;box-shadow:0 35px 100px #0007}.close{position:absolute;z-index:2;right:15px;top:15px;width:40px;height:40px;border:1px solid #0411161c;border-radius:50%;background:#fff;font-size:24px}.intro{padding:36px;background:#f5ede3}.intro img{width:210px;max-width:85%;margin-bottom:35px}.intro h2{margin:0 0 14px;font:800 33px/1 var(--display)}.intro>p:last-child{color:#0411169e;font-size:14px;line-height:1.6}form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:36px;align-content:center}form label{display:grid;gap:6px;color:#0411169c;font:700 10px var(--display);text-transform:uppercase;letter-spacing:.08em}form input:not([type=checkbox]){width:100%;padding:13px;border:1px solid #04111621;border-radius:14px;background:#fff;outline:none}form input:focus{border-color:var(--o);box-shadow:0 0 0 4px #ff5a001a}.full,.consent,.status{grid-column:1/-1}.consent{display:flex!important;align-items:start;text-transform:none!important;letter-spacing:0!important;font:500 11px/1.45 var(--body)!important}.honey{position:absolute!important;left:-9999px}.status{min-height:16px;margin:0;color:var(--o);font:700 12px var(--display)}@media(max-width:900px){.links,.navin>.btn{display:none}.menubtn{display:block;width:42px;height:42px;border:0;background:transparent}.menubtn i{display:block;height:2px;margin:6px;background:#fff}.mobile{position:fixed;display:grid;gap:7px;left:20px;right:20px;top:72px;padding:17px;border:1px solid #ffffff1a;border-radius:22px;background:#041116f2;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.mobile.open{opacity:1;pointer-events:auto;transform:none}.mobile a{padding:11px;font:700 13px var(--display)}.herogrid,.audience{grid-template-columns:1fr}.stage{width:100%;max-width:500px;margin:auto}.features{grid-template-columns:1fr 1fr}.feature.wide{grid-column:span 2}.modalcard{grid-template-columns:1fr}.metricsgrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.hero{padding:120px 0 65px}.copy h1{font-size:3.55rem}.actions .btn{width:100%}.proof{display:none}.stage{padding:12px 0}.float{font-size:9px}.f1{right:-5px}.f2{left:-5px}.section{padding:76px 0}.heading h2{font-size:2.75rem}.features,.steps{grid-template-columns:1fr}.feature.wide{grid-column:auto}.feature{min-height:auto}.modal{padding:12px}.modalcard{border-radius:24px}.intro{display:none}form{grid-template-columns:1fr;padding:64px 25px 25px}form label,.full,.consent,.status{grid-column:1}footer .container{flex-direction:column;gap:12px}}