*{box-sizing:border-box} :root{color-scheme:dark;--bg:#090e12;--panel:#111a20;--line:#2b353b;--muted:#a4b0b8;--lime:#d0f84a}body{margin:0;background:var(--bg);color:#f4f6f5;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:hover,a:hover{color:var(--lime)}[hidden]{display:none!important}.app{max-width:1800px;min-height:100svh;margin:auto;padding:0 3.5vw;display:flex;flex-direction:column}header{height:86px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px}.brand img{width:40px;height:40px;object-fit:contain}.brand b{font-size:22px;letter-spacing:1px}.brand b span{display:block;font-size:8px;letter-spacing:2.4px;color:var(--muted);margin-top:3px}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav button{padding:12px 0}.login{border:1px solid #62723d;padding:12px 18px;border-radius:3px;color:var(--lime)}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:25px 0 18px;min-height:0}.intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;margin:0 0 15px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:100%;margin-right:8px}h1{font-size:clamp(34px,4.4vw,68px);letter-spacing:-3px;line-height:1.05;margin:0;font-weight:500}h1 em{font-style:normal;color:var(--lime)}.intro-copy{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 2px}.intro-copy strong{color:#e6eceb;font-weight:400}.showcase{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(270px,1fr);min-height:340px;height:clamp(340px,48vh,620px);border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.stage{position:relative;min-width:0;overflow:hidden;background:#101e27}.image-wrap,.image-wrap img,.shade{position:absolute;inset:0;width:100%;height:100%}.image-wrap img{object-fit:cover;object-position:center 48%;opacity:.87}.shade{background:linear-gradient(180deg,#050d1560,transparent 38%,#050d15c9)}.scene-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font:10px monospace;letter-spacing:1px}.preview-label{background:#0a101bbd;border:1px solid #ffffff40;border-radius:3px;padding:6px 8px;margin-top:-6px;font-size:8px}.scene-bottom{position:absolute;bottom:19px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.scene-bottom>span{font-size:9px;color:#e0e6e6}.scene-bottom button{font-size:11px;border-bottom:1px solid #7b8d88;padding:8px 0;white-space:nowrap}.scene-bottom button span{margin-left:10px}.overlay{position:absolute;inset:0;pointer-events:none}.reticle{position:absolute;display:flex;align-items:center;gap:10px;font:10px monospace;text-shadow:0 1px 5px black}.reticle i{width:38px;height:38px;border:1px solid var(--lime);outline:1px solid #d0f84a40;outline-offset:5px;border-radius:50%;position:relative}.reticle i:after{content:'';width:4px;height:4px;background:var(--lime);position:absolute;top:16px;left:16px;border-radius:50%}.reticle span{background:#101a20c9;padding:7px 9px;border-left:2px solid var(--lime)}.one{top:25%;left:43%}.two{top:51%;left:23%}.signal-card{position:absolute;right:23px;bottom:70px;width:248px;border:1px solid #7080766b;border-radius:5px;padding:16px;background:#0c181de8;backdrop-filter:blur(12px)}.mini-label{font:9px monospace;letter-spacing:1px;color:#bdc9cd}.signal-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding-top:15px}.signal-row b{font:8px monospace;color:var(--lime)}.product{padding:27px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border-left:1px solid var(--line);background:linear-gradient(145deg,#16232a,#10181d)}.product-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.product-top .mini-label{line-height:1.5;color:var(--lime);max-width:160px}.product-top>span:last-child{font:9px monospace;white-space:nowrap;color:#89979e}h2{font-size:39px;letter-spacing:-1.7px;font-weight:500;margin:0 0 14px}.product p{color:#c1cbd0;font-size:15px;line-height:1.6;margin:0}.capabilities{display:flex;flex-wrap:wrap;gap:7px}.capabilities span{border:1px solid #3b494e;border-radius:3px;padding:7px 9px;font-size:10px;color:#b7c3c8}.product-bottom p{font-size:12px;color:#97a8b0;margin-bottom:18px}.product-bottom a{display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:#101811;padding:15px;border-radius:3px;font-size:13px;font-weight:bold}.technology-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px}.technology-tabs button{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);border-radius:4px;padding:17px 14px;background:#10171c;min-width:0}.technology-tabs button[aria-selected=true]{border-color:var(--lime);background:#1a251d;box-shadow:inset 0 2px var(--lime)}.tab-number{font:10px monospace;color:#7c8d97}.technology-tabs b{font-size:14px;font-weight:500;display:block}.technology-tabs small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.technology-tabs i{font-size:15px;font-style:normal;margin-left:auto;color:#81928f}.technology-tabs button[aria-selected=true] i,.technology-tabs button[aria-selected=true] .tab-number{color:var(--lime)}footer{min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;color:#8e9fa7;letter-spacing:1px;border-top:1px solid var(--line)}footer i{font-style:normal;margin:0 12px;color:var(--lime)}footer button{font-size:11px;color:#c8d1d2;padding:12px 0}footer button span{color:var(--lime);margin-left:16px}.vision-label{position:absolute;bottom:70px;left:25px;padding:17px;background:#0c181ddd;border-left:2px solid var(--lime);display:grid;gap:9px;font-size:12px}.vision-label strong{font-size:20px;font-weight:500}.scan-line{position:absolute;top:20%;bottom:22%;left:51%;width:1px;background:#d0f84a80;box-shadow:0 0 18px 4px #d0f84a30}.spectrum{position:absolute;bottom:75px;left:25px;background:#09131bea;padding:18px;display:grid;gap:10px;font:10px monospace;max-width:290px}.spectrum i{height:7px;background:linear-gradient(90deg,#2944df,#39b6cf,#80e469,#f6ee4a,#ed5c37);border-radius:8px}.spectrum small{font:10px Arial;line-height:1.5;color:#c0ccd2}.audio-panel{position:absolute;left:25px;bottom:75px;display:grid;gap:14px;background:#0c181de8;padding:20px;border:1px solid #53686480;border-radius:5px;font-size:12px}.wave{height:55px;display:flex;align-items:center;gap:4px}.wave i{display:block;width:3px;background:var(--lime);border-radius:3px}.data-map{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 35px;background:radial-gradient(ellipse at center,#203c3b,#0c161e 75%);background-size:auto}.source-nodes{display:flex;gap:14px;width:100%;justify-content:center}.source-nodes span{font:10px monospace;border:1px solid #426168;padding:12px;border-radius:4px;letter-spacing:1px;background:#12252b}.connector{width:1px;height:26px;background:linear-gradient(#477877,var(--lime))}.engine{border:1px solid #c7f14a;box-shadow:0 0 60px #d0f84a10;border-radius:8px;padding:18px 35px;display:grid;text-align:center;gap:8px;background:#1e302a}.engine span{font:10px monospace;letter-spacing:3px;color:var(--lime)}.engine strong{font-size:27px;font-weight:400}.engine small{font-size:11px;color:var(--muted)}dialog{max-width:760px;width:calc(100% - 32px);max-height:85svh;border:1px solid #50605d;border-radius:8px;background:#111c22;color:#f3f5f4;padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#02090dc9;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dialog-head .eyebrow{margin:0;color:var(--lime)}.close{font-size:20px;padding:8px}dialog h2{font-size:36px}dialog p{font-size:16px;line-height:1.65;color:#bccbd0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.steps article{padding:18px;border:1px solid #344b50;border-radius:4px}.steps span{font:11px monospace;color:var(--lime)}.steps h3{font-size:16px}.steps p{font-size:13px}dialog .cta{display:inline-block;background:var(--lime);color:#101811;padding:15px 20px;border-radius:3px;font-size:14px}dialog .note{font-size:11px;color:#8f9fa9} @media(min-height:950px) and (min-width:1000px){.intro{margin-bottom:35px}.showcase{height:55vh}}
@media(max-width:1000px){.app{padding:0 24px}.intro-copy{font-size:11px}h1{font-size:42px;letter-spacing:-2px}.showcase{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.product{padding:22px}.technology-tabs button{padding:15px 10px;gap:8px}.technology-tabs i{display:none}.technology-tabs small{font-size:9px}.signal-card{width:220px}.one{left:30%}.two{left:12%}}
@media(max-width:700px){.app{padding:0 17px}header{height:66px}.brand img{width:30px;height:30px}.brand b{font-size:17px}.brand b span{font-size:6px;letter-spacing:1.4px}nav{gap:14px;font-size:11px}nav button:first-child{display:none}.login{padding:9px 10px}main{padding:18px 0 14px;justify-content:center}.intro{margin-bottom:18px;display:block}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}h1{font-size:clamp(29px,7.5vw,46px);letter-spacing:-1.4px}.intro-copy{font-size:12px;line-height:1.45;margin-top:12px}.intro-copy br{display:none}.intro-copy strong{display:none}.showcase{height:auto;min-height:0;display:flex;flex-direction:column}.stage{height:clamp(210px,29svh,320px);flex-shrink:0}.scene-top{top:16px;left:15px;right:15px;font-size:8px}.preview-label{font-size:6px;padding:5px}.scene-bottom{left:15px;right:15px;bottom:10px}.scene-bottom>span{font-size:7px;max-width:175px;line-height:1.4}.scene-bottom button{font-size:10px}.signal-card{width:183px;right:15px;bottom:46px;padding:12px}.signal-card .mini-label{font-size:7px}.signal-row{font-size:9px;padding-top:11px}.signal-row b{font-size:6px}.reticle span{font-size:8px}.reticle i{width:24px;height:24px}.reticle i:after{top:9px;left:9px}.one{left:40%;top:24%}.two{left:10%;top:47%}.two span{display:none}.product{padding:17px;gap:12px;border-left:0;border-top:1px solid var(--line)}.product-top{display:none}.product h2{font-size:27px;letter-spacing:-1px;margin-bottom:7px}.product p{font-size:12px;line-height:1.5}.capabilities{gap:5px}.capabilities span{font-size:9px;padding:5px 7px}.product-bottom p{display:none}.product-bottom a{padding:11px 12px;font-size:12px}.technology-tabs{gap:5px;margin-top:9px}.technology-tabs button{padding:11px 2px;justify-content:center;text-align:center}.technology-tabs b{font-size:10px}.technology-tabs small,.tab-number{display:none}footer{min-height:42px;font-size:7px;letter-spacing:.6px}footer>span:first-child{display:none}footer button{font-size:9px}footer button span{margin-left:4px}.vision-label{bottom:48px;left:15px;padding:10px;gap:6px;font-size:10px}.vision-label strong{font-size:15px}.spectrum{bottom:48px;left:15px;padding:10px;max-width:205px;gap:6px;font-size:8px}.spectrum small{font-size:8px}.audio-panel{left:15px;bottom:48px;padding:12px;gap:8px;font-size:10px}.wave{height:33px}.data-map{padding:35px 10px}.source-nodes{gap:7px}.source-nodes span{font-size:7px;letter-spacing:.5px;padding:7px}.connector{height:12px}.engine{padding:10px 24px;gap:5px}.engine strong{font-size:19px}.engine small{font-size:9px}.engine span{font-size:8px}.steps{grid-template-columns:1fr}dialog{padding:22px}dialog h2{font-size:28px}}
@media(max-width:700px) and (max-height:720px){header{height:58px}main{padding:12px 0 10px}.intro{margin-bottom:12px}.intro-copy{display:none}.eyebrow{margin-bottom:8px}.stage{height:200px}.product{padding:13px;gap:9px}.product h2{font-size:24px}.capabilities{display:none}.technology-tabs button{padding:10px 1px}footer{min-height:34px}}
@media(max-width:350px){.app{padding:0 12px}nav{gap:8px}.brand b span{display:none}.brand img{width:25px;height:25px}.brand b{font-size:15px}.login{padding:8px}h1{font-size:27px}.eyebrow{font-size:7px}.stage{height:175px}.product{padding:11px;gap:8px}.product h2{font-size:22px}.product p{font-size:11px}.technology-tabs b{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.image-wrap img{transition:opacity .3s}.technology-tabs button{transition:border-color .15s,background .15s}}
