:root{--bg:#f7fafc;--card:#fff;--ink:#10243e;--muted:#5d6b82;--line:#dbe3ef;--brand:#1d5fbf;--brand-soft:#e8f0ff;--brand-strong:#0f4c9d;--fresh:#0f766e;--gold:#b7791f;--good:#e8fff0;--bad:#fff1f1}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}.page-shell{min-height:100vh;padding:24px 14px 40px}.container{width:min(1180px,100%);margin:0 auto}.hero{gap:12px;margin-bottom:20px;display:grid}.badge{background:var(--brand-soft);color:var(--brand);border:1px solid #c9dafb;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-block}h1,h2,h3,p{margin:0}.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.05}.hero p{color:var(--muted);max-width:760px;line-height:1.6}.grid{gap:18px;display:grid}@media (min-width:920px){.grid{grid-template-columns:1.25fr .95fr;align-items:start}}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 10px 30px #10243e0d}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.label{color:var(--muted);font-size:14px}.eyebrow{color:var(--brand);text-transform:uppercase;font-size:12px;font-weight:700}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:13px}.pill-good{color:#1f7a3f;background:#eefbf2}.pill-bad{color:#b13a3a;background:#fff3f3}.prompt{font-size:24px;line-height:1.35}.muted{color:var(--muted)}.input{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:14px 16px}.input:focus,.btn:focus{outline-offset:2px;outline:3px solid #1d5fbf2e}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:12px 16px;font-weight:700}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.feedback{border-radius:16px;padding:14px;font-size:14px}.feedback.good{background:var(--good)}.feedback.bad{background:var(--bad)}.list{gap:10px;display:grid}.list-item{border:1px solid var(--line);border-radius:14px;padding:12px}.small{font-size:13px}.state{text-transform:capitalize;font-weight:700}.progress{background:#eef3fb;border-radius:999px;height:10px;overflow:hidden}.progress>span{background:linear-gradient(90deg,#2a6fd2,#6ba5ff);height:100%;display:block}.diagnostic-intro{border-bottom:1px solid #eef2f8;gap:6px;padding-bottom:4px}.question-shell{border:1px solid var(--line);background:#fbfdff;border-radius:8px;gap:14px;padding:16px;display:grid}.question-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.answer-shell{gap:10px}.input-answer{padding:16px 18px;font-size:18px}.answer-actions{justify-content:flex-start}.code{font-family:Courier New,Courier,monospace;font-size:13px}.mono{font-family:Courier New,Courier,monospace}.log-list{gap:12px;max-height:860px;padding-right:4px;display:grid;overflow:auto}.log-entry{border:1px solid var(--line);border-radius:16px;gap:10px;padding:14px;display:grid}.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:760px){.kv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mini-table{border:1px solid var(--line);border-radius:14px;gap:8px;padding:10px;display:grid}.mini-head,.mini-row{grid-template-columns:1.6fr 1.2fr .8fr .6fr;align-items:center;gap:8px;display:grid}.mini-head{color:var(--muted);font-size:12px;font-weight:700}.mini-row{border-top:1px solid #eef2f8;padding-top:8px;font-size:13px}.advanced-panel{gap:0}.advanced-panel>summary{cursor:pointer;font-weight:700;list-style:none}.advanced-panel>summary::-webkit-details-marker{display:none}.advanced-panel>summary:after{content:"+";float:right;color:var(--brand)}.advanced-panel[open]>summary:after{content:"-"}.advanced-panel-body{margin-top:14px}.checkbox-grid{gap:10px;display:grid}.check-item{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}@media (max-width:759px){.page-shell{padding:18px 12px 28px}.card{padding:16px}.prompt{font-size:21px}.btn{justify-content:center;width:100%}.answer-actions>.btn{width:100%}.question-shell{padding:14px}}.site-shell{background:radial-gradient(circle at 12% 8%,#0f766e24,#0000 30%),linear-gradient(#f4f8fb 0%,#fff 42%,#f6faf8 100%);min-height:100vh}.site-hero{width:min(1180px,100%);margin:0 auto;padding:28px 16px 48px}.site-nav{justify-content:space-between;align-items:center;gap:18px;margin-bottom:68px;display:flex}.site-mark{color:var(--ink);letter-spacing:0;font-weight:800}.site-links{color:var(--muted);gap:18px;font-size:14px;display:flex}.site-links a,.back-link{text-decoration:none}.site-links a:hover,.back-link:hover{color:var(--brand)}.site-hero-grid{align-items:center;gap:32px;display:grid}@media (min-width:880px){.site-hero-grid{grid-template-columns:minmax(0,1fr) 390px}}.site-hero-copy{gap:20px;display:grid}.site-kicker{color:var(--fresh);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}.site-hero h1{letter-spacing:0;max-width:820px;font-size:clamp(38px,6vw,72px);line-height:.98}.site-hero p,.site-section p,.plain-page p{color:var(--muted);line-height:1.65}.site-hero-copy>p:not(.site-kicker){max-width:680px;font-size:18px}.site-actions{flex-wrap:wrap;gap:12px;display:flex}.site-button{background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-flex}.site-button:hover{background:var(--brand-strong)}.site-button.secondary{color:var(--ink);border-color:var(--line);background:#ffffffb8}.site-diagnostic-panel{background:#ffffffd1;border:1px solid #10243e1f;border-radius:8px;gap:16px;padding:22px;display:grid;box-shadow:0 18px 54px #10243e1a}.panel-line{border-bottom:1px solid #edf2f7;gap:4px;padding-bottom:14px;display:grid}.panel-line span{color:var(--muted);font-size:13px}.panel-line strong{font-size:18px}.panel-meter{background:#e7edf5;border-radius:999px;height:12px;overflow:hidden}.panel-meter span{background:linear-gradient(90deg, var(--fresh), var(--gold));width:78%;height:100%;display:block}.site-band{background:#ffffffb8;border-top:1px solid #e4ebf3;border-bottom:1px solid #e4ebf3}.site-section{width:min(1180px,100%);margin:0 auto;padding:54px 16px}.section-heading{gap:10px;max-width:740px;margin-bottom:24px;display:grid}.section-heading h2,.split-section h2,.plain-page h1{font-size:clamp(28px,4vw,46px);line-height:1.05}.feature-grid{gap:14px;display:grid}@media (min-width:760px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:18px;display:grid}.feature-card h3{font-size:20px}.split-section{gap:28px;display:grid}@media (min-width:860px){.split-section{grid-template-columns:.85fr 1fr;align-items:start}}.coverage-list,.timeline{gap:12px;display:grid}.coverage-list>div,.timeline>div{border-left:4px solid var(--fresh);background:#fff;border-radius:0 8px 8px 0;gap:6px;padding:16px 18px;display:grid}.coverage-list span{color:var(--muted);line-height:1.55}.timeline{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.timeline span{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:999px;place-items:center;font-weight:800;display:inline-grid}.plain-page{background:linear-gradient(#f4f8fb,#fff);min-height:100vh;padding:32px 16px}.plain-page-inner{gap:18px;width:min(760px,100%);margin:0 auto;display:grid}.back-link{color:var(--brand);font-weight:800}@media (max-width:759px){.site-nav{flex-direction:column;align-items:flex-start;margin-bottom:42px}.site-links{flex-wrap:wrap}.site-button{width:100%}}