:root{color-scheme:dark;--bg:#091423;--card:#101f31;--deep:#0d1a2a;--line:#294057;--muted:#9fb3c5;--text:#ebf5fe;--cyan:#66e2dc;--teal:#a8fff2;--green:#79e9bb;--amber:#ffcf85;--shadow:0 22px 64px rgba(0,0,0,.22)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse 85% 560px at 85% 0,rgba(38,120,152,.22),transparent),var(--bg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);line-height:1.6}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #76e7e0;outline-offset:3px}
.app-shell{width:min(1120px,calc(100% - 44px));margin:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25374a;padding:20px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{font-size:36px;color:var(--cyan);line-height:1}
.brand strong{font-size:17px;letter-spacing:.8px}
.brand-accent{color:var(--cyan)}
.brand small{display:block;color:#8aa3bc;font-size:9px;letter-spacing:2.7px}
.env-label{font-size:12px;color:#b5c8d8;border:1px solid #375366;background:#152b3a;padding:7px 13px;border-radius:60px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66e6be;box-shadow:0 0 12px #66e6be;vertical-align:middle;margin-right:4px}
.hero{padding:68px 0 58px;position:relative}
.eyebrow,.kicker{font-weight:750;letter-spacing:2px;font-size:11px;color:var(--cyan)}
.hero h1{font-size:clamp(36px,5.5vw,66px);letter-spacing:-2.5px;line-height:1.18;margin:16px 0 22px;font-weight:770}
.hero h1 span{color:var(--cyan)}
.hero p{color:#b2c8da;font-size:17px;max-width:610px;margin:0}
.trust-row{display:flex;flex-wrap:wrap;gap:21px;color:#b8d3d4;margin-top:25px;font-size:13px}
.workspace{background:linear-gradient(135deg,#14263a,#102033 55%,#111e30);border:1px solid #335067;border-radius:20px;padding:30px;box-shadow:var(--shadow)}
.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.workspace h2{font-size:29px;letter-spacing:-.7px;margin:5px 0 4px}
.workspace-head p,.pane-head p{color:#9fb6c9;font-size:13px;margin:0}
.pill{color:#a9e5e0;border:1px solid #2e6370;background:#123947;padding:7px 12px;font-size:10px;letter-spacing:1px;border-radius:30px;white-space:nowrap}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}
.tab{border:1px solid #345069;border-radius:13px;background:#0c1b2b;color:#bad0dc;text-align:left;padding:18px 21px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;transition:border-color .16s,background .16s}
.tab:hover{border-color:#69b1bf}
.tab.active{background:linear-gradient(110deg,#123e4c,#133242);border-color:#64d5cf;box-shadow:inset 0 0 0 1px #3fa5ab}
.tab-icon{grid-row:span 2;font-size:27px;color:var(--cyan)}
.tab strong{font-weight:710;font-size:15px;color:#e8f4fa}
.tab small{font-size:12px;color:#9cb4c4}
.pane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:14px 0 20px}
.pane-head h3{font-size:19px;margin:0 0 5px}
.link-button{border:none;background:none;color:#7fe3df;font-size:12px;white-space:nowrap;padding:5px 0}
.link-button:hover{text-decoration:underline}
.input-meta,.field-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.input-meta{color:#cee1ef;font-size:12px;margin:0 0 7px}
.input-meta span:last-child{color:#8fa8bc}
textarea{display:block;width:100%;border:1px solid #314d62;background:#0b1827;color:#cbe7f1;border-radius:10px;line-height:1.72;padding:15px;font:12.5px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;min-height:155px;overflow:auto}
textarea:focus{border-color:#66e2dc;outline:1px solid #66e2dc}
.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:24px}
.fields-grid label{display:flex;flex-direction:column;gap:5px;color:#bed3df;font-size:12px}
.fields-grid input{background:#0c1a2a;border:1px solid #304c62;border-radius:8px;color:#e4f5fa;padding:11px 13px;width:100%}
.field-footer{margin-top:10px;color:#8099ae;font-size:11px}
.field-footer>span{max-width:670px;text-align:right}
.upload{cursor:pointer;border:1px solid #3d6476;border-radius:8px;padding:8px 14px;color:#c0e4e6;white-space:nowrap;flex-shrink:0}
.upload:hover{border-color:#66e2dc}
.actions{border-top:1px solid #2a435a;display:flex;align-items:center;gap:20px;padding-top:24px;margin-top:26px}
.actions>span{font-size:12px;color:#8daabc}
.primary{border:0;border-radius:9px;background:linear-gradient(105deg,#63f0dc,#58cadb);color:#073442;padding:14px 27px;min-width:240px;font-size:15px;font-weight:770;box-shadow:0 8px 30px #39d7d728;display:flex;justify-content:space-between;gap:22px}
.primary:hover{filter:brightness(1.06)}
.primary:disabled{cursor:wait;opacity:.6}
.message{padding:13px 16px;margin-top:19px;border-radius:10px;background:#47311f;color:#ffdeb7;border:1px solid #9c633c;font-size:13px}
.results{border-top:1px solid #284458;padding-top:27px;margin-top:30px}
.results-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.results h3{font-size:23px;margin:4px 0}
.secondary{border:1px solid #4a8792;color:#b8f3ed;background:#133844;border-radius:9px;padding:9px 13px;font-size:12px}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.metric{background:#0c1a2a;border:1px solid #30485e;border-radius:11px;padding:18px 12px}
.metric strong{display:block;font-size:27px;font-variant-numeric:tabular-nums;letter-spacing:-.7px}
.metric small{font-size:11px;color:#9ab4c7}
.metric.warn strong{color:var(--amber)}.metric.good strong{color:var(--green)}
.finding-title{font-weight:720;font-size:14px;margin:25px 0 10px}
.finding-list{display:grid;gap:9px}
.finding{border:1px solid #29495c;background:#0e2534;border-radius:9px;padding:11px 14px;display:flex;gap:12px;align-items:flex-start;font-size:13px}
.finding .status-icon{color:var(--amber)}
.finding.good .status-icon{color:var(--green)}
.finding p{margin:3px 0 0;color:#9eb7c8;font-size:12px}
.disclaimer{font-size:11px;color:#8fabbc;border-left:2px solid #4c8e93;padding-left:12px;margin-top:22px}
.below-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0 56px}
.info-card{border:1px solid #294257;background:#0b1d2b;padding:25px;border-radius:14px}
.info-card h3{font-size:17px;margin:7px 0 9px}
.info-card p{margin:0;font-size:13px;color:#a6bdcd;line-height:1.9}
footer{border-top:1px solid #253a4b;padding:24px 0 38px;display:flex;justify-content:space-between;color:#708ca1;font-size:11px;gap:10px}
[hidden]{display:none!important}
@media(max-width:650px){
.app-shell{width:calc(100% - 28px)}.topbar{padding:14px 0}.env-label{font-size:10px;padding:6px 9px}
.hero{padding:43px 0 40px}.hero h1{letter-spacing:-1.4px}.hero p{font-size:14px}.trust-row{gap:9px 15px;font-size:11px;margin-top:20px}
.workspace{padding:18px 15px;border-radius:15px}.workspace-head{align-items:center}.workspace h2{font-size:23px}.pill{font-size:9px;padding:6px}
.tabs{gap:9px;margin:20px 0}.tab{padding:12px 10px;grid-template-columns:26px 1fr;column-gap:6px}.tab-icon{font-size:21px}.tab strong{font-size:12px}.tab small{font-size:10px}
.pane-head{gap:8px}.pane-head h3{font-size:17px}.pane-head p{font-size:11px}.link-button{font-size:11px}
.fields-grid{grid-template-columns:1fr}.input-meta{font-size:10px;align-items:start}
textarea{font-size:11px;padding:11px;min-height:190px}
.field-footer{align-items:start;flex-direction:column}.field-footer>span{text-align:left;font-size:10px}
.actions{flex-direction:column;align-items:stretch;gap:10px}.actions>span{text-align:center}.primary{width:100%}
.summary-grid{grid-template-columns:repeat(2,1fr)}.results-heading{align-items:flex-start}.secondary{max-width:150px}
.below-grid{grid-template-columns:1fr;margin-top:16px;gap:10px}.info-card{padding:20px}
footer{flex-direction:column;gap:2px}
}

.sample-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sample-actions button{background:transparent;font-size:11px}
.csv-caution{font-size:12px;color:#a8bed0;background:#0c1b2a;border:1px solid #29495a;border-radius:9px;padding:11px 14px;margin:16px 0 0}
.csv-caution code{color:#9febe3}
.csv-caution a{color:#8bebdf;text-decoration:underline}

.cex-local-label{cursor:pointer}
#panel-cex .csv-caution{margin-top:13px}
@media(max-width:600px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tab{padding:11px 6px;grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}.tab-icon{grid-row:auto;font-size:23px}.tab strong{font-size:11px}.tab small{font-size:9px}}

.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.compare-grid .sample-actions{margin-top:10px}
@media(max-width:650px){.compare-grid{grid-template-columns:1fr}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));}}

.lead-card{border:1px solid #335568;border-radius:19px;background:linear-gradient(135deg,#112b3c,#0d1e2d);padding:27px;margin:30px 0}
.lead-head h2{font-size:25px;letter-spacing:-.5px;margin:11px 0 8px}.lead-head p{color:#b5c9d7;font-size:14px;line-height:1.7}
.lead-form{display:grid;gap:15px;margin-top:19px}.lead-form label{display:grid;gap:7px;color:#d8e9ed;font-size:13px}
.lead-form input:not([type=checkbox]),.lead-form textarea{width:100%;min-height:43px;max-width:100%;padding:10px 13px;border-radius:10px;border:1px solid #39566b;background:#091826;color:#f1f7f9;font:inherit}
.lead-form textarea{min-height:105px;resize:vertical}.lead-form .lead-consent{display:flex;align-items:flex-start;gap:11px;line-height:1.7;color:#bed0d9}
.lead-consent input{margin-top:5px;flex:none;width:17px;height:17px}.lead-form a{color:#7de4d5;text-decoration:underline}
.lead-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.lead-actions span{color:#a5bcc9;font-size:12px}
.form-honeypot{position:absolute;left:-9999px;height:0;overflow:hidden}
#inquiry-status{white-space:pre-wrap;font-size:13px;color:#a7e8dc;min-height:20px;margin:0}
@media(max-width:600px){.lead-card{padding:19px}.lead-head h2{font-size:21px}}

.product-catalog{margin:24px 0 31px}
.catalog-intro h2{margin:9px 0 7px;font-size:27px}.catalog-intro p{color:#aec4d0;font-size:14px;margin-bottom:19px;line-height:1.65}
.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.product-tile{border:1px solid #2d5066;border-radius:15px;background:linear-gradient(145deg,#112d3e,#0d2030);padding:19px;display:flex;flex-direction:column;gap:9px;min-width:0}
.product-tile h3{font-size:18px;margin:0;color:#eff9fa}.product-tile p{margin:0;line-height:1.6;font-size:13px;color:#b4ccda}
.product-tile .scope{font-size:12px;color:#a4b4c0}
.product-tile button{margin-top:auto;align-self:flex-start;border:1px solid #62c5c6;border-radius:10px;background:#173c49;color:#e7fcf9;padding:9px 14px;cursor:pointer;font-size:13px}
.product-tile button:hover{background:#215363}
.lead-form select{width:100%;min-height:43px;padding:9px 13px;border-radius:10px;border:1px solid #39566b;background:#091826;color:#f1f7f9;font:inherit}
@media(max-width:650px){.product-list{grid-template-columns:1fr}.catalog-intro h2{font-size:23px}}