:root{--bg:#101319;--surface:#161a22;--surface2:#1b202a;--line:#212834;--text:#eceff3;--muted:#788aa9;--accent:#7fa3e1;--accent-dim:#627fb2;--font:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--mono:"Cascadia Code",Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}::selection{background:#6590db;color:#14181f}h1,h2,h3,p{margin:0}svg{display:block}img{display:block}.container{width:min(1240px,calc(100% - 96px));margin:0 auto}.topline{height:3px;background:linear-gradient(90deg,#7fa3e1 0%,#7fa3e1 22%,#283854 55%,#101319 100%)}.site-header{position:sticky;top:0;z-index:10;background:#101319eF;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff08}.nav-inner{height:83px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:20px;letter-spacing:1px;font-weight:750}.brand>span{font-size:12px;color:#97a5bd;letter-spacing:1px}.brand-divider{height:16px;width:1px;background:#2b3444;margin:0 5px}.desktop-nav{margin-left:auto;margin-right:auto;display:flex;gap:34px;font-size:13px;color:#96a4bc}.desktop-nav a{position:relative;padding:31px 0}.desktop-nav a.active,.desktop-nav a:hover{color:#eaedf3}.desktop-nav a.active:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);bottom:18px;left:calc(50% - 2px)}.console-link{border:1px solid #2c3544;border-radius:6px;padding:9px 16px;font-size:12px;color:#c1cad8;display:flex;gap:24px;align-items:center}.console-link:hover{border-color:var(--accent)}.console-link span{font-size:18px;color:var(--accent)}.mobile-menu,.mobile-nav{display:none}.hero{min-height:550px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding-top:40px;padding-bottom:55px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font:10px var(--mono);letter-spacing:2px;font-weight:500}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #6590db4d;flex-shrink:0}.eyebrow .live-dot{width:6px;height:6px}.eyebrow-line{height:1px;width:47px;background:#2c3545;margin-left:3px}.hero h1{font-size:clamp(38px,4.05vw,59px);line-height:1.32;letter-spacing:-2px;font-weight:750;margin:24px 0 22px}.hero h1 span{color:var(--accent)}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);max-width:435px}.hero-actions{display:flex;gap:14px;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:13px 23px;min-height:46px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--accent);color:#161d2a}.primary:hover{background:#9cb8e8}.button span{font-size:18px;font-weight:400}.secondary{background:#161b23;border-color:#2b3443;color:#cbd2de}.secondary:hover{background:#222935}.secondary .play-icon{font-size:19px;color:#afbacc}.hero-actions .secondary{gap:10px}.hero-notes{display:flex;gap:22px;margin-top:29px;font-size:10px;color:#63779a}.hero-notes i{font-style:normal;color:#7389af;margin-right:5px}.hero-visual{position:relative;height:440px;isolation:isolate;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);background:radial-gradient(ellipse at 53% 54%,#344a6f18,transparent 60%)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#94b0df07 1px,transparent 1px),linear-gradient(90deg,#94b0df07 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.visual-top,.visual-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#4d5d79;z-index:3}.visual-top{top:19px}.visual-bottom{bottom:15px}.visual-top span:first-child,.visual-bottom span:first-child{display:flex;align-items:center;gap:7px}.visual-top:before{content:"+";position:absolute;left:-16px;color:#495871}.visual-bottom:after{content:"+";position:absolute;right:-15px;color:#495871}.circuit-lines{position:absolute;inset:0;width:100%;height:100%;color:#425472;opacity:.5}.orbit{position:absolute;width:310px;height:310px;border:1px solid #5374af15;border-radius:50%;top:64px;left:calc(50% - 155px)}.orbit-two{width:400px;height:400px;left:calc(50% - 200px);top:20px;border-style:dashed;opacity:.55}.chip-halo{position:absolute;left:calc(50% - 110px);top:calc(50% - 105px);width:220px;height:220px;border-radius:50%;background:#4978c91a;filter:blur(35px)}.chip-outer{position:absolute;left:calc(50% - 78px);top:calc(50% - 66px);height:156px;width:156px;border:1px solid #516587;padding:9px;border-radius:20px;background:linear-gradient(145deg,#293140,#151a21);transform:rotate(-16deg);box-shadow:0 0 0 7px #0f1218,0 0 0 8px #343f52,0 0 0 15px #11141a,0 0 0 16px #2b3342,12px 18px 30px #0008,inset 0 1px 1px #86a5db70}.chip-inner{width:100%;height:100%;border:1px solid #3b485f;border-radius:13px;background:linear-gradient(145deg,#212733,#151a21);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 25px #698ecf0a}.chip-inner svg{width:45px;height:45px;color:var(--accent);margin-bottom:8px}.chip-inner b{font:700 18px var(--font);letter-spacing:3px}.chip-inner>span{font:6px var(--mono);color:#7486a6;letter-spacing:2px;margin-top:6px}.code-float{position:absolute;background:linear-gradient(130deg,#1d232df5,#151920f5);border:1px solid #323c4d;box-shadow:0 10px 40px #0005;border-radius:7px;padding:15px 17px;z-index:3}.code-float>div{font:7px var(--mono);letter-spacing:1.3px;color:#8090ad;display:flex;align-items:center;gap:7px;margin-bottom:11px}.tiny-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#546684}.code-float code{font:12px/1.9 var(--mono);color:#b6c0d1;letter-spacing:2px}.code-float code span{color:#50607c}.code-input{top:77px;left:33px;transform:rotate(-5deg)}.code-output{bottom:63px;right:18px;transform:rotate(4deg);min-width:160px}.code-output code{letter-spacing:0;font-size:11px;color:#8c9bb5}.code-output em{font-style:normal;color:var(--accent);margin-right:7px}.spec-strip{border-block:1px solid #20273390;background:#141820}.spec-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#a6b2c6;font-size:11px}.strip-label{color:#51617e;font-size:11px}.spec-inner b{font:10px var(--mono);color:#45546d;margin-right:12px}.strip-end{font:8px var(--mono);letter-spacing:1px;color:#536482}.strip-end span{font-size:15px;color:var(--accent);margin-left:20px}.section{padding-top:74px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow.muted{color:#7b8caa;font-size:9px;letter-spacing:1.6px}.section-num{color:#39455a;margin-left:12px}h2{font-size:29px;font-weight:650;line-height:1.5;letter-spacing:-1px;margin-top:14px}h2>span{color:#6a7ea0}.section-heading p{color:#62779a;font-size:12px;margin-top:11px}.count-pill{display:flex;gap:8px;align-items:center;border:1px solid #272f3d;border-radius:30px;padding:6px 12px;font-size:10px;color:#91a0b9;margin-bottom:3px}.product-toolbar{display:flex;align-items:center;justify-content:space-between;margin:31px 0 23px;gap:20px}.filter-tabs{display:flex;background:#151921;border:1px solid #1f2631;border-radius:7px;padding:4px;gap:3px}.filter-tab{background:transparent;color:#7789a8;padding:8px 18px;border-radius:4px;font-size:11px;white-space:nowrap}.filter-tab:hover{color:#dee3eb}.filter-tab.selected{background:#202733;color:#a3bae3;box-shadow:0 1px 3px #0004}.filter-tab span{font:9px var(--mono);background:#7fa3e11c;padding:2px 5px;border-radius:3px;margin-left:5px}.search-box{height:39px;display:flex;align-items:center;border:1px solid #212833;border-radius:6px;padding:0 11px;gap:8px;width:240px;background:#13171e}.search-box svg{width:15px;stroke:#627699;stroke-width:1.7}.search-box input{border:0;min-width:0;width:100%;background:none;color:var(--text);font-size:11px;outline:none}.search-box:focus-within{border-color:#576988}.search-box kbd{font:10px var(--mono);color:#586a8a;border:1px solid #272f3c;border-radius:3px;padding:0 5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:linear-gradient(140deg,#1a1f28,#151921);border:1px solid #232b38;border-radius:10px;padding:25px 25px 0;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-5px);border-color:#516484}.product-card.featured{border-color:#425068;background:radial-gradient(at 0 0,#5273ad10,transparent 70%),linear-gradient(140deg,#1a1f29,#151921)}.product-card.featured:before{content:"";position:absolute;width:65%;height:1px;background:linear-gradient(90deg,transparent,#99b6e7,transparent);top:0;left:10%}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.product-icon{width:47px;height:47px;border:1px solid #3a475e;border-radius:11px;background:linear-gradient(140deg,#263042,#1a212e);display:grid;place-items:center;color:#9ab5e6}.product-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.product-icon.layers{color:#a6bbec;background:linear-gradient(140deg,#26334d,#1a2435);border-color:#3a4b6a}.product-icon.terminal{color:#b9a5e2;background:linear-gradient(140deg,#372a47,#281c39);border-color:#534064}.product-badge{font-size:9px;color:#7285a5;border:1px solid #2c3545;border-radius:20px;padding:3px 8px}.product-badge.highlight{color:#aabfe3;background:#2d394d29;border-color:#3b4860}.card-title{display:flex;align-items:center;gap:10px}.card-title h3{font-size:21px;font-weight:600;letter-spacing:-.6px}.card-title>span{font:8px var(--mono);color:#5b6e8e;border:1px solid #232a36;padding:2px 4px;border-radius:3px}.card-subtitle{font-size:12px;color:#7184a4;margin-top:6px;min-height:20px}.feature-tags{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 22px;min-height:22px}.feature-tags span{font-size:9px;color:#7b8caa;background:#1e242f;padding:4px 7px;border-radius:3px}.card-platform{display:flex;align-items:center;gap:6px;font-size:10px;color:#576989;padding-bottom:19px}.card-platform>span:first-child{font-size:15px;color:#6b7fa1}.demo-label{margin-left:auto;font-size:8px;color:#50617e}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #232a36;margin:0 -25px;padding:14px 25px}.details-link{padding:0;background:none;font-size:11px;color:#a7b2c6;display:flex;gap:15px;align-items:center}.details-link span{color:#687c9e}.download-link{padding:4px 12px;border:1px solid #2c3544;background:#212936;color:#b6c5de;border-radius:4px;font-size:10px;display:flex;gap:12px;align-items:center}.download-link span{font-size:15px}.product-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px;font-size:9px;color:#50617e}.product-footnote>span{display:flex;align-items:center;gap:7px}.product-footnote a{color:#7486a6}.product-footnote a span{color:#7fa3e1;margin-left:8px}.technology-section{border-block:1px solid #1f2530;background:linear-gradient(110deg,#151921,#11151b);padding:64px 0}.section-side-copy{font-size:11px!important;line-height:1.8;text-align:right}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:38px}.feature{position:relative}.feature+.feature:before{content:"";position:absolute;top:2px;bottom:0;left:-25px;width:1px;background:#212834}.feature-number{font:8px var(--mono);color:#4b5a75;letter-spacing:1px}.mini-visual{height:83px;display:flex;align-items:center;gap:13px;margin:10px 0 12px}.byte-visual>span{font:11px var(--mono);color:#667b9e;border:1px solid #252d3a;background:#161d2a;border-radius:4px;padding:9px}.byte-visual>i{font-style:normal;font-size:18px;color:#45536b}.byte-visual>code{font:10px var(--mono);color:#a2b3d1;border:1px solid #303a4b;background:#1c2432;border-radius:4px;padding:9px}.bars-visual{gap:7px}.bars-visual>i{display:block;width:21px;height:28px;border:1px solid #344158;background:#1e293b;border-radius:3px}.bars-visual>i:nth-child(2){height:46px;background:#2c3d5a;border-color:#3d5174}.bars-visual>i:nth-child(3){height:35px;background:#41577e;border-color:#4e6a9b}.bars-visual>i:nth-child(4){height:58px;background:#5675aa;border-color:#7092cc}.bars-visual>i:nth-child(5){height:39px}.bars-visual>i:nth-child(6){height:24px}.bars-visual>span{font:9px var(--mono);color:#4f5f7b;margin-left:10px}.terminal-visual{color:#c1cee4;font:13px var(--mono)}.terminal-visual>span{color:#829dce}.terminal-visual em{color:#65799c;font-style:normal}.terminal-visual>i{width:7px;height:17px;background:#7fa3e1;animation:blink 1.5s steps(2,start) infinite}.feature h3{font-size:16px;font-weight:550;margin-bottom:10px}.feature p{font-size:11px;color:#667a9d;line-height:1.9;max-width:300px}.guide-section{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:76px;padding-bottom:76px}.guide-intro h2{font-size:32px;margin-top:15px}.guide-intro>p{font-size:11px;color:#65799c;margin-top:14px}.text-link{display:inline-flex;gap:22px;align-items:center;color:#a5b5d1;font-size:11px;margin-top:26px}.steps article{display:flex;align-items:center;gap:23px;border-bottom:1px solid #222834;padding:20px 0}.steps article:first-child{padding-top:0}.steps article:last-child{border-bottom:none}.steps article>span{font:13px var(--mono);color:#5e7192;width:37px;height:37px;border:1px solid #2a3241;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.steps h3{font-size:14px;font-weight:500}.steps p{font-size:11px;color:#65799c;margin-top:5px}.steps i{font-style:normal;margin-left:auto;color:#4d5d78}.about-section{position:relative;background:radial-gradient(ellipse at 80% 20%,#2d477325,transparent 70%),#181e28;border:1px solid #2e3848;border-radius:9px;min-height:200px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 40px;overflow:hidden}.about-section h2{font-size:27px;margin-top:12px}.about-section p{font-size:11px;color:#6d80a2;margin-top:9px}.about-section .eyebrow{font-size:8px;letter-spacing:2px;color:#7489ae}.about-section .button{z-index:1;white-space:nowrap}.about-decoration{position:absolute;right:160px;top:-11px;font:170px var(--mono);color:#6480af06;pointer-events:none}.site-footer{margin-top:62px;padding-bottom:25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top{padding-bottom:29px;border-bottom:1px solid #1e242f}.footer-top .brand strong{font-size:16px}.footer-top .brand>span{font-size:10px;margin-left:7px}.footer-top>div{display:flex;gap:27px;color:#7184a4;font-size:10px}.footer-bottom{padding-top:20px;font-size:9px;color:#45546d}.footer-bottom>span:last-child{font:8px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:8px}.footer-symbol{font-size:16px;margin-left:20px;color:#4c5c77}.empty-state{grid-column:1/-1;text-align:center;padding:55px 20px;background:#151921;border:1px dashed #2c3544;border-radius:10px;color:#6c7fa1}.empty-state>span{font-size:35px;color:var(--accent)}.empty-state h3{font-size:17px;color:#ccd3e0}.empty-state p{font-size:12px;margin:9px 0 20px}.product-dialog{background:#171c24;color:var(--text);width:min(680px,calc(100% - 32px));max-height:85vh;padding:38px;border:1px solid #3b485f;border-radius:14px;box-shadow:0 30px 100px #0009}.product-dialog::backdrop{background:#090d14bf;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:17px;top:15px;font-size:25px}.icon-button{width:34px;height:34px;border:1px solid #2b3342;border-radius:5px;display:grid;place-items:center;background:#1a202b;color:#b0bbcd}.detail-category{margin-top:24px}.product-dialog h2{font-size:32px;margin-top:8px}.detail-subtitle{font-size:14px;color:#7f90ad;margin-top:4px}.detail-meta{display:flex;gap:10px;margin:20px 0;padding-bottom:22px;border-bottom:1px solid #242c39}.detail-meta span{font-size:10px;color:#99a8c1;border:1px solid #2c3646;background:#1e2736;padding:4px 9px;border-radius:4px}.detail-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;color:#a7b2c6}.detail-download{border-top:1px solid #242c39;padding-top:22px;margin-top:25px}.detail-download p{font-size:10px;color:#5d7091;margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#96b3e6;color:#192435;padding:13px 25px;border-radius:8px;z-index:100;box-shadow:0 10px 40px #0007;max-width:90%;text-align:center;font-size:13px}.toast.error{background:#f9c9b9;color:#5e2018}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#a4b0c5}.field input,.field textarea,.field select{width:100%;background:#13171f;border:1px solid #2b3443;border-radius:5px;padding:11px 12px;color:#dadfe8;outline:none;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#758cb4;box-shadow:0 0 0 3px #7fa3e10c}.field textarea{resize:vertical;line-height:1.7}.field small{color:#5b6e8e;font-size:10px}.form-error{color:#f4a790;font-size:12px;min-height:20px}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 45%,#1a273e3d,transparent 60%),linear-gradient(#101319,#10151d)}.login-box{width:min(420px,calc(100% - 40px));padding:36px;border:1px solid #2c3545;border-radius:15px;background:#151a22e6;box-shadow:0 24px 70px #0004}.login-box .brand{margin-bottom:32px}.login-box h1{font-size:27px;letter-spacing:-1px}.login-box>p{font-size:12px;color:#7587a7;margin-top:8px;margin-bottom:27px}.login-box form{display:flex;flex-direction:column;gap:18px}.login-box .button{width:100%;margin-top:3px}.login-back{display:block;text-align:center;color:#798ba9;font-size:11px;margin-top:24px}.login-note{font-size:10px;color:#50607d;margin-top:22px!important;margin-bottom:0!important;line-height:1.8}.admin-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;background:#141820;border-right:1px solid #252d3a;padding:30px 20px;display:flex;flex-direction:column}.admin-sidebar>.brand{padding:0 8px}.admin-sidebar .brand strong{font-size:18px}.workspace-label{font:9px var(--mono);letter-spacing:2px;color:#4d5d78;margin:30px 12px 15px}.admin-nav{display:flex;flex-direction:column;gap:7px}.admin-nav button{display:flex;align-items:center;gap:13px;text-align:left;background:none;padding:12px 14px;color:#7386a6;border-radius:6px;font-size:12px}.admin-nav button.selected{background:#1e2634;color:#b2c2df}.admin-nav button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none}.admin-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:20px;padding:20px 10px 0;color:#657a9d;font-size:11px}.admin-user{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #232b3a}.avatar{width:31px;height:31px;background:#283449;border:1px solid #394966;color:#aec0df;display:grid;place-items:center;border-radius:8px;font:12px var(--mono)}.admin-user div{flex:1}.admin-user strong{font-size:11px;font-weight:500;color:#bcc5d4}.admin-user small{display:block;font-size:9px}.logout-button{background:none;color:#798baa;font-size:20px}.admin-main{padding:0 40px 40px;max-width:1600px;width:100%;margin:auto}.admin-topbar{height:84px;border-bottom:1px solid #202837;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.admin-breadcrumb{font-size:11px;color:#586a8a}.admin-breadcrumb span{color:#b8c2d2;margin-left:10px}.admin-topbar>a{font-size:11px;color:#9aa8c0}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.admin-heading h1{font-size:26px;letter-spacing:-1px;font-weight:600}.admin-heading p{font-size:12px;color:#667b9e;margin-top:6px}.admin-heading .button{font-size:12px;padding:10px 17px;min-height:40px;gap:15px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:27px}.stat-card{padding:22px 25px;background:#161b25;border:1px solid #242d3d;border-radius:8px}.stat-card>span{color:#7b8dab;font-size:11px}.stat-card strong{font:30px var(--font);display:block;margin:8px 0;color:#dae1ed}.stat-card small{font-size:10px;color:#526381}.admin-panel{background:#161b23;border:1px solid #232c3b;border-radius:9px;overflow:hidden}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid #232c3b}.admin-toolbar .filter-tabs{border:0;background:none;padding:0}.admin-toolbar .filter-tab{padding:6px 12px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.admin-table th{font-size:10px;font-weight:400;color:#617597;background:#131820;padding:14px 20px;border-bottom:1px solid #202939}.admin-table td{padding:19px 20px;border-bottom:1px solid #1e2633;font-size:11px;color:#8192af}.admin-table tr:last-child td{border-bottom:0}.admin-product{display:flex;align-items:center;gap:12px}.admin-product .product-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0}.admin-product .product-icon svg{width:20px;height:20px}.admin-product strong{display:block;font-size:13px;color:#d0d7e4;font-weight:500;max-width:230px;overflow:hidden;text-overflow:ellipsis}.admin-product small{font-size:10px;color:#5d7091;display:block;margin-top:2px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.status-label{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:20px;font-size:9px;background:#1d283a;color:#a4b6d4}.status-label.draft{background:#342e1c;color:#c6b87c}.status-label i{display:inline-block;height:4px;width:4px;background:currentColor;border-radius:50%}.row-actions{display:flex;gap:14px}.row-actions button{padding:0;background:none;font-size:10px;color:#a4b4cf}.row-actions button.delete{color:#bd9178}.admin-empty{text-align:center;padding:55px!important;color:#62779a!important}.panel-footer{padding:14px 20px;border-top:1px solid #232c3b;font-size:10px;color:#596b8b}.admin-tip{padding:17px 0;color:#536583;font-size:10px}.editor-panel{padding:28px;max-width:1000px}.editor-form{display:grid;gap:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-section-label{font-size:14px;font-weight:500;color:#c5cfe0;padding-bottom:13px;border-bottom:1px solid #232c3b}.span-2{grid-column:1/-1}.checkbox-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#93a1ba}.checkbox-label input{accent-color:var(--accent);width:15px;height:15px}.form-actions{border-top:1px solid #232d3e;padding-top:22px;display:flex;gap:12px;align-items:center}.form-actions .button{font-size:12px;padding:10px 20px;min-height:40px}.form-actions>span{font-size:10px;color:#627699;margin-left:auto}.editor-back{background:none;color:#7889a8;font-size:12px;padding:0;margin-bottom:14px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px;align-items:start}.settings-layout .admin-panel{padding:25px}.settings-layout form{display:flex;flex-direction:column;gap:18px}.settings-layout h2{font-size:17px;margin:0 0 2px}.settings-layout p{font-size:11px;color:#607395;margin:0 0 4px}.settings-layout .button{font-size:12px;margin-top:7px}.confirm-dialog{width:min(430px,calc(100% - 32px));padding:28px;background:#161d2a;border:1px solid #3a4964;border-radius:12px;color:#d5dce9}.confirm-dialog::backdrop{background:#050b15b3;backdrop-filter:blur(4px)}.confirm-dialog h2{font-size:20px;margin:0}.confirm-dialog p{font-size:12px;color:#798ba9;margin:13px 0 24px}.confirm-dialog .form-actions{justify-content:flex-end}.button.danger{background:#a04633;color:#fff;border-color:#bd614d}.admin-loading{display:grid;place-items:center;min-height:100vh;color:#798baa;font:13px var(--font)}
@keyframes blink{to{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.hero{min-height:610px}.hero-visual{height:480px}.hero h1{font-size:61px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.desktop-nav{gap:23px}.brand-divider,.nav-inner>.brand>span:last-child{display:none}.hero{min-height:520px;gap:0}.hero h1{font-size:43px}.hero-description{font-size:12px;max-width:360px}.hero-visual{height:400px}.chip-outer{transform:rotate(-16deg) scale(.85)}.code-input{left:15px;top:65px;transform:rotate(-5deg) scale(.85);transform-origin:left top}.code-output{right:0;bottom:45px;transform:rotate(4deg) scale(.85);transform-origin:right bottom}.strip-end{display:none}.product-card{padding:21px 19px 0}.card-actions{margin:0 -19px;padding:14px 19px}.card-title h3{font-size:18px}.card-title{gap:7px}.feature-grid{gap:36px}.feature+.feature:before{left:-18px}.byte-visual{gap:7px}.byte-visual>span,.byte-visual>code{font-size:9px;padding:7px}.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-main{padding:0 25px 30px}.admin-sidebar{padding:25px 13px}.admin-table th,.admin-table td{padding:15px 12px}.settings-layout{grid-template-columns:1fr}.admin-heading h1{font-size:23px}.stat-card{padding:20px}.product-toolbar .filter-tab{padding:8px 12px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.nav-inner{height:70px;gap:15px}.desktop-nav{gap:20px;font-size:11px}.console-link{font-size:10px;padding:7px 10px;gap:10px}.hero{grid-template-columns:1fr 1fr;min-height:490px}.hero h1{font-size:35px;letter-spacing:-1px}.hero-description{font-size:11px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-visual{height:360px}.code-input{top:40px;left:3px}.code-output{bottom:25px;right:4px}.chip-outer{transform:rotate(-16deg) scale(.72)}.visual-top,.visual-bottom{font-size:6px;left:10px;right:10px}.hero-notes{gap:12px;font-size:8px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding:10px 13px;gap:12px;min-height:40px}.spec-inner{min-height:60px;font-size:10px}.strip-label{font-size:9px}.product-grid{gap:12px}.product-card{padding:18px 16px 0}.card-title{align-items:flex-start;gap:4px;flex-direction:column}.card-title h3{font-size:18px}.card-subtitle{font-size:10px}.card-actions{margin:0 -16px;padding:12px 16px}.card-actions .details-link{gap:7px;font-size:10px}.download-link{font-size:9px;padding:2px 7px;gap:5px}.feature-tags{gap:4px}.feature-tags span{font-size:8px;padding:3px 4px}.product-toolbar{gap:15px}.search-box{width:180px}.filter-tab{padding:8px 10px!important;font-size:10px}.section{padding-top:55px;padding-bottom:50px}h2{font-size:24px}.count-pill{font-size:9px;white-space:nowrap}.feature-grid{gap:26px}.feature+.feature:before{left:-13px}.feature h3{font-size:14px}.feature p{font-size:10px}.byte-visual{gap:5px;flex-wrap:wrap;align-content:center}.byte-visual>span,.byte-visual>code{font-size:8px}.bars-visual{gap:5px}.bars-visual>i{width:17px}.bars-visual>span{display:none}.terminal-visual{font-size:10px;gap:8px}.guide-section{gap:35px}.guide-intro h2{font-size:27px}.about-section{padding:28px}.about-section h2{font-size:23px}.admin-shell{grid-template-columns:165px minmax(0,1fr)}.admin-sidebar .brand strong{font-size:14px}.admin-sidebar .brand img{width:28px;height:28px}.admin-main{padding:0 20px 25px}.stat-card{padding:15px}.stat-card small{font-size:9px}.admin-heading{gap:15px}.admin-heading p{font-size:10px}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar .search-box{width:100%}.editor-panel{padding:20px}.form-grid{gap:16px}.admin-topbar{height:75px;margin-bottom:25px}}
@media(max-width:600px){.desktop-nav,.console-link{display:none}.nav-inner{height:65px}.nav-inner>.brand>span:last-child{display:inline;font-size:10px}.nav-inner .brand-divider{display:block;margin:0 1px}.nav-inner>.brand strong{font-size:18px}.mobile-menu{display:grid;margin-left:auto;font-size:16px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:10px 20px 20px;gap:8px;border-top:1px solid #202732}.mobile-nav a{padding:8px 0;color:#92a0b9;font-size:12px}.hero{display:flex;flex-direction:column;padding-top:40px;padding-bottom:20px;gap:12px;min-height:auto}.hero-copy{width:100%}.hero h1{font-size:44px;line-height:1.3;margin:21px 0 18px}.hero-description{font-size:12px;max-width:100%;line-height:1.9}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-actions{margin-top:25px}.hero-actions .button{font-size:12px;padding:11px 18px;min-height:44px;gap:20px}.hero-actions .secondary{gap:9px}.hero-notes{margin-top:21px;font-size:9px;gap:20px}.hero-visual{width:100%;height:340px;margin-top:0}.chip-outer{transform:rotate(-16deg) scale(.8)}.code-input{top:42px;left:10px;transform:rotate(-5deg) scale(.85)}.code-output{bottom:32px;right:8px;transform:rotate(4deg) scale(.85)}.visual-top,.visual-bottom{font-size:7px;left:15px;right:15px}.spec-inner{justify-content:space-between;gap:10px;min-height:58px;font-size:9px}.strip-label{display:none}.spec-inner b{margin-right:5px;font-size:8px}.section{padding-top:45px;padding-bottom:40px}.section-heading{gap:16px;align-items:flex-start;flex-direction:column}.section-heading h2{font-size:24px;margin-top:12px}.section-heading p{font-size:10px}.count-pill{font-size:8px;padding:4px 9px}.product-toolbar{flex-direction:column;align-items:stretch;margin-top:23px;gap:13px}.filter-tabs{justify-content:space-between;gap:1px}.product-toolbar .filter-tab{font-size:10px;padding:8px 11px!important;flex:1}.filter-tab span{font-size:8px;margin-left:2px}.search-box{width:100%}.product-grid{grid-template-columns:1fr;gap:17px}.product-card{padding:24px 24px 0}.card-top{margin-bottom:20px}.card-title{flex-direction:row;align-items:center;gap:10px}.card-title h3{font-size:23px}.card-title>span{font-size:9px}.card-subtitle{font-size:12px}.feature-tags{gap:8px;margin:18px 0}.feature-tags span{font-size:10px;padding:4px 7px}.card-platform{font-size:11px}.card-actions{margin:0 -24px;padding:15px 24px}.card-actions .details-link{font-size:12px;gap:20px}.download-link{font-size:11px;padding:4px 13px;gap:15px}.product-footnote{flex-direction:column;align-items:flex-start;gap:10px;font-size:8px;line-height:1.8}.technology-section{padding:42px 0}.section-side-copy{text-align:left;font-size:10px!important;margin-top:0!important}.feature-grid{grid-template-columns:1fr;gap:28px;margin-top:25px}.feature+.feature{border-top:1px solid #232a36;padding-top:24px}.feature+.feature:before{display:none}.mini-visual{height:65px;margin:5px 0 10px}.byte-visual>span,.byte-visual>code{font-size:12px;padding:10px}.byte-visual{gap:20px}.bars-visual{gap:8px}.bars-visual>i{width:27px}.bars-visual>span{display:inline;font-size:10px}.terminal-visual{font-size:14px;gap:13px}.feature h3{font-size:17px}.feature p{font-size:12px;max-width:100%}.guide-section{grid-template-columns:1fr;gap:32px}.guide-intro h2{font-size:30px}.guide-intro>p{font-size:12px}.steps article{gap:17px}.steps p{font-size:10px}.steps article>span{width:32px;height:32px;font-size:11px}.about-section{display:block;padding:29px 24px}.about-section h2{font-size:22px}.about-section p{font-size:10px;max-width:270px;line-height:1.9}.about-section .button{margin-top:24px;min-height:42px;font-size:12px}.about-decoration{right:0;top:50px;font-size:140px}.site-footer{margin-top:40px}.footer-top{align-items:flex-start;flex-direction:column;gap:23px}.footer-top>div{gap:22px;font-size:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;font-size:8px}.footer-bottom>span:last-child{font-size:7px}.product-dialog{padding:26px}.product-dialog h2{font-size:27px}.detail-description{font-size:12px}.detail-meta{flex-wrap:wrap}.admin-shell{display:block}.admin-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #212938;padding:16px 20px;flex-direction:row;align-items:center;gap:15px}.admin-sidebar>.brand{padding:0}.admin-sidebar .brand strong{font-size:14px}.admin-sidebar .brand img{width:26px;height:26px}.workspace-label,.admin-sidebar-bottom>a,.admin-user>div,.admin-user>.avatar{display:none}.admin-sidebar-bottom{padding:0;margin:0 0 0 auto}.admin-user{padding:0;border:0}.admin-nav{flex-direction:row;margin-left:auto;gap:2px}.admin-nav button{font-size:10px;gap:5px;padding:8px 10px}.admin-nav button svg{display:none}.admin-main{padding:0 18px 30px}.admin-topbar{height:55px;margin-bottom:22px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:24px}.admin-heading p{font-size:10px;max-width:210px}.admin-heading .button{font-size:10px;padding:8px 12px;gap:8px;white-space:nowrap}.stat-grid{gap:8px}.stat-card{padding:13px 11px}.stat-card>span{font-size:9px}.stat-card strong{font-size:25px}.stat-card small{font-size:8px}.admin-toolbar{padding:14px}.admin-toolbar .filter-tabs{justify-content:flex-start}.admin-table th,.admin-table td{padding:15px 12px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.editor-panel{padding:18px}.checkbox-row{gap:15px}.checkbox-label{font-size:11px}.form-actions{flex-wrap:wrap}.form-actions>span{width:100%;margin:0}.settings-layout .admin-panel{padding:20px}.admin-tip{font-size:9px}.login-box{padding:28px}.login-box .brand{gap:9px}.login-box .brand strong{font-size:18px}.login-box .brand>span{font-size:10px}}

/* Midnight blue / soft silver theme */
:root{--bg:#0d1526;--surface:#142037;--surface2:#1a2840;--line:#2c3b52;--text:#edf3ff;--muted:#a2b0c7;--accent:#98bbff;--accent-dim:#7899d0}
body{background:radial-gradient(ellipse 700px 480px at 82% 8%,#284b8622,transparent 75%),var(--bg)}
.topline{background:linear-gradient(90deg,#6c9bff,#a7c5ff 24%,#334a7033 75%,transparent)}
.site-header{background:#0d1526ed}.hero-visual{background:radial-gradient(ellipse at 53% 54%,#518bff20,transparent 65%)}
.hero h1 span{color:#a8c7ff}.hero-description{color:#a5b3c9}.hero-notes{color:#8b9db8}.desktop-nav{color:#a9b7cd}
.primary{background:#3268d8;color:#fff;border-color:#5487ed;box-shadow:0 5px 20px #174cb629}.primary:hover{background:#3b73e3}
.secondary{background:#17243a;border-color:#344760;color:#d6e2f5}.secondary:hover{background:#22334e}
.spec-strip{background:#111d30;border-color:#293b56}.spec-inner,.strip-label{color:#9badc6}.strip-end{color:#8499b6}
.product-card{background:linear-gradient(145deg,#19263d,#142035);border-color:#30425e;display:flex;flex-direction:column}.product-card.featured{background:radial-gradient(at 0 0,#6394ff16,transparent 70%),linear-gradient(145deg,#1d2d49,#152137);border-color:#5273a7}.product-card:hover{border-color:#769ad1;box-shadow:0 12px 35px #050b1840}
.card-title{flex-wrap:wrap}.card-title h3{overflow-wrap:anywhere}.card-subtitle{color:#a2b2cc}.card-platform{margin-top:auto;color:#a5b6d0}.product-price{font:600 13px var(--font);color:#a9c9ff;margin-top:13px}.feature-tags span{background:#22344f;color:#b2c8e9}.product-badge{color:#a9bddb;border-color:#3a5275}.product-badge.highlight{color:#bbd3ff;background:#3a609c26;border-color:#587db5}
.filter-tab{color:#a8b8d0}.filter-tab.selected{background:#294368;color:#d4e4ff}.search-box input::placeholder{color:#8b9db8}.section-heading p,.feature p,.steps p,.guide-intro>p{color:#9aacc7}.eyebrow.muted{color:#a0b4d1}.section-num{color:#7b91b0}h2>span{color:#9aaecb}
.technology-section{background:linear-gradient(110deg,#142239,#101b2e);border-color:#2b3c57}.about-section{background:radial-gradient(ellipse at 90% 30%,#5589e82b,transparent 65%),#182942;border-color:#3a5279}.about-section p{color:#a3b6d2}.about-section .eyebrow{color:#a4c5fa}
.code-output{min-width:173px}.code-output code{font-size:10px}.code-input code{font-size:10px;letter-spacing:1px}.code-float{border-color:#496590}.visual-top,.visual-bottom{color:#8da4c6}.feature-number{color:#8aa3c7}.product-footnote{color:#91a3bf;line-height:1.8}.footer-top>div{color:#a1b3ce}.footer-bottom{color:#8499b8}.card-actions{margin-top:auto}.feature-tags{margin-bottom:19px}
.product-dialog,.confirm-dialog{background:#152238;border-color:#50719f}.detail-description{color:#c1cfe4}.detail-subtitle{color:#a4b6d0}.detail-download p{color:#9baec9}
.admin-sidebar{background:#101c30}.admin-panel,.stat-card{background:#152239;border-color:#304666}.admin-main{background:#0e1829}.admin-nav button{color:#a0b4d2}.admin-nav button.selected{background:#294367;color:#d2e3ff}.admin-heading p,.settings-layout p{color:#a0b4d2}.field{color:#b9cce8}.field input,.field textarea,.field select{background:#101c2f;border-color:#3b5274;color:#e1edff}.field small,.admin-tip,.stat-card small,.panel-footer{color:#93a8c7}.admin-table td{color:#afc1dd}.admin-product small{color:#91a9cd}.admin-table th{color:#9fb4d2;background:#111e33}.login-page{background:radial-gradient(ellipse at 50% 45%,#355d9b30,transparent 65%),#0d1526}.login-box{background:#152137;border-color:#3b5277}.login-box>p{color:#9fb2ce}.login-note{color:#92a8c7!important}
@media(max-width:600px){.hero h1{font-size:clamp(31px,9vw,44px)}.product-toolbar .filter-tab{padding:8px 8px!important}.code-output{min-width:170px}.card-title h3{font-size:22px}}

/* White canvas, quiet blue accents, plain product actions. */
:root{color-scheme:light;--bg:#fff;--surface:#fff;--surface2:#f5f7fb;--line:#e2e8f0;--text:#17243a;--muted:#617087;--accent:#3168d6;--accent-dim:#527cb9}
body{background:#fff;color:var(--text)}
::selection{background:#d9e7ff;color:#183e78}
.topline{background:linear-gradient(90deg,#4278df,#b4cdfb 45%,#eff5ff)}
.site-header{background:#ffffffed;border-bottom:1px solid #e9edf4}
.brand>span,.desktop-nav{color:#65748b}.brand-divider{background:#d9e0eb}
.desktop-nav a.active,.desktop-nav a:hover{color:#2259ba}
.console-link{background:#fff;border-color:#dce4f0;color:#415575}
.console-link span,.hero-notes i{color:#376dce}
.hero{position:relative}.hero h1 span{color:#3268cd}.hero-description{color:#63738c}.hero-notes{color:#697a93}
.eyebrow,.eyebrow.muted{color:#55739f}.eyebrow-line{background:#cbdaef}.section-num{color:#8595ad}
.live-dot{background:#5884d0;box-shadow:none}.tiny-dot{background:#92a4bd}
.primary{background:#3268d8;color:#fff;border-color:#3268d8;box-shadow:0 4px 14px #346ed51a}.primary:hover{background:#285cc2}
.secondary{background:#fff;border-color:#dbe3ef;color:#405879;box-shadow:none}.secondary:hover{background:#f3f7fd}.secondary .play-icon{color:#5278b4}
.hero-visual{background:radial-gradient(ellipse at 52% 54%,#e3edff 0,transparent 67%)}
.visual-grid{background-image:linear-gradient(#6b96de0d 1px,transparent 1px),linear-gradient(90deg,#6b96de0d 1px,transparent 1px)}
.circuit-lines{color:#83a2d4;opacity:.55}.orbit{border-color:#8aabde25}.chip-halo{background:#7da9f32b}
.chip-outer{background:linear-gradient(145deg,#fff,#e4edfc);border-color:#a5bde5;box-shadow:0 0 0 7px #f8fbff,0 0 0 8px #c2d4ee,0 0 0 15px #f8fbff,0 0 0 16px #d9e4f5,12px 18px 35px #6e92cd26,inset 0 1px 1px #fff}
.chip-inner{background:linear-gradient(145deg,#fff,#edf3ff);border-color:#c1d3ef;box-shadow:inset 0 0 25px #95b9f70a}.chip-inner b{color:#23477e}.chip-inner>span{color:#6b83a9}
.code-float{background:linear-gradient(140deg,#fff,#f4f8ff);border-color:#d2def1;box-shadow:0 12px 35px #6381b119}.code-float>div{color:#6d83a5}.code-float code{color:#3b5b89}.code-float code span{color:#7890b1}.code-output code{color:#5c7498}.code-output em{color:#346ad1}
.visual-top,.visual-bottom{color:#8193ac}.visual-top:before,.visual-bottom:after{color:#a2b5d1}
.spec-strip{background:#f7f9fc;border-color:#e6ebf3}.spec-inner,.strip-label{color:#687992}.spec-inner b{color:#9aaac0}.strip-end{color:#8091ab}
h2>span{color:#6e819e}.section-heading p,.section-side-copy,.feature p,.steps p,.guide-intro>p{color:#697b96}
.count-pill{background:#f8faff;border-color:#dce6f5;color:#607899}
.filter-tabs{background:#f4f7fb;border-color:#e4eaf3}.filter-tab{color:#6a7d98}.filter-tab:hover{color:#285eae}.filter-tab.selected{background:#fff;color:#2c62c1;box-shadow:0 2px 7px #385b8b13}.filter-tab span{background:#edf3ff;color:#5479b5}
.search-box{background:#fff;border-color:#dfe6f0}.search-box svg{stroke:#8294af}.search-box input{color:#253d60}.search-box input::placeholder{color:#8796ac}.search-box kbd{border-color:#e0e7f1;color:#91a0b5}.search-box:focus-within{border-color:#8aafe8}
.product-grid{gap:22px}.product-card,.product-card.featured{background:#fff;border:1px solid #dfe7f2;border-radius:12px;box-shadow:0 3px 18px #284c7d05;padding-top:25px}.product-card.featured{border-color:#b1c9ef}.product-card.featured:before{background:linear-gradient(90deg,transparent,#86a9e6,transparent)}.product-card:hover{border-color:#a3bee7;box-shadow:0 12px 30px #42659b0e}
.card-top{justify-content:flex-start;margin-bottom:18px}.product-badge,.product-badge.highlight{background:#f2f6fd;color:#5b7cae;border:1px solid #e1e9f6}.card-title{gap:8px}.card-title h3{font-size:21px;font-weight:650}.product-title-link{color:#203857}.product-title-link:hover{color:#2b64ce;text-decoration:underline;text-underline-offset:4px}.card-title>span{background:#f7f9fc;color:#8a9bb2;border-color:#e3eaf3}.card-subtitle{color:#6c7f9b}.product-price{color:#2e65cb;font-size:15px;margin-top:16px}
.feature-tags span{background:#f5f7fb;color:#6e82a0}.card-platform{color:#7c8eaa}.demo-label{color:#91a0b6}.card-actions{border-top:1px solid #edf1f7;gap:12px;padding-top:17px;padding-bottom:17px;justify-content:stretch}
.product-action{display:flex;align-items:center;justify-content:center;flex:1;min-height:41px;min-width:0;padding:10px 18px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;transition:background .18s,border-color .18s}
.purchase-action{background:#3268d8;color:#fff;border-color:#3268d8}.purchase-action:hover:not(:disabled){background:#275bbf;border-color:#275bbf}.download-action{background:#fff;color:#3964a3;border-color:#cbd9ed}.download-action:hover:not(:disabled){background:#f2f6fd;border-color:#98b6e0}.product-action:disabled{background:#f5f7fa;color:#98a5b9;border-color:#e3e9f2;opacity:1;cursor:not-allowed}
.product-action-row{display:flex;gap:12px}.product-footnote{color:#8594aa}.product-footnote a{color:#6481ad}
.technology-section{background:#f8faff;border-color:#e8eef6}.feature-number{color:#7490b7}.feature h3{margin-top:23px}.feature+.feature:before{background:#e0e8f4}.feature p{max-width:320px}
.steps article{border-color:#e5ebf4}.steps article>span{background:#f6f9ff;border-color:#dce7f7;color:#6d8fbd}.text-link{color:#3b6ebc}
.about-section{background:linear-gradient(120deg,#f8fbff,#eff5ff);border-color:#dae6f7}.about-section h2{color:#274568}.about-section p{color:#7187a8}.about-section .eyebrow{color:#7594c0}.about-decoration{color:#477cc609}
.footer-top{border-color:#e6ecf5}.footer-top>div,.footer-top .brand>span{color:#7588a4}.footer-bottom{color:#8999b1}.footer-symbol{color:#8da6c8}
.empty-state{background:#f9fbff;border-color:#d5e2f4;color:#8196b6}.empty-state h3{color:#3b5e90}
.product-dialog,.confirm-dialog{background:#fff;color:#203857;border-color:#d4e0f1;box-shadow:0 30px 100px #243e6833}.product-dialog::backdrop,.confirm-dialog::backdrop{background:#324b6e55}.icon-button{background:#f6f8fc;border-color:#dce5f2;color:#6984ae}.detail-category{margin-top:0}.detail-description{color:#5b7090}.detail-subtitle{color:#7287a6}.detail-meta{border-color:#e2eaf4}.detail-meta span{background:#f4f8ff;border-color:#dfe9f7;color:#6383b1}.detail-download{border-color:#e2eaf4}.detail-download p{color:#8195b4}
.admin-sidebar{background:#f8faff;border-color:#e3eaf4}.admin-main{background:#fff}.admin-topbar{border-color:#e4ebf5}.admin-breadcrumb{color:#8a9ab1}.admin-breadcrumb span{color:#415e87}.admin-topbar>a{color:#6485b4}.workspace-label{color:#8ca0bd}.admin-nav button{color:#7086a6}.admin-nav button.selected{background:#eaf1fc;color:#3265b4}.admin-sidebar-bottom{color:#8398b7}.admin-user{border-color:#e1e9f5}.admin-user strong{color:#57749c}.avatar{background:#e6effd;color:#698ac0;border-color:#d8e4f8}.logout-button{color:#7893b9}
.admin-panel,.stat-card{background:#fff;border-color:#dfe7f2;box-shadow:0 3px 12px #284c7d04}.stat-card>span{color:#7a8eab}.stat-card strong{color:#2f527f}.stat-card small,.admin-heading p,.admin-tip,.panel-footer{color:#7c91b0}.admin-toolbar,.panel-footer{border-color:#e3eaf4}.admin-table th{background:#f8faff;color:#8197b6;border-color:#e3eaf4}.admin-table td{color:#7086a6;border-color:#e9eef6}.admin-product strong{color:#375780}.admin-product small{color:#8da0bc}.status-label{background:#e9f5f0;color:#368060}.status-label.draft{background:#fff5df;color:#9d7b29}.row-actions button{color:#4e7cbb}.row-actions button.delete{color:#b66e62}
.field{color:#567195}.field input,.field textarea,.field select{background:#fff;border-color:#d8e3f2;color:#2e4d77}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7ba5e2;box-shadow:0 0 0 3px #3268d80b}.field input::placeholder,.field textarea::placeholder{color:#9bacc4}.field small{color:#889dbb}.form-section-label{color:#3e618f;border-color:#e3ebf6}.checkbox-label{color:#6f87a9}.form-actions{border-color:#e1eaf5}.form-actions>span{color:#8ba0bf}.editor-back{color:#6f90bd}.settings-layout p{color:#7d93b3}
.login-page{background:radial-gradient(ellipse at 50% 45%,#e9f1ff,transparent 65%),#f9fbff}.login-box{background:#fff;border-color:#dce7f6;box-shadow:0 20px 60px #365b9210}.login-box>p{color:#8298b7}.login-note{color:#8ca0bd!important}.login-back{color:#6c8fbe}.form-error{color:#bf594b}.confirm-dialog p{color:#7189ab}.toast{background:#eaf2ff;color:#315d9c;border:1px solid #cbdcf5;box-shadow:0 8px 25px #365b9219}.toast.error{background:#fff0ec;color:#a64e3d;border-color:#f1d2c9}
@media(max-width:600px){.mobile-nav:not([hidden]){background:#fff;border-color:#e2eaf6}.mobile-nav a{color:#617da5}.feature+.feature{border-color:#e0e8f4}.product-action{min-height:43px}.card-title h3{font-size:22px}}

/* Allow the full XiaRen-Spoofer name in compact brand areas. */
.brand strong{letter-spacing:0}.hero h1{overflow-wrap:anywhere}.chip-inner b{font-size:12px;letter-spacing:0}.admin-sidebar>.brand{gap:8px;max-width:100%}.admin-sidebar .brand strong{font-size:15px}.login-box>.brand{flex-wrap:wrap;row-gap:8px}.login-box>.brand strong{font-size:19px}.login-box>.brand>span{width:100%;padding-left:44px}
@media(min-width:601px) and (max-width:1100px){.nav-inner{gap:18px}.desktop-nav{gap:18px}.nav-inner .brand strong{font-size:17px}.console-link{padding:7px 10px;gap:9px}.admin-sidebar>.brand img{display:none}.admin-sidebar .brand strong{font-size:15px}}
@media(max-width:600px){.nav-inner>.brand>span{display:none!important}.nav-inner>.brand strong{font-size:19px}.admin-sidebar{flex-wrap:wrap;gap:10px}.admin-sidebar>.brand img{display:none}.admin-sidebar .brand strong{font-size:14px}.admin-nav{margin-left:auto}.admin-sidebar-bottom{margin-left:0}.footer-top .brand{flex-wrap:wrap}}

/* Compact storefront: introduction, products and a quiet footer. */
.simple-site{background:#fff;min-height:100vh;display:flex;flex-direction:column}
.simple-site .container{width:min(1060px,calc(100% - 48px))}
.simple-header{border-bottom:1px solid #edf0f5;background:#fff}
.simple-nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.simple-nav .brand strong{font-size:18px;font-weight:650}.simple-site-name{font-size:12px;color:#8b96a8}
.simple-site main{flex:1}.simple-intro{padding:48px 0 35px;max-width:680px}
.simple-intro h1{font-size:34px;line-height:1.4;letter-spacing:-.7px;font-weight:650;overflow-wrap:anywhere}.simple-intro h1 span{font-size:27px;color:#53739d;font-weight:500}
.simple-intro p{margin-top:13px;color:#738095;font-size:13px;line-height:1.9;max-width:590px}
.simple-products{padding:4px 0 35px}.simple-products-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.simple-products-heading h2{margin:0;font-size:20px;letter-spacing:0;font-weight:600}.simple-products-heading>span{font-size:11px;color:#97a1b0}
.simple-site .product-toolbar{margin:20px 0;gap:15px}.simple-site .filter-tabs{padding:0;border:0;background:none;gap:5px}.simple-site .filter-tab{padding:7px 13px;font-size:12px;color:#7a879b;box-shadow:none}.simple-site .filter-tab.selected{background:#edf3fc;color:#426baf}.simple-site .filter-tab span{background:none;padding:0;margin-left:4px;font-size:10px}.simple-site .search-box{height:35px;width:210px;border-color:#e4e9f0;background:#fff}.simple-site .search-box input{font-size:12px}
.simple-site .product-grid{gap:16px}.simple-site .product-card{background:#fff;border:1px solid #e1e6ee;border-radius:8px;padding:23px 22px 18px;box-shadow:none;min-height:205px}.simple-site .product-card:hover{transform:none;border-color:#b8cce9;box-shadow:none}.simple-site .card-title h3{font-size:18px;font-weight:600;line-height:1.5}.simple-site .product-title-link{color:#2c405b}.simple-site .card-subtitle{margin-top:7px;font-size:12px;line-height:1.8;color:#8290a5}.simple-site .product-price{margin:15px 0 0;font-size:13px;font-weight:500;color:#5074a9}
.simple-site .card-actions{margin: auto 0 0;padding:22px 0 0;border:0;gap:10px}.simple-site .product-action{min-height:36px;padding:8px 12px;border-radius:5px;font-size:12px;font-weight:500}.simple-site .purchase-action{background:#3e6fcc;border-color:#3e6fcc}.simple-site .purchase-action:hover:not(:disabled){background:#315eb5}.simple-site .product-action:disabled{background:#f5f7fa;border-color:#e4e9f1;color:#9ca9bc}
.simple-hint{font-size:11px;color:#95a1b3;margin-top:18px}.simple-footer{padding:23px 0 25px;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#99a3b2}.simple-footer>div{display:flex;gap:20px}.simple-footer a:hover{color:#3e6fcc}
@media(max-width:800px){.simple-site .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-site .card-title{flex-direction:row}.simple-site .product-card{padding:21px 20px 17px}.simple-site .product-toolbar{align-items:center}}
@media(max-width:600px){.simple-site .container{width:calc(100% - 36px)}.simple-nav{height:64px}.simple-nav .brand strong{font-size:17px}.simple-site-name{font-size:10px}.simple-intro{padding:34px 0 28px}.simple-intro h1{font-size:29px}.simple-intro h1 span{font-size:23px}.simple-intro p{font-size:12px}.simple-site .product-toolbar{align-items:stretch;gap:13px}.simple-site .filter-tabs{justify-content:flex-start;gap:2px}.simple-site .filter-tab{flex:0 1 auto;padding:7px 10px!important;font-size:11px}.simple-site .search-box{width:100%}.simple-site .product-grid{grid-template-columns:1fr;gap:13px}.simple-site .product-card{min-height:185px}.simple-site .card-title h3{font-size:18px}.simple-site .product-action{min-height:39px}.simple-footer{font-size:10px;padding:20px 0}}

/* Image-led product grid, following the supplied storefront reference. */
.simple-site{background:#f5f7fb}.simple-site .container{width:min(1200px,calc(100% - 48px))}.simple-site .simple-header{background:#fff}.simple-intro{padding:31px 0 27px;max-width:100%}.simple-intro h1{font-size:27px;line-height:1.35}.simple-intro h1 br{display:none}.simple-intro h1 span{font-size:19px;margin-left:16px;color:#8995a7}.simple-intro p{font-size:12px;margin-top:8px}.simple-products{padding:24px;background:#fff;border-radius:14px;margin-bottom:26px;box-shadow:0 3px 24px #30497104}.simple-products-heading h2{font-size:19px;display:flex;align-items:center;gap:10px}.simple-products-heading h2:before{content:"";width:3px;height:19px;background:#5483ef;border-radius:2px}.simple-site .product-toolbar{margin:18px 0 22px}.simple-site .search-box{background:#f3f5f8;border-color:transparent;border-radius:12px;width:230px}.simple-site .filter-tab{font-size:11px}.simple-site .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}
.simple-site .product-card{padding:0;min-height:0;border:1px solid #f1f3f7;background:#f6f8fb;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.simple-site .product-card:hover{border-color:#d7e3f6;box-shadow:0 5px 16px #355b9210}.product-cover{display:grid;place-items:center;aspect-ratio:7/4;width:100%;background:#f3f3f4;overflow:hidden;flex-shrink:0}.product-cover img{width:100%;height:100%;object-fit:cover;display:block}.image-placeholder{color:#9b9fa7;font-size:12px;font-weight:400}.product-card-body{padding:17px 16px 16px;display:flex;flex-direction:column;flex:1;min-width:0}.simple-site .card-title h3{font-size:13px;line-height:1.65;font-weight:500;letter-spacing:0}.simple-site .product-title-link{color:#172a43}.simple-site .card-subtitle{font-size:10px;line-height:1.7;margin-top:5px;color:#8d99ab;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.simple-site .product-price{font-size:17px;color:#172b46;font-weight:650;margin-top:14px;line-height:1.4}.product-labels{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;margin-bottom:5px}.product-labels:empty{display:none}.product-labels span{font-size:9px;line-height:1.5;color:#648b91;background:#e9f5f3;border-radius:20px;padding:3px 8px}.product-labels span:nth-child(2){color:#8a8c5b;background:#f3f3e8}.simple-site .card-actions{padding:15px 0 0;margin-top:auto;gap:8px}.simple-site .product-action{min-height:33px;padding:7px 10px;font-size:11px}.simple-hint{font-size:10px;margin-top:20px}.simple-footer{border-top:0;padding-top:0}
.detail-image{display:grid;place-items:center;background:#f2f4f8;border:1px solid #edf0f5;border-radius:8px;overflow:hidden;aspect-ratio:7/4;margin:7px 0 25px}.detail-image img{width:100%;height:100%;object-fit:contain}.product-dialog:has(.detail-image) .dialog-close{background:#fff;z-index:1;box-shadow:0 2px 8px #0000000a}
.image-editor{display:flex;align-items:center;gap:24px;padding:18px;background:#f8faff;border:1px solid #e0e8f3;border-radius:9px}.image-editor-preview{width:240px;aspect-ratio:7/4;flex-shrink:0;background:#f0f2f6;border:1px solid #e5eaf2;border-radius:7px;display:grid;place-items:center;overflow:hidden;color:#93a2b8;font-size:12px}.image-editor-preview img{width:100%;height:100%;object-fit:contain}.image-editor-controls{display:flex;flex-direction:column;gap:8px;min-width:0}.image-editor-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:4px}.image-editor-buttons .button{font-size:12px;padding:8px 16px;min-height:36px}.image-remove{background:none;color:#a66c61;font-size:11px;padding:6px 0}.image-upload-status{font-size:11px;color:#6480ad}.admin-product-thumb{width:52px;height:36px;object-fit:cover;border-radius:5px;background:#eef1f5;flex-shrink:0}
@media(max-width:1000px){.simple-site .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-editor{align-items:flex-start;gap:18px}.image-editor-preview{width:190px}}
@media(max-width:760px){.simple-site .container{width:calc(100% - 32px)}.simple-products{padding:18px}.simple-site .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.simple-intro h1 br{display:block}.simple-intro h1 span{margin-left:0;font-size:20px}.image-editor{flex-direction:column}.image-editor-preview{width:100%;max-width:350px}}
@media(max-width:600px){.simple-site .product-toolbar{gap:12px}.simple-site .search-box{width:100%}.simple-site .filter-tabs{flex-wrap:wrap;row-gap:6px}.simple-site .filter-tab{padding:6px 8px!important;font-size:10px}.simple-site .card-title h3{font-size:13px}.product-card-body{padding:13px 11px}.simple-site .card-subtitle{font-size:10px}.simple-site .product-price{font-size:16px}.simple-site .product-action{min-height:34px;font-size:11px;padding:7px 8px}.product-labels{gap:4px}.product-labels span{padding:3px 6px;font-size:8px}.simple-products-heading h2{font-size:17px}.simple-products{padding:15px;border-radius:10px}.simple-intro{padding:25px 0 21px}}
@media(max-width:360px){.simple-site .product-grid{grid-template-columns:1fr}.simple-site .filter-tab{font-size:9px}.simple-nav .brand strong{font-size:15px}.simple-site-name{font-size:9px}}