:root { color-scheme: dark; --bg:#090a0c; --panel:#121419; --line:#2b2f38; --text:#f5f7fa; --muted:#a3aab7; --lime:#c9ff43; --blue:#83a7ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 85% -5%,#20264a 0,transparent 34rem),var(--bg); color:var(--text); font:16px/1.6 ui-sans-serif,system-ui,sans-serif; }
main { width:min(1120px,calc(100% - 36px)); margin:auto; }
nav { display:flex; gap:22px; padding:28px 0; border-bottom:1px solid var(--line); }
a { color:var(--blue); }
nav a { color:var(--muted); text-decoration:none; font-size:14px; }
.hero { padding:88px 0 84px; }
.eyebrow { margin:0; color:var(--lime); text-transform:uppercase; letter-spacing:.15em; font:700 12px/1.4 ui-monospace,monospace; }
h1 { max-width:950px; margin:18px 0 24px; font-size:clamp(52px,8vw,98px); line-height:.95; letter-spacing:-.065em; }
h1 em { color:var(--muted); font-style:normal; }
h2 { margin:12px 0 26px; font-size:clamp(32px,5vw,55px); line-height:1.05; letter-spacing:-.045em; }
h3 { margin:8px 0; font-size:21px; }
.lede { max-width:760px; color:#c0c5cf; font-size:20px; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:34px; color:var(--muted); }
.primary { display:inline-flex; min-height:50px; align-items:center; padding:0 20px; border-radius:11px; background:var(--lime); color:#10120c; text-decoration:none; font-weight:800; }
section { padding:70px 0; }
.tool-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tool-grid article,.recommendation,.boundary { padding:24px; border:1px solid var(--line); border-radius:16px; background:rgba(18,20,25,.88); }
.tool-grid article span { color:var(--blue); font:13px ui-monospace,monospace; }
.tool-grid p,.muted { color:var(--muted); }
.chooser { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.choices { display:flex; flex-wrap:wrap; gap:10px; }
button { padding:11px 14px; border:1px solid #3a404b; border-radius:99px; background:#14171c; color:var(--text); font:inherit; cursor:pointer; }
button:hover,button:focus-visible { border-color:var(--lime); outline:none; }
.recommendation { margin-top:18px; }
.recommendation h3 { font-size:28px; }
.boundary { margin:70px 0; }
.boundary ul { padding-left:22px; }
footer { display:flex; justify-content:space-between; gap:18px; padding:30px 0 60px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:780px) { .tool-grid { grid-template-columns:1fr 1fr; } .hero { padding-top:60px; } }
@media (max-width:540px) { nav { flex-wrap:wrap; } .tool-grid { grid-template-columns:1fr; } footer { flex-direction:column; } }