:root{--ink:#14213d;--muted:#667085;--blue:#315efb;--blue2:#173cc8;--cyan:#38bdf8;--bg:#f5f8ff;--card:#fff;--line:#dce5f5;--green:#087a55;--amber:#a65d00;--shadow:0 18px 50px rgba(30,63,129,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7faff,#eef4ff);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}.topbar{height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,229,245,.8);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}.topbar nav{display:flex;gap:22px}.topbar nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}.topbar nav a:hover,footer a:hover{color:var(--blue)}main{max-width:1180px;margin:auto;min-height:calc(100vh - 150px);padding:42px 24px 80px}.view{display:none;animation:rise .35s ease}.view.active{display:block}.view.narrow{max-width:760px;margin:auto}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-view.active{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}.hero-copy{padding:48px 0}.eyebrow,.success-pill,.step-no{display:inline-block;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.04em;background:#eaf0ff;border-radius:99px;padding:7px 12px}.hero-copy h1{font-size:54px;line-height:1.16;letter-spacing:-.04em;margin:22px 0}.hero-copy h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:18px;line-height:1.8;color:var(--muted);max-width:650px}.primary,.outline,.ghost,.text-btn{border:0;border-radius:12px;padding:13px 22px;font-size:15px;font-weight:750;cursor:pointer;transition:.2s}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 10px 25px rgba(49,94,251,.24)}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(49,94,251,.32)}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.primary.big{padding:17px 28px;font-size:17px}.outline{color:var(--blue);background:#fff;border:1px solid var(--blue)}.ghost{color:var(--ink);background:#edf2fa}.text-btn{color:var(--muted);background:transparent}.block{display:block;width:100%;margin-top:12px}.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:var(--green);font-size:13px}.hero-card{height:400px;border-radius:32px;background:radial-gradient(circle at 25% 20%,#6dd5fa,transparent 30%),linear-gradient(145deg,#163aa2,#081a50);box-shadow:var(--shadow);position:relative;overflow:hidden}.server-art{position:absolute;inset:45px 55px 90px;display:grid;place-items:center}.rack{width:230px;padding:14px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(4,16,48,.65);box-shadow:0 30px 70px rgba(0,0,0,.3)}.rack i{display:block;height:43px;margin:8px;border-radius:8px;background:linear-gradient(90deg,#263e76,#17264d);position:relative}.rack i:after{content:"";position:absolute;right:14px;top:17px;width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:-18px 0 #38bdf8}.pulse{position:absolute;width:300px;height:300px;border:1px solid rgba(56,189,248,.25);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{50%{transform:scale(1.12);opacity:.4}}.mini-result{position:absolute;bottom:24px;left:24px;right:24px;background:rgba(255,255,255,.95);border-radius:16px;padding:18px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:10px;align-items:center;font-size:13px}.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article,.reason-grid article,.consult-card,.form-card,.consent-card,.success-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(30,63,129,.06)}.feature-grid b{font-size:16px}.feature-grid p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.step-head{text-align:center;margin:18px auto 32px}.step-head h2,.result-header h2{font-size:32px;margin:16px 0 8px}.step-head p,.result-header p{color:var(--muted);line-height:1.7}.consent-card label{display:flex;gap:10px;line-height:1.6;margin-bottom:20px}.consent-card input{width:20px;height:20px;margin-top:2px}.consent-card a{color:var(--blue)}.progress{height:5px;background:#e0e8f5;border-radius:9px;margin-bottom:32px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:9px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.scenario-card{background:#fff;border:2px solid transparent;border-radius:18px;padding:22px;text-align:left;cursor:pointer;box-shadow:0 8px 25px rgba(30,63,129,.06);transition:.2s}.scenario-card:hover{transform:translateY(-2px);border-color:#b9c9ff}.scenario-card.selected{border-color:var(--blue);background:#f6f8ff}.scenario-icon{font-size:28px}.scenario-card b{display:block;margin:12px 0 7px}.scenario-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.sticky-actions{display:flex;justify-content:space-between;gap:16px;margin-top:30px}.question-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px}.question-card h3{font-size:17px;margin:0 0 15px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:13px;cursor:pointer}.option:hover{border-color:#9bb1fa}.option:has(input:checked){border-color:var(--blue);background:#f0f4ff;color:var(--blue);font-weight:700}.option input{accent-color:var(--blue)}.result-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.report-meta{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 18px;min-width:220px}.report-meta span,.report-meta small{display:block;color:var(--muted);font-size:12px}.report-meta b{display:block;margin:4px 0}.alert{border-radius:14px;padding:16px;margin-bottom:20px;background:#fff8e8;color:#815000;border:1px solid #f5d58c}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;position:relative}.plan-card.recommended{border:2px solid var(--blue);box-shadow:var(--shadow);transform:translateY(-6px)}.recommend-tag{position:absolute;right:18px;top:-12px;background:var(--blue);color:#fff;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:800}.plan-card h3{font-size:21px;margin:5px 0}.product-name{color:var(--blue);font-weight:750}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.spec{background:#f5f8fd;border-radius:10px;padding:12px}.spec small{display:block;color:var(--muted);font-size:11px}.spec b{display:block;margin-top:3px}.price{font-size:26px;font-weight:850}.price small{font-size:13px;color:var(--muted);font-weight:400}.risk{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:13px;line-height:1.6}.reason-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:24px}.reason-grid h3{margin-top:0}.reason-grid li,.consult-card li{margin:10px 0;color:var(--muted);line-height:1.55}.disclaimer{text-align:center;color:var(--muted);font-size:12px;margin:26px}.center-actions{text-align:center;display:flex;justify-content:center;gap:10px}.form-card label{display:block;font-weight:700;margin-bottom:16px}.form-card label b{color:#e23b3b}.form-card input,.form-card select{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--line);border-radius:11px;font:inherit;background:#fff}.success-card{text-align:center;padding:50px}.success-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e6f8f1;color:var(--green);font-size:34px;font-weight:900}.history-list{display:grid;gap:12px}.history-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.history-item p{margin:5px 0 0;color:var(--muted);font-size:13px}.history-item b:last-child{color:var(--blue)}footer{max-width:1180px;margin:auto;padding:28px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#15213b;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.hero-view.active{grid-template-columns:1fr}.hero-copy{padding:20px 0}.hero-copy h1{font-size:42px}.hero-card{height:330px}.feature-grid{grid-template-columns:1fr 1fr}.scenario-grid,.plan-grid{grid-template-columns:1fr 1fr}.plan-card.recommended{transform:none}.reason-grid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{height:58px;padding:0 16px}.brand span:last-child{font-size:14px}.topbar nav{gap:12px}.topbar nav a{font-size:12px}main{padding:24px 16px 60px}.hero-view.active{gap:24px}.hero-copy h1{font-size:35px}.hero-copy>p{font-size:16px}.hero-card{height:280px}.server-art{inset:25px 25px 70px}.rack{width:190px}.mini-result{grid-template-columns:1fr 1fr;left:12px;right:12px;bottom:12px;padding:12px}.feature-grid,.scenario-grid,.plan-grid,.option-grid{grid-template-columns:1fr}.step-head h2,.result-header h2{font-size:25px}.result-header{display:block}.report-meta{margin-top:16px}.reason-grid{grid-template-columns:1fr}.trust-row{display:grid}.sticky-actions{position:sticky;bottom:8px;padding:10px;background:rgba(245,248,255,.9);backdrop-filter:blur(10px);z-index:5}footer{display:grid;gap:10px;text-align:center}}