/* PatchAndShip site-v4: direction C (deep green blocks, cream, sage, brass). Shared by index and legal pages. */
@font-face{font-family:"Inter";src:url("fonts/inter-var-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-var-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrains-mono-latin.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}

:root{
  /* palette (token names shared with legal pages) */
  --bg:#F6F2E9;          /* cream page */
  --bg-alt:#EFE9DC;      /* cream band */
  --surface:#FBF8F1;     /* cards on cream */
  --line:#DDD6C6;        /* hairline */
  --line-2:#CBC2AE;      /* stronger hairline */
  --text:#1A1A1A;        /* ink */
  --ink-2:#3D3C38;
  --muted:#55544E;
  --dim:#5F5E57;
  --accent:#1F4D3A;      /* forest green */
  --accent-hover:#163A2B;
  --accent-ink:#F6F2E9;
  --sage:#B9D1C1;        /* labels on green */
  --sage-tint:#E4ECE4;   /* featured column on cream */
  --on-green:#DCE6DE;    /* body text on green */
  --brass:#D9B77E;       /* small accents on green only */
  --crit:#9C3D33; --warn:#8A6A1F; --ok:#2F6B4F;
  --radius:4px;
  --max:1160px;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --ease:cubic-bezier(.2,.6,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 var(--sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
code{font-family:var(--mono);font-size:.88em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--text);color:var(--bg);padding:8px 14px;z-index:100;border-radius:var(--radius)}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.nav.on-green :focus-visible,.hero :focus-visible,.final :focus-visible{outline-color:var(--brass)}
.eyebrow{font:500 .8125rem/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

/* type */
h1{font:500 clamp(2.4rem,4.6vw,4.25rem)/1.04 var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 72}
h2{font:500 clamp(1.9rem,3.3vw,2.75rem)/1.1 var(--serif);letter-spacing:-.015em;font-variation-settings:"opsz" 72}
h3{font:600 1.0625rem/1.3 var(--sans)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--radius);font:600 1rem/1 var(--sans);text-decoration:none;border:1px solid transparent;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{background:var(--accent-hover)}
.btn-ghost{border-color:var(--text);color:var(--text);background:transparent}
.btn-ghost:hover{background:var(--text);color:var(--bg)}
.btn-sm{min-height:38px;padding:0 15px;font-size:.875rem}
.btn-block{width:100%}
.text-link{font-weight:600;text-decoration:none;transition:opacity .2s ease-out}
.text-link:hover{opacity:.72}

/* nav (cream by default, green on the homepage) */
.nav{border-bottom:1px solid var(--line);background:var(--bg)}
.nav .wrap{display:flex;align-items:center;height:72px;gap:24px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);--amp:var(--accent)}
.logo-mark{width:34px;height:34px;flex:none}
.logo-word{font:500 1.375rem/1 var(--serif);letter-spacing:-.01em;font-variation-settings:"opsz" 36}
.logo-word span{color:inherit}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:.9375rem}
.nav-links a:not(.btn){text-decoration:none;color:var(--ink-2);transition:color .2s ease-out}
.nav-links a:not(.btn):hover{color:var(--text)}
.nav-toggle{display:none;margin-left:auto;align-items:center;gap:8px;background:none;border:1px solid currentColor;border-radius:var(--radius);padding:7px 12px;font:500 .9375rem/1 var(--sans);color:inherit;cursor:pointer}
.nav.on-green{background:var(--accent);border-bottom-color:rgba(246,242,233,.14);color:var(--bg)}
.nav.on-green .logo{color:var(--bg);--amp:var(--sage)}
.nav.on-green .nav-links a:not(.btn){color:var(--on-green)}
.nav.on-green .nav-links a:not(.btn):hover{color:#fff}
.nav.on-green .btn-primary,.hero .btn-primary,.final .btn-primary{background:var(--bg);color:var(--accent)}
.nav.on-green .btn-primary:hover,.hero .btn-primary:hover,.final .btn-primary:hover{background:#E4DCCB}

/* hero */
.hero{background:var(--accent);color:var(--bg);padding:72px 0 96px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:72px;row-gap:40px;align-items:start}
.hero-head{grid-column:1/-1}
.hero-head h1{max-width:18em}
.hero-copy{padding-top:8px}
.hero .eyebrow{color:var(--sage);display:flex;align-items:center;gap:12px}
.hero .eyebrow::before{content:"";width:28px;height:2px;background:var(--brass)}
.hero h1{margin-top:20px;color:var(--bg)}
.lead{font-size:1.25rem;line-height:1.55;color:var(--on-green);max-width:24em}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}
.hero .text-link{color:var(--bg)}
.status{--e:cubic-bezier(.2,.7,.2,1);background:var(--bg);color:var(--text);padding:24px 28px 20px;border-radius:2px}
.status figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:2px solid var(--text)}
.status-title{font:500 1.375rem/1 var(--serif);font-variation-settings:"opsz" 36}
.status-label{font:600 .6875rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.status ul{margin-top:4px}
.status li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.status li:last-child{border-bottom:0}
.st-k{display:block;font:600 1.0625rem/1.25 var(--sans)}
.st-was{display:inline-block;position:relative;font-size:.9375rem;line-height:1.3;color:var(--muted);margin-top:4px;text-decoration:none}
.st-was::after{content:"";position:absolute;left:0;right:0;top:55%;height:1.5px;background:currentColor;transform-origin:left center}
.st-pill{position:relative;display:grid;width:120px;height:38px;overflow:hidden;border-radius:2px;font:600 .9375rem/38px var(--sans);text-align:center}
.st-pill>span{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--bg)}
.st-pill>span::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}
.st-bad{background:var(--crit);opacity:0;transform:translateY(-100%)}
.st-good{background:var(--accent)}
.status-sign{display:flex;align-items:center;gap:12px;margin-top:4px;padding-top:16px;border-top:2px solid var(--text);font-size:.9375rem;color:var(--ink-2)}
.status-sign svg{width:36px;height:36px;flex:none;color:var(--accent)}

/* sections */
main>section{padding:96px 0}
.band{background:var(--bg-alt)}
section h2+p{margin-top:12px;color:var(--ink-2)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px;align-items:start}

/* stats */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:48px}
.stat{border-top:2px solid var(--text);padding-top:22px}
.num{font:500 clamp(3rem,5vw,4.25rem)/1 var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 72;font-variant-numeric:tabular-nums}
.num small{font-size:.4em;letter-spacing:0;color:var(--muted)}
.stat>p{margin-top:12px;color:var(--ink-2);font-size:1rem}
.src{margin-top:14px;font-size:.8125rem;line-height:1.45;color:var(--muted)}
.src a{color:var(--muted)}
.src a:hover{color:var(--text)}
.bars{margin-top:18px}
.bar-row{display:grid;grid-template-columns:72px 1fr 52px;gap:12px;align-items:center;font-size:.8125rem;color:var(--ink-2);padding:3px 0}
.bar-row b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.track,.prop{display:block;height:12px;background:#E3DCCB;position:relative}
.prop{margin-top:18px}
.fill{display:block;height:100%;background:#8C8578}
.fill.brass{background:var(--accent)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;position:relative;counter-reset:s}
.steps::before{content:"";position:absolute;left:28px;right:calc(25% - 28px);top:27px;border-top:2px solid var(--text)}
.step{position:relative;padding-right:24px}
.dot{width:56px;height:56px;border-radius:50%;background:var(--bg);border:2px solid var(--text);display:flex;align-items:center;justify-content:center;font:500 1.375rem/1 var(--serif);position:relative}
.step.hl .dot{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.step.hl h3{color:var(--accent)}
.step h3{font:500 1.375rem/1.2 var(--serif);margin-top:20px;letter-spacing:-.005em}
.after{margin-top:40px;font-size:.9375rem;color:var(--muted)}

/* what we fix */
.fixgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:2px solid var(--text)}
.fixgrid div{padding:22px 24px 22px 0;border-bottom:1px solid var(--line-2)}
.fixgrid dt{font:500 1.5rem/1.15 var(--serif)}
.fixgrid dd{margin-top:6px;color:var(--muted);font-size:.9375rem}

/* security */
.points{border-top:2px solid var(--text)}
.points li{padding:18px 0;border-bottom:1px solid var(--line);font-size:1.125rem}

/* pricing table */
.price-table{margin-top:44px;border-top:2px solid var(--text)}
.pt-head,.pt-rows>div,.pt-foot{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
.pt-head .plan{padding:24px 24px 22px}
.pt-head .plan.featured{background:var(--accent);color:var(--bg)}
.pt-head h3{font:600 .8125rem/1 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.pt-head .featured h3{color:var(--sage)}
.price{font:500 3rem/1 var(--serif);margin-top:12px;letter-spacing:-.02em}
.price-alt{font-size:.875rem;color:var(--muted);margin-top:8px}
.featured .price-alt{color:var(--on-green)}
.pt-rows>div{border-top:1px solid var(--line-2)}
.pt-rows dt{padding:13px 0;font-size:.9688rem}
.pt-rows dd{display:flex;align-items:center;padding:0 24px}
.pt-rows dd:last-child,.pt-foot>div:last-child{background:var(--sage-tint)}
.pt-rows dd.y::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent)}
.pt-rows dd.n::before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line-2)}
.pt-foot{border-top:1px solid var(--line-2)}
.pt-foot>div{padding:20px 24px}
.addon{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:20px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.addon h3{font:500 1.25rem/1.2 var(--serif)}
.addon p{color:var(--muted);font-size:.9375rem;margin-top:4px}
.addon-buy{display:flex;gap:12px;flex-wrap:wrap}
.guarantee{margin-top:36px;font:500 1.5rem/1.3 var(--serif);max-width:34em}
.scope{margin-top:14px;font-size:.875rem;color:var(--muted);max-width:60em}

/* free check */
.freecheck .btn{margin-top:28px}
.summary{background:var(--surface);border:1px solid var(--line-2);padding:28px 32px 12px}
.summary figcaption{font:500 1.625rem/1.1 var(--serif);padding-bottom:16px;border-bottom:2px solid var(--text)}
.summary dl>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.summary dl>div:last-child{border-bottom:0}
.summary dt{font-weight:600;display:flex;align-items:center;gap:10px}
.summary dd{color:var(--ink-2)}
.sdot{width:12px;height:12px;border-radius:50%;display:inline-block}
.sdot.r{background:var(--crit)}.sdot.y{background:var(--warn)}.sdot.g{background:var(--ok)}

/* faq */
#faq h2+p a{color:var(--ink-2)}
.faq{border-top:2px solid var(--text)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;transition:color .2s ease-out}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--accent)}
.faq summary .ic{flex:none;transition:transform .25s var(--ease)}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq .ans{padding:0 0 20px;color:var(--ink-2);max-width:40em}

/* final */
.final{background:var(--accent);color:var(--bg);text-align:left}
.final p{color:var(--on-green);margin-top:12px}
.final .text-link{color:var(--bg)}

/* footer */
footer{padding:56px 0 40px;border-top:1px solid var(--line);font-size:.9375rem}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:40px}
footer h4{font:600 .75rem/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
footer li{margin:8px 0}
footer ul a,.foot-mail{color:var(--ink-2);text-decoration:none}
footer ul a:hover,.foot-mail:hover{color:var(--text);text-decoration:underline}
.foot-brand p{margin-top:12px;color:var(--muted)}
.foot-mail{display:inline-flex;align-items:center;gap:8px}
.foot-mail .ic{width:16px;height:16px}
.seal-big{color:var(--text);--amp:var(--accent)}
.legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}

/* legal pages (terms, refunds, privacy) reuse these tokens */
body .doc p,body .doc li{color:var(--ink-2)}
body .doc h1{font-size:clamp(2.25rem,4vw,3.25rem)}
body .doc .eyebrow{display:block;margin-bottom:14px;color:var(--accent)}
body .doc h2{font:500 1.5rem/1.25 var(--serif);border-top-color:var(--line)}
body .doc a{color:var(--accent)}
body .toc{background:var(--surface);border-color:var(--line)}
body .toc a{color:var(--ink-2)}
body .callout{background:var(--surface);border-color:var(--line);border-left-color:var(--accent);color:var(--ink-2)}
body .callout.warn{border-left-color:var(--warn)}

/* motion: only when main.js adds .js and the user has not asked for reduced motion */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.1s}.js .rv.d2{transition-delay:.2s}.js .rv.d3{transition-delay:.3s}
.js .grow{transform:scaleX(0);transform-origin:left center;transition:transform .6s var(--ease) .2s}
.js .in .grow{transform:none}
.js .steps::before{transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ease)}
.js .steps.in::before{transform:none}
.js .steps .step{transition-delay:0s}
.js .steps.in .step:nth-child(1){transition-delay:.05s}.js .steps.in .step:nth-child(2){transition-delay:.2s}
.js .steps.in .step:nth-child(3){transition-delay:.35s}.js .steps.in .step:nth-child(4){transition-delay:.5s}
/* hero status card: html.anim set in <head> when motion is allowed; main.js adds .go once (fonts ready + 500ms) */
.anim .status:not(.go) .st-bad{opacity:1;transform:none}
.anim .status:not(.go) .st-good{opacity:0;transform:translateY(100%)}
.anim .status:not(.go) .st-was{color:var(--crit)}
.anim .status:not(.go) .st-was::after{transform:scaleX(0)}
.anim .status .st-bad,.anim .status .st-good{transition:opacity .45s var(--e),transform .45s var(--e)}
.anim .status .st-was{transition:color .45s var(--e)}
.anim .status .st-was::after{transition:transform .4s var(--e)}
.anim .status li:nth-child(1) *,.anim .status li:nth-child(1) .st-was::after{transition-delay:0s}
.anim .status li:nth-child(2) *,.anim .status li:nth-child(2) .st-was::after{transition-delay:.45s}
.anim .status li:nth-child(3) *,.anim .status li:nth-child(3) .st-was::after{transition-delay:.9s}
.anim .status li:nth-child(4) *,.anim .status li:nth-child(4) .st-was::after{transition-delay:1.35s}

/* conversion pass: pricing band, buy buttons, trust lines, sticky mobile bar */
.btn-buy{min-height:56px;padding:0 28px;font-size:1.0625rem;background:var(--accent);color:var(--accent-ink)}
.btn-buy:hover{background:var(--accent-hover)}
.hero .btn-buy,.final .btn-buy{background:var(--bg);color:var(--accent)}
.hero .btn-buy:hover,.final .btn-buy:hover{background:#E4DCCB}
.btn-buy-alt{min-height:56px;padding:0 24px;font-size:1.0625rem;border-color:var(--bg);color:var(--bg);background:transparent}
.btn-buy-alt:hover{background:var(--bg);color:var(--accent)}
.btn-line{border-color:var(--bg);color:var(--bg);background:transparent}
.btn-line:hover{background:var(--bg);color:var(--accent)}
.trust{margin-top:10px;font-size:.8125rem;line-height:1.45;color:var(--muted)}
.final .trust{color:var(--on-green);margin-top:16px}
.buy-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:44px}
#faq .buy-row{margin-top:32px}
.pricing-band{background:var(--accent);color:var(--bg)}
.pricing-band h2{color:var(--bg)}
.pricing-band :focus-visible{outline-color:var(--brass)}
.pricing-band .price-table{background:var(--bg);color:var(--text);border:3px solid var(--bg);border-radius:2px;padding:0 0 0 24px;overflow:hidden}
.pricing-band .price-table :focus-visible{outline-color:var(--accent)}
.pricing-band .pt-foot>div{padding:22px 24px 20px}
.rec{display:inline-block;margin-bottom:12px;padding:5px 9px;border-radius:2px;background:var(--brass);color:var(--text);font:600 .6875rem/1 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.pricing-band .addon{border-color:rgba(246,242,233,.28)}
.pricing-band .addon p{color:var(--on-green)}
.pricing-band .addon-buy{align-items:center}
.pricing-band .addon-buy .trust{color:var(--on-green);margin:0;flex-basis:100%}
.pricing-band .guarantee{color:var(--bg)}
.pricing-band .guarantee a{color:var(--bg)}
.pricing-band .scope{color:var(--on-green)}
.sticky-buy{display:none}
@media (max-width:720px){
  .pricing-band .price-table{padding:0 0 0 14px}
  .pricing-band .pt-foot{padding-right:14px}
  .rec{display:block;margin:-16px -12px 12px;padding:6px 0;border-radius:0;text-align:center;font-size:.5625rem;letter-spacing:.03em}
  .pricing-band .pt-foot>div{padding:14px 0}
  .btn-buy,.btn-buy-alt{width:100%}
  .final .text-link{margin-top:4px}
  .sticky-buy{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--accent);border-top:1px solid rgba(246,242,233,.28);padding:8px 20px calc(8px + env(safe-area-inset-bottom));transition:transform .25s var(--ease),visibility 0s linear 0s}
  .sticky-buy .btn{width:100%;min-height:44px;background:var(--bg);color:var(--accent)}
  .sticky-buy :focus-visible{outline-color:var(--brass)}
  .sticky-buy.off{transform:translateY(100%);visibility:hidden;transition:transform .25s var(--ease),visibility 0s linear .25s}
  body{padding-bottom:calc(61px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* responsive */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;row-gap:28px}
  .status{max-width:600px}
}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .nav .wrap{flex-wrap:wrap;height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}
  .nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0 4px}
  .nav-links.open{display:flex}
  .nav-links a:not(.btn){padding:8px 0}
  .nav-links .btn{margin-top:8px}
  .stats{grid-template-columns:1fr;gap:40px}
  .two-col{grid-template-columns:1fr;gap:32px}
  footer .wrap{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
  .seal-big{display:none}
}
@media (max-width:720px){
  main>section{padding:72px 0}
  .hero{padding:48px 0 64px}
  .wrap{padding:0 20px}
  .steps{grid-template-columns:1fr;gap:28px;margin-top:40px}
  .steps::before{left:27px;right:auto;top:28px;bottom:28px;border-top:0;border-left:2px solid var(--text)}
  .js .steps::before{transform:scaleY(0);transform-origin:top center}
  .js .steps.in::before{transform:none}
  .step{display:flex;align-items:center;gap:20px;padding:0}
  .step h3{margin-top:0}
  .fixgrid{grid-template-columns:1fr 1fr}
  .pt-head,.pt-rows>div,.pt-foot{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
  .pt-head .plan{padding:16px 12px}
  .price{font-size:2.125rem}
  .pt-rows dt{font-size:.875rem;padding:11px 8px 11px 0}
  .pt-rows dd{padding:0 12px}
  .pt-foot{grid-template-columns:1fr}
  .pt-foot>div:first-child{display:none}
  .pt-foot>div{padding:12px 0;background:none!important}
  .addon{flex-direction:column;align-items:flex-start}
  .status{padding:20px 18px 16px}
  .st-k{font-size:1rem}
  .st-pill{width:96px}
}
@media (max-width:720px){.fixgrid dt{font-size:1.25rem}.fixgrid div{padding:18px 16px 18px 0}}
@media (max-width:340px){.fixgrid{grid-template-columns:1fr}}
@media (max-width:400px){
  .pt-head h3{font-size:.6875rem;letter-spacing:.06em}
}

.br-lg{display:none}
@media (min-width:900px){.br-lg{display:inline}}

/* ============ Demo: recorded practice fixes (site-v6-demo, direction C) ============ */
.demo{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:48px;align-items:start;margin-top:44px}
.demo-list{border-top:2px solid var(--text)}
.demo-pick{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 8px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line-2);padding:20px 8px 20px 0;cursor:pointer;color:var(--text);font:inherit;transition:padding-left .25s var(--ease)}
.demo-pick::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top center;transition:transform .25s var(--ease)}
.demo-n{grid-row:1/3;font:500 .8125rem/1.7 var(--mono);color:var(--muted)}
.demo-t{font:500 1.375rem/1.2 var(--serif);letter-spacing:-.005em;font-variation-settings:"opsz" 36;transition:color .2s ease-out}
.demo-l{font-size:.9375rem;line-height:1.45;color:var(--muted)}
.demo-pick[aria-pressed="true"]{padding-left:16px}
.demo-pick[aria-pressed="true"]::before{transform:none}
.demo-pick[aria-pressed="true"] .demo-n,.demo-pick[aria-pressed="true"] .demo-t{color:var(--accent)}
.demo-pick:hover .demo-t{color:var(--accent)}
.demo:not(.ready) .demo-pick{cursor:default}
.term{margin:0;background:var(--accent);color:var(--bg);border-radius:2px;overflow:hidden;min-width:0}
.term-bar{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 18px;border-bottom:1px solid rgba(246,242,233,.16);font:500 .8125rem/1.4 var(--sans)}
.term-id{display:flex;gap:10px;min-width:0;align-items:center}
.term-seal{width:18px;height:18px;flex:none;color:var(--sage);--amp:var(--brass)}
.term-app{font:500 .75rem/1.4 var(--mono);color:var(--sage)}
.term-cap{color:var(--bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.term-label{flex:none;background:var(--brass);color:var(--text);padding:3px 8px;border-radius:2px;font:600 .75rem/1.4 var(--sans)}
.term-ctrl{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(246,242,233,.16)}
.term-play{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(246,242,233,.45);background:transparent;color:var(--bg);cursor:pointer;transition:border-color .2s ease-out}
.term-play:hover{border-color:var(--bg)}
.term-play svg{width:13px;height:13px;fill:currentColor}
.term-play .i-pause,.term-play.is-playing .i-play{display:none}
.term-play.is-playing .i-pause{display:block}
.term-ch{display:flex;gap:4px}
.term-ch button{font:600 .8125rem/1 var(--sans);color:var(--on-green);background:transparent;border:1px solid transparent;border-radius:2px;padding:8px 10px;min-height:32px;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}
.term-ch button:hover{border-color:rgba(246,242,233,.35)}
.term-ch button[aria-pressed="true"]{color:var(--accent);background:var(--bg)}
.term-prog{flex:1;min-width:24px;height:2px;background:rgba(246,242,233,.18);overflow:hidden}
.term-prog span{display:block;height:100%;background:var(--sage);transform-origin:left center;transform:scaleX(1)}
.term :focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.term-screen{height:520px;overflow-y:auto;overflow-x:hidden;padding:16px 18px 20px;scrollbar-width:thin;scrollbar-color:rgba(185,209,193,.4) transparent}
.term-screen pre{margin:0;font:400 .8125rem/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--on-green)}
.tl{display:block}
.tp{color:var(--brass)}.tc{color:var(--bg)}.tm{color:var(--sage)}
.tf{color:var(--brass);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tt{color:var(--sage);opacity:.8}
.tn{display:inline-block;margin:6px 0 2px;padding:2px 8px;border:1px solid var(--sage);border-radius:2px;font:600 .75rem/1.4 var(--sans);color:var(--bg)}
.tr{background:var(--crit);color:var(--bg);font-weight:600}
.tg{background:var(--sage);color:var(--accent);font-weight:600}
.tcur{display:inline-block;width:.6em;height:1.1em;vertical-align:-.2em;background:var(--bg);margin-left:1px}
.demo:not(.ready) .term-ctrl{display:none}
@media (max-width:980px){
  .demo{grid-template-columns:minmax(0,1fr);gap:32px}
  .demo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
  .demo-l{display:none}
}
@media (max-width:640px){
  .demo{margin-top:32px}
  .demo-list{grid-template-columns:minmax(0,1fr);gap:0}
  .demo-l{display:block;font-size:.875rem}
  .demo-pick{padding:16px 8px 16px 0}
  .demo-t{font-size:1.1875rem}
  .term-bar{flex-wrap:wrap;padding:10px 12px}
  .term-cap{display:none}
  .term-ctrl{padding:8px 12px;gap:8px}
  .term-ch button{padding:8px}
  .term-screen{height:440px;padding:12px}
  .term-screen pre{font-size:.6875rem;line-height:1.55}
}

/* ============ v6 merge: plain answers (AEO), demo screen recordings, post-demo CTA ============ */
.qa-head{margin-top:56px;font:500 1.75rem/1.2 var(--serif)}
.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;margin-top:24px}
.qa-item h3{font:600 1.0625rem/1.35 var(--sans)}
.qa-item p{margin-top:8px;color:var(--ink-2);font-size:.9688rem;line-height:1.6}
.qa-more{margin-top:28px;font-size:.9375rem}
.qa-more a{color:var(--accent);font-weight:600}
.demo-video{margin:40px 0 0;max-width:880px}
.demo-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--accent);border-radius:2px}
.demo-video figcaption{margin-top:10px;font-size:.875rem;color:var(--muted)}
.dv-title{font-weight:600;color:var(--text)}
.dv-label{display:inline-block;margin:0 6px;padding:2px 8px;border-radius:2px;background:var(--brass);color:var(--text);font-size:.75rem;font-weight:600}
.cta-h{margin-top:48px;font:500 1.625rem/1.2 var(--serif)}
.cta-after-demo{margin-top:16px}
.cta-after-demo .text-link{color:var(--accent)}
@media (max-width:720px){.qa{grid-template-columns:1fr}}
