:root{--ink:#0c1930;--muted:#65728a;--line:#dfe6ef;--soft:#f4f7fa;--white:#fff;--navy:#071a31;--blue:#2369ff;--cyan:#20d5bd;--green:#16a87a;--yellow:#d89b19;--red:#dc5867;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfcfe;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(12,25,48,.08);background:rgba(251,252,254,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(140deg,var(--blue),#12bfae);font-size:12px;letter-spacing:.04em}.nav nav{display:flex;gap:26px;font-size:14px;color:#43516a}.nav nav a:hover{color:var(--blue)}.nav-cta{padding:8px 15px;border:1px solid #cbd8ed;border-radius:9px;font-size:13px;font-weight:700}.section{max-width:1180px;margin:auto;padding:110px 24px}.compact{padding-top:0;padding-bottom:70px}.hero{min-height:700px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;padding-top:95px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2369ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status-dot,.pulse{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(32,213,189,.13)}h1{font-size:60px;line-height:1.12;letter-spacing:-.045em;margin:24px 0}h1 em{font-style:normal;color:var(--blue)}.hero-text{font-size:19px;color:#536079;max-width:620px}.hero-actions{display:flex;gap:12px;margin:32px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:10px;border:0;cursor:pointer;font-weight:750}.primary{background:var(--blue);color:#fff;box-shadow:0 9px 24px rgba(35,105,255,.23)}.primary:hover{background:#1557df}.secondary{border:1px solid #cbd6e6;background:white}.trust-row{display:flex;gap:20px;color:#748096;font-size:12px}.hero-console{background:var(--navy);color:#dcecff;border-radius:20px;box-shadow:0 30px 70px rgba(7,26,49,.24);overflow:hidden;transform:perspective(1000px) rotateY(-2deg)}.console-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px;color:#8297af}.console-top i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#29415c;margin-right:5px}.console-top b{color:var(--cyan);font-size:9px;letter-spacing:.12em}.console-body{padding:25px}.console-body>p{font-size:13px}.console-body .muted{color:#657d98;font-size:11px}.prompt{color:var(--cyan)}.console-line{display:grid;grid-template-columns:32px 1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.console-line span{color:#54708c}.console-line b{font-size:10px;color:var(--cyan)}.console-result{margin-top:18px;padding:18px;border:1px solid rgba(32,213,189,.24);background:rgba(32,213,189,.06);border-radius:12px;display:grid;grid-template-columns:1fr auto;align-items:end}.console-result span{font-size:10px;color:var(--cyan);letter-spacing:.1em}.console-result strong{font-size:26px}.console-result small{color:#91a5ba}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{padding:27px;text-align:center;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong{display:block;font-size:25px}.metrics span{font-size:12px;color:var(--muted)}.section-heading{max-width:720px;margin-bottom:45px}.section-heading>span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.17em}.section-heading h2{font-size:39px;line-height:1.2;letter-spacing:-.03em;margin:12px 0}.section-heading p{color:var(--muted);font-size:16px}.comparison{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center}.compare-card{padding:35px;border:1px solid var(--line);border-radius:var(--radius);background:white}.compare-card.after{border-color:#95ddd0;box-shadow:0 18px 45px rgba(22,168,122,.09)}.card-label{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.1em}.compare-card h3{font-size:24px}.compare-card ul,.boundaries ul{list-style:none;padding:0}.compare-card li,.boundaries li{padding:9px 0;border-bottom:1px solid #edf1f5;color:#536079}.compare-card li:before{content:"—";margin-right:10px;color:#a1adbd}.after li:before{content:"✓";color:var(--green)}.compare-card small{color:#8a95a7}.transform-arrow{text-align:center;color:var(--blue);font-size:25px}.demo-section,.evidence-section{max-width:none;background:var(--navy);color:white}.demo-section>* ,.evidence-section>*{max-width:1132px;margin-left:auto;margin-right:auto}.section-heading.light p{color:#91a5ba}.section-heading.light>span{color:var(--cyan)}.demo-shell{display:grid;grid-template-columns:260px 1fr;background:#0d2743;border:1px solid #20415f;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.2)}.demo-sidebar{padding:23px;border-right:1px solid #20415f}.demo-title{display:flex;align-items:center;gap:12px;font-weight:800;margin-bottom:20px}.case{width:100%;display:flex;gap:12px;text-align:left;color:#afbed0;background:transparent;border:1px solid transparent;border-radius:11px;padding:13px;cursor:pointer;margin-bottom:6px}.case b{color:#5d7690}.case span{display:flex;flex-direction:column}.case small{font-size:10px;color:#617994}.case.active{background:#153652;border-color:#2b506f;color:#fff}.case.active b{color:var(--cyan)}.isolation{display:flex;flex-direction:column;gap:8px;border-top:1px solid #20415f;margin-top:25px;padding-top:20px;font-size:11px;color:#7e93aa}.isolation strong{color:var(--cyan)}.demo-main{padding:26px}.demo-input,.processing,.result-card{border:1px solid #254967;background:#0b213a;border-radius:13px;padding:20px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;font-size:11px;color:#8da3ba;font-weight:800;letter-spacing:.08em}.panel-head b{color:#6e8ba8}.demo-input>p{font-size:15px;min-height:50px}.input-meta{display:flex;gap:9px;margin:15px 0}.input-meta span{padding:4px 9px;background:#143550;border-radius:6px;color:#8fa8c2;font-size:10px}.processing{min-height:140px}.process-step{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 0;color:#8096ad;font-size:12px}.process-step.done{color:#d8e8f5}.process-step b{color:var(--cyan)}.result-card{border-color:rgba(32,213,189,.45);background:rgba(32,213,189,.06)}.result-top{display:flex;justify-content:space-between;align-items:center}.result-top span,.result-grid span{font-size:10px;color:#86a1b9}.result-top h3{margin:3px 0}.result-top>strong{font-size:32px;color:var(--cyan)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.result-grid div{background:rgba(3,17,31,.35);padding:12px;border-radius:8px}.result-grid b{display:block;font-size:12px}.result-card>p{font-size:10px;color:#7891a8;margin-bottom:0}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow-item{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;position:relative}.flow-item>span{color:var(--blue);font-size:11px;font-weight:900}.flow-item h3{font-size:16px}.flow-item p{font-size:12px;color:var(--muted)}.standards{background:#f2f6fa;max-width:none}.standards>*{max-width:1132px;margin-left:auto;margin-right:auto}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle{background:white;border:1px solid #e0e8f1;border-radius:14px;padding:24px}.principle>span{font-size:11px;color:var(--blue);font-weight:900}.principle h3{margin-bottom:5px}.principle p{font-size:13px;color:var(--muted)}.boundaries{display:grid;grid-template-columns:1fr 1fr;gap:20px}.boundaries article{padding:30px;border-radius:16px}.can{background:#effbf7;border:1px solid #b8e8d9}.cannot{background:#fff5f6;border:1px solid #f0c9cf}.boundary-head{display:flex;align-items:center;gap:12px}.boundary-head span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:white}.can .boundary-head span{color:var(--green)}.cannot .boundary-head span{color:var(--red)}.evidence-summary{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #264965;border-radius:14px;overflow:hidden}.evidence-summary div{padding:20px;border-right:1px solid #264965}.evidence-summary span{display:block;font-size:10px;color:#738da5}.evidence-summary strong{font-size:14px}.success{color:var(--cyan)}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.evidence-placeholder{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #3a5a75;border-radius:14px;color:#7790a8}.evidence-placeholder h3{color:#d9e8f5;margin-bottom:0}.evidence-placeholder p{margin:3px}.evidence-placeholder code{font-size:10px}.placeholder-icon{font-size:30px;color:var(--cyan)}.final-cta{text-align:center}.final-cta h2{font-size:42px;line-height:1.2}.final-cta p{max-width:650px;margin:20px auto 28px;color:var(--muted)}footer{max-width:1180px;margin:auto;padding:35px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:45px}.hero-console{transform:none}.metrics{grid-template-columns:1fr 1fr}.comparison{grid-template-columns:1fr}.transform-arrow{transform:rotate(90deg);padding:10px}.demo-shell{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid #20415f}.workflow,.standards-grid{grid-template-columns:1fr 1fr}.evidence-summary{grid-template-columns:1fr 1fr}.evidence-grid,.boundaries{grid-template-columns:1fr}}@media(max-width:540px){.section{padding:75px 18px}.nav{padding:0 18px}.nav-cta{display:none}.hero{padding-top:45px}.hero h1{font-size:38px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap}.metrics{padding:0 18px}.metrics article{padding:20px 5px}.section-heading h2,.final-cta h2{font-size:30px}.workflow,.standards-grid,.result-grid{grid-template-columns:1fr}.demo-main{padding:15px}.evidence-summary{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:10px;text-align:center}}