:root{color-scheme:dark;--bg:#090c11;--panel:#0e141d;--text:#f0f4f7;--muted:#a4b1bd;--line:#25303d;--accent:#80ddd6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}.wrap{max-width:1280px;margin:auto;padding:0 42px}.skip{position:absolute;top:-60px}.skip:focus{top:12px;z-index:99;background:var(--bg);padding:12px}.topbar{position:sticky;top:0;z-index:20;background:rgba(9,12,17,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:18px;font-weight:650;letter-spacing:.08em}.brand span{color:var(--accent)}.navlinks{display:flex;gap:26px;font-size:14px;color:var(--muted)}.navlinks a:hover{color:var(--text)}.nav-cta{font-size:13px;border:1px solid var(--line);padding:7px 17px;border-radius:4px}.hero{position:relative;padding:92px 0 58px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 30%,#12313c80,transparent 50%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.hero h1{font-size:clamp(44px,5.8vw,78px);letter-spacing:-.03em;font-weight:600;line-height:1.08;margin-bottom:25px}.hero h1 span{display:block;font-size:.5em;font-weight:400;letter-spacing:.01em;margin-top:20px;line-height:1.5}.lead{color:var(--muted);font-size:17px;max-width:580px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:12px 23px;border-radius:4px;font-size:14px;min-height:48px;background:#121b26}.button.primary{background:var(--accent);border-color:var(--accent);color:#082023;font-weight:650}.button:hover{filter:brightness(1.1)}.signal-tags{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-top:27px}.signal-tags span{padding:3px 10px;border-left:1px solid var(--accent)}.hero-visual{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#000;aspect-ratio:1.04}.hero-visual>img{height:100%;object-fit:contain}.scan-grid{position:absolute;inset:0;background:linear-gradient(#81ded61a 1px,transparent 1px),linear-gradient(90deg,#81ded61a 1px,transparent 1px);background-size:48px 48px;opacity:.42;pointer-events:none}.visual-label{position:absolute;left:18px;top:17px;right:18px;display:flex;justify-content:space-between;gap:8px;color:#b6c7d0;font:11px/1.5 Consolas,monospace;letter-spacing:.05em}.visual-label span:last-child{color:var(--accent)}.visual-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 18px 16px;background:linear-gradient(transparent,#090c11);font-size:12px;color:var(--muted)}.hero-strip{display:flex;gap:40px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:54px;font-size:13px;color:var(--muted)}.hero-strip strong{color:var(--text);font-weight:500;margin-right:12px}.section{padding:92px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:36px}.section-heading h2{font-size:clamp(30px,3.5vw,44px);line-height:1.3;font-weight:500;margin-bottom:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{max-width:440px;color:var(--muted);font-size:15px;margin-bottom:0}.gallery{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.image-card{border:1px solid var(--line);background:#000;border-radius:6px;overflow:hidden}.image-card .media{height:350px;display:flex;align-items:center;justify-content:center;position:relative}.media img{width:100%;height:100%;object-fit:contain}.image-card figcaption{padding:23px;background:var(--panel);border-top:1px solid var(--line)}figcaption h3{font-size:20px;font-weight:500;margin:0 0 7px}figcaption p{font-size:14px;color:var(--muted);margin:0}.tag{font:11px Consolas,monospace;letter-spacing:.05em;color:var(--accent);margin-bottom:7px}.image-card.battery .media{background:radial-gradient(ellipse,#121c28,#000);height:350px}.battery .media img{padding:16px;object-fit:contain}.gallery .iqi{grid-column:1/-1}.iqi .media{height:auto;padding:32px 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.iqi .media img{height:auto}.subcaption{font:12px Consolas,monospace;color:var(--muted);margin-bottom:15px}.image-note{color:var(--muted);font-size:12px;margin:18px 0 0}.comparison-section{background:#0d121a}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comparison-frame{position:relative;background:black;border:1px solid var(--line);overflow:hidden;border-radius:6px}.comparison-frame img{aspect-ratio:1;object-fit:contain}.comparison-frame figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 20px 15px;background:linear-gradient(transparent,#090c11);font-size:13px;color:var(--muted)}.compare-controls{display:flex;align-items:center;gap:18px;max-width:500px;margin:20px auto}.compare-controls input{accent-color:var(--accent);width:100%;min-width:0}.compare-controls label{white-space:nowrap;font-size:13px}.compare-controls output{min-width:36px;color:var(--accent);font:13px Consolas,monospace}.slider-frame{max-width:750px;margin:auto;position:relative;background:#000;border:1px solid var(--line);border-radius:6px;overflow:hidden;aspect-ratio:1.35}.slider-frame>img{height:100%;object-fit:contain}.slider-frame .overlay{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.slider-frame .overlay img{height:100%;object-fit:contain}.slider-divider{position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--accent);pointer-events:none}.slider-divider:after{content:'↔';position:absolute;top:50%;left:-16px;background:var(--accent);color:#082023;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;font-size:16px}.slider-labels{display:flex;justify-content:space-between;max-width:750px;margin:12px auto;color:var(--muted);font-size:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:26px 0;border-top:1px solid var(--line)}.feature>span{color:var(--accent);font:12px Consolas,monospace}.feature h3{font-size:20px;margin:16px 0 10px;font-weight:500}.feature p{color:var(--muted);font-size:14px;margin:0}.workflow{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:32px 0 0;border-top:1px solid var(--line)}.workflow li{padding:25px 18px 25px 0;font-size:15px}.workflow li+li{border-left:1px solid var(--line);padding-left:18px}.workflow span{display:block;color:var(--accent);font:11px Consolas,monospace;margin-bottom:15px}.workflow small{display:block;color:var(--muted);font-size:12px}.equation{margin-top:30px;color:var(--muted);font:clamp(16px,2vw,22px)/1.8 Georgia,serif;overflow-wrap:anywhere}.access{padding:80px 0;background:radial-gradient(ellipse at 80% 40%,#12313c60,transparent 70%)}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.access h2{font-weight:500;font-size:36px;line-height:1.4;margin-bottom:15px}.access p{color:var(--muted);font-size:15px}.email{display:block;color:var(--accent);font-size:clamp(16px,2.1vw,25px);overflow-wrap:anywhere;margin-bottom:20px}.access-note{font-size:13px!important;margin:20px 0 0}footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:900px){.wrap{padding:0 26px}.navlinks{gap:14px}.hero{padding-top:62px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-visual{aspect-ratio:1.5}.hero-visual>img{max-height:530px}.section-heading{display:block}.section-heading>p{margin-top:18px;max-width:650px}.features{grid-template-columns:1fr 1fr}.access-grid{gap:32px}.gallery .media{height:290px}.workflow{grid-template-columns:repeat(3,1fr)}.workflow li:nth-child(4){border-left:0;padding-left:0}.workflow li:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:600px){.wrap{padding:0 20px}.nav{height:64px;gap:12px}.brand{font-size:14px}.navlinks{display:none}.nav-cta{font-size:12px;padding:6px 12px}.hero{padding:45px 0 36px}.hero h1{font-size:46px}.hero h1 span{font-size:25px}.lead{font-size:15px}.hero-visual{aspect-ratio:1.1}.hero-strip{gap:15px;margin-top:30px}.hero-strip>span{flex:1 1 100%}.section{padding:58px 0}.section-heading h2{font-size:30px}.gallery{grid-template-columns:1fr}.gallery .iqi{grid-column:auto}.gallery .media{height:300px}.iqi .media{grid-template-columns:1fr;padding:22px 16px;height:auto;gap:24px}.image-card figcaption{padding:20px}.features{grid-template-columns:1fr;gap:8px}.comparison{grid-template-columns:1fr}.slider-frame{aspect-ratio:1}.workflow{grid-template-columns:1fr}.workflow li,.workflow li+li{padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}.workflow span{display:inline;margin-right:15px}.workflow small{margin-left:30px}.access{padding:55px 0}.access-grid{grid-template-columns:1fr;gap:18px}.access h2{font-size:30px}.access .actions{display:grid}.button{width:100%}.compare-controls{gap:12px}.hero .actions .button{width:auto;flex:1}.visual-label{font-size:10px;left:12px;right:12px}}
.slider-frame{cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.slider-frame img{pointer-events:none}.slider-frame:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.slider-divider:after{width:44px;height:44px;line-height:44px;left:-22px;margin-top:-22px;font-size:20px;box-shadow:0 0 0 4px #80ddd622}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}