:root{--bg: #f6f4ef;--bg-elev: #ffffff;--ink: #1a1f2c;--ink-soft: #4a5160;--muted: #6b7280;--line: #e4e0d6;--brand: #1f4b3a;--brand-hover: #16382c;--pass: #1f6b45;--pass-bg: #e8f5ee;--warn: #8a5a12;--warn-bg: #faf0db;--fail: #9b2c2c;--fail-bg: #f8e8e8;--radius: 12px;--shadow: 0 8px 28px rgba(26, 31, 44, .07);--font: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(900px 480px at 8% -8%,#e4ebe6 0%,transparent 58%),var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--brand-hover)}.wrap{width:min(1080px,calc(100% - 2rem));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;background:var(--brand);color:#fff;padding:.5rem 1rem;z-index:100}.skip:focus{left:1rem;top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 94%,white);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;gap:1rem}.logo{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.logo-mark{width:1.15rem;height:1.15rem;border-radius:4px;background:var(--brand)}.nav{display:flex;gap:1.1rem;font-size:.95rem}.nav a{color:var(--ink-soft);text-decoration:none}.nav a:hover{color:var(--ink)}.hero{padding:3.5rem 0 2.5rem}.hero-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:2.5rem;align-items:start}.eyebrow{margin:0 0 .75rem;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;letter-spacing:-.03em}.lede{margin:0 0 1.75rem;font-size:1.08rem;color:var(--ink-soft);max-width:38rem}.check-form{max-width:34rem}.input-row{display:flex;gap:.5rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;padding:.35rem;box-shadow:var(--shadow)}.input-row input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:.7rem 1rem;font:inherit;font-size:1rem;color:var(--ink)}.input-row input::placeholder{color:#9aa0ab}.btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:600;border-radius:999px;padding:.7rem 1.2rem;transition:background .15s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#f7faf8;white-space:nowrap}.btn-primary:hover{background:var(--brand-hover)}.form-hint{margin:.85rem 0 0;font-size:.9rem;color:var(--muted)}.form-status{margin:.75rem 0 0;font-size:.95rem;font-weight:500;color:var(--pass);min-height:1.4em}.form-status.is-error{color:var(--fail)}.hero-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:var(--shadow)}.preview-chip{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--warn);background:var(--warn-bg);padding:.25rem .55rem;border-radius:6px;margin-bottom:.9rem}.preview-domain{margin:0 0 1rem;font-size:1.05rem;font-weight:500}.preview-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.preview-list li{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.preview-foot{margin:1.1rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-soft)}.badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.22rem .5rem;border-radius:6px;white-space:nowrap}.badge-pass{background:var(--pass-bg);color:var(--pass)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-fail{background:var(--fail-bg);color:var(--fail)}.demo{padding:2.5rem 0 3rem}.section-head{margin-bottom:1.5rem}.section-head h2{margin:0 0 .5rem;letter-spacing:-.02em;font-size:1.65rem}.section-head>p{margin:0 0 1.1rem;color:var(--ink-soft);max-width:40rem}.demo-toggle{display:inline-flex;gap:.35rem;padding:.3rem;background:color-mix(in srgb,var(--bg-elev) 70%,var(--line));border:1px solid var(--line);border-radius:999px}.chip{appearance:none;border:0;background:transparent;font:inherit;font-weight:600;font-size:.92rem;padding:.45rem 1rem;border-radius:999px;color:var(--ink-soft);cursor:pointer}.chip.is-active{background:var(--bg-elev);color:var(--ink);box-shadow:0 1px 3px #00000014}.demo-panel[hidden]{display:none!important}.result-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.6rem;box-shadow:var(--shadow)}.result-card header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem}.result-card h3{margin:0;font-size:1.35rem;letter-spacing:-.02em}.result-pass{border-top:3px solid var(--pass)}.result-warn{border-top:3px solid var(--warn)}.result-fail{border-top:3px solid var(--fail)}.result-summary{margin:0 0 1.25rem;color:var(--ink-soft);max-width:46rem}.fix-block h4{margin:0 0 .5rem;font-size:.95rem}.fix-block pre{margin:0 0 1.25rem;padding:1rem 1.1rem;background:#12151c;color:#d7dde8;border-radius:10px;overflow-x:auto;font-size:.82rem;line-height:1.55}.checks{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.checks li{display:flex;align-items:flex-start;gap:.55rem;font-size:.95rem}.dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.dot.pass{background:var(--pass)}.dot.warn{background:var(--warn)}.dot.fail{background:var(--fail)}.why{padding:1rem 0 3rem}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem}.why h2{margin:0 0 .75rem;letter-spacing:-.02em}.why p{margin:0;color:var(--ink-soft)}.pillars{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.pillars li{padding-left:0;color:var(--ink-soft);font-size:.95rem}.pillars strong{display:block;color:var(--ink);margin-bottom:.15rem}.cta{padding:0 0 3rem}.cta-inner{text-align:center;padding:2.25rem 1.5rem;border-radius:var(--radius);background:linear-gradient(135deg,#1f4b3a,#2a6b52);color:#edf6f1}.cta h2{margin:0 0 .4rem;letter-spacing:-.02em}.cta p{margin:0 0 1.25rem;color:#c9ddd2}.cta .btn-primary{background:#f3faf6;color:#143528}.cta .btn-primary:hover{background:#fff}.privacy{padding:0 0 2.5rem}.privacy h2{margin:0 0 .75rem;font-size:1.2rem}.privacy ul{margin:0;padding-left:1.15rem;color:var(--ink-soft)}.privacy li{margin-bottom:.35rem}.site-footer{border-top:1px solid var(--line);padding:1.4rem 0 2rem}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1.5rem;font-size:.9rem;color:var(--ink-soft)}.footer-inner p{margin:0}.footer-nav{display:flex;flex-wrap:wrap;gap:.85rem 1.15rem}.footer-nav a{color:var(--ink-soft);text-decoration:none}.footer-nav a:hover{color:var(--ink)}@media (max-width: 820px){.hero-grid,.why-grid{grid-template-columns:1fr}.nav{gap:.75rem;font-size:.88rem}.hero{padding-top:2.25rem}}@media (max-width: 520px){.input-row{flex-direction:column;border-radius:16px;padding:.45rem}.btn-primary{width:100%}.nav a:nth-child(3){display:none}}.results{padding:0 0 3rem}.results[hidden],.results-loading[hidden],#results-body[hidden],#results-error[hidden],#nav-results[hidden]{display:none!important}.results-loading{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.4rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);box-shadow:var(--shadow)}.spinner{width:1.1rem;height:1.1rem;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary:disabled{opacity:.65;cursor:wait}.disclaimer{margin:1rem 0 0;font-size:.88rem;color:var(--muted);max-width:46rem}.share-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1rem}.btn-secondary{background:var(--bg-elev);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:#f0eee8}.check-detail{margin:.15rem 0 0;font-size:.88rem;color:var(--muted)}.tech-details .checks{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.tech-details .checks li{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.65rem;font-size:.95rem}.tech-details .checks li>.dot{margin-top:.45em}.tech-details .checks li>div{flex:1;min-width:0}.tech-details .checks .check-detail{display:block;margin:.3rem 0 0;padding:0}.record-list{margin:.75rem 0 0;padding:0;list-style:none;font-family:var(--mono);font-size:.78rem;color:var(--ink-soft);word-break:break-all}.error-banner{background:var(--fail-bg);color:var(--fail);border:1px solid color-mix(in srgb,var(--fail) 25%,var(--line));border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:1rem}.hero-card.is-live .preview-chip{color:var(--pass);background:var(--pass-bg)}.optional-note{margin:2rem 0 0;padding:1.25rem 1.4rem;background:var(--bg-elev);border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);font-size:.95rem}.optional-note h2{margin:0 0 .4rem;font-size:1.05rem;color:var(--ink)}.optional-note p{margin:0}.analogy-digest{margin:0 0 1.15rem}.analogy-digest-lead{margin:0 0 .65rem;font-size:.92rem;font-weight:600;color:var(--ink)}.analogy-cards{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}@media (min-width: 720px){.analogy-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}}.analogy-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.75rem .85rem;background:color-mix(in srgb,var(--bg) 55%,var(--bg-elev));border:1px solid var(--line);border-radius:10px;font-size:.92rem}.analogy-card strong{color:var(--ink);font-size:.95rem;line-height:1.25}.analogy-line,.preview-analogy{display:block;color:var(--ink-soft);font-size:.86rem;line-height:1.35}.analogy-card-pass{border-color:color-mix(in srgb,var(--pass) 28%,var(--line))}.analogy-card-warn{border-color:color-mix(in srgb,var(--warn) 28%,var(--line))}.analogy-card-fail{border-color:color-mix(in srgb,var(--fail) 28%,var(--line))}.analogy-cards-static{margin:0 0 1.25rem}.preview-list li{align-items:flex-start}.preview-check{display:flex;flex-direction:column;gap:.15rem;min-width:0}.preview-check strong{font-weight:600}.action-stack{display:grid;gap:.85rem;margin:0 0 1.15rem}.start-here{margin:0;padding:1.15rem 1.25rem 1.2rem;background:color-mix(in srgb,var(--brand) 8%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:12px}.start-here-also{background:var(--bg-elev);border-color:var(--line)}.start-here-also .start-here-label{color:var(--ink-soft)}.start-here-label{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand)}.start-here-title{margin:0;font-size:1.12rem;font-weight:650;letter-spacing:-.015em;line-height:1.35;color:var(--ink)}.start-here-also .start-here-title{font-size:1.05rem}.start-here-body{margin:.4rem 0 0;font-size:.92rem;line-height:1.45;color:var(--ink-soft)}.start-here-snippet{margin-top:.9rem}.start-here-snippet-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem;font-size:.82rem;font-weight:600;color:var(--ink-soft)}.btn-copy-snippet{appearance:none;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);font:inherit;font-size:.78rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;cursor:pointer}.btn-copy-snippet:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.start-here-snippet pre{margin:0;padding:.75rem .85rem;background:color-mix(in srgb,var(--bg) 85%,black);border:1px solid var(--line);border-radius:8px;font-size:.78rem;line-height:1.45;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.fix-guides-nested{margin:1rem 0 0;padding:.9rem 0 0;background:transparent;border:0;border-top:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));border-radius:0}.fix-guides-nested .guide-block{margin-top:.85rem;padding-top:.85rem}.fix-guides-nested .guide-block:first-of-type{margin-top:0;padding-top:0;border-top:0}.next-steps{margin:0 0 1.35rem;padding:1.1rem 1.2rem;background:color-mix(in srgb,var(--brand) 6%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:12px}.next-steps-short{padding:.95rem 1.1rem;background:var(--bg-elev);border:1px solid var(--line)}.next-steps h4{margin:0 0 .75rem;font-size:1rem;letter-spacing:-.01em}.next-steps-short h4{margin:0 0 .55rem;font-size:.92rem;color:var(--ink-soft);font-weight:650}.next-steps ol{margin:0;padding-left:1.2rem;display:grid;gap:.75rem}.next-steps-short ol{gap:.45rem;padding-left:1.15rem}.next-steps li{color:var(--ink-soft);font-size:.95rem}.next-steps-short li{font-size:.92rem}.next-steps li strong{display:block;color:var(--ink);margin-bottom:.15rem}.next-steps-short li strong{margin-bottom:.05rem;font-weight:600}.next-steps-short .step-body{display:block;font-size:.85rem;color:var(--muted)}.tech-details{margin-top:.5rem}.tech-details summary{cursor:pointer;font-weight:600;font-size:.92rem;color:var(--ink-soft);margin-bottom:.75rem}.tech-details[open] summary{color:var(--ink)}.ad-slot{padding:0 0 2.5rem}.ad-slot-inner{display:flex;align-items:center;gap:.75rem;min-height:4.5rem;padding:.9rem 1.1rem;border:1px dashed var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elev) 70%,transparent);color:var(--muted);font-size:.9rem}.ad-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:.15rem .4rem}.fix-guides{margin:0 0 1.35rem;padding:1.1rem 1.2rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px}.fix-guides>h4{margin:0 0 .35rem;font-size:1rem;letter-spacing:-.01em}.guide-topics{margin:0 0 1rem;color:var(--ink-soft);font-size:.9rem}.guide-block{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.guide-block:first-of-type{border-top:0;padding-top:0;margin-top:.25rem}.guide-block>h4{margin:0 0 .35rem;font-size:.95rem}.guide-hint{margin:0 0 .65rem;color:var(--muted);font-size:.85rem}.guide-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.guide-tab{appearance:none;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,white);color:var(--ink-soft);font:inherit;font-size:.82rem;font-weight:500;padding:.35rem .7rem;border-radius:999px;cursor:pointer}.guide-tab:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));color:var(--ink)}.guide-tab.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.guide-intro{margin:0 0 .55rem;color:var(--ink-soft);font-size:.92rem}.guide-panel ol{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.guide-panel li{color:var(--ink-soft);font-size:.92rem}.legal-page{padding:2.75rem 0 3.5rem}.prose{max-width:40rem}.prose h1{margin:0 0 1rem;font-size:clamp(1.85rem,3.5vw,2.35rem);letter-spacing:-.03em;line-height:1.15}.prose h2{margin:2rem 0 .65rem;font-size:1.15rem;letter-spacing:-.015em}.prose p,.prose li{color:var(--ink-soft);font-size:1.02rem}.prose ul{margin:.4rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem}.prose li strong{color:var(--ink)}.prose .lede{margin:0 0 .5rem;font-size:1.08rem;max-width:36rem}.prose-cta{margin:2.25rem 0 0}.prose-cta .btn{display:inline-flex;text-decoration:none}.prose-meta{margin-top:2.5rem;font-size:.88rem}
