:root{--bg:#07090c;--panel:#0e1217;--text:#f3f5f6;--muted:#8d969f;--line:#252b32;--cyan:#75e7ff;--font:"Space Grotesk",sans-serif;--display:"Syne",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55}a{text-decoration:none;color:inherit}img{width:100%;height:100%;object-fit:cover;display:block}header{position:fixed;z-index:20;top:0;left:0;right:0;height:80px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent;transition:.3s}header.scrolled{background:#07090cdd;backdrop-filter:blur(15px);border-color:var(--line)}.logo{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.08em;font-size:13px}.logo>span:last-child{color:var(--cyan)}.logo-box{width:31px;height:31px;border:1px solid var(--cyan);display:grid;place-items:center;font-family:var(--display);color:var(--cyan)}nav{display:flex;gap:28px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.12em}nav a{color:#c4cbd0}nav a:hover{color:var(--cyan)}.nav-btn{border:1px solid #46525b;padding:11px 15px;color:#fff!important}.hamb{display:none;background:none;border:0}.hamb i{display:block;width:24px;height:1px;background:white;margin:5px}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#12394355,transparent 35%),var(--bg)}.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#75e7ff10 1px,transparent 1px),linear-gradient(90deg,#75e7ff10 1px,transparent 1px);background-size:70px 70px}.hero-content{position:relative;z-index:2;padding:170px 0 0 9vw;width:60%}.tag,small{font-size:9px;letter-spacing:.25em;color:var(--cyan)}h1{font:800 clamp(65px,9vw,145px)/.8 var(--display);letter-spacing:-.07em;margin:25px 0 35px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #89949c}.hero p,.section-top p,.build p,.contact p{color:var(--muted);max-width:480px;font-size:14px}.actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-block;padding:14px 19px;border:1px solid var(--line);font-size:9px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.primary{background:var(--cyan);border-color:var(--cyan);color:#061015}.ghost{color:#fff}.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.hero-stats{display:flex;gap:38px;margin-top:70px}.hero-stats div{font-size:8px;letter-spacing:.13em;color:#727d85}.hero-stats b{font:700 22px var(--display);color:var(--cyan);margin-right:8px}.hero-device{position:absolute;right:-4vw;top:15vh;width:48vw;height:74vh;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);opacity:.7}.hero-device:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 35%)}.scroll{position:absolute;bottom:25px;left:5vw;font-size:8px;letter-spacing:.25em;color:#68727a}.ticker{overflow:hidden;white-space:nowrap;background:var(--cyan);color:#071014;padding:18px 0;font:700 17px var(--display)}.ticker div{animation:move 22s linear infinite}@keyframes move{to{transform:translateX(-35%)}}.section{padding:120px 9vw}.section-top{display:grid;grid-template-columns:1fr .6fr;gap:12vw;align-items:end;margin-bottom:65px}h2{font:700 clamp(50px,7vw,105px)/.84 var(--display);letter-spacing:-.07em;margin:18px 0}h2 em{font-style:normal;color:var(--cyan)}.product-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding-bottom:24px}.card.large{grid-row:span 2}.pic{height:300px;position:relative;overflow:hidden}.large .pic{height:590px}.wide{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.wide .pic{height:350px}.pic img{transition:.7s;filter:saturate(.75)}.card:hover img{transform:scale(1.05);filter:saturate(1)}.pic i{position:absolute;top:15px;left:15px;background:var(--cyan);color:#071014;padding:5px 8px;font-size:9px;font-style:normal}.card>div:last-child{padding:20px 24px}.card h3,.support-grid h3{font:600 27px var(--display);margin:0 0 7px}.card p,.support-grid p{font-size:12px;color:#7c868e}.card a{font-size:9px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase}.split{display:grid;grid-template-columns:1fr 1fr;background:#0b0f13}.split-img{min-height:760px}.split-img img{filter:grayscale(.5);opacity:.7}.split-copy{padding:110px 9vw}.split-copy h2 span{color:transparent;-webkit-text-stroke:1px #89949c}.split-copy>p{max-width:470px;color:#7f8991}.features{margin-top:50px;border-top:1px solid var(--line)}.features div{display:flex;gap:35px;padding:19px 0;border-bottom:1px solid var(--line)}.features b{color:var(--cyan);font-size:10px}.features span{font-size:11px;letter-spacing:.14em}.features small{display:block;color:#6f7981;margin-top:4px;letter-spacing:.05em}.build{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.build-img{height:600px;position:relative;border:1px solid var(--line);overflow:hidden}.build-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07090ccc,transparent 55%)}.build-img div{position:absolute;bottom:25px;left:25px;z-index:2;display:flex;flex-direction:column}.build-img strong{font:700 42px var(--display)}.support{background:#0b0e12}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.support-grid>div{padding:35px;border-right:1px solid var(--line)}.support-grid>div:last-child{border:0}.support-grid b{color:var(--cyan);font-size:10px}.contact{padding:125px 9vw;display:grid;grid-template-columns:1fr .75fr;gap:12vw;background:var(--cyan);color:#061015}.contact small{color:#35616a}.contact h2 em{color:#fff}.contact p{color:#31555e}.contact form{display:grid;gap:18px;align-content:center}label{font-size:8px;letter-spacing:.16em;text-transform:uppercase}input,select{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #55929e;padding:12px 0;color:#061015;outline:0}input::placeholder{color:#4f747c}.dark{background:#061015;color:white;border-color:#061015;width:100%}#msg{color:#163e47;letter-spacing:.02em}footer{padding:70px 5vw 24px;background:#05070a}.foot-top{display:flex;justify-content:space-between;padding-bottom:60px;border-bottom:1px solid var(--line)}.foot-top p{color:#6d777f;font-size:11px}.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:40px 0;gap:30px}.foot-grid div{display:flex;flex-direction:column;gap:8px}.foot-grid small{color:#616b73;margin-bottom:8px}.foot-grid a,.foot-grid span{font-size:11px;color:#98a1a7}.bottom{border-top:1px solid var(--line);padding-top:18px;color:#5d676e;font-size:9px;display:flex;justify-content:space-between}.bottom a{color:var(--cyan)}
@media(max-width:850px){header{height:70px;padding:0 6vw}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#07090c;padding:30px 7vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.hamb{display:block}.hero-content{padding:140px 7vw 0;width:100%}.hero h1{font-size:18vw}.hero-device{width:75vw;height:50vh;right:-20vw;top:44vh;opacity:.3}.hero-stats{gap:18px}.section{padding:90px 7vw}.section-top,.product-grid,.split,.build,.contact{grid-template-columns:1fr;gap:45px}.card.large{grid-row:auto}.wide{grid-column:auto;display:block}.large .pic,.wide .pic{height:330px}.split-img{min-height:450px;height:70vw}.split-copy{padding:80px 7vw}.build-img{height:450px}.support-grid{grid-template-columns:1fr}.support-grid>div{border-right:0;border-bottom:1px solid var(--line)}.contact{padding:90px 7vw}.foot-top{display:block}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.hero{min-height:760px}.hero h1{font-size:19vw}.hero-stats div:nth-child(3){display:none}.pic,.large .pic,.wide .pic{height:280px}.foot-grid{grid-template-columns:1fr}.bottom{flex-wrap:wrap;gap:10px}}