@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#e8eef7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#08101c;--bg-soft:#0d1726;--card:#101c2d;--card-2:#132238;--line:#ffffff17;--muted:#9aabc1;--text:#f5f8fc;--accent:#40d4a5;--accent-2:#2db88e;--accent-soft:#40d4a51f;--blue:#67a8ff;--shadow:0 24px 70px #00000047;background:#08101c;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#08101cd1;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;display:inline-flex}.brand>span:last-child>span{color:var(--accent)}.brand-mark{color:#07120e;background:linear-gradient(135deg, #77f3cc, var(--accent));border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 30px #40d4a52e}.nav-links{align-items:center;gap:30px;display:flex}.nav-links>a{color:#c5d0df;font-size:14px;font-weight:600;transition:all .2s}.nav-links>a:hover{color:#fff}.menu-button{background:0 0;border:0;padding:8px;display:none}.btn{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-weight:800;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#04130e;background:linear-gradient(135deg,#5be1b6,#37c69a);box-shadow:0 12px 32px #40d4a533}.btn-primary:hover{background:linear-gradient(135deg,#76edc8,#46d0a3)}.btn-ghost{border:1px solid var(--line);color:#e5ecf5;background:#ffffff0b}.btn-small{color:#7af0cb;background:#40d4a51a;border:1px solid #40d4a533;min-height:42px;padding:0 18px;font-size:13px}.hero{border-bottom:1px solid var(--line);padding:82px 0 78px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#40d4a529,#40d4a500 68%);border-radius:50%;width:700px;height:700px;position:absolute;top:-310px;right:-280px}.hero-grid-bg{opacity:.17;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;display:grid;position:relative}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.12em;color:#72e9c4;font-size:12px;font-weight:800}.eyebrow{background:#40d4a512;border:1px solid #40d4a52e;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:8px 11px;display:inline-flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-3.4px;max-width:720px;margin-bottom:23px;font-size:clamp(48px,6vw,76px);line-height:.98}h1 span{color:var(--accent)}.hero-text{color:#afbdd0;max-width:650px;margin-bottom:29px;font-size:18px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.trust-row{color:#98abc0;flex-wrap:wrap;gap:22px;margin-top:26px;font-size:12px;font-weight:700;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row svg{color:var(--accent)}.hero-visual{justify-content:center;align-items:center;min-height:510px;display:flex;position:relative}.visual-glow{filter:blur(55px);background:#3bcfa121;border-radius:50%;width:390px;height:390px;position:absolute}.camera-card{z-index:2;width:min(100%,490px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff13,#ffffff06);border:1px solid #ffffff1c;border-radius:24px;padding:14px;position:relative;transform:rotate(1.5deg)}.camera-scene{background:radial-gradient(circle at 50% 26%,#25445b 0,#142536 28%,#0b1725 66%,#060e18 100%);border-radius:17px;height:340px;position:relative;overflow:hidden}.camera-scene:before{content:"";clip-path:polygon(0 45%,18% 35%,31% 48%,49% 30%,63% 45%,78% 25%,100% 44%,100% 100%,0 100%);background:linear-gradient(#14273700,#21414bcc);height:43%;position:absolute;inset:auto 0 0}.camera-device{width:245px;height:145px;position:absolute;top:92px;left:112px;transform:rotate(-11deg)}.camera-arm{background:linear-gradient(#dce8f1,#9fb1bf);border-radius:14px 2px 2px 14px;width:96px;height:22px;position:absolute;top:53px;left:14px;box-shadow:0 10px 18px #00000059}.camera-arm:before{content:"";background:linear-gradient(135deg,#b9c8d4,#758b9d);border-radius:8px;width:36px;height:63px;position:absolute;top:-20px;left:-21px}.camera-body{background:linear-gradient(155deg,#f2f7fa,#aabac8 58%,#758b9b);border-radius:22px 36px 36px 22px;width:145px;height:86px;position:absolute;top:25px;left:82px;box-shadow:0 17px 32px #0006,inset 0 1px 1px #fffc}.camera-body:before{content:"";background:#1c2832;border-radius:50%;width:35px;height:66px;position:absolute;top:10px;right:-11px}.camera-lens{background:radial-gradient(circle,#4a7b88 0 7%,#10232e 9% 20%,#071018 22% 41%,#536975 43% 54%,#1a2932 56%);border-radius:50%;width:53px;height:53px;position:absolute;top:17px;right:-3px;box-shadow:0 0 0 5px #b4c8d5cc}.camera-lens span{filter:blur(.3px);background:#78e7ff;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:15px;box-shadow:0 0 11px #82ebff}.scan-line{opacity:.75;background:linear-gradient(90deg,#0000,#5be1b6,#0000);height:1px;animation:4.5s linear infinite scan;position:absolute;left:0;right:0;box-shadow:0 0 12px #5be1b6cc}@keyframes scan{0%{top:13%}50%{top:86%}to{top:13%}}.scene-label{letter-spacing:.12em;background:#050c14a8;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:7px;padding:7px 9px;font-size:11px;font-weight:800;display:flex;position:absolute;top:16px;left:17px}.live-dot{background:#ff5f68;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ff5f68}.camera-meta{color:#c7d4e1;justify-content:space-between;align-items:center;padding:15px 7px 5px;display:flex}.camera-meta strong{color:#fff;margin-bottom:4px;font-size:14px;display:block}.camera-meta span{color:#8093a9;font-size:11px;display:block}.camera-meta svg{color:var(--accent)}.floating-stat{z-index:4;color:#dfe8f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1623eb;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:7px;padding:11px 14px;font-size:11px;font-weight:700;display:flex;position:absolute;box-shadow:0 14px 35px #00000047}.floating-stat svg{color:var(--accent)}.stat-one{bottom:81px;left:-10px}.stat-two{top:68px;right:-20px}.metrics{border-bottom:1px solid var(--line);background:#ffffff04}.metric-grid{grid-template-columns:repeat(4,1fr);display:grid}.metric-grid>div{border-right:1px solid var(--line);padding:27px 25px}.metric-grid>div:first-child{border-left:1px solid var(--line)}.metric-grid strong{color:#fff;margin-bottom:4px;font-family:Space Grotesk;font-size:18px;display:block}.metric-grid span{color:#7f92a9;font-size:11px}.section{padding:88px 0}.section-soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px;display:flex}.section-heading.compact{margin-bottom:34px}.section-heading h2,.lead-copy h2{letter-spacing:-1.9px;margin:7px 0 0;font-size:clamp(34px,4vw,49px)}.section-heading>p{max-width:480px;color:var(--muted);margin-bottom:4px;font-size:14px;line-height:1.7}.type-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.type-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#ffffff09,#ffffff04);border-radius:18px;min-height:205px;padding:24px;transition:all .2s}.type-card:hover{background:linear-gradient(145deg,#40d4a513,#ffffff04);border-color:#40d4a54d;transform:translateY(-3px)}.type-icon{width:46px;height:46px;color:var(--accent);background:#40d4a517;border:1px solid #40d4a51f;border-radius:13px;place-items:center;margin-bottom:24px;display:grid}.type-card strong{font-family:Space Grotesk;font-size:19px}.type-card p{color:#8fa1b7;margin:8px 0 20px;font-size:13px;line-height:1.55}.type-link{color:#6fe3bf;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.steps-grid{border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.step{background:#ffffff04;min-height:230px;padding:30px;position:relative}.step+.step{border-left:1px solid var(--line)}.step>span{color:#40d4a566;letter-spacing:-2px;margin-bottom:24px;font-family:Space Grotesk;font-size:45px;font-weight:700;display:block}.step h3{margin-bottom:8px;font-size:20px}.step p{color:#8da0b6;margin:0;font-size:13px;line-height:1.6}.guide-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.guide-card{border:1px solid var(--line);background:#0c1725;border-radius:18px;min-height:265px;padding:28px;position:relative;overflow:hidden}.guide-card:after{content:"";background:radial-gradient(circle,#40d4a51c,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-80px;right:-60px}.guide-number{color:#52687e;font-family:Space Grotesk;font-size:13px;font-weight:700}.guide-card h3{max-width:280px;margin:18px 0 10px;font-size:21px}.guide-card p{color:#8da0b5;min-height:64px;font-size:13px;line-height:1.65}.guide-card button{color:#6ee4bf;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:800;display:flex}.lead-section{background:linear-gradient(120deg,#102f2b,#0c1a28 50%,#102236);border-top:1px solid #ffffff14;padding:88px 0}.lead-wrap{grid-template-columns:.85fr 1.15fr;align-items:center;gap:68px;display:grid}.section-kicker.light{color:#8ff1d3}.lead-copy h2{margin-bottom:18px}.lead-copy>p{color:#a9bacb;max-width:550px;line-height:1.75}.lead-copy ul{gap:12px;margin:27px 0 0;padding:0;list-style:none;display:grid}.lead-copy li{color:#d4e0ea;align-items:center;gap:10px;font-size:13px;display:flex}.lead-copy li svg{color:var(--accent)}.lead-form{color:#172232;background:#f8fafc;border-radius:22px;padding:28px;box-shadow:0 28px 70px #00000047}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.lead-form label{color:#304054;margin-bottom:14px;font-size:12px;font-weight:800;display:block}.lead-form input,.lead-form select,.lead-form textarea{color:#1f2c3b;background:#fff;border:1px solid #dce3ea;border-radius:10px;outline:none;width:100%;min-height:47px;margin-top:7px;padding:0 13px;transition:border-color .18s,box-shadow .18s}.lead-form textarea{resize:vertical;min-height:105px;padding-top:12px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#4dcaa4;box-shadow:0 0 0 3px #4dcaa421}.input-icon{position:relative}.input-icon svg{color:#7a8b9d;position:absolute;top:22px;left:12px}.input-icon input{padding-left:38px}.form-submit{width:100%;margin-top:2px}.lead-form small{color:#8190a0;text-align:center;margin-top:11px;font-size:10px;display:block}.success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.success-state>span{color:#158660;background:#d9f8ee;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.success-state h3{margin-bottom:8px;font-size:28px}.success-state p{color:#6f7e8d;max-width:430px;line-height:1.65}.site-footer{border-top:1px solid var(--line);background:#060d17;padding:29px 0}.footer-grid{grid-template-columns:1fr 1.2fr auto;align-items:center;gap:25px;display:grid}.footer-brand{font-size:17px}.footer-brand .brand-mark{border-radius:10px;width:33px;height:33px}.footer-grid p,.footer-grid>span{color:#667b91;margin:0;font-size:11px}.footer-grid>span{text-align:right}@media (width<=980px){.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:450px}.camera-card{max-width:520px}.type-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.lead-wrap{grid-template-columns:1fr;gap:38px}.lead-copy{max-width:650px}.section-heading{flex-direction:column;align-items:start;gap:12px}}@media (width<=760px){.container{width:min(100% - 28px,1180px)}.nav-wrap{min-height:67px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.menu-button{display:inline-flex}.nav-links{border:1px solid var(--line);box-shadow:var(--shadow);background:#101b2a;border-radius:15px;flex-direction:column;align-items:stretch;gap:6px;padding:16px;display:none;position:absolute;top:72px;left:14px;right:14px}.nav-links.open{display:flex}.nav-links>a{padding:12px 10px}.nav-links .btn{margin-top:5px}.hero{padding:48px 0 56px}h1{letter-spacing:-2.3px;font-size:49px}.hero-text{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-row{gap:10px 16px;font-size:11px}.hero-visual{min-height:355px;margin-top:5px}.camera-card{transform:none}.camera-scene{height:245px}.camera-device{transform-origin:0 0;top:62px;left:70px;transform:scale(.76)rotate(-11deg)}.stat-one{bottom:55px;left:4px}.stat-two{top:32px;right:4px}.floating-stat{padding:9px 10px;font-size:9px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div{border-bottom:1px solid var(--line)}.section{padding:65px 0}.section-heading h2,.lead-copy h2{font-size:36px}.type-grid,.guide-grid{grid-template-columns:1fr}.type-card{min-height:182px}.steps-grid{grid-template-columns:1fr}.step+.step{border-left:0;border-top:1px solid var(--line)}.step{min-height:auto}.lead-section{padding:66px 0}.lead-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.footer-grid{text-align:left;grid-template-columns:1fr}.footer-grid>span{text-align:left}}@media (width<=420px){h1{font-size:43px}.hero-visual{min-height:325px}.camera-scene{height:220px}.camera-device{top:57px;left:54px;transform:scale(.66)rotate(-11deg)}.floating-stat{display:none}.camera-meta span{max-width:220px}}