:root{color-scheme:dark;--bg:#080b12;--panel:#101622;--panel-2:#151d2b;--line:#273247;--text:#f6f7fb;--muted:#aeb7c8;--cyan:#5ce1e6;--violet:#9b8cff;--green:#62dda0;--amber:#f6c565;--red:#ff7f8d;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 16% 3%,rgba(92,225,230,.09),transparent 26%),radial-gradient(circle at 92% 0,rgba(155,140,255,.1),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;color:#000;padding:.75rem 1rem;border-radius:.5rem;z-index:10}.skip-link:focus{top:1rem}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,11,18,.8);backdrop-filter:blur(14px)}.brand{color:var(--text);font-weight:760;text-decoration:none;letter-spacing:-.02em}.prototype{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:var(--cyan);border:1px solid rgba(92,225,230,.35);border-radius:99px;padding:.4rem .7rem}main{width:min(1220px,calc(100% - 2rem));margin:auto}.hero{padding:clamp(4rem,9vw,8.5rem) 0 3.5rem;max-width:1000px}.eyebrow,.step{color:var(--cyan);font-size:.74rem;font-weight:800;letter-spacing:.16em;margin:0 0 .75rem}h1{font-size:clamp(2.55rem,6.3vw,5.9rem);line-height:.98;letter-spacing:-.062em;margin:0;max-width:1050px;background:linear-gradient(110deg,#fff 35%,#bcc8de 75%,#7ee7e9);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:clamp(1.05rem,2vw,1.32rem);color:var(--muted);max-width:830px;margin:1.7rem 0}.trust-row{display:flex;flex-wrap:wrap;gap:.65rem}.trust-row span{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:99px;padding:.52rem .82rem;color:#dce3ef;font-size:.85rem}.lab-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr);gap:1.2rem;align-items:start}.panel{background:linear-gradient(150deg,rgba(21,29,43,.96),rgba(12,17,27,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.15rem,3vw,2.2rem)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}h2{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.12;letter-spacing:-.035em;margin:0}h3{font-size:.95rem;margin:1.5rem 0 .7rem}.privacy-note,.policy{font-size:.85rem;color:#d9c897;background:rgba(246,197,101,.07);border:1px solid rgba(246,197,101,.22);border-radius:12px;padding:.8rem .9rem}.controls>label{display:block;font-size:.91rem;font-weight:660;margin-top:1.15rem;color:#e9edf5}.field-row{display:grid;grid-template-columns:1fr 78px;gap:1rem;align-items:center;margin-top:.55rem}.field-row output{font-variant-numeric:tabular-nums;text-align:right;color:var(--cyan);font-weight:760}.field-row input{width:100%;accent-color:var(--cyan);min-height:28px}.checks{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.25rem 0}.checks label{display:flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:.7rem .85rem;border-radius:12px;min-height:48px}.checks input{width:20px;height:20px;accent-color:var(--cyan)}button{font:inherit;cursor:pointer}.primary-button{width:100%;border:0;border-radius:14px;background:linear-gradient(120deg,var(--cyan),#8af0c5);color:#061015;font-weight:850;padding:1rem;min-height:52px;box-shadow:0 10px 30px rgba(92,225,230,.13)}.primary-button:hover{filter:brightness(1.06)}.quiet-button{border:1px solid var(--line);background:transparent;color:#d8dfeb;border-radius:10px;padding:.6rem .72rem;min-height:44px}.primary-button:focus-visible,.quiet-button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.result{position:sticky;top:1rem}.result-content{min-height:310px}.empty-state{min-height:280px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-mark{display:block;margin:auto auto 1rem;border:1px solid rgba(92,225,230,.3);color:var(--cyan);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-weight:850;font-size:.78rem;letter-spacing:.08em}.score{display:flex;align-items:baseline;gap:.5rem;padding-top:1rem}.score strong{font-size:clamp(4rem,9vw,7.5rem);line-height:.85;letter-spacing:-.08em}.score span{color:var(--muted)}.score-low strong{color:var(--green)}.score-review strong{color:var(--amber)}.score-high strong{color:var(--red)}.band-line{border-bottom:1px solid var(--line);padding-bottom:1.2rem;font-weight:800;letter-spacing:.04em}.drivers{list-style:none;padding:0;margin:0}.drivers li{display:flex;justify-content:space-between;gap:1rem;padding:.72rem 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--muted)}.drivers strong{color:var(--text);font-size:.82rem}.loading,.error-message{padding:1rem;border-radius:12px;background:rgba(255,255,255,.04)}.error-message{border:1px solid rgba(255,127,141,.35);color:#ffd7dc}.model-facts{border-top:1px solid var(--line);margin-top:1rem}.model-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.model-facts dl div{background:rgba(255,255,255,.03);border-radius:10px;padding:.7rem}.model-facts dt{font-size:.72rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.model-facts dd{margin:.25rem 0 0;font-size:.87rem;font-weight:760;overflow-wrap:anywhere}.boundary{margin:clamp(4rem,8vw,7rem) 0 3rem;padding:clamp(1.3rem,4vw,3rem);border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.025)}.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.boundary-grid p{margin:0;color:var(--muted)}.boundary-grid strong{display:block;color:var(--text);margin-bottom:.35rem}.text-link{color:var(--cyan);font-weight:700}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:1.5rem;font-size:.82rem}
@media(max-width:850px){.lab-grid{grid-template-columns:1fr}.result{position:static}.boundary-grid{grid-template-columns:1fr}.hero{padding-top:4rem}.panel-heading{display:block}.quiet-button{margin-top:1rem}}
@media(max-width:480px){main{width:min(100% - 1rem,1220px)}.topbar{padding:0 .8rem}.prototype{font-size:.64rem}.panel{border-radius:16px;padding:1rem}.field-row{grid-template-columns:1fr 64px}.model-facts dl{grid-template-columns:1fr}.score strong{font-size:4.8rem}.drivers li{display:block}.drivers strong{display:block;margin-top:.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
