:root { --ink:#08090a; --panel:#101214; --line:#292c2f; --muted:#898d91; --orange:#ff5a14; --orange-2:#ff7a00; --font-geist-sans:"Bahnschrift","Segoe UI Variable","Segoe UI",sans-serif; --font-geist-mono:"Cascadia Mono","Consolas",monospace; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; background:var(--ink); color:#f4f4f2; font-family:var(--font-geist-sans),Arial,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
::selection { background:var(--orange); color:white; }
.site-header { position:fixed; inset:0 0 auto; z-index:50; border-bottom:1px solid transparent; transition:.3s; }
.site-header.scrolled { background:rgba(8,9,10,.88); backdrop-filter:blur(18px); border-color:#242628; }
.header-inner { height:88px; max-width:1440px; margin:auto; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; }
.brand { width:106px; display:flex; flex-direction:column; line-height:.8; }
.brand-mark { position:relative; font-size:31px; font-weight:900; letter-spacing:-3px; font-style:italic; }
.brand-mark i { position:absolute; width:25px; height:4px; background:var(--orange); top:-6px; left:2px; transform:skewX(-35deg); }
.brand-sub { font:600 7px/1 var(--font-geist-mono); letter-spacing:5px; color:#9fa2a4; margin:7px 0 0 4px; }
.nav { display:flex; gap:38px; font:500 13px/1 var(--font-geist-mono); color:#b8babc; }
.nav a { position:relative; padding:12px 0; transition:.2s; }
.nav a:after { content:""; position:absolute; left:0; right:100%; bottom:5px; height:2px; background:var(--orange); transition:.25s; }
.nav a:hover { color:white; }.nav a:hover:after { right:0; }
.header-cta { font:600 12px/1 var(--font-geist-mono); border:1px solid #4b4e50; padding:13px 17px; }.header-cta span { color:var(--orange); margin-left:12px; }
.menu-button { display:none; background:none; border:0; width:42px; height:42px; padding:10px; }.menu-button span { display:block; height:1px; background:white; margin:7px 0; }
.hero { min-height:760px; height:100vh; max-height:960px; position:relative; display:flex; align-items:center; overflow:hidden; border-bottom:1px solid var(--line); }
.grid-lines { position:absolute; inset:0; opacity:.2; background-image:linear-gradient(#3a3c3e 1px,transparent 1px),linear-gradient(90deg,#3a3c3e 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to right,black,transparent 70%); }
.hero-glow { position:absolute; width:60vw; height:60vw; right:-20%; top:0; background:radial-gradient(circle,rgba(255,90,20,.12),transparent 65%); }
.hero-content { position:relative; z-index:3; width:56%; max-width:820px; margin-left:max(5vw,calc((100vw - 1440px)/2)); padding-top:68px; }
.eyebrow,.kicker { font:600 11px/1 var(--font-geist-mono); letter-spacing:2px; color:#a2a5a8; }.eyebrow { display:flex; align-items:center; gap:12px; }.eyebrow span { width:34px; height:2px; background:var(--orange); }
h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(62px,7.6vw,122px); line-height:.84; letter-spacing:-.075em; margin:34px 0; font-weight:710; } h1 em,h2 em { font-style:normal; color:transparent; -webkit-text-stroke:1px #8c9093; }
.hero-copy { max-width:600px; color:#a8abad; font-size:17px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:32px; margin-top:40px; }.button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:52px; padding:0 22px; border:0; font:650 12px/1 var(--font-geist-mono); cursor:pointer; }.button.primary { color:#fff; background:linear-gradient(120deg,var(--orange),#e73c00); box-shadow:0 10px 35px rgba(255,90,20,.12); }.button.primary:hover { background:var(--orange-2); }.button span { font-size:18px; }.text-link { font:600 12px/1 var(--font-geist-mono); border-bottom:1px solid #4e5052; padding:15px 0; }.text-link span { color:var(--orange); margin-left:10px; }
.stats { display:flex; margin-top:55px; border-top:1px solid #2e3032; width:min(620px,100%); }.stats div { padding:22px 34px 0 0; margin-right:34px; border-right:1px solid #2e3032; min-width:150px; }.stats div:last-child{border:0}.stats strong { display:block; font:650 23px/1 var(--font-geist-mono); }.stats span { display:block; font-size:11px; color:#777b7e; margin-top:8px; }
.hero-machine { position:absolute; width:47vw; height:70vh; right:-4vw; top:15%; perspective:1200px; }.scan-ring { position:absolute; border:1px solid #313437; border-radius:50%; inset:5%; transform:rotateX(68deg); }.ring-2 { inset:20%; border-color:rgba(255,90,20,.3); }
.camera-arm { position:absolute; width:26%; height:38%; right:17%; top:12%; border-left:28px solid #26292b; border-top:28px solid #35383a; transform:skewY(-25deg); filter:drop-shadow(0 20px 20px #000); }
.camera-body { position:absolute; right:14%; top:35%; width:64%; height:31%; border-radius:10px 34px 34px 10px; background:linear-gradient(150deg,#676b6e 0,#25282a 42%,#0e1011 73%); transform:rotate(-9deg) rotateY(-12deg); box-shadow:-50px 35px 80px #000,0 0 0 1px #555 inset; }.camera-body:before { content:""; position:absolute; left:6%; right:20%; bottom:-20%; height:40%; background:#191b1d; clip-path:polygon(8% 0,100% 0,89% 100%,0 100%); }.camera-body>span { position:absolute; right:18%; top:16%; font:800 12px var(--font-geist-mono); color:#8a8d8f; letter-spacing:4px; }
.camera-lens { position:absolute; left:-7%; top:9%; width:28%; aspect-ratio:1; background:radial-gradient(circle,#101112 0 28%,#5c6164 30% 34%,#151718 36% 58%,#3d4143 60% 70%,#111 72%); border-radius:50%; box-shadow:0 0 30px #000; }.camera-lens i { position:absolute; inset:35%; background:#f55722; opacity:.55; border-radius:50%; box-shadow:0 0 25px var(--orange); }
.status-chip { position:absolute; left:5%; bottom:13%; padding:14px 16px; background:rgba(16,18,20,.8); border:1px solid #343739; font:600 9px var(--font-geist-mono); color:#94989a; backdrop-filter:blur(10px); }.status-chip i { display:inline-block; width:6px; height:6px; background:#37cf84; border-radius:50%; box-shadow:0 0 12px #37cf84; margin-right:8px; }.status-chip b { display:block; margin:7px 0 0 17px; font-size:8px; color:#44e496; letter-spacing:2px; }.coordinates { position:absolute; right:10%; bottom:8%; font:500 9px/1.7 var(--font-geist-mono); color:#55595c; }
.scroll-cue { position:absolute; right:3vw; bottom:34px; writing-mode:vertical-rl; display:flex; gap:14px; align-items:center; font:600 8px var(--font-geist-mono); letter-spacing:3px; color:#65686a; }.scroll-cue i { color:var(--orange); font-style:normal; }
.section { max-width:1440px; margin:auto; padding:120px 5vw; }.section-heading { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; margin-bottom:60px; }.section-heading h2,.process-intro h2,.support-banner h2,.contact-info h2 { font-size:clamp(42px,5.2vw,78px); letter-spacing:-.06em; line-height:.98; margin:22px 0 0; }.section-heading>p { color:#868a8d; line-height:1.7; max-width:470px; }
.products-section { max-width:none; border-bottom:1px solid var(--line); }.products-section>* { max-width:1296px; margin-left:auto; margin-right:auto; }
.product-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.product-card { min-height:600px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:28px; position:relative; overflow:hidden; background:linear-gradient(160deg,#141617,#0c0d0e); transition:.35s; }.product-card:hover { background:#17191b; }.card-top { display:flex; justify-content:space-between; font:550 10px var(--font-geist-mono); color:#777b7d; }.arrow { color:var(--orange); border:1px solid #36393b; width:34px;height:34px;display:grid;place-items:center;font-size:16px; }
.product-visual { height:300px; position:relative; display:grid; place-items:center; }.product-visual:before { content:""; position:absolute; width:250px; height:250px; background:radial-gradient(circle,rgba(255,90,20,.12),transparent 70%); }.product-visual b { position:absolute; bottom:20px; right:0; font:500 7px var(--font-geist-mono); letter-spacing:2px;color:#55585a; }.device { position:relative; width:190px; height:80px; border-radius:10px 35px 35px 10px; background:linear-gradient(145deg,#b5b7b8,#44484a 35%,#17191a 70%); box-shadow:-25px 25px 35px #050505; transform:rotate(-8deg); }.device:before { content:""; position:absolute; left:-25px; top:5px; width:70px; height:70px; border-radius:50%; background:radial-gradient(circle,#0b0c0d 0 25%,#e2e3e3 28% 31%,#202324 34% 60%,#737779 63%); }.device span { position:absolute; top:-38px; right:25px; width:28px; height:50px; border:10px solid #333638;border-bottom:0; }.device i { position:absolute; right:22px; top:18px; width:32px;height:5px;background:var(--orange);opacity:.7; }
.barrier .device { width:225px;height:40px;border-radius:2px;background:linear-gradient(90deg,#eee 0 18%,var(--orange) 18% 35%,#eee 35% 52%,var(--orange) 52% 69%,#eee 69%); }.barrier .device:before { left:-20px;top:35px;width:42px;height:115px;border-radius:3px;background:linear-gradient(#53575a,#17191b); }.barrier .device span { display:none; }.fingerprint .device,.access .device { width:115px;height:170px;border-radius:8px;transform:rotateY(-8deg);background:linear-gradient(145deg,#606467,#17191a 55%,#08090a); }.fingerprint .device:before,.access .device:before { left:23px;top:28px;width:70px;height:65px;border-radius:5px;background:radial-gradient(circle at 45% 55%,#ff7a22 0 4%,#36241d 6% 10%,#121517 12%);box-shadow:0 0 0 1px #555; }.fingerprint .device span,.access .device span{display:none}.fingerprint .device i,.access .device i { right:25px;top:120px;width:65px;height:12px; }
.product-copy { max-width:520px; }.product-copy>p:first-child { font:500 10px var(--font-geist-mono); color:var(--orange); letter-spacing:1.5px; }.product-copy h3 { font-size:30px; letter-spacing:-.04em; margin-bottom:12px; }.product-copy>p { color:#85898b; line-height:1.6;font-size:14px; }.tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span { border:1px solid #333638;padding:7px 10px;font:500 8px var(--font-geist-mono);color:#888c8e; }
.process-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }.process-intro { position:sticky; top:150px; align-self:start; }.process-intro>p:last-child { max-width:440px;color:#828688;line-height:1.7;margin-top:34px; }.process-list { border-top:1px solid var(--line); }.process-list article { display:grid;grid-template-columns:50px 1fr 30px;gap:20px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.process-list article>span{font:600 10px var(--font-geist-mono);color:var(--orange)}.process-list h3{font-size:23px;margin-bottom:10px}.process-list p{color:#7f8385;line-height:1.6;font-size:14px}.process-list i{font-style:normal;color:#55595b}.process-list article:hover i{color:var(--orange)}
.support-section { max-width:none;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.support-banner { min-height:410px;padding:90px max(5vw,calc((100vw - 1296px)/2));display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#121416,#0a0b0c);position:relative;overflow:hidden}.support-banner:after{content:"";position:absolute;width:500px;height:500px;right:8%;background:repeating-radial-gradient(circle,#292c2e 0 1px,transparent 1px 22px);opacity:.4}.pulse{z-index:1;width:230px;height:230px;border:1px solid #343739;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pulse:before,.pulse:after{content:"";position:absolute;inset:20px;border:1px solid #26292b;border-radius:50%}.pulse:after{inset:42px;border-color:rgba(255,90,20,.4)}.pulse>span{width:8px;height:8px;background:#43dc8d;box-shadow:0 0 18px #43dc8d;border-radius:50%;z-index:2;margin-bottom:10px}.pulse b{font:700 38px var(--font-geist-mono);z-index:2}.pulse small{font:600 7px var(--font-geist-mono);letter-spacing:2px;color:#777b7d;z-index:2}
.support-grid { max-width:1296px;margin:auto;padding:90px 0 120px;display:grid;grid-template-columns:1.4fr .6fr;gap:80px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 4px}summary{list-style:none;display:grid;grid-template-columns:45px 1fr 30px;align-items:center;min-height:92px;cursor:pointer;font-weight:570}summary::-webkit-details-marker{display:none}summary span{font:600 9px var(--font-geist-mono);color:#5d6163}summary i{font-style:normal;font-size:20px;color:var(--orange);transition:.2s}details[open] summary i{transform:rotate(45deg)}details>p{color:#85898b;line-height:1.7;padding:0 40px 25px 45px;font-size:14px}.support-card{padding:36px;background:#151718;border:1px solid #2f3234;align-self:start}.support-icon{display:grid;place-items:center;width:50px;height:50px;background:var(--orange);font-size:30px}.support-card>p:first-of-type{font:600 9px var(--font-geist-mono);color:var(--orange);letter-spacing:1.5px;margin:30px 0 12px}.support-card h3{font-size:27px;line-height:1.1}.support-card>p{color:#85898b;font-size:14px;line-height:1.6}.support-card .button{width:100%;margin:18px 0}.support-card small{color:#65696b;font-size:10px}.support-card small b{color:#aaa}
.contact-section { display:grid;grid-template-columns:.85fr 1.15fr;gap:120px;padding-top:130px;padding-bottom:130px}.contact-info>p:nth-of-type(2){color:#85898b;line-height:1.7;max-width:480px;margin-top:30px}.contact-items{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}.contact-items a,.contact-items p{font-size:13px}.contact-items span{display:block;font:600 8px var(--font-geist-mono);letter-spacing:1.5px;color:#666a6c;margin-bottom:9px}.contact-form{padding:42px;background:#121416;border:1px solid #2c2f31}.contact-form label{display:block;font:600 9px var(--font-geist-mono);letter-spacing:1px;color:#8a8e90;margin-bottom:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{display:block;width:100%;margin-top:10px;background:#0c0d0e;border:1px solid #303335;color:white;padding:15px 16px;outline:none;border-radius:0}input:focus,select:focus,textarea:focus{border-color:var(--orange)}textarea{resize:vertical}.contact-form .button{width:100%}.form-success{font:550 11px var(--font-geist-mono);color:#4ad990;margin:18px 0 0}
footer{border-top:1px solid var(--line);padding:60px max(5vw,calc((100vw - 1296px)/2)) 24px}.footer-main{display:flex;align-items:center;gap:55px;padding-bottom:50px}.footer-main>p{color:#696d6f;font-size:13px;margin:0}.footer-nav{margin-left:auto;display:flex;gap:28px;font-size:12px;color:#8d9193}.footer-bottom{padding-top:22px;border-top:1px solid #252729;display:flex;justify-content:space-between;font:500 8px var(--font-geist-mono);letter-spacing:1px;color:#5f6365}.footer-bottom a{color:#999}
@media (max-width:1000px){.header-inner{height:76px}.nav{position:absolute;top:76px;left:0;right:0;background:#0c0d0e;border-bottom:1px solid var(--line);padding:28px 5vw;flex-direction:column;gap:12px;transform:translateY(-140%);transition:.3s;z-index:-1}.nav.open{transform:translateY(0)}.header-cta{display:none}.menu-button{display:block}.hero{min-height:800px;height:auto;padding:140px 0 80px}.hero-content{width:90%;}.hero-machine{opacity:.35;width:70vw;right:-20%;top:22%}.hero-content{margin-left:5vw}.section{padding:90px 5vw}.process-section,.contact-section{grid-template-columns:1fr;gap:60px}.process-intro{position:static}.support-grid{padding:70px 5vw 90px;grid-template-columns:1fr;gap:50px}.support-banner{padding:80px 5vw}.footer-main{flex-wrap:wrap}}
@media(max-width:700px){.hero{min-height:760px}.hero-content{padding-top:20px}.hero-machine{width:100vw;right:-45%;top:27%;}.eyebrow{font-size:9px}.hero-copy{font-size:15px;max-width:92%}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:28px}.stats{margin-top:38px}.stats div{padding-right:14px;margin-right:14px;min-width:0;flex:1}.stats strong{font-size:18px}.stats span{font-size:9px}.scroll-cue{display:none}.section-heading{grid-template-columns:1fr;gap:25px}.product-grid{grid-template-columns:1fr}.product-card{min-height:540px}.product-visual{height:260px}.process-section{gap:45px}.support-banner{min-height:0;align-items:flex-start}.pulse{width:110px;height:110px;flex:0 0 auto}.pulse:before{inset:12px}.pulse:after{inset:24px}.pulse b{font-size:21px}.pulse small{font-size:5px}.support-grid{padding-top:55px}.support-card{padding:28px}.contact-section{gap:50px}.field-row,.contact-items{grid-template-columns:1fr}.contact-form{padding:25px}.footer-main{align-items:flex-start;flex-direction:column;gap:25px}.footer-nav{margin:0;flex-wrap:wrap}.footer-bottom{gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-error{color:#ff7b67!important}