:root{--bg:#070c12;--bg2:#0b121a;--panel:#101923;--panel2:#14212e;--line:rgba(255,255,255,.1);--text:#f1f6fa;--muted:#8596a7;--blue:#159cff;--cyan:#63c8ff;--orange:#ff7a1a;--green:#32d58a;--font:Inter,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:fixed;z-index:90;top:0;width:100%;transition:.25s}.site-header.scrolled{background:rgba(5,9,14,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px}.brand>span:last-child{display:grid}.brand strong{font-size:15px;line-height:1}.brand small{margin-top:5px;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:.14em}.brand-mark{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(21,156,255,.55);font:700 11px ui-monospace,monospace}.brand-mark:after{content:"";position:absolute;top:0;right:0;width:7px;height:7px;background:var(--orange)}.desktop-nav{display:flex;gap:27px;margin-left:auto}.desktop-nav a{color:#a9b6c2;font-size:12px}.desktop-nav a:hover{color:var(--cyan)}.nav-contact{padding:10px 16px;background:var(--blue);font-size:11px;font-weight:700}.menu-button,.mobile-nav{display:none}.menu-button{width:40px;height:40px;border:1px solid var(--line);background:transparent}.mobile-nav{padding:10px 24px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.hero{position:relative;min-height:800px;height:100svh;max-height:950px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,8,13,.98) 0%,rgba(4,8,13,.88) 34%,rgba(4,8,13,.08) 72%),linear-gradient(0deg,rgba(4,8,13,.85),transparent 36%),url('./assets/hero-w200ds.webp');background-size:cover;background-position:center}.hero-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(75,187,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(75,187,255,.6) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 60%)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 330px;align-items:end;gap:80px;padding-top:72px}.eyebrow,.section-head span,.resource-intro>span,.faq-title>span,.contact-card>div>span{color:var(--cyan);font:600 10px ui-monospace,monospace;letter-spacing:.16em}.eyebrow i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(50,213,138,.1)}.hero h1{margin:20px 0 0;font-size:clamp(58px,7vw,102px);line-height:.96;letter-spacing:-.075em}.hero h1 em{color:var(--cyan);font-style:normal}.hero-sub{margin:27px 0 0;color:#b3c0cb;font-size:17px}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.hero-tags span{padding:5px 9px;border:1px solid rgba(99,200,255,.32);background:rgba(7,17,26,.55);color:#9bdcff;font-size:9px}.hero-actions{display:flex;gap:10px;margin-top:31px}.primary-button,.secondary-button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700}.primary-button{background:var(--blue)}.primary-button:hover{background:#35aaff}.secondary-button{border:1px solid rgba(255,255,255,.2);background:rgba(8,14,20,.35)}.stats{display:flex;width:max-content;margin-top:42px;border-top:1px solid rgba(255,255,255,.14)}.stats div{display:grid;min-width:130px;padding:15px 24px 0 0;margin-right:24px;border-right:1px solid rgba(255,255,255,.12)}.stats div:last-child{border:0}.stats strong{font:700 22px ui-monospace,monospace}.stats small{color:#77899a;font-size:9px}.hero-card{background:rgba(8,15,22,.84);border:1px solid rgba(99,200,255,.3);border-top:2px solid var(--blue);backdrop-filter:blur(14px)}.hero-card>span{display:block;padding:13px 17px;border-bottom:1px solid var(--line);color:#687c8e;font:9px ui-monospace,monospace}.hero-card h2{margin:0;padding:22px 20px 16px;font-size:25px}.hero-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.hero-specs div{display:grid;padding:13px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-specs div:nth-child(even){border-right:0}.hero-specs small{color:#647789;font-size:9px}.hero-specs b{font-size:11px}.hero-card button,.full-button{width:100%;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--cyan);font-size:10px}.hero-strip{position:absolute;z-index:2;bottom:0;width:100%;overflow:hidden;padding:10px 0;border-top:1px solid var(--line);background:rgba(4,9,14,.82);white-space:nowrap;color:#6b7d8e;font:9px ui-monospace,monospace;letter-spacing:.16em}.hero-strip div{width:max-content;animation:ticker 24s linear infinite}.hero-strip i{display:inline-block;width:4px;height:4px;margin:0 28px;background:var(--orange);transform:rotate(45deg)}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-head h2,.resource-intro h2,.faq-title h2,.contact-card h2{margin:11px 0 0;font-size:clamp(39px,5vw,62px);line-height:1.07;letter-spacing:-.05em}.section-head p{max-width:390px;margin:0;color:var(--muted);font-size:12px}.products{background:var(--bg)}.product-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:15px}.product-card{border:1px solid var(--line);background:var(--panel);overflow:hidden}.product-image{position:relative;aspect-ratio:4/3;overflow:hidden}.product-main .product-image{aspect-ratio:4/2.55}.product-image img{height:100%;object-fit:cover;transition:.6s}.product-card:hover img{transform:scale(1.035)}.product-image span{position:absolute;top:13px;left:13px;padding:4px 8px;background:rgba(5,11,17,.8);border:1px solid rgba(99,200,255,.35);color:var(--cyan);font-size:8px}.product-body{display:flex;justify-content:space-between;gap:20px;padding:19px}.product-body small{color:var(--cyan);font-size:9px}.product-body h3{margin:5px 0;font-size:17px;line-height:1.3}.product-body p{margin:0;color:var(--muted);font-size:10px}.price{display:grid;align-content:start;text-align:right;white-space:nowrap}.price strong{font-size:12px}.full-button{border-top:1px solid var(--line)}.devices{background:var(--bg2);border-block:1px solid var(--line)}.device-toolbar{display:flex;gap:15px;margin-bottom:20px}.search-box{flex:1;height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--line);background:var(--panel)}.search-box svg{color:var(--cyan)}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.size-tabs{display:flex;max-width:60%;overflow-x:auto}.size-tabs button{min-width:56px;border:1px solid var(--line);border-left:0;background:var(--panel);font:10px ui-monospace,monospace}.size-tabs button:first-child{border-left:1px solid var(--line)}.size-tabs button.active{background:var(--blue);border-color:var(--blue)}.device-summary{margin:12px 0;color:var(--muted);font-size:10px}.device-summary span{color:var(--cyan);font:700 18px ui-monospace,monospace}.device-summary small{margin-left:10px}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.device-card{position:relative;min-height:150px;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#0b141d);text-align:left;overflow:hidden}.device-card:after{content:attr(data-size);position:absolute;right:-5px;bottom:-15px;color:rgba(99,200,255,.055);font:800 65px ui-monospace,monospace}.device-card:hover{border-color:rgba(21,156,255,.55)}.device-card small{color:var(--cyan);font:8px ui-monospace,monospace}.device-card h3{position:relative;z-index:1;margin:25px 0 4px;font-size:15px}.device-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:9px}.device-card b{position:absolute;right:13px;top:13px;padding:3px 6px;border:1px solid var(--line);color:#8397a8;font-size:7px}.feature-switch{display:flex;margin-bottom:35px;border:1px solid var(--line);width:max-content}.feature-switch button{padding:13px 21px;border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11px}.feature-switch button:last-child{border:0}.feature-switch button.active{background:var(--blue);color:#fff}.capability-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.capability-copy>span{padding:5px 8px;border:1px solid rgba(99,200,255,.35);color:var(--cyan);font:8px ui-monospace,monospace}.capability-copy h3{margin:20px 0 14px;font-size:30px;line-height:1.3}.capability-copy>p{color:var(--muted);font-size:12px}.cap-note{margin-top:30px;padding:17px;border-left:2px solid var(--orange);background:rgba(255,122,26,.05)}.cap-note b{font-size:11px}.cap-note p{margin:4px 0 0;color:var(--muted);font-size:10px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap-item{min-height:120px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cap-item span{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(50,213,138,.4);color:var(--green);font:10px ui-monospace,monospace}.cap-item h4{margin:15px 0 3px;font-size:13px}.cap-item p{margin:0;color:var(--muted);font-size:9px}.reviews{background:var(--bg2);border-block:1px solid var(--line);overflow:hidden}.review-track-wrap{width:min(1320px,calc(100% - 32px));margin:auto;overflow-x:auto;scroll-snap-type:x mandatory}.review-track{display:flex;gap:15px;width:max-content}.review-track article{width:410px;display:grid;grid-template-columns:155px 1fr;border:1px solid var(--line);background:var(--panel);scroll-snap-align:start}.review-track img{height:100%;object-fit:cover}.review-track article div{padding:18px}.review-track small{color:var(--cyan);font-size:8px}.review-track p{font-size:12px}.review-track span{color:var(--muted);font-size:8px}.resources{background:#07131d}.resource-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.resource-intro p{color:var(--muted);font-size:12px}.safety-note{margin-top:25px;padding:14px;border:1px solid rgba(255,122,26,.25);color:#c79673;font-size:9px}.resource-tab-buttons{display:flex;border-bottom:1px solid var(--line)}.resource-tab-buttons button{flex:1;padding:14px;border:0;background:transparent;color:var(--muted);font-size:11px}.resource-tab-buttons button.active{color:var(--cyan);border-bottom:2px solid var(--blue)}.resource-item{display:grid;grid-template-columns:45px 1fr 38px;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.file-type{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(99,200,255,.35);color:var(--cyan);font:8px ui-monospace,monospace}.resource-item small{color:var(--muted);font-size:8px}.resource-item h3{margin:2px 0;font-size:13px}.resource-item p{margin:0;color:#748698;font-size:9px}.resource-item button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:transparent}.faq-layout{display:grid;grid-template-columns:.5fr 1fr;gap:90px}.faq-title p{color:var(--muted);font-size:11px}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-question{width:100%;display:grid;grid-template-columns:35px 1fr 22px;align-items:center;padding:18px 0;border:0;background:transparent;text-align:left}.faq-question span{color:var(--cyan);font:9px ui-monospace,monospace}.faq-question b{font-size:13px}.faq-question i{position:relative;width:14px;height:14px}.faq-question i:before,.faq-question i:after{content:"";position:absolute;top:6px;width:14px;height:1px;background:var(--muted)}.faq-question i:after{transform:rotate(90deg);transition:.2s}.faq-item.open .faq-question i:after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:.3s}.faq-answer>p{overflow:hidden;margin:0;color:var(--muted);font-size:11px}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding:0 0 20px 35px}.contact{padding-top:0}.contact-card{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center;padding:50px 55px;border:1px solid rgba(21,156,255,.32);background:linear-gradient(120deg,rgba(21,156,255,.13),transparent 50%),var(--panel)}.contact-card h2{font-size:clamp(35px,4.5vw,55px)}.contact-card p{color:var(--muted);font-size:11px}.contact-card button{display:grid;padding:20px;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.025)}.contact-card button small{color:var(--muted);font-size:9px}.contact-card button strong{font:700 22px ui-monospace,monospace}.contact-card button b{margin-top:6px;color:var(--green);font-size:9px}footer{padding:27px 0 90px;border-top:1px solid var(--line)}footer>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.bottom-nav{display:none}dialog{width:min(760px,calc(100% - 28px));max-height:calc(100svh - 28px);padding:0;border:1px solid rgba(99,200,255,.35);background:var(--panel);color:var(--text)}dialog::backdrop{background:rgba(2,5,8,.84);backdrop-filter:blur(8px)}.modal-card{position:relative;padding:36px}.modal-card>button{position:absolute;z-index:2;top:13px;right:13px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:#08111a}.modal-head span{color:var(--cyan);font:9px ui-monospace,monospace}.modal-head h2{margin:5px 0 18px;font-size:31px}.modal-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.modal-spec-grid div{display:grid;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.modal-spec-grid small{color:var(--muted);font-size:8px}.modal-spec-grid b{font-size:11px}.modal-section{margin-top:24px}.modal-section h3{font-size:12px;color:var(--cyan)}.modal-section p{color:var(--muted);font-size:11px}.modal-tags{display:flex;gap:7px;flex-wrap:wrap}.modal-tags span{padding:5px 8px;border:1px solid var(--line);font-size:9px}.toast{position:fixed;z-index:200;left:50%;bottom:30px;display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid rgba(50,213,138,.35);background:#10231c;color:#a7eece;font-size:10px;opacity:0;transform:translate(-50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(20px);transition:.6s}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.desktop-nav,.nav-contact{display:none}.menu-button{display:grid;place-items:center;margin-left:auto}.mobile-nav.open{display:block}.hero{min-height:850px;height:auto;padding:120px 0 90px}.hero-content{grid-template-columns:1fr;gap:35px}.hero-card{max-width:500px}.product-grid{grid-template-columns:1fr 1fr}.product-main{grid-column:1/3}.device-grid{grid-template-columns:repeat(3,1fr)}.resource-layout,.faq-layout{gap:50px}.contact-card{grid-template-columns:1fr}}@media(max-width:700px){.shell{width:calc(100% - 30px)}.section{padding:76px 0}.header-inner{height:62px}.hero{min-height:780px}.hero-bg{background-image:linear-gradient(0deg,rgba(4,8,13,.99) 8%,rgba(4,8,13,.83) 60%,rgba(4,8,13,.14)),url('./assets/hero-w200ds.webp');background-position:63% center}.hero-content{align-items:start}.hero h1{font-size:clamp(50px,16vw,70px)}.hero-sub{font-size:14px}.hero-actions{flex-direction:column}.stats{width:100%}.stats div{min-width:0;flex:1;margin-right:12px;padding-right:12px}.stats strong{font-size:17px}.stats div:nth-child(3){display:none}.hero-card{display:none}.section-head{display:block}.section-head p{margin-top:15px}.product-grid{display:flex;overflow-x:auto;margin-right:-15px;padding-right:15px;scroll-snap-type:x mandatory}.product-card,.product-main{flex:0 0 88%;scroll-snap-align:start}.product-main .product-image{aspect-ratio:4/3}.device-toolbar{display:block}.search-box{margin-bottom:10px}.size-tabs{max-width:100%;height:43px}.device-grid{grid-template-columns:1fr 1fr}.device-card{min-height:135px}.capability-layout,.resource-layout,.faq-layout{grid-template-columns:1fr;gap:36px}.feature-switch{width:100%;overflow-x:auto}.feature-switch button{min-width:max-content}.capability-grid{grid-template-columns:1fr}.review-track article{width:330px;grid-template-columns:120px 1fr}.contact-card{padding:34px 23px}.contact-card button{width:100%}footer{padding-bottom:100px}footer>div{display:grid;gap:16px}.bottom-nav{position:fixed;z-index:80;left:10px;right:10px;bottom:9px;display:grid;grid-template-columns:repeat(5,1fr);height:56px;border:1px solid var(--line);background:rgba(7,13,19,.94);backdrop-filter:blur(14px)}.bottom-nav a{display:grid;place-items:center;color:#8ea0b0;font-size:9px}.modal-card{padding:28px 20px}.modal-spec-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.device-grid{grid-template-columns:1fr}.stats div{padding-right:8px;margin-right:8px}.product-card,.product-main{flex-basis:92%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
