:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace;font-family:var(--font-sans);letter-spacing:0;color:#eaf6f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050807;font-size:18px;font-weight:400;line-height:1.5}html{scroll-behavior:smooth;background:#050807}body{background:#050807;min-width:320px;min-height:100vh;margin:0}body,button,input{font:inherit}button,a{letter-spacing:0}a{color:inherit}button{border:0}*{box-sizing:border-box}#root{min-height:100vh}::selection{color:#031110;background:#8cffc1}@media (width<=900px){:root{font-size:16px}}.landing-page{--bg:#050807;--bg-2:#08100f;--panel:#0c1414b8;--panel-strong:#0f1b1be6;--panel-soft:#ffffff0e;--line:#d6ffed24;--line-strong:#8cffc161;--text:#edf8f3;--muted:#a6bab1;--dim:#6f827a;--cyan:#58e6ff;--lime:#8cffc1;--amber:#ffd166;--coral:#ff7a90;--violet:#b7a7ff;--shadow:0 24px 70px #0000006b;min-height:100vh;color:var(--text);isolation:isolate;background:linear-gradient(145deg,#0c1e18a3,#0000 40%),linear-gradient(45deg,#1a152c61,#0000 36%),linear-gradient(#050807 0%,#07100f 48%,#030505 100%);position:relative;overflow:hidden}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{margin:0}.background-effects{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.circuit-grid{opacity:.42;transform-origin:top;background-image:linear-gradient(#58e6ff17 1px,#0000 1px),linear-gradient(90deg,#8cffc112 1px,#0000 1px),linear-gradient(135deg,#ffd1660f 1px,#0000 1px);background-size:56px 56px,56px 56px,168px 168px;position:absolute;inset:-10%;transform:perspective(900px)rotateX(64deg)translateY(-14%)}.scanline-field{opacity:.34;background:repeating-linear-gradient(#ffffff07 0 1px,#0000 1px 9px),linear-gradient(90deg,#58e6ff12,#0000 36%,#ff7a9012);position:absolute;inset:0}.trace{background:#8cffc114;width:52vw;height:1px;position:absolute;overflow:hidden}.trace:after{content:"";background:linear-gradient(90deg, transparent, var(--lime), transparent);animation:7s linear infinite trace-sweep;position:absolute;inset:0;transform:translate(-100%)}.trace-a{top:18%;left:6%}.trace-b{width:38vw;top:55%;right:2%}.trace-c{width:44vw;bottom:16%;left:14%}.trace-b:after{animation-delay:-2.4s}.trace-c:after{animation-delay:-4.8s}.site-header{z-index:20;width:min(1200px,100% - 32px);color:var(--text);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 0;display:flex;position:sticky;top:0}.site-header:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050807ad;border:1px solid #ffffff14;border-radius:999px;position:absolute;inset:8px -12px;box-shadow:0 16px 44px #0000003d}.brand-mark,.header-link,.site-nav a,.button,.oss-link{text-decoration:none}.brand-mark,.header-link{align-items:center;gap:9px;min-height:42px;font-weight:700;display:inline-flex}.header-actions{align-items:center;gap:8px;display:inline-flex}.brand-icon{width:34px;height:34px;color:var(--lime);background:#8cffc11a;border:1px solid #8cffc157;border-radius:8px;place-items:center;display:grid}.site-nav{background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:4px;display:flex}.site-nav a,.header-link{color:var(--muted);border-radius:999px;transition:color .18s,background .18s,border-color .18s,transform .18s}.site-nav a{padding:8px 13px;font-size:.84rem}.site-nav a:hover,.site-nav a:focus-visible,.header-link:hover,.header-link:focus-visible{color:var(--text);background:#ffffff14}.header-link{border:1px solid #ffffff1a;padding:8px 13px;font-size:.86rem}.language-switcher{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.language-switcher button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex}.language-switcher button:hover,.language-switcher button:focus-visible{color:var(--text);background:#ffffff14;outline:none}.language-switcher button.is-active{color:#04100d;background:linear-gradient(135deg, var(--lime), var(--cyan));box-shadow:0 10px 26px #58e6ff29}.language-short{font-family:var(--font-mono);font-size:.74rem;font-weight:850}.language-name{font-size:.78rem;font-weight:760}.landing-page[dir=rtl]{direction:rtl}.landing-page[dir=rtl] .browser-bar strong{margin-left:0;margin-right:auto}.landing-page[dir=rtl] .oss-link:hover,.landing-page[dir=rtl] .oss-link:focus-visible{transform:translate(-3px)}.landing-page[dir=rtl] .oss-link svg,.landing-page[dir=rtl] .algo-output svg{transform:rotate(180deg)}.hero-section,.content-section{z-index:1;width:min(1200px,100% - 32px);margin:0 auto;position:relative}.hero-section{grid-template-columns:minmax(0,540px) minmax(420px,540px);justify-content:space-between;align-items:center;gap:44px;min-height:770px;padding:78px 0 92px;display:grid}.hero-copy{z-index:2;min-width:0;max-width:540px;position:relative}.eyebrow,.section-kicker{color:#a9f7ff;letter-spacing:0;background:#58e6ff14;border:1px solid #58e6ff3d;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:18px;padding:7px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-copy h1{max-width:100%;color:var(--text);letter-spacing:0;margin-bottom:20px;font-size:4.9rem;line-height:.96;display:grid}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{color:#d7fff0}.hero-subtitle{color:var(--lime);margin-bottom:18px;font-size:1.32rem;font-weight:750}.hero-description,.section-heading p,.why-statement,.cta-panel p{color:var(--muted);line-height:1.75}.hero-description{max-width:650px;font-size:1.02rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:.94rem;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.button:hover,.button:focus-visible{outline:none;transform:translateY(-2px)}.button-primary{color:#04100d;background:linear-gradient(135deg, var(--lime), var(--cyan));box-shadow:0 18px 44px #58e6ff2e}.button-primary:hover,.button-primary:focus-visible{box-shadow:0 22px 52px #8cffc142}.button-secondary{color:var(--text);background:#ffffff13}.button-ghost{color:var(--text);background:0 0}.button-secondary:hover,.button-ghost:hover,.button-secondary:focus-visible,.button-ghost:focus-visible{background:#ffffff1c;border-color:#ffd16659}.badge-list{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.badge{color:#c4d8d0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.hero-visual{z-index:1;justify-self:end;width:100%;min-width:0;max-width:540px;position:relative}.servo-visual-shell{width:100%;height:500px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;background:linear-gradient(145deg,#12221feb,#080c0fe6),linear-gradient(45deg,#58e6ff1f,#ffd16614);border:1px solid #ffffff1f;border-radius:8px;margin-left:auto;transition:transform .22s ease-out;position:relative;overflow:hidden}.servo-visual-shell:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000 0 44%,#58e6ff24 45%,#0000 47% 100%),linear-gradient(#ffffff0f,#0000 32%);position:absolute;inset:0}.visual-grid-plane{opacity:.52;transform-origin:bottom;background-image:linear-gradient(#8cffc124 1px,#0000 1px),linear-gradient(90deg,#58e6ff21 1px,#0000 1px);background-size:38px 38px;height:58%;position:absolute;bottom:-18%;left:-8%;right:-8%;transform:perspective(640px)rotateX(62deg)}.signal-path{opacity:.92;width:100%;height:100%;position:absolute;inset:0}.signal-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:9 14;animation:4.2s linear infinite dash-flow}.signal-line-a{stroke:#58e6ffb8}.signal-line-b{stroke:#ffd166a8;animation-delay:-1.8s}.signal-dot{fill:var(--lime);filter:drop-shadow(0 0 10px #8cffc1e6);animation:1.8s ease-in-out infinite dot-pulse}.dot-b{fill:var(--amber);animation-delay:-.8s}.floating-panel,.controller-board,.telemetry-chip,.servo-case{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floating-panel{background:#081112b8;border:1px solid #ffffff21;border-radius:8px;position:absolute;box-shadow:0 18px 44px #0000004d,inset 0 1px #ffffff12}.browser-panel{width:250px;transform:translate3d(calc(var(--parallax-x) * -1), calc(var(--parallax-y) * -1), 70px) rotateZ(-2deg);padding:14px;animation:7s ease-in-out infinite float-panel;top:46px;left:42px}.browser-bar{align-items:center;gap:6px;margin-bottom:14px;display:flex}.browser-bar span{background:var(--coral);border-radius:50%;width:8px;height:8px}.browser-bar span:nth-child(2){background:var(--amber)}.browser-bar span:nth-child(3){background:var(--lime)}.browser-bar strong{color:var(--dim);font-family:var(--font-mono);margin-left:auto;font-size:.7rem}.browser-readout{color:var(--muted);justify-content:space-between;align-items:end;font-size:.8rem;display:flex}.browser-readout strong{color:var(--text);font-family:var(--font-mono);font-size:1.45rem}.micro-slider{background:#ffffff1a;border-radius:999px;height:9px;margin:12px 0 16px;overflow:hidden}.micro-slider span{border-radius:inherit;background:linear-gradient(90deg, var(--lime), var(--cyan));height:100%;animation:4.4s ease-in-out infinite slider-pulse;display:block}.pulse-train{grid-template-columns:repeat(4,1fr);align-items:end;gap:7px;height:54px;display:grid}.pulse-train i{background:linear-gradient(180deg, var(--cyan), #58e6ff1f);border-radius:4px 4px 0 0;height:22px;animation:2.8s ease-in-out infinite pulse-height;display:block}.pulse-train i:nth-child(2){height:42px;animation-delay:-.7s}.pulse-train i:nth-child(3){height:30px;animation-delay:-1.2s}.pulse-train i:nth-child(4){height:48px;animation-delay:-1.8s}.controller-board{width:160px;transform:translate3d(var(--parallax-x), var(--parallax-y), 88px) rotateZ(3deg);padding:16px;animation:8.5s ease-in-out infinite reverse float-panel;top:92px;right:44px}.board-chip{width:58px;height:58px;color:var(--lime);background:linear-gradient(90deg,#8cffc114,#0000),#0003;border:1px solid #8cffc147;border-radius:8px;place-items:center;margin-bottom:16px;display:grid}.pin-row{grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:14px;display:grid}.pin-row span{background:var(--amber);border-radius:2px;height:9px;box-shadow:0 0 10px #ffd1663d}.controller-board p,.controller-board strong{display:block}.controller-board p{color:var(--dim);font-size:.78rem}.controller-board strong{color:var(--text);font-family:var(--font-mono);font-size:.92rem}.servo-assembly{width:292px;height:230px;transform:translate3d(calc(var(--parallax-x) * .6), calc(var(--parallax-y) * .6), 110px);position:absolute;bottom:64px;right:86px}.servo-shadow{filter:blur(12px);background:#0000006b;border-radius:50%;height:34px;position:absolute;bottom:8px;left:38px;right:22px}.servo-case{width:210px;height:150px;transform-style:preserve-3d;background:linear-gradient(135deg,#58e6ff3d,#ffffff0d),linear-gradient(#192427,#0b1014);border:1px solid #ffffff29;border-radius:8px;position:absolute;bottom:36px;right:24px;transform:rotateX(12deg)rotateY(-18deg)rotate(-3deg);box-shadow:0 18px 38px #0000005c,inset 0 1px #ffffff29}.case-screw{background:#00000038;border:1px solid #ffffff47;border-radius:50%;width:13px;height:13px;position:absolute}.screw-a{top:15px;left:15px}.screw-b{top:15px;right:15px}.screw-c{bottom:15px;left:15px}.screw-d{bottom:15px;right:15px}.servo-label{color:#ffffff94;font-family:var(--font-mono);font-size:.8rem;position:absolute;bottom:26px;left:22px}.servo-axle{background:radial-gradient(circle,#dff7ff,#6fb2ca 52%,#16303a);border:1px solid #fff3;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:39px;left:78px;box-shadow:0 0 28px #58e6ff42}.servo-axle span{background:#16282d;border-radius:50%;width:14px;height:14px}.servo-horn{transform-origin:50% 82%;background:linear-gradient(#fff,#91dfff);border:1px solid #ffffff59;border-radius:999px;width:34px;height:144px;animation:3.6s ease-in-out infinite alternate servo-swing;position:absolute;top:-54px;left:88px;box-shadow:0 0 24px #58e6ff38}.horn-hole{background:#1a3238;border-radius:50%;width:8px;height:8px;position:absolute;left:50%;transform:translate(-50%)}.hole-a{top:18px}.hole-b{top:48px}.hole-c{top:78px}.angle-arc{width:188px;height:96px;color:var(--dim);font-family:var(--font-mono);border-top:1px dashed #8cffc161;border-radius:120px 120px 0 0;justify-content:space-between;align-items:center;padding:58px 10px 0;font-size:.68rem;display:flex;position:absolute;bottom:152px;right:0;transform:rotate(-3deg)}.telemetry-chip{color:#dffcf0;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute}.chip-top{color:var(--cyan);top:242px;left:68px}.chip-bottom{color:var(--amber);bottom:36px;right:58px}.content-section{padding:92px 0 0}.section-heading{max-width:720px}.section-heading.wide{max-width:780px}.section-heading.center{text-align:center;margin:0 auto}.section-heading h2,.cta-panel h2{color:var(--text);letter-spacing:0;margin-bottom:16px;font-size:2.45rem;line-height:1.08}.why-layout{grid-template-columns:minmax(0,1fr) 460px;align-items:stretch;gap:28px;display:grid}.why-statement{color:#c3d8d0;padding:28px 0;font-size:1.22rem}.why-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.why-metrics div{border:1px solid var(--line);background:linear-gradient(#ffffff12,#ffffff08),#ffffff05;border-radius:8px;flex-direction:column;justify-content:end;min-height:150px;padding:18px;display:flex}.why-metrics strong{color:var(--text);font-size:1.25rem}.why-metrics span{color:var(--dim);font-size:.88rem}.tof-section{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:center;gap:48px;padding-top:108px;display:grid}.tof-copy{max-width:520px}.tof-copy h2{color:var(--text);letter-spacing:0;margin-bottom:16px;font-size:2.75rem;line-height:1.04}.tof-copy p{color:var(--muted);line-height:1.75}.tof-points{gap:10px;margin-top:24px;display:grid}.tof-points span{color:#dffcf0;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:10px;width:fit-content;min-height:40px;padding:0 13px;font-size:.88rem;font-weight:750;display:inline-flex}.tof-points svg{color:var(--lime)}.tof-visual{min-height:560px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;background:radial-gradient(circle at 28% 24%,#58e6ff2e,#0000 32%),radial-gradient(circle at 78% 72%,#ff7a9029,#0000 34%),linear-gradient(145deg,#101d1eeb,#050a0ceb);border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden}.tof-visual:before{content:"";opacity:.46;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d1,#0000 92%);mask-image:linear-gradient(#000000d1,#0000 92%)}.tof-depth-stage{width:420px;height:360px;transform-style:preserve-3d;position:absolute;top:56px;left:48px}.tof-depth-grid{transform-style:preserve-3d;grid-template-rows:repeat(8,30px);grid-template-columns:repeat(8,30px);gap:9px;display:grid;position:absolute;top:34px;left:28px;transform:perspective(900px)rotateX(58deg)rotate(-38deg)}.tof-depth-grid span{--cell-rise:calc(var(--level) * 3.6px);background:linear-gradient(135deg, #ffffff6b, transparent 34%), linear-gradient(180deg, var(--lime), var(--cyan));width:30px;height:30px;box-shadow:0 0 calc(var(--level) * 1px) #8cffc185, calc(var(--level) * -.55px) calc(var(--level) * 1px) 0 #071112d9;opacity:calc(.35 + (var(--level) * .034));transform:translateZ(var(--cell-rise));animation:3.4s ease-in-out infinite tof-cell-rise;animation-delay:var(--delay);border:1px solid #ffffff29;border-radius:5px;display:block;position:relative}.tof-depth-grid span:after{content:"";opacity:calc(var(--level) * .035);background:#ffffff2e;border-radius:3px;position:absolute;inset:4px}.tof-scan-beam{background:linear-gradient(90deg, transparent, var(--amber), transparent);filter:drop-shadow(0 0 12px #ffd166e0);width:370px;height:2px;animation:2.6s linear infinite tof-scan;position:absolute;top:34px;left:4px;transform:perspective(900px)rotateX(58deg)rotate(-38deg)}.tof-axis{color:var(--dim);font-family:var(--font-mono);font-size:.72rem;position:absolute}.axis-x{bottom:50px;right:32px}.axis-y{bottom:118px;left:6px}.axis-z{color:var(--lime);top:0;left:210px}.tof-phone{background:linear-gradient(145deg,#dff7ff,#31424b 38%,#080d10 39%);border:1px solid #ffffff2e;border-radius:28px;width:190px;height:342px;padding:14px;position:absolute;bottom:48px;right:46px;transform:rotate(7deg);box-shadow:0 24px 58px #0006,0 0 34px #58e6ff24}.phone-speaker{background:#0000006b;border-radius:999px;width:54px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(#58e6ff1f,#0000 42%),#061012;border-radius:18px;grid-template-rows:auto 1fr auto;gap:12px;height:100%;padding:24px 12px 12px;display:grid}.phone-status,.phone-readout{justify-content:space-between;align-items:center;gap:10px;display:flex}.phone-status strong,.phone-readout strong{color:var(--text);font-family:var(--font-mono);font-size:.74rem}.phone-readout span{color:var(--dim);font-size:.72rem}.phone-depth-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);align-self:center;gap:5px;display:grid}.phone-depth-grid span{background:linear-gradient(135deg, var(--lime), var(--cyan));min-height:17px;opacity:calc(.28 + (var(--level) * .036));animation:2.7s ease-in-out infinite phone-pixel;animation-delay:var(--delay);border-radius:4px}.tof-algo-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060d0ec7;border:1px solid #ffffff21;border-radius:8px;width:314px;padding:16px;position:absolute;bottom:34px;left:42px;box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff14}.algo-card-title,.algo-output{align-items:center;gap:9px;display:flex}.algo-card-title{color:var(--lime);margin-bottom:12px;font-size:.82rem;font-weight:800}.tof-algo-card code{color:#dffcf0;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0e;border:1px solid #ffffff14;border-radius:7px;padding:11px;font-size:.76rem;display:block;overflow:hidden}.algo-output{color:var(--dim);flex-wrap:wrap;margin-top:13px;font-size:.74rem}.algo-output-step{align-items:center;gap:9px;display:inline-flex}.algo-output svg{color:var(--amber)}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.feature-card,.roadmap-card,.control-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff12,#ffffff08),#070e0eb8;border-radius:8px;box-shadow:inset 0 1px #ffffff14}.feature-card{min-height:224px;padding:18px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.feature-card:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--lime), var(--amber));transform-origin:0;height:2px;transition:transform .18s;position:absolute;inset:auto 16px 0;transform:scaleX(0)}.feature-card:hover{background:linear-gradient(#58e6ff1a,#ffffff0a),#070e0ec7;border-color:#8cffc157;transform:translateY(-4px)}.feature-card:hover:after{transform:scaleX(1)}.feature-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.feature-icon{width:44px;height:44px;color:var(--cyan);background:#58e6ff1a;border:1px solid #58e6ff3d;border-radius:8px;place-items:center;display:grid}.feature-card:nth-child(3n+2) .feature-icon{color:var(--lime);background:#8cffc11a;border-color:#8cffc147}.feature-card:nth-child(3n) .feature-icon{color:var(--amber);background:#ffd1661a;border-color:#ffd16647}.feature-card-top span{color:var(--dim);font-family:var(--font-mono);font-size:.72rem}.feature-card h3,.flow-node h3,.control-panel h3,.roadmap-card h3{color:var(--text);font-size:1.08rem;line-height:1.25}.feature-card p,.flow-node p,.roadmap-card p{color:var(--muted);margin-top:10px;font-size:.92rem;line-height:1.58}.flow-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.flow-segment{min-width:0;position:relative}.flow-node{background:linear-gradient(#ffffff12,#ffffff08),#050d0ec7;border:1px solid #ffffff1f;border-radius:8px;min-height:190px;padding:18px;position:relative;overflow:hidden}.flow-node svg{color:var(--cyan);margin-bottom:22px}.flow-node.is-final{background:linear-gradient(135deg,#8cffc121,#ffd1660f),#050d0ec7;border-color:#8cffc159}.flow-node.is-final svg{color:var(--lime)}.flow-connector{z-index:2;background:#ffffff1f;width:22px;height:2px;position:absolute;top:50%;left:calc(100% - 3px);overflow:hidden;transform:translateY(-50%)}.flow-connector span{background:linear-gradient(90deg, transparent, var(--lime));width:80%;height:100%;animation:1.8s linear infinite connector-flow;display:block}.preview-section{padding-top:108px}.dashboard-preview{box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff13,#ffffff08),#050c0dc7;border:1px solid #ffffff21;border-radius:8px;margin-top:34px;overflow:hidden}.dashboard-topbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 18px;display:flex}.dashboard-topbar div,.connection-pill{align-items:center;gap:10px;display:inline-flex}.status-dot{background:var(--lime);border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #8cffc1cc}.connection-pill,.chip-label,.phase-badge{border-radius:999px;font-size:.76rem;font-weight:800}.connection-pill{min-height:32px;color:var(--lime);background:#8cffc11f;padding:0 11px}.dashboard-grid{grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:16px;padding:16px;display:grid}.control-panel{min-width:0;padding:20px}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.panel-label{color:var(--dim);font-family:var(--font-mono);margin-bottom:6px;font-size:.72rem}.toggle-icon{color:var(--lime);filter:drop-shadow(0 0 14px #8cffc161)}.control-range{gap:10px;margin-bottom:20px;display:grid}.control-range>span{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;display:flex}.control-range strong{color:var(--text);font-family:var(--font-mono)}.control-range input{appearance:none;background:linear-gradient(90deg, var(--lime) 0 var(--range-progress), #ffffff1f var(--range-progress) 100%);border-radius:999px;outline:none;width:100%;height:10px}.control-range input::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:3px solid #061010;border-radius:50%;width:22px;height:22px;box-shadow:0 0 18px #58e6ff94}.control-range input::-moz-range-thumb{background:var(--cyan);border:3px solid #061010;border-radius:50%;width:18px;height:18px;box-shadow:0 0 18px #58e6ff94}.control-cluster,.telemetry-grid{gap:10px;display:grid}.control-cluster{grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 18px}.control-cluster div,.telemetry-grid div{background:#ffffff0c;border:1px solid #ffffff1a;border-radius:8px;gap:5px;min-width:0;padding:13px;display:grid}.control-cluster span,.telemetry-grid span{color:var(--dim);font-size:.78rem}.control-cluster strong,.telemetry-grid strong{color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.9rem}.preset-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.preset-row button{min-height:40px;color:var(--text);cursor:default;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:999px;padding:0 10px}.preset-row button:nth-child(2){color:#05110f;background:linear-gradient(135deg, var(--lime), var(--cyan))}.waveform-panel{background:linear-gradient(#58e6ff14,#ffffff08),#050c0dc7}.chip-label{min-height:30px;color:var(--amber);background:#ffd1661f;align-items:center;padding:0 11px;display:inline-flex}.waveform{width:100%;height:auto;margin:6px 0 18px;overflow:visible}.wave-grid{fill:none;stroke:#ffffff14;stroke-width:1px}.wave-line{fill:none;stroke:var(--cyan);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #58e6ff70);stroke-dasharray:520;stroke-dashoffset:520px;animation:3.2s ease-in-out infinite wave-draw}.wave-cursor{fill:var(--amber);filter:drop-shadow(0 0 14px #ffd166b8)}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.open-source-section{padding-top:116px}.open-source-panel{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:start;gap:52px;padding:42px 0;display:grid}.oss-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.oss-link{min-height:58px;color:var(--text);background:#ffffff0b;border:1px solid #ffffff1c;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:0 14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.oss-link svg{color:var(--lime);flex:none}.oss-link:hover,.oss-link:focus-visible{background:#8cffc114;border-color:#8cffc152;outline:none;transform:translate(3px)}.roadmap-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.roadmap-card{min-height:190px;padding:16px}.phase-badge{align-items:center;min-height:28px;margin-bottom:18px;padding:0 10px;display:inline-flex}.phase-now{color:var(--lime);background:#8cffc11f}.phase-next{color:var(--cyan);background:#58e6ff1f}.phase-later{color:var(--amber);background:#ffd1661f}.cta-section{width:100%;padding:112px 0 64px}.cta-panel{z-index:1;text-align:center;width:min(1200px,100% - 32px);margin:0 auto;padding:70px 0;position:relative;overflow:hidden}.cta-panel:before,.cta-panel:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--lime), var(--amber), transparent);height:1px;position:absolute;left:0;right:0}.cta-panel:before{top:0}.cta-panel:after{bottom:0}.cta-panel .section-kicker,.cta-panel .hero-actions{justify-content:center;margin-left:auto;margin-right:auto}.cta-panel h2{font-size:3.2rem}.cta-panel p:not(.section-kicker){max-width:720px;margin:0 auto;font-size:1.06rem}@keyframes trace-sweep{to{transform:translate(100%)}}@keyframes dash-flow{to{stroke-dashoffset:-92px}}@keyframes dot-pulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1.25)}}@keyframes float-panel{0%,to{translate:0}50%{translate:0 -10px}}@keyframes slider-pulse{0%,to{width:54%}50%{width:72%}}@keyframes pulse-height{0%,to{transform:scaleY(.76)}50%{transform:scaleY(1)}}@keyframes servo-swing{0%{transform:rotate(-32deg)}to{transform:rotate(36deg)}}@keyframes connector-flow{0%{transform:translate(-100%)}to{transform:translate(130%)}}@keyframes wave-draw{0%{stroke-dashoffset:520px}45%,78%{stroke-dashoffset:0}to{stroke-dashoffset:-520px}}@keyframes tof-cell-rise{0%,to{transform:translateZ(var(--cell-rise)) scale(1)}50%{transform:translateZ(calc(var(--cell-rise) + 12px)) scale(1.04)}}@keyframes tof-scan{0%{opacity:0;translate:-24px}12%,86%{opacity:1}to{opacity:0;translate:168px 210px}}@keyframes phone-pixel{0%,to{filter:saturate(.9);transform:scale(.92)}50%{filter:saturate(1.28);transform:scale(1)}}@media (width<=1080px){.site-header,.hero-section,.content-section{width:min(1000px,100% - 28px)}.hero-section{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:58px}.hero-copy{max-width:760px}.hero-copy h1{max-width:none}.hero-visual{justify-self:start;max-width:620px}.servo-visual-shell{margin:0}.why-layout,.tof-section,.open-source-panel,.dashboard-grid{grid-template-columns:1fr}.tof-copy,.tof-visual{max-width:760px}.feature-grid,.flow-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-connector{display:none}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-header{width:calc(100% - 20px)}.site-header:before{inset:6px -6px}.site-nav,.header-link span{display:none}.header-actions{gap:6px}.header-link{justify-content:center;width:42px;padding:0}.language-name{display:none}.language-switcher button{justify-content:center;min-width:38px;padding:0 8px}.brand-mark{font-size:.95rem}.hero-section,.content-section,.cta-panel{width:calc(100% - 20px)}.hero-section{padding:44px 0 64px}.hero-copy h1{font-size:3.1rem}.hero-subtitle{font-size:1.12rem}.hero-actions{flex-direction:column}.button{width:100%}.badge-list{gap:7px}.servo-visual-shell{height:470px}.browser-panel{width:220px;top:28px;left:18px}.controller-board{width:144px;top:164px;right:18px}.servo-assembly{transform-origin:100% 100%;bottom:44px;right:8px;transform:scale(.86)}.chip-top{top:250px;left:18px}.chip-bottom{bottom:20px;right:20px}.content-section{padding-top:72px}.section-heading h2,.cta-panel h2{font-size:2rem}.why-statement{padding:16px 0 0;font-size:1.06rem}.why-metrics,.tof-points,.feature-grid,.flow-panel,.oss-link-grid,.roadmap-grid,.control-cluster,.telemetry-grid{grid-template-columns:1fr}.why-metrics div,.feature-card,.flow-node,.roadmap-card{min-height:auto}.tof-section{gap:28px;padding-top:76px}.tof-copy h2{font-size:2rem}.tof-visual{min-height:650px}.tof-depth-stage{transform-origin:0 0;top:36px;left:16px;transform:scale(.92)}.tof-phone{bottom:38px;right:28px}.tof-algo-card{bottom:34px;left:18px}.dashboard-topbar,.control-range>span{flex-direction:column;align-items:flex-start}.dashboard-topbar{justify-content:center;padding:14px}.dashboard-grid{padding:10px}.control-panel{padding:14px}.preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}.open-source-panel{gap:28px;padding:30px 0}.cta-section{padding-top:84px}.cta-panel{padding:52px 0}}@media (width<=460px){.hero-copy h1{font-size:2.56rem}.eyebrow,.section-kicker{border-radius:8px;align-items:flex-start;max-width:100%}.servo-visual-shell{height:420px}.tof-visual{min-height:610px}.tof-depth-stage{transform:scale(.72)}.tof-phone{width:164px;height:294px;bottom:178px;right:12px}.tof-algo-card{width:auto;bottom:18px;left:12px;right:12px}.browser-panel{width:198px}.controller-board{width:132px;top:148px}.servo-assembly{transform:scale(.74)}.telemetry-chip{display:none}.feature-card-top{flex-direction:column;align-items:flex-start;margin-bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}