/* A crisp product surface: white canvas, clear blue actions, no editorial-paper tint. */
:root{--paper:#fff;--white:#fff;--ink:#111827;--muted:#626b7b;--line:#e2e7f0;--green:#2858d6;--orange:#2858d6;background:#fff}
html,body,.site-header,.proof-bar,.site-footer{background:#fff}
.site-header{border-bottom:1px solid var(--line)}
.hero{padding-top:74px}
.proof-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-bar b{color:var(--green)}
.proof-bar a{color:var(--green)}
.eyebrow{color:var(--green)}
.workspace{box-shadow:0 18px 48px rgba(26,45,88,.08)}
.explain{padding:96px 0 88px}
.explain-intro{max-width:820px}
.explain h2{font-size:clamp(2rem,3.8vw,3.25rem);letter-spacing:-.055em;line-height:1.06;margin-bottom:1.1rem}
.explain-intro>p:last-child{color:var(--muted);font-size:1.05rem;line-height:1.75;max-width:760px}
.explain code{background:#edf3ff;border:1px solid #d9e5ff;border-radius:5px;color:#1b429d;font-size:.9em;padding:.12em .3em}
.explain-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:38px}
.explain-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px 24px}
.explain-grid h3,.explain-boundary h3{font-size:1rem;letter-spacing:-.02em;margin-bottom:.65rem}
.explain-grid p,.explain-boundary p{color:var(--muted);font-size:.94rem;line-height:1.65;margin-bottom:0}
.explain-boundary{align-items:start;background:#f7f9ff;border:1px solid #dce5fb;border-radius:14px;display:grid;gap:28px;grid-template-columns:200px 1fr;margin-top:16px;padding:24px}
.explain-boundary h3{color:#1c408f;margin:0}
.snapshot{border-top:1px solid var(--line)}
@media (max-width:720px){.shell{width:min(100% - 28px,1200px)}.hero{padding:46px 0 38px}.explain{padding:64px 0}.explain-grid{grid-template-columns:1fr;margin-top:28px}.explain-grid article{padding:22px}.explain-boundary{display:block;margin-top:14px}.explain-boundary h3{margin-bottom:.65rem}.nav-shell{height:58px}nav{gap:.85rem}nav a{font-size:.75rem}}