:root{--ink:#17212f;--muted:#64748b;--line:#e6e9ee;--paper:#fff;--canvas:#f6f7f9;--navy:#132238;--blue:#246bfd;--cyan:#38bdf8;--green:#16a36a;--gold:#e2a33b;--rose:#d95757}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}.topbar{height:68px;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:900;font-size:17px}.brand small{display:block;font-size:8px;color:#78869b;font-weight:700;letter-spacing:1.25px}.brand-mark{background:var(--navy);color:#fff;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;font-weight:950;font-style:italic}.topbar nav{display:flex;gap:22px}.topbar nav a{font-size:13px;color:#59687c;text-decoration:none;font-weight:700}.topbar nav a:hover{color:var(--blue)}.status-pill{font-size:12px;color:#4d5b6e;background:#f0f4f8;padding:7px 10px;border-radius:999px;font-weight:700}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block;margin-right:5px}main{max-width:1160px;margin:0 auto;padding:50px 24px 70px}.hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;margin-bottom:25px}.eyebrow{font-size:10px;color:#7690ac;letter-spacing:1.5px;font-weight:850;margin:0 0 7px}.hero h1{font-size:clamp(42px,6vw,69px);letter-spacing:-3.4px;line-height:1.03;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy{max-width:600px;color:#59687a;font-size:16px;margin:0}.picker-card,.rule-card,.chart-card,.alert-form,.roadmap article{background:var(--paper);border:1px solid var(--line);border-radius:16px}.picker-card{padding:22px;box-shadow:0 14px 34px rgba(23,33,47,.07)}label{display:block;font-size:12px;color:#526174;font-weight:800;margin-bottom:8px}select,input{width:100%;background:#fff;border:1px solid #dce3ea;border-radius:9px;padding:11px 12px;color:var(--ink);font:inherit;font-size:14px;outline:none}select:focus,input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,107,253,.12)}.product-meta{min-height:44px;color:#607087;font-size:12px;padding:12px 0}.primary,.secondary{border:0;border-radius:9px;cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:11px 15px}.primary{color:#fff;background:var(--blue);width:100%;box-shadow:0 7px 15px rgba(36,107,253,.22)}.secondary{background:#edf3ff;color:#275cbd;width:100%;margin-top:10px}.notice{padding:12px 15px;border-left:3px solid var(--gold);color:#6c5b36;font-size:12px;background:#fffbf2;margin:25px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article{border-top:2px solid var(--navy);padding:18px 4px}.metric-grid span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric-grid b{display:block;font-size:27px;letter-spacing:-1px;margin:6px 0 1px}.metric-grid small{font-size:11px;color:#8090a5}.section-block{padding-top:64px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.section-heading h2{font-size:25px;letter-spacing:-.8px;margin:0}.legend{font-size:12px;color:#66758a;display:flex;gap:12px}.dot{width:8px;height:8px;background:#d5dce6;border-radius:50%;display:inline-block;margin-right:4px}.dot.lowest{background:var(--green)}.comparison-layout{display:grid;grid-template-columns:1fr 265px;gap:18px}.table-wrap{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{padding:14px 13px;text-align:left;border-bottom:1px solid #eef1f4;font-size:13px}th{color:#728095;background:#fafbfc;font-size:11px;letter-spacing:.3px}td strong{display:block;font-size:13px}tr:last-child td{border-bottom:0}.lowest-row{background:#f3fff9}.tag{font-size:10px;border-radius:999px;padding:4px 7px;font-weight:800;white-space:nowrap}.tag.new{color:#11764d;background:#e3f8ed}.tag.unopened{color:#8a5d16;background:#fff3db}.tag.matched{color:#1e5ec0;background:#e8f0ff}.tag.review{color:#9c4c4c;background:#ffebeb}.link-button{font-size:12px;color:#2863ca;background:none;border:0;padding:0;font-weight:800;cursor:pointer}.rule-card{padding:20px}.rule-card h3{font-size:17px;margin:0 0 9px}.rule-card ol{padding-left:18px;font-size:12px;color:#677488;margin:0}.rule-card li{margin:8px 0}.range-controls{display:flex;background:#edf0f4;border-radius:9px;padding:3px;gap:2px}.range-controls button{border:0;background:transparent;color:#708095;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.range-controls button.active{background:#fff;color:var(--navy);box-shadow:0 2px 6px rgba(13,28,44,.1)}.chart-card{padding:18px 18px 10px}.chart-summary{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;color:#68778b}.chart-summary strong{font-size:14px;color:var(--navy)}#priceChart{width:100%;height:auto;display:block}.axis{stroke:#e5eaf0;stroke-width:1}.axis-text{font-size:11px;fill:#8591a2}.line-new{fill:none;stroke:#246bfd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-used{fill:none;stroke:#e2a33b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 5}.point{fill:#fff;stroke:#246bfd;stroke-width:2}.alert-section{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}.alert-section h2{font-size:29px;margin:0 0 10px}.alert-section>div>p:not(.eyebrow){color:#637187;max-width:510px;font-size:14px}.alert-form{padding:22px}.alert-form label{margin-bottom:15px}.alert-form .primary{margin-top:5px}.active-alerts{margin-top:16px;display:grid;gap:8px}.active-alert{border-left:3px solid var(--green);background:#f3fbf7;padding:9px 11px;color:#427059;font-size:12px}.active-alert button{float:right;border:0;color:#8f5b5b;background:none;cursor:pointer}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roadmap article{padding:19px}.roadmap article>b{font-size:11px;color:var(--blue);letter-spacing:1px}.roadmap h3{font-size:15px;margin:16px 0 7px}.roadmap p{font-size:12px;color:#657388;margin:0}dialog{border:0;border-radius:17px;padding:22px;width:min(600px,calc(100% - 32px));box-shadow:0 24px 70px rgba(8,16,30,.3)}dialog::backdrop{background:rgba(13,25,42,.45)}.dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:14px}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{border:0;background:#eef1f5;border-radius:50%;height:29px;width:29px;font-size:20px;cursor:pointer}.match-content{padding-top:14px;font-size:13px;color:#56657a}.match-content div{padding:10px 0;border-bottom:1px solid #edf0f3}.match-content div:last-child{border-bottom:0}#toast{position:fixed;right:25px;bottom:25px;color:#fff;background:#15253b;border-radius:10px;padding:11px 14px;font-size:13px;opacity:0;transform:translateY(10px);transition:.22s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:840px){.topbar nav{display:none}.hero,.comparison-layout,.alert-section{grid-template-columns:1fr;gap:25px}.metric-grid,.roadmap-grid{grid-template-columns:1fr 1fr}.rule-card{display:none}}@media(max-width:520px){main{padding:35px 16px 55px}.hero h1{font-size:44px}.metric-grid,.roadmap-grid{grid-template-columns:1fr}.status-pill{display:none}.section-block{padding-top:45px}}
.catalog-actions{flex-wrap:wrap}.sort-controls{display:flex;align-items:center;gap:6px}.sort-controls label{margin:0;font-size:11px}.sort-controls select{width:auto;min-width:90px;padding:7px 8px;font-size:11px}.rich-card .model-info{min-width:0;overflow:hidden}.rich-card h3{overflow-wrap:anywhere;word-break:break-word}.rich-card .model-meta{max-width:100%;overflow:hidden}.rich-card .meta-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}.rich-card .card-reference{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:9px;border-top:1px solid #e6edf5}.rich-card .card-reference span{min-width:0}.rich-card .card-reference small{display:block;color:#7c8a9d;font-size:10px}.rich-card .card-reference b{display:block;color:#1f5ec0;font-size:12px}.rich-card .card-prices{min-width:0;overflow:hidden}.rich-card .card-prices span{min-width:0;white-space:normal}.rich-card .card-prices span b{white-space:normal;line-height:1.25}