:root{color-scheme:dark;--bg:#070d18;--bg2:#0b1421;--ink:#edf6fa;--muted:#9cafbd;--line:rgba(170,200,219,.14);--teal:#4ee7cc;--cyan:#75c8fd;--purple:#9e94ff;--white:#fff;--card:#111e2c;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{outline:none}::selection{background:#41cdb6;color:#081720}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.progress-line{height:2px;position:fixed;left:0;top:0;width:0;background:linear-gradient(90deg,var(--teal),var(--cyan));z-index:101;pointer-events:none}.ambient{pointer-events:none;position:absolute;filter:blur(130px);z-index:-1;opacity:.3}.ambient-a{width:650px;height:650px;right:-340px;top:50px;background:#2366ad;border-radius:50%}.ambient-b{width:360px;height:480px;left:-230px;top:440px;background:#16aa98;border-radius:50%}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,13,24,.78);backdrop-filter:blur(20px)}.nav-inner{height:80px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;font-size:28px;font-weight:850;letter-spacing:-1.6px;gap:11px;white-space:nowrap}.brand-period{color:var(--teal)}.brand-icon{width:28px;height:28px;display:flex;position:relative;align-items:center}.brand-icon span{position:absolute;display:block;width:9px;height:9px;border-radius:3px;background:var(--teal);transform:rotate(45deg)}.brand-icon span:nth-child(1){left:0;top:3px}.brand-icon span:nth-child(2){left:13px;top:10px;background:#80caff}.brand-icon span:nth-child(3){left:0;top:18px}.desktop-nav{display:flex;gap:25px;align-items:center;flex:1;justify-content:center}.desktop-nav a{font-size:13px;color:#bbccd7;transition:color .25s}.desktop-nav a:hover,.footer a:hover{color:var(--teal)}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;border-radius:12px;font-size:14px;font-weight:720;line-height:1.1;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{color:#04131c;background:var(--teal);box-shadow:0 12px 35px rgba(78,231,204,.12)}.button-primary:hover{background:#79f5df;box-shadow:0 16px 45px rgba(78,231,204,.24)}.button-outline{border-color:#49606c;color:#e3f4fc;background:rgba(255,255,255,.025)}.button-outline:hover{border-color:var(--teal)}.button-small{font-size:12px;padding:12px 18px}.button-quiet{padding:15px 3px;color:#d6e4ed}.button-quiet:hover{color:var(--teal)}.mobile-toggle{display:none;margin-left:auto;background:none;border:0;width:38px;padding:7px}.mobile-toggle span{display:block;background:#fff;height:2px;margin:5px 0}.mobile-nav{padding:20px 32px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:10px 0;color:#d4e3e9}.mobile-nav[hidden]{display:none}
.hero{min-height:675px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px;padding-top:85px;padding-bottom:100px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--teal)}.eyebrow{display:inline-flex;gap:12px;align-items:center;padding:10px 13px 10px 9px;border-radius:40px;background:rgba(80,224,200,.065);border:1px solid rgba(87,230,206,.16);letter-spacing:1.2px}.eyebrow-signal{height:8px;width:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(78,231,204,.1);animation:pulse 2s infinite}.hero h1{font-size:clamp(47px,4.7vw,76px);line-height:1.09;letter-spacing:-3.8px;margin:22px 0 19px;font-weight:780}.gradient-text{background:linear-gradient(115deg,#91fff0 10%,#69d9ff 66%,#aea4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:16px;color:var(--muted);max-width:520px;line-height:1.85}.hero-actions{display:flex;gap:21px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-facts{border-top:1px solid var(--line);margin-top:54px;padding-top:26px;display:flex;gap:26px}.hero-facts div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:22px;min-width:0}.hero-facts div:last-child{border:0}.hero-facts strong{font-size:22px;letter-spacing:-1px}.hero-facts span{font-size:10px;color:#91a7b5;margin-top:2px}.hero-visual{min-height:535px;display:grid;place-items:center;position:relative}.visual-grid{inset:9% 0;position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(54,196,204,.14),transparent 67%),repeating-radial-gradient(circle,transparent 0 48px,rgba(93,199,219,.058) 49px 50px);animation:halo 18s linear infinite}.interface-card{position:relative;background:linear-gradient(150deg,#152638,#0d1825);border:1px solid #345161;width:min(430px,95%);border-radius:20px;overflow:hidden;box-shadow:0 38px 125px rgba(0,0,0,.45),0 0 100px rgba(28,138,165,.09)}.float-card{animation:float 7s ease-in-out infinite}.interface-top{height:55px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:20px;padding:0 19px;color:#acbec9;font-size:11px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#5a6d7c}.window-dots i:first-child{background:#f39e9e}.window-dots i:nth-child(2){background:#ffd397}.live-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;margin-left:auto;box-shadow:0 0 12px var(--teal)}.interface-body{padding:29px 26px}.stage-row{display:flex;align-items:center;gap:17px;padding:12px 11px;border-radius:12px;border:1px solid transparent}.stage-row.active-stage{background:rgba(78,231,204,.06);border-color:rgba(78,231,204,.18)}.stage-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;font-weight:900;font-size:20px;flex-shrink:0}.stage-icon.teal{background:rgba(78,231,204,.13);color:var(--teal)}.stage-icon.lilac{background:rgba(158,148,255,.14);color:var(--purple)}.stage-icon.blue{background:rgba(112,197,244,.12);color:var(--cyan)}.stage-icon.mint{background:rgba(78,231,204,.15);color:var(--teal)}.stage-row div:nth-child(2){display:flex;flex-direction:column;min-width:0}.stage-row b{font-size:13px;color:#eaf6fc}.stage-row small{font-size:10px;color:#839baa;margin-top:2px}.stage-check{margin-left:auto;color:#87efd9}.tag-success{font-size:9px;letter-spacing:1px;font-weight:800;color:var(--teal);margin-left:auto}.stage-connector{height:28px;border-left:1px dashed rgba(78,231,204,.4);margin-left:31px;position:relative}.travel-dot{width:4px;height:7px;background:var(--teal);border-radius:5px;position:absolute;left:-2.5px;top:0;animation:travel 2.4s infinite}.travel-dot.delay-one{animation-delay:.6s}.travel-dot.delay-two{animation-delay:1.3s}.floating-mini{position:absolute;padding:12px 15px;background:#192c3a;border:1px solid #355867;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.25);font-weight:650;font-size:11px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(18px)}.floating-mini-a{left:-2%;bottom:19%;animation:float 5s ease-in-out infinite reverse}.floating-mini-b{right:-4%;top:18%;animation:float 6.5s ease-in-out infinite}.mini-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#05322d}.tiny-square{width:12px;height:12px;border:2px solid var(--cyan);transform:rotate(45deg)}
.trust-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.015)}.trust-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.trust-inner>span:first-child{color:#697f90;font-size:10px;letter-spacing:1.6px;font-weight:850}.trust-tech{font-weight:750;letter-spacing:-.4px;color:#b9cbd6}.trust-tech small{font-weight:450;font-size:10px;color:#738898}.section{padding-top:116px;padding-bottom:116px;scroll-margin-top:80px}.section-heading{max-width:695px;margin-bottom:47px}.section-heading h2,.contact-copy h2{font-size:clamp(37px,4vw,57px);line-height:1.16;letter-spacing:-2px;margin:15px 0 17px}.section-heading h2 em,.contact-copy h2 em{font-weight:inherit;font-style:normal;color:var(--teal)}.section-heading p{font-size:16px;color:var(--muted);max-width:620px;margin:0;line-height:1.8}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card,.service-card{position:relative;padding:34px 30px;min-height:263px;background:linear-gradient(140deg,#12202e,#0c1623);border:1px solid var(--line);border-radius:20px;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover,.service-card:hover{transform:translateY(-7px);border-color:rgba(78,231,204,.34);box-shadow:0 28px 75px rgba(0,0,0,.24)}.feature-symbol{width:44px;height:44px;display:grid;place-items:center;background:#193143;color:var(--teal);font-size:27px;border-radius:12px;margin-bottom:22px}.feature-card h3,.service-card h3{font-size:19px;letter-spacing:-.5px;margin:0 0 12px}.feature-card p,.service-card p{font-size:13px;color:#9db1bf;line-height:1.75;margin:0}.mini-label{display:block;color:var(--teal);letter-spacing:.7px;font-size:10px;font-weight:760;margin-top:25px}
.project-section{background:linear-gradient(180deg,#0b1522,#0a1420);border-block:1px solid var(--line)}.project-layout{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:54px}.video-shell{background:#02060c;border:1px solid #2e4758;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.video-head{height:49px;background:#172636;display:flex;align-items:center;gap:11px;padding:0 20px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#e2edf4}.video-h-dot{width:8px;height:8px;background:var(--teal);border-radius:50%}.video-format{margin-left:auto;letter-spacing:0;color:#9bb3c2;font-weight:500}.video-shell video{display:block;max-width:100%;width:100%;aspect-ratio:16/9;background:#01060c}.video-footnote{font-size:11px;color:#8fa5b5;margin:0;padding:14px 20px 17px}.project-number{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:850}.project-details h3{font-size:33px;letter-spacing:-1.5px;line-height:1.28;margin:12px 0 19px}.project-details>p{color:#acbdc8;font-size:14px;line-height:1.8}.check-list{list-style:none;padding:0;margin:26px 0}.check-list li{display:flex;gap:13px;align-items:center;font-size:13px;color:#cfdee7;margin-bottom:12px}.check-list li span{color:var(--teal);font-weight:900}.transparent-note{border-left:2px solid var(--teal);padding:7px 0 7px 18px;background:linear-gradient(90deg,rgba(78,231,204,.045),transparent);font-size:12px}.transparent-note strong{color:#c9f9ee}.transparent-note p{color:#8ca5b3;line-height:1.65;margin:7px 0 0}.demo-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:0;border:1px solid #294358;border-radius:22px;overflow:hidden;background:#0b1522}.demo-form{padding:36px 40px;border-right:1px solid var(--line)}.demo-form-head{display:flex;align-items:center;gap:8px;margin-bottom:30px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:1.3px}.pill-dot{height:8px;width:8px;background:var(--teal);border-radius:50%}.label-muted{font-size:8px;color:#7f94a0;margin-left:auto}.demo-form label,.contact-form label{display:block;color:#bfd1dc;font-weight:670;font-size:12px;margin-bottom:9px}.demo-form input,.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #34495a;background:#0e1e2b;color:#eaf8fc;border-radius:10px;padding:12px 15px;font-size:14px;margin-bottom:18px;transition:border-color .2s}.demo-form input:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal)}.button-block{width:100%}.reset-button{background:transparent;border:0;color:#a5beca;font-size:12px;margin:17px auto 0;display:block}.reset-button:hover{color:var(--teal)}.demo-output{padding:0;display:flex;flex-direction:column}.terminal-header{padding:20px 24px;border-bottom:1px solid #253748;color:#d5e9f2;font-size:12px;display:flex;justify-content:space-between}.terminal-indicator{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--teal);border-radius:50%}.terminal-header small{font-size:9px;color:#7f97a6}.terminal-content{min-height:295px;padding:32px 24px;font:13px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-content p{margin:0}.log-neutral{color:#f1f8fc}.log-muted{color:#718c9b}.log-ok{color:#70ead0}.log-error{color:#ffb0a2}.count-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #263949;padding:15px 24px;color:#aac3d0;font-size:12px}.count-row strong{color:var(--teal);font-size:24px}.demo-hint{padding:0 24px 18px;font-size:11px;line-height:1.65;color:#728c9b}
.services-section{border-block:1px solid var(--line);background:linear-gradient(180deg,#09111c,#0e1928)}.service-card{min-height:300px;display:flex;flex-direction:column}.service-index{color:#57798c;font-size:30px;line-height:1;letter-spacing:-2px;margin-bottom:22px;font-weight:900}.service-card h3{font-size:22px}.service-bottom{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--teal);font-weight:750}.service-bottom span{font-size:20px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;counter-reset:steps}.steps-grid>div{border-top:1px solid rgba(78,231,204,.4);padding-top:23px}.steps-grid>div>span{font-size:12px;font-weight:840;letter-spacing:1px;color:var(--teal)}.steps-grid h3{font-size:21px;margin:20px 0 8px}.steps-grid p{font-size:13px;color:var(--muted);line-height:1.75}.contact-section{background:radial-gradient(ellipse at top right,rgba(41,138,177,.19),transparent 55%),#0d1928;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.contact-copy h2{font-size:clamp(42px,4.1vw,63px)}.contact-copy>p{color:var(--muted);font-size:15px;line-height:1.9;max-width:520px}.contact-disclaimer{border-left:2px solid #66889b;padding-left:18px;max-width:510px;color:#839cac;font-size:12px;line-height:1.75;margin-top:32px}.contact-form{padding:32px;border:1px solid #365465;background:#152535;border-radius:20px}.contact-form textarea{resize:vertical;min-height:120px}.contact-form #copyStatus{color:#92adbb;font-size:11px;margin:14px 0 0;line-height:1.5}.footer{height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:11px;color:#718a9a}.footer>a:last-child{font-size:12px;color:#a8beca}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(78,231,204,.035)}}@keyframes float{50%{transform:translateY(-13px)}}@keyframes halo{50%{transform:rotate(30deg)}}@keyframes travel{0%{opacity:0;top:0}35%{opacity:1}70%{opacity:1}100%{opacity:0;top:22px}}
@media(max-width:1050px){.desktop-nav{gap:14px}.desktop-cta{display:none}.hero{grid-template-columns:1fr 1fr;gap:18px}.hero h1{font-size:54px}.floating-mini-b{right:-1%}.project-layout{gap:32px}.project-details h3{font-size:28px}.trust-inner{justify-content:flex-start}}
@media(max-width:780px){.wrap{width:min(100% - 34px,560px)}.nav-inner{height:69px}.desktop-nav,.desktop-cta{display:none}.mobile-toggle{display:block}.hero{padding:70px 0;display:flex;flex-direction:column;align-items:stretch;gap:40px;min-height:0}.hero h1{font-size:clamp(42px,9.5vw,63px);letter-spacing:-2.6px}.hero-subtitle{font-size:15px}.hero-actions{gap:7px}.hero-actions .button{font-size:12px}.hero-facts{margin-top:38px;gap:12px}.hero-facts div{padding-right:12px}.hero-facts strong{font-size:20px}.hero-visual{min-height:480px}.interface-card{max-width:440px}.floating-mini-a{left:0}.floating-mini-b{right:0}.trust-inner{min-height:94px;gap:14px;padding:18px 0}.trust-inner>span:first-child{width:100%}.trust-tech{font-size:12px}.section{padding-top:82px;padding-bottom:82px}.section-heading h2,.contact-copy h2{font-size:42px;letter-spacing:-1.7px}.three-grid{grid-template-columns:1fr}.feature-card,.service-card{min-height:0}.project-layout,.demo-grid,.contact-grid{grid-template-columns:1fr;gap:26px}.demo-grid{gap:0}.demo-form{border-right:0;border-bottom:1px solid var(--line)}.steps-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:38px}.footer{flex-direction:column;justify-content:center;height:auto;padding:30px 0;gap:10px}.floating-mini{font-size:9px}}
@media(max-width:420px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:42px}.eyebrow{font-size:9px;letter-spacing:.6px}.hero-visual{min-height:450px}.interface-card{width:100%}.floating-mini{display:none}.hero-facts span{font-size:9px}.section-heading h2,.contact-copy h2{font-size:37px}.demo-form{padding:27px 22px}.video-format{display:none}.project-details h3{font-size:28px}.steps-grid{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}