:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#eef3f8;line-height:1.55}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff 0,#eef3f8 42%,#f8fafc 100%)}a{color:inherit}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:16px clamp(18px,5vw,72px);border-bottom:1px solid #dbe3ef;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:2}.brand{font-weight:850;text-decoration:none}.topbar nav{display:flex;gap:16px;font-size:14px}.topbar nav a{text-decoration:none;color:#526174}main{max-width:1180px;margin:0 auto;padding:32px clamp(18px,4vw,48px) 56px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:34px;align-items:center;padding:40px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:850;color:var(--secondary);margin:0 0 10px}h1{font-size:clamp(36px,6vw,76px);line-height:.96;margin:0;color:#0f172a;letter-spacing:0}h2{font-size:clamp(24px,3vw,38px);line-height:1.05;margin:0 0 16px;letter-spacing:0}.lede{font-size:20px;color:#475569;max-width:760px}.keyword-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.keyword-row span{border:1px solid #cbd5e1;border-radius:999px;background:#fff;padding:6px 10px;font-size:13px;color:#334155}.visual-card,.panel,.content-grid article,.faq{background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.08)}.visual-card{padding:18px;overflow:hidden}.visual-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;text-transform:uppercase;font-weight:850;color:#64748b}.visual-stage{position:relative;height:300px;margin:16px 0;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--secondary) 24%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,#ffffff),#eef6ff 48%,#fff7ed)}.orbital{position:absolute;border-radius:50%;border:1px solid rgba(15,23,42,.14);background:rgba(255,255,255,.64);box-shadow:inset 0 0 22px rgba(255,255,255,.9)}.orbital.one{width:170px;height:170px;right:-28px;top:22px}.orbital.two{width:110px;height:110px;left:24px;bottom:30px}.meter{position:absolute;left:28px;right:28px;bottom:28px;height:14px;border-radius:999px;background:rgba(15,23,42,.14);overflow:hidden}.meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--secondary))}.mini-window{position:absolute;left:34px;right:34px;top:56px;padding:16px;border-radius:8px;background:rgba(255,255,255,.88);border:1px solid rgba(148,163,184,.55);box-shadow:0 18px 28px rgba(15,23,42,.12)}.mini-window b{display:block;margin-bottom:12px;color:#0f172a}.mini-window em{display:block;font-style:normal;color:#475569;font-size:13px;margin-top:6px}.chip-stack{position:absolute;right:28px;bottom:60px;display:grid;gap:6px}.chip-stack span{display:block;width:62px;height:10px;border-radius:99px;background:rgba(15,23,42,.2)}.visual-card p{margin:0;color:#475569}.panel{padding:26px;margin:22px 0 24px}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:start}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.tool-grid label,.step-list label{display:flex;flex-direction:column;gap:6px;font-weight:750;color:#334155}.tool-grid label.wide{grid-column:1/-1}.step-list{display:grid;gap:10px}.step-list label{flex-direction:row;align-items:flex-start;padding:12px;border:1px solid #dbe3ef;border-radius:6px;background:#f8fafc}input,textarea,select{width:100%;border:1px solid #b8c4d4;border-radius:6px;padding:10px 11px;font:inherit;background:#fff;color:#0f172a}textarea{min-height:116px;resize:vertical}output{display:block;white-space:pre-wrap;margin-top:16px;border-left:5px solid var(--accent);background:#f1f5f9;border-radius:6px;padding:14px 16px;font-weight:850;color:#0f172a}.reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.reference-cards div{border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;padding:14px;cursor:pointer;min-height:120px}.reference-cards div.selected{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);background:#fff}.reference-cards strong{display:block;color:#0f172a;margin-bottom:6px}.reference-cards p{margin:0;color:#475569}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.content-grid article{padding:24px}.content-grid li{margin:0 0 10px;color:#334155}.content-grid p{color:#475569}.faq{margin-top:24px;padding:24px}.faq details{border-top:1px solid #dbe3ef;padding:14px 0}.faq details:first-of-type{border-top:0}.faq summary{font-weight:850;cursor:pointer}.faq p{color:#475569;margin:10px 0 0}footer{border-top:1px solid #dbe3ef;padding:22px clamp(18px,5vw,72px);color:#64748b;background:#fff}@media(max-width:800px){.topbar{align-items:flex-start;position:static}.topbar,.topbar nav{flex-direction:column}.hero,.content-grid{grid-template-columns:1fr}.tool-grid,.reference-cards{grid-template-columns:1fr}.visual-stage{height:240px}h1{font-size:40px}.lede{font-size:18px}}