@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cc6c75d91fb27f62-s.3j-lqo2q-puhp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ed5f1f9bced69653-s.p.2li_3lqay9qjq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/574e5b2a8fe8e45b-s.061jvc6_x84nn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/89ea96820aa96980-s.p.0hs6q6udzld4a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Fallback;src:local(Arial);ascent-override:95.6%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:99.37%}.QwOBaW_className{font-family:Atkinson Hyperlegible,Atkinson Hyperlegible Fallback;font-style:normal}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#132238;--ink-soft:#3b4a5e;--muted:#4a5568;--bg:#fff;--cream:#fbf6ef;--cream-2:#f1e7da;--line:#e6dccf;--accent:#c2410c;--accent-hover:#9a3412;--accent-soft:#fce7d6;--accent-ink:#7c2906;--link:#b03a0a;--green:#1f5135;--amber:#b45309;--critical:#9b1c1c;--critical-bg:#fde8e8;--serious:#8a4b0b;--serious-bg:#fef3c7;--moderate:#1e40af;--moderate-bg:#dbeafe;--minor:#374151;--minor-bg:#eef0f3;--radius:14px;--radius-lg:20px;--shadow:0 12px 32px #13223814;--container:1160px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font-size:1.125rem;line-height:1.6;overflow-x:clip}h1,h2,h3{margin:0 0 .75rem;line-height:1.2}h1{font-size:clamp(2rem,4.5vw,3.4rem)}h2{margin-top:2.5rem;font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.25rem}p{margin:0 0 1rem}a{color:var(--link);text-underline-offset:.15em}a:hover{color:var(--accent-ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}img,svg{max-width:100%}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}main{width:100%;max-width:var(--container);margin-inline:auto;padding:2rem clamp(1rem,4vw,2.5rem) 3rem}.full-bleed{margin-inline:calc(50% - 50vw);margin-top:-2rem}.section{margin-block:3.5rem}.muted{color:var(--muted)}.small{font-size:.95rem}.overline{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.85rem;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;position:absolute;left:-9999px}.skip-link:focus{background:var(--bg);border-radius:8px;padding:.5rem 1rem;top:1rem;left:1rem}.test-banner{background:var(--ink);color:#fff;font-size:.95rem}.test-banner p{margin:0 auto;padding:.55rem 1rem}.success{border:2px solid var(--green);color:var(--green);background:#eef5f0;border-radius:10px;padding:.6rem .9rem}.success p{margin:0}.spinner{border:.18em solid;border-right-color:#0000;border-radius:50%;flex:none;width:1em;height:1em;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{white-space:nowrap;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.status-icon{flex:none}.status-done{color:var(--green)}.status-failed{color:var(--critical)}.status-running{color:var(--moderate)}.status-queued{color:var(--muted)}.status-spin{animation:1.2s linear infinite spin}.status-link{text-decoration:none}.status-link .status>span:last-child{text-underline-offset:.15em;text-decoration:underline}.status-link:hover .status>span:last-child{text-decoration-thickness:2px}.alert{border:2px solid var(--critical);background:var(--critical-bg);color:var(--critical);border-radius:10px;padding:.6rem .9rem}.ext-icon{font-size:.85em;text-decoration:none;display:inline-block}button,.btn{min-height:44px;font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}button:hover,.btn:hover{background:var(--accent-hover);color:#fff}.btn-dark{background:var(--ink)}.btn-dark:hover{background:#22344f}button[disabled]{opacity:.7;cursor:progress}input,select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:2px solid #8796aa;border-radius:10px;min-height:44px;padding:.55rem .9rem}label{font-weight:700}form{gap:.6rem;max-width:520px;display:grid}.pill-field{background:var(--bg);border:2px solid #8796aa;border-radius:999px;gap:.4rem;padding:5px;display:flex}.pill-field:focus-within{outline:3px solid var(--ink);outline-offset:2px}.pill-field input{background:0 0;border:0;border-radius:999px;flex:1;min-width:0;padding-inline:1rem}.pill-field input:focus-visible{outline:none}@media (max-width:520px){.pill-field{border-radius:18px;flex-direction:column}.pill-field button{width:100%}}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.header-inner>nav:not(.lang-switcher){margin-left:auto}.brand{color:var(--ink);align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.site-header ul{flex-wrap:wrap;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a:not(.btn){color:var(--ink);font-weight:700;text-decoration:none}.site-header nav a:not(.btn):hover{text-decoration:underline}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.5rem;display:flex}.site-footer ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.hero{background:var(--cream);padding-block:clamp(2.5rem,7vw,5.5rem)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}@media (max-width:880px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.eyebrow{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;margin-bottom:1.25rem;padding:.3rem .9rem;font-size:.9rem;font-weight:700;display:inline-block}.accent-word{color:var(--accent)}.lead{color:var(--ink-soft);max-width:36rem;font-size:clamp(1.1rem,2vw,1.3rem)}.scan-form{max-width:560px;margin-top:1.5rem}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}.example-card{gap:1.25rem;margin:0;display:grid}.score-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.score-row p{margin:0}.score-title{font-size:1.6rem;font-weight:700}.score-ring{flex:none}.issue-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.issue{background:var(--cream);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.issue-detailed{align-items:flex-start}.issue-detailed h3{margin:0 0 .25rem;font-size:1.15rem}.issue-detailed p:last-child{margin-bottom:0}.tag{white-space:nowrap;border-radius:999px;flex:none;padding:.2rem .75rem;font-size:.85rem;font-weight:700}.tag-critical{background:var(--critical-bg);color:var(--critical)}.tag-serious{background:var(--serious-bg);color:var(--serious)}.tag-moderate{background:var(--moderate-bg);color:var(--moderate)}.tag-minor{background:var(--minor-bg);color:var(--minor)}.steps{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:3px solid var(--green);padding-top:1.5rem}.steps p{color:var(--ink-soft);margin:0}.step-num{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.9rem;font-weight:700;display:inline-flex}.cta-band{background:var(--ink);color:#fff;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.75rem,4vw,3.5rem);display:flex}.cta-band h2{color:#fff;margin:0 0 .5rem;font-size:clamp(1.4rem,2.6vw,2rem)}.cta-band p{color:#c9d3e0;margin:0}.url{color:var(--accent);overflow-wrap:anywhere}.progress{font-weight:700}.locked{margin-top:1rem;font-weight:700}.lead-box{background:var(--cream);border:2px solid var(--accent);border-radius:var(--radius-lg);margin-top:2.5rem;padding:clamp(1.25rem,3vw,2rem)}.lead-box h2{margin-top:0}.checkbox{align-items:flex-start;gap:.6rem;display:flex}.checkbox input{width:1.2rem;height:1.2rem;min-height:0;accent-color:var(--accent);flex:none;margin-top:.3rem}.checkbox label{font-weight:400}table{border-collapse:collapse;background:var(--bg);width:100%}caption{text-align:left;padding-bottom:.5rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.7rem .6rem}thead th{background:var(--cream);font-size:.95rem}.table-scroll{overflow-x:auto}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:none;display:flex}.inline-form input[type=email]{min-width:12rem}.facts{background:var(--cream);border-radius:var(--radius);grid-template-columns:max-content 1fr;gap:.3rem 1.25rem;padding:1rem 1.25rem;display:grid}.facts dt{font-weight:700}.facts dd{margin:0}.impact-critical{color:var(--critical);font-weight:700}.impact-serious{color:var(--serious);font-weight:700}.impact-moderate{color:var(--moderate)}.impact-minor{color:var(--minor)}.elements{gap:1.5rem;padding-left:1.25rem;display:grid}.elements li>p{margin:.25rem 0}pre{border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;background:#f6f2ec;border-radius:10px;padding:.75rem;font-size:.9rem;overflow-x:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.diagnostic{white-space:pre-line;color:var(--muted)}.contrast{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.swatch{border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;width:2.75rem;height:2rem;font-weight:700;display:inline-flex}.suggestion{border-left:4px solid var(--green);background:#eef5f0;border-radius:0 12px 12px 0;padding:.75rem 1rem}.suggestion h3{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 .5rem;font-size:1.05rem;display:flex}.badge{border:1px solid var(--green);color:var(--green);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:700}.label{margin:.5rem 0 .25rem;font-weight:700}.todo{background:var(--serious-bg);color:#5c3308;border-radius:8px;padding:.6rem .8rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-page{place-items:center;padding-block:clamp(1rem,5vw,3rem);display:grid}.auth-card{gap:.5rem;width:100%;max-width:520px;display:grid}.auth-card h1{font-size:clamp(1.8rem,4vw,2.4rem)}.auth-sent:focus{outline:none}.auth-sent h2{margin-top:0;font-size:1.4rem}.btn-link{color:var(--link);text-underline-offset:.15em;background:0 0;border-radius:0;min-height:24px;padding:0;font-weight:700;text-decoration:underline}.btn-link:hover{color:var(--accent-ink);background:0 0}.account-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.account-bar p{margin:0}.welcome-box{background:var(--cream);border-left:6px solid var(--green);border-radius:var(--radius);margin-block:1rem 1.5rem;padding:clamp(1rem,3vw,1.5rem)}.welcome-box h2{margin:0 0 .5rem;font-size:1.4rem}.welcome-box p{margin:0}.plan-summary{background:var(--cream);border-radius:var(--radius-lg);gap:1rem;margin-block:1rem 2rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.plan-head{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.plan-head h2{margin:0;font-size:1.4rem}.plan-head p{flex:14rem;margin:0}.meters{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.meter{grid-template-columns:1fr auto;align-items:last baseline;gap:.25rem .5rem;display:grid}@supports (grid-template-rows:subgrid){.meters{grid-auto-rows:auto}.meter{grid-row:span 3;grid-template-rows:subgrid;row-gap:.25rem}.meter-bar{align-self:start}}.meter-label{font-weight:700}.meter-value{font-variant-numeric:tabular-nums}.meter-bar{background:var(--line);border-radius:999px;grid-column:1/-1;height:.5rem;overflow:hidden}.meter-bar>span{background:var(--green);border-radius:999px;height:100%;display:block}.meter-full .meter-bar>span{background:var(--serious)}.scan-progress{gap:.3rem;min-width:7rem;display:grid}.scan-progress-text{font-variant-numeric:tabular-nums}.scan-progress .meter-bar>span{transition:width .4s}@media (prefers-reduced-motion:reduce){.scan-progress .meter-bar>span{transition:none}}.meter-note{color:var(--serious);grid-column:1/-1;font-size:.9rem;font-weight:700}.price-soon{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;padding:.6rem 1rem;font-weight:700}.pricing{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-items:start;gap:1.5rem;margin:2rem 0;padding:0;list-style:none;display:grid}.price-card{background:var(--bg);border:2px solid var(--line);border-radius:var(--radius-lg);gap:.5rem;padding:clamp(1.25rem,3vw,1.75rem);display:grid}.price-card h2{margin:0;font-size:1.6rem}.price-card p{margin:0}.price-card-featured{border-color:var(--accent);box-shadow:var(--shadow)}.price-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.price-badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;justify-self:start;padding:.2rem .75rem;font-size:.85rem;font-weight:700}.price-amount{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1}.price-unit{color:var(--muted);font-weight:700}.price-features{gap:.35rem;margin:.5rem 0;padding-left:1.2rem;display:grid}.price-soon{color:var(--ink-soft);background:var(--cream);border-radius:var(--radius);padding:.75rem 1rem;font-size:.95rem}.plan-actions{flex-wrap:wrap;gap:.5rem;display:flex}.plan-actions form{max-width:none;display:block}.price-actions{gap:.5rem;margin-top:.5rem;display:grid}.price-actions form{max-width:none}.price-actions .btn-outline{color:var(--ink);border:2px solid var(--ink);background:0 0}.price-actions .btn-outline:hover{background:var(--ink);color:#fff}.price-current{color:var(--green);font-weight:700}.legal{max-width:46rem}.guide ol{gap:.5rem;display:grid}.guide .lead-box .btn{margin-top:.5rem}.guide-list{gap:1.25rem;max-width:46rem;padding:0;list-style:none;display:grid}.guide-list h2{margin-top:0;font-size:1.3rem}.legal h2{margin-top:2rem;font-size:1.35rem}.legal ul{gap:.4rem;display:grid}.demo-note{background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--radius);padding:.75rem 1rem}.demo-note a{color:var(--accent-ink);font-weight:700}.site-footer nav{display:block}.lang-switcher{position:relative}.site-header .lang-button{min-height:44px;color:var(--ink);border:2px solid var(--line);font:inherit;box-shadow:none;background:0 0;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:0 .75rem;font-size:.95rem;font-weight:700;display:inline-flex}.site-header .lang-button:hover,.site-header .lang-button[aria-expanded=true]{background:var(--cream);border-color:var(--ink);color:var(--ink)}.lang-button .chevron{transition:transform .15s}.lang-button[aria-expanded=true] .chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.lang-button .chevron{transition:none}}.lang-panel{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);min-width:12rem;box-shadow:var(--shadow);padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.site-header .lang-panel ul{gap:.25rem;display:grid}.site-header .lang-panel a{border-radius:10px;align-items:center;gap:.6rem;min-height:44px;padding:0 .75rem;display:flex}.site-header .lang-panel a:hover{background:var(--cream);text-decoration:none}.site-header .lang-panel a[aria-current=true]{background:var(--cream);box-shadow:inset 3px 0 0 var(--accent)}.lang-switcher .flag{border-radius:3px;flex:none;box-shadow:0 0 0 1px #13223826}.btn-google{background:var(--bg);width:100%;color:var(--ink);border:2px solid #8796aa;gap:.75rem}.btn-google:hover{background:var(--cream);color:var(--ink)}.auth-divider{color:var(--muted);align-items:center;gap:.75rem;margin:.25rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--line);flex:1}.auth-switch{border-top:1px solid var(--line);margin-top:.75rem;padding-top:1rem}.password-field{align-items:center;gap:.5rem;display:flex}.password-field input{flex:1;min-width:0}.password-field .btn-link{flex:none;font-size:.9rem}.account-placeholder{width:9rem;height:44px}.account-menu{position:relative}.account-button{background:var(--bg);color:var(--ink);border:2px solid var(--ink);padding:.45rem 1rem .45rem .8rem}.account-button:hover,.account-button[aria-expanded=true]{background:var(--ink);color:#fff}.account-panel{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);min-width:16rem;max-width:calc(100vw - 2rem);box-shadow:var(--shadow);padding:1rem;position:absolute;top:calc(100% + .5rem);right:0}.account-panel ul{border-top:1px solid var(--line);gap:.6rem;margin:.75rem 0 0;padding:.75rem 0 0;list-style:none;display:grid}.site-header .account-panel ul{display:grid}.account-email{overflow-wrap:anywhere;margin:0}.welcome-back{background:var(--bg);border-left:6px solid var(--green);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.welcome-back p{flex:20rem;margin:0}.code-input{letter-spacing:.3em;font-variant-numeric:tabular-nums;max-width:12rem;font-size:1.5rem}.security-card{gap:.75rem;max-width:46rem;display:grid}.security-card h2,.security-card p{margin:0}.security-step{border-top:1px solid var(--line);gap:.75rem;max-width:none;padding-top:1rem;display:grid}.security-step h3{margin:0}.security-step h3:focus{outline:none}.security-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-on{color:var(--green)}.status-off{color:var(--serious)}.notice{background:var(--cream);border-left:6px solid var(--green);border-radius:var(--radius);padding:.75rem 1rem}.qr{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:200px;height:200px}.qr svg{width:100%;height:100%;display:block}.secret{overflow-wrap:anywhere;font-size:1rem}.backup-codes{background:var(--cream);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;margin:0;padding:1rem;list-style:none;display:grid}.backup-codes code{font-size:1.05rem}.site-name{font-weight:700}.site-host{display:block}.row-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.row-actions form{margin:0}.btn-small{white-space:nowrap;padding:.5rem 1rem;font-size:.95rem}.btn-secondary{background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn-secondary:hover{background:var(--cream);color:var(--ink)}.site-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1rem 2rem;display:flex}.site-actions form{margin:0}.settings-form{max-width:32rem}.danger-zone{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.btn-danger-outline{background:var(--bg);color:var(--critical);box-shadow:inset 0 0 0 2px var(--critical)}.btn-danger-outline:hover{background:var(--critical-bg);color:var(--critical)}.confirm-box{background:var(--critical-bg);border-left:6px solid var(--critical);border-radius:var(--radius);margin-block:1rem 1.5rem;padding:clamp(1rem,3vw,1.5rem)}.confirm-box h2{margin:0 0 .5rem;font-size:1.3rem}.confirm-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1rem;display:flex}.btn-danger{background:var(--critical)}.btn-danger:hover{background:#7a1515}.demo-tabs{flex-wrap:wrap;gap:.5rem;margin-block:1.5rem 0;display:flex}.demo-tab{background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.demo-tab:hover{background:var(--cream);color:var(--ink)}.demo-tab[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:none}.demo-panel{background:var(--cream);border-radius:var(--radius-lg);margin-top:1rem;padding:clamp(1rem,3vw,1.75rem)}.demo-panel>p:first-child{max-width:46rem;margin-top:0}.demo-controls{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.demo-status{max-width:46rem;min-height:1.5em;font-weight:700}.demo-compare{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;margin-block:1rem;display:grid}.demo-fix{border-left:4px solid var(--green);max-width:46rem;margin-bottom:0;padding-left:.9rem}.demo-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.demo-cta-title{margin:0;font-size:1.25rem;font-weight:700}.mock-card{background:var(--bg);border-radius:var(--radius);border-top:5px solid var(--critical);margin:0;padding:1rem 1.1rem}.mock-after{border-top-color:var(--green)}.mock-card .overline{margin-bottom:.75rem}.mock-top,.mock-foot{font-size:.9rem}.mock-foot{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.6rem}.mock-photo{background:var(--cream-2);border-radius:8px;height:70px;margin-block:.6rem}.mock-name{margin:0;font-weight:700}.mock-price{margin:.1rem 0 .5rem}.mock-sizes{gap:.4rem;margin-bottom:.6rem;display:flex}.mock-el{border:1px solid var(--line);border-radius:6px;padding:.2rem .55rem;display:inline-block}.mock-top .mock-el,.mock-foot .mock-el{border-color:#0000}.mock-add{background:var(--accent);color:#fff;border-color:var(--accent);border-radius:999px;padding:.35rem 1rem;font-weight:700}.mock-focus{outline:3px solid var(--moderate);outline-offset:3px}.sr-transcript{gap:.35rem;margin:0 0 1rem;padding-left:1.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;display:grid}.mock-svg{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.pdf-download{justify-items:start;gap:.4rem;margin-block:1.25rem .5rem;display:grid}.pdf-download p{margin:0}.pdf-upsell{margin-block:1.25rem .5rem}.fix-help{background:var(--cream);border-left:6px solid var(--accent);border-radius:var(--radius);justify-items:start;gap:.6rem;max-width:46rem;margin-block:2rem 1.5rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.fix-help h2{margin:0;font-size:1.3rem}.fix-help p{margin:0}.account-list{gap:.75rem;padding:0;list-style:none;display:grid}.account-list li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-form{display:inline}.site-footer .social-links{gap:.5rem;display:flex}.social-links a{width:44px;height:44px;color:var(--ink);background:var(--cream);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.social-links a:hover{color:var(--accent);background:var(--accent-soft)}.social-links a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.copy-field{margin-block:1rem}.copy-field label{margin-bottom:.35rem;font-weight:700;display:block}.copy-row{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.copy-row input,.copy-row textarea{resize:none;flex:20rem;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.copy-status{min-height:1.4em;margin:.25rem 0 0}.hook-notes{color:var(--ink-soft);margin:.5rem 0 1rem;padding-left:1.2rem}.hook-guide{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);margin:1rem 0 1.5rem;padding:.75rem 1rem}.hook-guide summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.hook-guide ol{padding-left:1.4rem}.hook-guide h3{margin:1.25rem 0 .25rem;font-size:1.05rem}.hook-guide code{border:1px solid var(--line);background:#fff;border-radius:4px;padding:0 .3em;font-size:.9em}
