:root{--bg:#07111f;--bg2:#0b1829;--panel:#102033;--white:#f5f9fc;--muted:#9cadc1;--cyan:#45d6ff;--lime:#b8ff5a;--line:#ffffff18;--max:1240px;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.55 Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.noise{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#header{height:78px;position:fixed;inset:0 0 auto;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - var(--max))/2));border-bottom:1px solid transparent;transition:.35s}#header.scrolled{height:66px;background:#07111fe8;backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;line-height:.85;letter-spacing:.04em}.brand>i{width:34px;height:34px;border:1px solid #45d6ff66;border-radius:9px;transform:rotate(45deg);position:relative}.brand>i:before,.brand>i:after{content:"";position:absolute;background:var(--cyan);left:8px;top:8px;border-radius:3px}.brand>i:before{width:4px;height:17px}.brand>i:after{width:17px;height:4px}.brand span{display:grid}.brand b{font-size:20px}.brand small{font-size:9px;color:var(--cyan);letter-spacing:.34em;margin-top:7px}#header nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#c2cfdd}#header nav a:hover{color:white}.order{border:1px solid var(--cyan);color:var(--cyan)!important;border-radius:99px;padding:9px 17px}#menu{display:none;background:none;border:0;width:42px;height:42px;padding:10px}#menu span{display:block;height:1px;background:white;margin:7px 0}
.hero{min-height:100svh;max-width:1500px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:120px max(28px,calc((100vw - var(--max))/2)) 70px;position:relative}.hero-copy{z-index:2}.overline{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-weight:700;display:flex;align-items:center;gap:11px}.overline>i{width:28px;height:1px;background:var(--cyan)}h1,h2{font:400 clamp(46px,5.8vw,88px)/.99 Georgia,serif;letter-spacing:-.045em;margin:20px 0}h2{font-size:clamp(40px,4.7vw,68px)}h1 em,h2 em{font-style:normal;color:var(--cyan)}.lead,.intro{font-size:18px;color:#b7c5d5;max-width:640px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:4px;font-size:12px;font-weight:700;transition:.3s var(--ease)}.primary{background:var(--cyan);color:#04111e;box-shadow:0 15px 40px #45d6ff22}.primary:hover{background:var(--lime);transform:translateY(-3px)}.ghost{border:1px solid var(--line)}.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.metrics{display:flex;gap:35px;margin-top:46px;padding-top:22px;border-top:1px solid var(--line)}.metrics div{display:grid}.metrics b{font:26px Georgia,serif}.metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.hero-art{height:min(720px,76vh);min-height:520px;position:relative}.hero-art figure{position:absolute;inset:5% -16% 0 0;margin:0;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 88%,80% 100%,0 88%,0 15%)}.hero-art figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07111fa8,transparent 28%),linear-gradient(0deg,#07111fc9,transparent 45%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.05)}.halo{position:absolute;width:650px;height:650px;right:-5%;top:2%;border-radius:50%;background:radial-gradient(circle,#45d6ff2e,transparent 68%);animation:breathe 5s infinite}.waves{position:absolute;z-index:3;right:10%;top:12%;width:80px;height:80px}.waves i{position:absolute;border:2px solid var(--lime);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-45deg);animation:signal 2s infinite}.waves i:nth-child(1){inset:31px}.waves i:nth-child(2){inset:18px;animation-delay:.2s}.waves i:nth-child(3){inset:5px;animation-delay:.4s}.online,.tag{position:absolute;z-index:4;background:#07111fe8;border:1px solid var(--line);box-shadow:0 20px 45px #0008}.online{left:0;bottom:11%;padding:10px 15px;border-radius:99px;font-size:11px}.online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px var(--lime);margin-right:7px}.tag{padding:12px 16px;min-width:120px}.tag small{display:block;color:var(--cyan);font-size:8px;letter-spacing:.16em}.tag b{font:20px Georgia,serif}.t1{right:0;bottom:28%;animation:float 4s infinite}.t2{right:16%;bottom:13%;animation:float 4s 1s infinite}
.strip{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.strip article{display:flex;gap:18px;padding:27px;border-right:1px solid var(--line)}.strip article:last-child{border:0}.strip article>b{font:23px Georgia,serif;color:var(--cyan)}.strip p{margin:0;color:var(--muted);font-size:12px}.strip strong{display:block;color:white;margin-bottom:3px}
.section{max-width:var(--max);padding:125px 26px;margin:auto}.heading{max-width:780px;margin-bottom:58px}.heading>p:last-child{font-size:17px;color:var(--muted);max-width:660px}.center{text-align:center;margin-inline:auto}.center .overline{justify-content:center}.mechanism{display:grid;grid-template-columns:1.4fr .8fr;min-height:550px;background:var(--bg2);border:1px solid var(--line)}.mechanism .photo{min-height:500px;position:relative;overflow:hidden}.mechanism .photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,var(--bg2))}.mechanism img{width:100%;height:100%;object-fit:cover}.mechanism .copy{padding:60px 42px;align-self:center}.copy>small,.checks small,.uses small{font:italic 13px Georgia,serif;color:var(--cyan)}.copy h3{font:35px Georgia,serif;margin:18px 0}.copy>p{color:var(--muted)}.copy aside{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.copy aside>b{color:var(--lime);font-size:22px}.copy aside p{margin:0;color:var(--muted);font-size:12px}.copy aside strong{display:block;color:white}.spot{position:absolute;z-index:3;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:var(--cyan);color:var(--bg);font-weight:800;box-shadow:0 0 0 8px #45d6ff1e;animation:spot 2s infinite}.spot span{position:absolute;left:41px;background:#07111fe8;color:white;padding:5px 9px;white-space:nowrap;font-size:10px;opacity:0;transition:.2s}.spot:hover span{opacity:1}.s1{left:43%;top:22%}.s2{left:43%;top:62%}.s3{left:61%;top:65%}
.flow-wrap{max-width:none;background:linear-gradient(#091625,#07111f);border-block:1px solid var(--line)}.flow-wrap>*{max-width:var(--max);margin-inline:auto}.flow{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr 55px 1fr;align-items:start}.flow article{text-align:center;padding:10px}.flow article>b{color:var(--cyan);font:italic 13px Georgia,serif}.flow h3{font:21px Georgia,serif;margin:10px}.flow p{font-size:12px;color:var(--muted)}.ico{width:92px;height:92px;border:1px solid #45d6ff44;border-radius:50%;margin:0 auto 20px;position:relative;background:radial-gradient(circle,#45d6ff20,transparent 65%)}.ico:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:36px;border:2px solid var(--cyan);border-radius:5px}.cloud:after{height:20px;width:38px;border-radius:20px}.finger:after{width:4px;border:0;background:var(--cyan);box-shadow:0 22px 0 8px #45d6ff1e}.gate:after{width:38px;height:30px;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 6px,var(--cyan) 7px 8px)}.line{height:92px;position:relative}.line:before{content:"";position:absolute;top:50%;width:100%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.range{text-align:center;color:var(--muted);font-size:12px;margin-top:55px!important}.range i{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 6px #b8ff5a18;margin-right:10px}
.interface{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.features{list-style:none;padding:15px 0;margin:0}.features li{display:flex;gap:18px;padding:17px 0;border-top:1px solid var(--line)}.features li>b{color:var(--cyan);font:italic 13px Georgia,serif}.features p{margin:0;color:var(--muted);font-size:12px}.features strong{display:block;color:white;font-size:14px}.mobile-demo{min-height:620px;position:relative;display:grid;place-items:center}.mobile-demo:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#45d6ff28,transparent 68%)}.phone-frame{height:570px;width:290px;border:9px solid #1a2a3e;border-radius:40px;overflow:hidden;box-shadow:0 40px 80px #000b;transform:rotate(4deg)}.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.mobile-demo aside{position:absolute;left:0;bottom:80px;background:#102033ee;border-left:3px solid var(--lime);padding:15px 20px;width:205px;box-shadow:0 20px 45px #0008}.mobile-demo aside>*{display:block}.mobile-demo aside small{font-size:8px;color:var(--lime);letter-spacing:.16em}.mobile-demo aside b{font:22px Georgia,serif}.mobile-demo aside span{color:var(--muted);font-size:11px}.secure{position:absolute;right:20px;top:85px;width:65px;height:65px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:23px}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.checks article{padding:34px;background:var(--bg2);border:1px solid var(--line);position:relative;transition:.3s}.checks article:hover{transform:translateY(-7px);border-color:#45d6ff55}.checks article>i{float:right;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#b8ff5a16;color:var(--lime);font-style:normal}.checks h3{font:27px Georgia,serif;margin:28px 0 8px}.checks p{color:var(--muted);font-size:13px}.question{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:15px;padding:28px 34px;border:1px solid #45d6ff55;background:linear-gradient(90deg,#45d6ff12,transparent)}.question small{display:block;color:var(--cyan);text-transform:uppercase;letter-spacing:.13em}.question div>b{font:23px Georgia,serif}
.security{max-width:none;padding-inline:max(25px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;background:#091625;border-block:1px solid var(--line)}.security-photo{height:540px;overflow:hidden;position:relative}.security-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.security-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07111fbb,transparent)}.security-photo span{position:absolute;z-index:2;bottom:23px;left:23px;background:#07111fe8;border:1px solid var(--line);padding:9px 14px;font-size:10px}.security-photo span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:35px}.stats p{margin:0;padding:20px 10px;border-right:1px solid var(--line);font-size:9px;color:var(--muted)}.stats p:last-child{border:0}.stats b{display:block;color:var(--cyan);font:23px Georgia,serif}
.install{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.install>div:first-child{height:600px;overflow:hidden}.install img{width:100%;height:100%;object-fit:cover}.install ol{list-style:none;padding:12px 0;margin:0}.install li{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.install li b{width:27px;height:27px;border:1px solid #45d6ff66;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:10px}.text-link{display:inline-block;color:var(--cyan);font-weight:700;margin-top:15px}.uses{max-width:none;background:linear-gradient(#07111f,#091725)}.uses>*{max-width:var(--max);margin-inline:auto}.uses>div{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.uses article{min-height:235px;padding:30px;border-right:1px solid var(--line);transition:.3s}.uses article:hover{background:#45d6ff0c}.uses h3{font:24px Georgia,serif;margin:50px 0 9px}.uses p{font-size:12px;color:var(--muted)}
.final{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:end}.final h2{font-size:clamp(43px,5.6vw,78px)}.contact{display:grid;gap:11px;padding:28px;background:var(--bg2);border:1px solid var(--line)}.contact small{color:var(--cyan);letter-spacing:.18em}.contact a{font:19px Georgia,serif}.contact span{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px}footer{max-width:var(--max);margin:auto;padding:34px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}footer nav{display:flex;gap:20px}
.reveal{opacity:0;transform:translateY(32px);transition:.8s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.14s}.delay2{transition-delay:.26s}@keyframes breathe{50%{transform:scale(1.08)}}@keyframes signal{0%{opacity:0;transform:rotate(-45deg) scale(.7)}50%{opacity:1}100%{opacity:0;transform:rotate(-45deg) scale(1.15)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes spot{50%{box-shadow:0 0 0 13px #45d6ff00}}
@media(max-width:980px){#header{padding-inline:20px}#menu{display:block}#header nav{position:fixed;inset:66px 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:15px 22px 25px;background:#07111ffa;transform:translateY(-130%);opacity:0;transition:.35s}#header nav.open{transform:none;opacity:1}#header nav a{padding:12px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-inline:25px}.hero-art{height:560px}.strip{grid-template-columns:1fr}.strip article{border-right:0;border-bottom:1px solid var(--line)}.mechanism,.interface,.security,.install,.final{grid-template-columns:1fr}.flow{grid-template-columns:1fr 30px 1fr}.flow article:nth-of-type(n+3){margin-top:40px}.flow .line:nth-of-type(2){display:none}.checks{grid-template-columns:1fr}.question{align-items:flex-start;flex-direction:column}.uses>div{grid-template-columns:1fr 1fr}.uses article:nth-child(2){border-right:0}.security{gap:40px}.final{gap:30px}}
@media(max-width:600px){.section{padding:85px 19px}.hero{padding:115px 19px 60px}.hero h1{font-size:50px}.lead,.intro{font-size:16px}.metrics{gap:15px;justify-content:space-between}.metrics b{font-size:21px}.hero-art{height:430px;min-height:0;margin-inline:-20px}.hero-art figure{inset:2% -45% 0 -15%}.tag{min-width:100px;padding:9px}.t1{right:0}.t2{right:19%}.heading{margin-bottom:38px}.heading h2{font-size:41px}.mechanism{display:block}.mechanism .photo{min-height:380px}.mechanism .photo:after{background:linear-gradient(0deg,var(--bg2),transparent 35%)}.mechanism .copy{padding:32px 23px}.spot span{display:none}.flow{grid-template-columns:1fr}.flow .line{display:block!important;height:35px}.flow .line:before{height:100%;width:1px;left:50%;background:linear-gradient(var(--cyan),transparent)}.flow article:nth-of-type(n+3){margin-top:0}.mobile-demo{min-height:570px}.phone-frame{height:520px;width:265px}.security-photo,.install>div:first-child{height:380px}.stats{grid-template-columns:1fr}.stats p{border-right:0;border-bottom:1px solid var(--line)}.uses>div{grid-template-columns:1fr}.uses article{border-right:0;border-bottom:1px solid var(--line);min-height:190px}.uses h3{margin-top:30px}.btn{width:100%}footer{flex-direction:column;align-items:flex-start;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.halo,.waves i,.tag,.spot{animation:none}}