:root{color-scheme:dark;--bg:#061423;--panel:#0d2135;--text:#edf6ff;--muted:#acc1d6;--line:#263e53;--accent:#48d8ed;--band:#091b2c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}body.light{color-scheme:light;--bg:#f5fafc;--panel:#fff;--text:#102839;--muted:#486074;--line:#c9dae4;--accent:#006e85;--band:#e9f3f7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button,select,input{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 13px}button:hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.brand{font-size:23px;font-weight:800;color:var(--text);letter-spacing:-.7px}.brand span{display:block;font-size:10px;letter-spacing:1.8px;color:var(--muted)}nav{display:flex;gap:25px}nav a{color:var(--text);font-size:14px}.hero{padding-top:78px;padding-bottom:66px;display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.eyebrow{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:2.3px}h1{font-size:clamp(40px,4.8vw,65px);line-height:1.1;letter-spacing:-2.5px;margin:22px 0}h1 em{font-style:normal;color:var(--accent)}.lead{max-width:640px;color:var(--muted);font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;background:var(--accent);color:#042332;border:1px solid var(--accent);border-radius:7px;padding:12px 18px;font-weight:700;font-size:14px}.light .button{color:white}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.micro{font-size:11px;color:var(--muted);margin-top:24px}.device{border:1px solid var(--line);border-radius:22px;padding:34px;background:radial-gradient(ellipse at top right,#11657855,transparent 75%),var(--panel);transform:rotate(-3deg);box-shadow:0 25px 70px #0003}.device-label{font-size:11px;letter-spacing:2px;margin-bottom:24px;color:var(--accent)}.layer{margin:6px 0;padding:10px 18px;border-radius:5px;font-size:12px;color:#052638;font-weight:650;border:1px solid #b4edfa60;box-shadow:7px 6px 0 #0002}.l1{background:#b9e9ed}.l2{background:#74c2db}.l3{background:linear-gradient(110deg,#28b9d3,#bb87e9);padding:26px 18px}.l4{background:#89a9e7}.l5{background:#b5c4d5}.device p{font-size:13px;margin-top:24px}.device span{color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:22px;padding-bottom:22px;gap:25px}.stats div{display:flex;align-items:center;gap:15px}.stats strong{font-size:30px;color:var(--accent)}.stats span{font-size:12px;color:var(--muted)}.section{padding-top:72px;padding-bottom:72px}h2{font-size:clamp(28px,3vw,39px);letter-spacing:-1px;line-height:1.2;margin:12px 0 20px}.intro{color:var(--muted);max-width:850px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:28px}label{font-size:12px;color:var(--muted)}input,select{display:block;width:100%;margin-top:7px;min-width:0;font-size:14px}.resultbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:var(--muted);font-size:13px}.resultbar button{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.guide,.resource{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:12px}.card{display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.tag{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent)}h3{font-size:20px;line-height:1.35;margin:12px 0}.card p,.guide p,.resource p{font-size:14px;color:var(--muted)}.meta{font-size:12px;color:var(--muted);margin-bottom:12px}.use{border-top:1px solid var(--line);padding-top:12px}.card a{font-size:13px;margin-top:auto;font-weight:700}.checked{font-size:10px;color:var(--muted);margin-top:12px}.band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.num{font-size:35px;color:var(--accent);font-weight:300}.guide b{font-size:12px;color:var(--accent)}details{margin-top:18px}summary{cursor:pointer;font-size:13px;font-weight:650}.textbutton{border:0;padding:0;color:var(--accent);background:none;font-size:13px;text-align:left}.resources{margin-top:28px}.resource a{font-size:13px}.callout{display:flex;gap:35px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:15px;padding:32px;background:var(--panel)}.callout div{max-width:750px}.callout .button{flex-shrink:0}.callout p{color:var(--muted)}.policy{border-top:1px solid var(--line);padding-top:24px;margin-top:30px;color:var(--muted);font-size:13px}footer{background:var(--band);border-top:1px solid var(--line);padding:35px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.foot a{margin-right:20px;font-size:12px}.foot p{font-size:11px;color:var(--muted)}.skip{position:absolute;left:10px;top:-70px;background:var(--panel);padding:10px;z-index:20}.skip:focus{top:10px}.empty{grid-column:1/-1;padding:30px;border:1px dashed var(--line);text-align:center}@media(max-width:950px){.hero{gap:30px}.head{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}nav{order:3;width:100%}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.callout{display:block}.device{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.device{transform:none}.grid{grid-template-columns:1fr}.section{padding-top:45px;padding-bottom:45px}nav{gap:18px;overflow:auto}nav a{font-size:12px;white-space:nowrap}.head>button{font-size:12px;padding:8px}h1{letter-spacing:-1.8px}.filters{padding:15px}.resultbar{align-items:start;gap:12px}.stats{gap:15px}.stats strong{font-size:25px}.stats span{font-size:11px}.callout{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}