:root{--bg:#070b0a;--panel:#0c1210;--panel2:#101815;--line:#1c2b25;--text:#f2f6f3;--muted:#8a9b94;--green:#82f852;--green2:#b8ff9e;--cyan:#4be1c1;--shell:min(1240px,calc(100% - 48px));--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.section-shell{width:var(--shell);margin-inline:auto}.topbar{height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);position:fixed;inset:0 0 auto;z-index:20;background:rgba(7,11,10,.82);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);font-family:var(--mono);font-size:16px;font-weight:800;letter-spacing:-4px;padding-right:4px;position:relative}.brand-mark:after{content:"";position:absolute;width:5px;height:5px;right:-3px;top:-3px;background:var(--green)}.brand-mark span,.brand-name span{color:var(--green)}.brand-name{font-weight:750;letter-spacing:-.5px;font-size:18px}.brand-tag{font:9px var(--mono);color:#5c6e66;letter-spacing:1.3px;border-left:1px solid var(--line);padding-left:12px}.nav{display:flex;align-items:center;gap:32px;margin:auto;font-size:13px;color:#aab7b1}.nav a{transition:.2s}.nav a:hover{color:var(--green)}.nav-cta{font:12px var(--mono);border:1px solid #34533f;padding:11px 15px}.nav-cta span{color:var(--green)}.menu-btn{display:none;background:none;border:0;padding:8px}.menu-btn i{display:block;width:22px;height:1px;background:white;margin:6px}
.hero{min-height:820px;height:100vh;max-height:980px;padding-top:78px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;position:relative}.hero-grid,.cta-grid{position:absolute;inset:0 50% 0 calc((1240px - 100vw)/2);pointer-events:none;opacity:.35;background-image:linear-gradient(#15231d 1px,transparent 1px),linear-gradient(90deg,#15231d 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent)}.hero:before{content:"";position:absolute;width:480px;height:480px;left:-300px;top:150px;border:1px solid #12231b;border-radius:50%;box-shadow:0 0 0 90px rgba(19,41,29,.2),0 0 0 180px rgba(19,41,29,.08)}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font:11px var(--mono);letter-spacing:2px;color:var(--green);text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #24372f;background:#0c1511;padding:8px 11px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.6s infinite}.hero h1{font-size:clamp(54px,5.6vw,82px);line-height:1.05;margin:24px 0 26px;letter-spacing:-4px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--green);text-shadow:0 0 40px rgba(130,248,82,.12)}.hero-desc{font-size:17px;line-height:1.9;color:#9cacA5;max-width:580px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{min-width:150px;height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:650;transition:.25s}.btn-primary{background:var(--green);color:#071006;padding:0 19px;box-shadow:0 0 0 rgba(130,248,82,0)}.btn-primary b{font-size:18px}.btn-primary:hover{background:var(--green2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(130,248,82,.14)}.btn-ghost{border:1px solid #293a33;color:#c1ccc7}.btn-ghost:hover{border-color:#658271;color:white}.github-dot{font-size:12px}.platforms{display:flex;align-items:center;gap:10px;margin-top:42px;font:10px var(--mono);color:#95a59e}.platforms>span{color:#53645c;margin-right:6px}.platforms i{width:2px;height:2px;background:#405149;border-radius:50%}
.terminal-wrap{position:relative;perspective:1100px;z-index:2}.terminal-card{background:rgba(10,17,14,.94);border:1px solid #263a31;box-shadow:0 40px 100px rgba(0,0,0,.48),0 0 60px rgba(75,225,193,.05);position:relative;transform:rotateY(-2deg) rotateX(1deg)}.terminal-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.012) 4px)}.terminal-head,.terminal-foot{height:45px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 16px;font:9px var(--mono);letter-spacing:.5px;color:#607169}.terminal-head>span:nth-child(2){margin:auto}.terminal-lights{display:flex;gap:6px}.terminal-lights i{width:7px;height:7px;border-radius:50%;background:#33433c}.terminal-lights i:first-child{background:#6ee947}.terminal-lights i:nth-child(2){background:#d5c83c}.secure{color:#5ecf86!important}.terminal-body{height:392px;padding:24px 26px;font:11px/1.8 var(--mono);color:#bac6c1}.terminal-body p{margin:0}.muted,.dim{color:#52645b}.cyan{color:var(--cyan)}.gap{margin-top:18px!important}.prompt{color:#72e9ca}.ai{color:var(--green)}.scanline{height:1px;background:#1d2d26;margin:16px 0;overflow:hidden}.scanline span{display:block;height:1px;width:40%;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:scan 2s linear infinite}.task{height:38px;margin:8px 0;border:1px solid #1d2b25;background:#0d1411;display:grid;grid-template-columns:25px 1fr auto;align-items:center;padding:0 12px;gap:8px;color:#84958d}.task b{font-size:9px;font-weight:400;color:#547060}.task i{width:13px;height:13px;border:1px solid #476154;border-radius:50%;display:grid;place-items:center;font-size:8px;font-style:normal}.task i.done{background:rgba(130,248,82,.12);color:var(--green);border-color:#5eb840}.task.active{border-color:#305844;color:#b9c9c1}.task.active i{border:2px dotted var(--green);animation:spin 3s linear infinite}.task.active b{color:var(--green)}.progress{height:2px;background:#1a2722;margin:15px 0}.progress span{display:block;height:100%;width:76%;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 8px var(--green)}.typing{margin-top:16px!important}.cursor{display:inline-block;width:6px;height:12px;background:var(--green);vertical-align:-2px;animation:blink .8s steps(1) infinite}.terminal-foot{height:36px;border:0;border-top:1px solid var(--line);justify-content:space-between;color:#46574f}.float-badge{position:absolute;right:-25px;bottom:-33px;padding:13px 16px;background:#101a16;border:1px solid #2b4839;box-shadow:0 15px 35px #000;display:flex;flex-direction:column;gap:6px;font:9px var(--mono);color:#62766c}.float-badge strong{color:#b9c9c1;font-size:10px}.float-badge i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);margin-right:5px}.orbit{position:absolute;border:1px solid #183426;border-radius:50%;z-index:-1}.orbit-a{width:560px;height:560px;inset:-80px -30px}.orbit-b{width:420px;height:420px;inset:-10px 40px;border-style:dashed;animation:spin 28s linear infinite}.scroll-cue{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:14px;font:9px var(--mono);letter-spacing:1.5px;color:#4c5f56}.scroll-cue i{width:70px;height:1px;background:#33483e;position:relative}.scroll-cue i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--green)}
.intro{padding:120px 0 110px;display:grid;grid-template-columns:160px 1fr 350px;gap:50px;border-top:1px solid var(--line);align-items:end}.section-code{font:10px var(--mono);color:#53645d;align-self:start}.intro h2,.section-heading h2,.cta h2{font-size:clamp(36px,4vw,56px);line-height:1.15;letter-spacing:-2.4px;margin:15px 0 0}.intro h2 span{color:var(--green)}.intro-copy{color:#81928a;line-height:1.9;margin:0;font-size:14px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:130px}.feature{min-height:330px;background:var(--panel);border:1px solid var(--line);padding:34px;position:relative;overflow:hidden;transition:.3s}.feature:hover{border-color:#365241;transform:translateY(-3px)}.feature:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border:1px solid #182b21;border-radius:50%}.feature-main{grid-row:span 2;min-height:674px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 50% 30%,rgba(70,184,106,.11),transparent 38%),var(--panel)}.feature-index{position:absolute;right:28px;top:25px;font:10px var(--mono);color:#4e6158}.feature h3{font-size:25px;margin:10px 0 14px;letter-spacing:-.6px}.feature p{color:#82938b;line-height:1.8;font-size:14px;max-width:490px}.feature-tags{display:flex;gap:8px;margin-top:18px}.feature-tags span{font:9px var(--mono);color:#87a197;border:1px solid #2c4037;padding:7px 9px}.radar{width:230px;height:230px;border:1px solid #2f5140;border-radius:50%;position:absolute;top:74px;left:50%;transform:translateX(-50%);background:repeating-radial-gradient(circle,transparent 0,transparent 37px,#1b3026 38px,#1b3026 39px)}.radar:before,.radar:after{content:"";position:absolute;background:#294538}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%}.radar i:first-child{position:absolute;inset:20px 20px 50% 50%;transform-origin:0 100%;background:conic-gradient(from 270deg,rgba(130,248,82,.33),transparent 35%);animation:spin 4s linear infinite}.radar i:nth-child(2){position:absolute;width:8px;height:8px;background:var(--green);border-radius:50%;left:67%;top:38%;box-shadow:0 0 16px var(--green)}.radar b{position:absolute;inset:-19px;border:1px dashed #1d3529;border-radius:50%;animation:spin 22s linear infinite}.mini-icon{font:42px var(--mono);color:var(--green);margin:38px 0 20px}.shield{border:1px solid #305541;width:62px;height:62px;display:grid;place-items:center;font-size:30px;transform:rotate(45deg)}.model-row,.signal{position:absolute;bottom:27px;left:34px;right:34px;display:flex;align-items:center;gap:9px;font:8px var(--mono);color:#607169}.model-row i{height:1px;background:#23362d;flex:1}.signal i{width:5px;height:5px;border-radius:50%;background:#263a31}.signal i:first-child{background:var(--green);box-shadow:0 0 8px var(--green)}.signal span{margin-left:auto;color:#4f685c}
.workflow{padding:120px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.section-heading>p{width:330px;color:#7f9088;line-height:1.8;font-size:14px;margin:0}.flow{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center}.flow article{height:260px;border-top:1px solid #2a4036;padding:24px 18px;position:relative;background:linear-gradient(180deg,rgba(18,31,25,.35),transparent)}.flow article>b{position:absolute;right:12px;top:15px;font:9px var(--mono);color:#50645a}.flow-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #2e4a3b;color:var(--green);font:20px var(--mono);margin:23px 0 40px}.flow h3{font-size:17px;margin:0 0 10px}.flow p{color:#71827a;line-height:1.65;font-size:12px}.flow-line{height:1px;background:#26392f;position:relative}.flow-line span{display:block;position:absolute;right:0;top:-3px;border-left:5px solid var(--green);border-top:3px solid transparent;border-bottom:3px solid transparent}
.scenarios{padding:110px 0 140px;border-top:1px solid var(--line)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.scenario-grid article{min-height:285px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s}.scenario-grid article:hover{background:#0c1411}.scenario-grid article>span{position:absolute;right:22px;top:21px;font:9px var(--mono);color:#46594f}.scene-symbol{font:30px var(--mono);color:var(--green);height:70px;display:flex;align-items:center}.scenario-grid h3{font-size:17px;margin:20px 0 10px}.scenario-grid p{color:#778880;font-size:12px;line-height:1.75;max-width:280px}.scenario-grid i{position:absolute;bottom:22px;font:8px var(--mono);letter-spacing:1.2px;color:#40544a;font-style:normal}.cta{min-height:520px;padding:90px 80px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;border:1px solid #23382e;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 120%,rgba(130,248,82,.12),transparent 48%),#0a110e}.cta-grid{inset:0;opacity:.7;mask-image:radial-gradient(circle at center,#000,transparent 70%)}.cta>*:not(.cta-grid){position:relative}.cta h2{font-size:clamp(40px,5vw,66px)}.cta>p:not(.kicker){color:#798c82}.cta .hero-actions{margin-top:20px}.cta small{color:#475a50;margin-top:40px;font-size:10px}.footer{height:120px;display:flex;align-items:center;justify-content:space-between}.footer>p{font:9px var(--mono);color:#43554c;letter-spacing:1px}.footer>div:last-child{display:flex;gap:22px;font-size:11px;color:#6e8077}.footer a:hover{color:var(--green)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 3px var(--green)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(350%)}}@keyframes blink{50%{opacity:0}}
@media(max-width:960px){:root{--shell:calc(100% - 36px)}.topbar{padding:0 18px}.brand-tag,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.nav{position:absolute;left:0;right:0;top:78px;background:#0b1210;border-bottom:1px solid var(--line);padding:22px;display:none;flex-direction:column;gap:20px}.nav.open{display:flex}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding-top:150px;padding-bottom:120px}.hero-copy{max-width:700px}.terminal-wrap{max-width:680px;width:100%;margin-top:20px}.scroll-cue{display:none}.intro{grid-template-columns:1fr;padding:90px 0;gap:20px}.section-code{display:none}.intro-copy{max-width:600px}.capabilities{grid-template-columns:1fr}.feature-main{grid-row:auto;min-height:620px}.section-heading{align-items:start;gap:30px}.flow{grid-template-columns:1fr 25px 1fr}.flow article:nth-of-type(n+3){margin-top:25px}.flow-line:nth-of-type(2){display:none}.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){:root{--shell:calc(100% - 28px)}.topbar{height:68px}.nav{top:68px}.hero{padding-top:120px;gap:45px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-desc{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.platforms{flex-wrap:wrap}.terminal-body{height:380px;padding:19px 15px;font-size:9px}.terminal-card{transform:none}.orbit,.float-badge{display:none}.intro h2,.section-heading h2{font-size:35px}.feature{padding:26px}.feature-main{min-height:550px}.radar{width:190px;height:190px}.section-heading{display:block}.section-heading>p{width:auto;margin-top:20px}.flow{grid-template-columns:1fr}.flow article{height:215px}.flow-line{height:28px;width:1px;margin:auto}.flow-line span{right:-3px;top:auto;bottom:0;transform:rotate(90deg)}.flow-line:nth-of-type(2){display:block}.scenario-grid{grid-template-columns:1fr}.cta{padding:70px 24px}.cta h2{font-size:38px}.footer{height:auto;padding:40px 0;flex-direction:column;gap:24px}.footer>div:last-child{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.quickstart{padding:120px 0;border-top:1px solid var(--line)}
.quick-grid{display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--line);min-height:430px;background:var(--panel)}
.command-panel{padding:34px;border-right:1px solid var(--line)}
.command-tabs{display:flex;gap:5px;margin-bottom:20px}
.command-tabs button{border:1px solid #26382f;background:#0a110e;color:#72847b;font:10px var(--mono);padding:10px 13px;cursor:pointer}
.command-tabs button.active{color:#091007;background:var(--green);border-color:var(--green)}
.command-code{border:1px solid #263b31;background:#080d0b;height:285px;display:flex;flex-direction:column}
.code-head{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:9px var(--mono);color:#52655b}
.code-head button{border:1px solid #2d4539;background:none;color:#789086;padding:6px 10px;font:9px var(--mono);cursor:pointer}
.code-head button:hover{color:var(--green);border-color:var(--green)}
.command-code pre{margin:0;padding:38px 24px 20px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.command-code code{font:13px/1.8 var(--mono);color:var(--green)}
.command-code>p{padding:0 24px;margin:auto 0 22px;color:#64776d;font-size:11px}
.service-map{position:relative;min-height:430px;overflow:hidden;background-image:linear-gradient(#15231d 1px,transparent 1px),linear-gradient(90deg,#15231d 1px,transparent 1px);background-size:36px 36px}
.service-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border:1px solid #3b6b50;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1510;box-shadow:0 0 0 12px rgba(50,95,68,.12),0 0 50px rgba(130,248,82,.08);z-index:2}
.service-core small{font:9px var(--mono);color:var(--green)}.service-core strong{font:11px var(--mono);margin-top:6px}.service-core i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);margin-top:10px}
.service{position:absolute;width:145px;padding:13px;border:1px solid #294336;background:#0d1712;display:grid;grid-template-columns:1fr auto;gap:5px}
.service span{font:8px var(--mono);color:#50645a}.service b{grid-column:1;font:11px var(--mono)}.service small{grid-column:2;grid-row:1/3;color:var(--green);font:10px var(--mono);align-self:center}.service p{grid-column:1/3;color:#63766c;font-size:9px;margin:3px 0 0}
.service.web{left:24px;top:45px}.service.mcp{right:24px;bottom:52px}
.service-line{position:absolute;height:1px;background:#33533f;transform-origin:left}.line-web{width:145px;left:130px;top:132px;transform:rotate(25deg)}.line-mcp{width:145px;left:55%;top:58%;transform:rotate(26deg)}
.model-cloud{position:absolute;bottom:20px;left:25px;font:8px var(--mono);color:#53695e;letter-spacing:1px}

@media(max-width:960px){.quick-grid{grid-template-columns:1fr}.command-panel{border-right:0;border-bottom:1px solid var(--line)}.service-map{min-height:430px}}
@media(max-width:640px){.quickstart{padding:90px 0}.command-panel{padding:18px}.command-tabs{overflow-x:auto}.command-tabs button{white-space:nowrap}.command-code code{font-size:10px}.service.web{left:12px;top:35px}.service.mcp{right:12px;bottom:45px}.service-line{display:none}}

.brand-logo{width:36px;height:36px;display:block;object-fit:contain;border-radius:7px;box-shadow:0 0 0 1px #294036,0 0 18px rgba(130,248,82,.12)}

.product-preview{padding:120px 0 130px;border-top:1px solid var(--line)}
.showcase-grid{display:grid;grid-template-columns:1.5fr .52fr .52fr;gap:14px;align-items:stretch}
.shot{margin:0;border:1px solid var(--line);background:#0b1210;position:relative;overflow:hidden;cursor:zoom-in;transition:transform .3s,border-color .3s}
.shot:hover{transform:translateY(-3px);border-color:#3e604e}
.shot-bar{height:38px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:8px var(--mono);letter-spacing:1px;color:#566a60}
.shot-bar b{color:var(--green);font-weight:400}
.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.shot-main{height:490px}.shot-main img{height:392px}
.shot-phone{height:490px}.shot-phone img{height:392px;object-fit:cover;object-position:center 10%}
.shot-wide{grid-column:1/4;height:520px}.shot-wide img{height:422px;object-fit:cover}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;height:60px;padding:11px 15px;background:#0b1210;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.shot figcaption strong{font-size:12px}.shot figcaption span{font-size:9px;color:#697c72}
.preview-hint{margin:18px 0 0;text-align:right;font:9px var(--mono);color:#53665c}.preview-hint span{color:var(--green)}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(2,5,4,.94);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:50px}
.lightbox.open{display:flex}.lightbox img{display:block;max-width:92vw;max-height:84vh;object-fit:contain;box-shadow:0 30px 90px #000;border:1px solid #32483e}
.lightbox-close{position:absolute;right:28px;top:22px;width:42px;height:42px;border:1px solid #3a5046;background:#0c1411;color:#fff;font-size:25px;cursor:pointer}
.lightbox p{position:absolute;bottom:16px;font:9px var(--mono);color:#5d7066;letter-spacing:1px}
body.lightbox-open{overflow:hidden}
@media(max-width:960px){.showcase-grid{grid-template-columns:1fr 1fr}.shot-main{grid-column:1/3}.shot-wide{grid-column:1/3;height:420px}.shot-wide img{height:322px}}
@media(max-width:640px){.product-preview{padding:90px 0}.showcase-grid{grid-template-columns:1fr}.shot-main,.shot-phone,.shot-wide{grid-column:auto;height:370px}.shot-main img,.shot-phone img,.shot-wide img{height:272px}.shot-phone img{object-fit:cover;object-position:center 15%}.lightbox{padding:14px}.lightbox-close{right:12px;top:12px}}

/* Mobile H5 refinement */
@media(max-width:640px){
  :root{--shell:calc(100% - 32px)}
  html{scroll-padding-top:72px}
  body{font-size:14px}
  .topbar{height:64px;padding:0 16px;padding-top:env(safe-area-inset-top);background:rgba(7,11,10,.94)}
  .brand{gap:9px}.brand-logo{width:32px;height:32px;border-radius:6px}.brand-name{font-size:17px}.brand-tag{display:none}
  .menu-btn{display:flex;width:44px;height:44px;margin-left:auto;padding:0;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2}
  .menu-btn i{width:22px;margin:4px;transition:transform .25s,opacity .25s}
  .menu-btn[aria-expanded="true"] i:first-child{transform:translateY(4.5px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] i:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .nav{top:64px;left:0;right:0;max-height:calc(100vh - 64px);overflow:auto;padding:10px 16px 22px;gap:0;background:rgba(7,11,10,.98);box-shadow:0 20px 45px rgba(0,0,0,.45)}
  .nav a{display:flex;align-items:center;min-height:52px;width:100%;border-bottom:1px solid var(--line);font-size:14px;color:#d1dad6}
  .nav a:after{content:"↘";margin-left:auto;color:var(--green);font:12px var(--mono)}

  .hero{padding-top:104px;padding-bottom:76px;gap:38px;display:block}
  .hero:before{width:260px;height:260px;left:-180px;top:110px;box-shadow:0 0 0 50px rgba(19,41,29,.15)}
  .hero-grid{inset:0;opacity:.2;background-size:38px 38px;mask-image:linear-gradient(180deg,#000,transparent 70%)}
  .eyebrow{max-width:100%;font-size:8px;letter-spacing:1.25px;padding:7px 9px;white-space:nowrap}
  .hero h1{font-size:clamp(38px,11.2vw,48px);line-height:1.08;letter-spacing:-2.4px;margin:20px 0}
  .hero-desc{font-size:14px;line-height:1.8;color:#9caaa4}
  .hero-actions{margin-top:26px;gap:10px}.btn{height:48px;min-width:0;font-size:13px}
  .platforms{margin-top:26px;gap:7px}.platforms>span{flex-basis:100%;margin:0 0 2px}.platforms b{border:1px solid #263a31;padding:6px 8px;font-size:9px}.platforms i{display:none}
  .terminal-wrap{margin-top:38px;width:100%}
  .terminal-card{width:100%;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4)}
  .terminal-head{height:40px;padding:0 11px;font-size:7px}.terminal-head>span:nth-child(2){max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-lights{gap:4px}.terminal-lights i{width:6px;height:6px}
  .terminal-body{height:auto;min-height:356px;padding:16px 12px;font-size:8.5px;line-height:1.75;overflow:hidden}.terminal-body p{white-space:normal;overflow-wrap:anywhere}
  .scanline{margin:11px 0}.gap{margin-top:12px!important}.task{height:36px;margin:7px 0;padding:0 8px;grid-template-columns:18px minmax(0,1fr) auto;gap:5px}.task span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task b{font-size:7px}.progress{margin:12px 0}.typing{min-height:30px}
  .terminal-foot{height:32px;padding:0 10px;font-size:6.5px}.secure{font-size:6.5px}

  .intro,.workflow,.quickstart,.product-preview,.scenarios{padding:72px 0}
  .intro{gap:18px}.intro h2,.section-heading h2{font-size:32px;line-height:1.2;letter-spacing:-1.5px}.intro-copy,.section-heading>p{font-size:13px;line-height:1.8}
  .kicker{font-size:9px;letter-spacing:1.5px}.section-heading{margin-bottom:34px}
  .capabilities{gap:10px;padding-bottom:72px}.feature{min-height:270px;padding:22px}.feature-main{min-height:490px}.feature h3{font-size:21px;line-height:1.3}.feature p{font-size:13px}.feature-tags{flex-wrap:wrap}.radar{width:170px;height:170px;top:62px}.mini-icon{margin:28px 0 15px}.model-row,.signal{left:22px;right:22px;bottom:20px}
  .flow article{height:auto;min-height:170px;padding:20px 18px}.flow-icon{width:42px;height:42px;margin:10px 0 26px}.flow-line{height:22px}
  .quick-grid{border-left:0;border-right:0}.command-panel{padding:14px 0 22px}.command-tabs{padding-bottom:4px;scrollbar-width:none}.command-tabs::-webkit-scrollbar{display:none}.command-tabs button{min-height:42px;flex:1;padding:9px 10px}.command-code{height:260px}.command-code pre{padding:28px 18px 14px}.command-code code{font-size:10px}.command-code>p{padding:0 18px;margin-bottom:18px;line-height:1.6}
  .service-map{min-height:360px;display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:10px;padding:180px 14px 42px}.service-core{top:36px;transform:translateX(-50%);width:112px;height:112px}.service{position:static;width:auto;min-width:0}.service.web,.service.mcp{position:static}.model-cloud{left:0;right:0;bottom:15px;text-align:center}
  .showcase-grid{gap:10px}.shot,.shot-main,.shot-phone,.shot-wide{height:auto;min-height:0}.shot img,.shot-main img,.shot-phone img,.shot-wide img{height:auto;max-height:540px;object-fit:contain;object-position:center;background:#070b0a}.shot figcaption{position:static;height:auto;min-height:62px}.shot-bar{height:34px;padding:0 10px}.preview-hint{text-align:left;line-height:1.6}
  .scenario-grid article{min-height:240px;padding:22px}.scene-symbol{height:52px}.scenario-grid h3{margin-top:15px}.scenario-grid i{bottom:18px}
  .cta{min-height:480px;padding:58px 20px}.cta h2{font-size:34px;line-height:1.18;letter-spacing:-1.5px}.cta>p:not(.kicker){font-size:13px;line-height:1.7}.cta small{line-height:1.7;margin-top:30px}
  .footer{padding:38px 0 calc(38px + env(safe-area-inset-bottom));gap:18px;text-align:center}.footer>p{line-height:1.7}.footer>div:last-child{width:100%;gap:8px}.footer>div:last-child a{flex:1;min-width:88px;padding:12px 8px;border:1px solid var(--line)}
  .lightbox{padding:60px 10px calc(44px + env(safe-area-inset-bottom))}.lightbox img{max-width:100%;max-height:78vh}.lightbox-close{top:calc(10px + env(safe-area-inset-top));width:44px;height:44px}.lightbox p{bottom:calc(12px + env(safe-area-inset-bottom));font-size:8px}
}

@media(max-width:380px){
  :root{--shell:calc(100% - 24px)}
  .hero h1{font-size:37px}.eyebrow{font-size:7px}.terminal-body{font-size:8px;padding-inline:9px}.task{padding-inline:6px}.service-map{padding-inline:8px}.service{padding:10px}.cta h2{font-size:31px}
}

/* Larger platform badges */
.platforms{gap:12px;font-size:11px}
.platforms b{padding:7px 10px;border:1px solid #2b4438;background:#0b1510;color:#c9d8d1;font-size:14px;line-height:1;font-weight:650;letter-spacing:.2px}
.platforms i{width:3px;height:3px}

@media(max-width:640px){
  .platforms{gap:8px}
  .platforms>span{font-size:10px;margin-bottom:3px}
  .platforms b{padding:8px 10px;font-size:12px}
}

/* Enhanced live radar */
.radar{isolation:isolate;border-color:#3a6a50;background:radial-gradient(circle at center,rgba(130,248,82,.08),transparent 58%),repeating-radial-gradient(circle,transparent 0,transparent 36px,rgba(68,111,85,.45) 37px,rgba(68,111,85,.45) 38px);box-shadow:inset 0 0 45px rgba(75,225,193,.06),0 0 36px rgba(130,248,82,.05)}
.radar:before,.radar:after{z-index:1;background:linear-gradient(transparent,#365b48,transparent)}
.radar>i:first-child{z-index:2;inset:10px 10px 50% 50%;background:conic-gradient(from 270deg,rgba(130,248,82,.52),rgba(75,225,193,.16) 18%,transparent 38%);filter:blur(.2px);animation-duration:3.2s}
.radar>i:nth-child(2){z-index:4;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);background:#d9ffca;border:2px solid #173022;box-shadow:0 0 0 5px rgba(130,248,82,.1),0 0 20px var(--green)}
.radar>b{z-index:0;border-color:#294536;animation-duration:28s}
.radar-blips{position:absolute;inset:8%;z-index:3;border-radius:50%;overflow:hidden}
.radar-blips span{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--color,var(--green));box-shadow:0 0 5px var(--color,var(--green)),0 0 13px var(--color,var(--green));opacity:.18;transform:translate(-50%,-50%) scale(.45);transition:left 1.1s ease-in-out,top 1.1s ease-in-out,opacity .45s,transform .45s;animation:radarBlip var(--pulse,2.4s) ease-in-out var(--delay) infinite}
.radar-blips span.hot{opacity:1;transform:translate(-50%,-50%) scale(1)}
.radar:after{box-shadow:0 0 18px rgba(75,225,193,.08)}
@keyframes radarBlip{0%,100%{opacity:.2}45%,65%{opacity:1}55%{box-shadow:0 0 7px var(--color,var(--green)),0 0 18px var(--color,var(--green))}}
@media(prefers-reduced-motion:reduce){.radar-blips span{opacity:.75;transform:translate(-50%,-50%) scale(1)}}

/* High-impact visual layer */
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 77% 13%,rgba(75,225,193,.1),transparent 28%),radial-gradient(circle at 14% 42%,rgba(130,248,82,.06),transparent 25%)}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent);opacity:.45}
.hero{isolation:isolate}
.hero:after{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-140px;top:100px;border-radius:50%;background:radial-gradient(circle,rgba(75,225,193,.13),rgba(130,248,82,.035) 38%,transparent 70%);filter:blur(8px);animation:heroGlow 7s ease-in-out infinite}
.hero h1 em{background:linear-gradient(100deg,var(--green2),var(--green) 42%,var(--cyan));background-size:180% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 0 24px rgba(130,248,82,.16));animation:titleFlow 5s linear infinite}
.eyebrow{box-shadow:inset 0 0 24px rgba(130,248,82,.035),0 0 30px rgba(130,248,82,.04)}
.hero-desc{border-left:1px solid #345c48;padding-left:18px}
.terminal-wrap:before{content:"";position:absolute;inset:12% -8% -10%;z-index:-1;background:linear-gradient(135deg,rgba(130,248,82,.13),rgba(75,225,193,.02));filter:blur(55px)}
.terminal-card{transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease}
.terminal-wrap:hover .terminal-card{transform:rotateY(0) rotateX(0) translateY(-6px);border-color:#47705c;box-shadow:0 48px 110px rgba(0,0,0,.56),0 0 75px rgba(75,225,193,.1)}
.intro h2 span,.section-heading h2{position:relative}.intro h2 span{color:var(--green);text-shadow:0 0 28px rgba(130,248,82,.12)}
.feature,.scenario-grid article,.shot,.quick-grid{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.feature:hover,.scenario-grid article:hover{transform:translateY(-7px);border-color:#426650;box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 1px rgba(130,248,82,.08)}
.feature{overflow:hidden}.feature:after{content:"";position:absolute;width:180px;height:180px;right:-110px;bottom:-120px;border-radius:50%;background:var(--green);opacity:.025;filter:blur(5px);transition:.4s}.feature:hover:after{opacity:.07;transform:scale(1.4)}
.scenario-grid article:before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan));transition:width .45s ease}.scenario-grid article:hover:before{width:100%}
.shot:hover{box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 0 1px rgba(130,248,82,.05)}
.cta{box-shadow:inset 0 0 100px rgba(75,225,193,.025)}
.cta h2{background:linear-gradient(110deg,#fff 10%,#cffff0 45%,var(--green2));-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes heroGlow{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes titleFlow{to{background-position:180% center}}

@media(max-width:640px){
  .hero:after{width:340px;height:340px;right:-190px;top:100px}.hero-desc{padding-left:13px}
  .terminal-wrap:hover .terminal-card{transform:none}.feature:hover,.scenario-grid article:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.hero:after,.hero h1 em{animation:none}.terminal-card,.feature,.scenario-grid article,.shot{transition:none}}

/* H5 compatibility and touch layout */
@media(max-width:640px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}
  .topbar{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .hero{height:auto;min-height:0;max-height:none;padding-top:calc(88px + env(safe-area-inset-top));padding-bottom:72px}
  .hero-copy,.terminal-wrap{min-width:0}
  .hero h1{overflow-wrap:normal;word-break:keep-all}
  .hero-desc{max-width:100%;overflow-wrap:anywhere}
  .hero-actions{width:100%;flex-wrap:wrap}
  .hero-actions .btn{min-height:48px;padding-inline:18px}
  .hero-copy>.hero-actions .btn{width:100%}
  .platforms{display:flex;flex-wrap:wrap;width:100%}
  .terminal-wrap{max-width:100%}.terminal-card{transform:none}
  .terminal-body{width:100%}.terminal-foot{gap:8px}.terminal-foot span{white-space:nowrap}
  .float-badge{right:8px;bottom:-16px;transform:scale(.85);transform-origin:right bottom}
  .section-heading{display:block}.section-heading>p{max-width:none;margin-top:15px}
  .intro{grid-template-columns:1fr}.section-code{margin-bottom:8px}
  .capabilities,.scenario-grid{grid-template-columns:1fr}
  .feature,.feature-main{grid-column:auto;width:100%;min-width:0}
  .quick-grid,.showcase-grid{width:100%;min-width:0}
  .command-tabs button{min-width:max-content}
  .command-code pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .service-map{overflow:hidden}
  .cta{width:calc(100% - 32px);min-height:0;margin-inline:auto;padding:56px 18px}
  .cta .hero-actions{justify-content:center}.cta .btn{flex:1 1 145px;max-width:220px}
  .footer{height:auto;min-height:180px;flex-direction:column;justify-content:center}
  .lightbox{overscroll-behavior:contain}.lightbox img{height:auto}
  a,button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(130,248,82,.14)}
}

@media(max-width:360px){
  :root{--shell:calc(100% - 20px)}
  .topbar{padding-left:10px;padding-right:10px}.brand-name{font-size:16px}
  .hero{padding-top:84px}.hero h1{font-size:34px;letter-spacing:-1.8px}
  .eyebrow{font-size:6.8px;letter-spacing:.75px}
  .platforms b{padding:7px 8px;font-size:11px}
  .terminal-body{font-size:7.7px}.terminal-foot{font-size:5.8px}
  .intro h2,.section-heading h2{font-size:29px}.cta{width:calc(100% - 20px)}.cta h2{font-size:29px}
}