/* Own-site presentation, final round 2026-10-04. Marketplace styles remain immutable. */
:root{--paper:#fffdf7;--ink:#272a25;--espresso:#272a25;--muted:#566057;--line:#d8ddd5;--line-strong:#a8b1a6;--card:#fff;--paper-card:#fff;--radius:12px;--r-lg:16px;--r-md:12px;--r-sm:8px;--display:'DM Sans';--section:72px}
.design-v1{background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.65}
.design-v1 .shell{width:min(1200px,calc(100% - 64px))}
.design-v1 h1,.design-v1 h2,.design-v1 h3,.design-v1 .document h1,.design-v1 .formbox h1{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.design-v1 h1,.design-v1 .document h1{font-size:clamp(34px,4vw,54px);line-height:1.12;max-width:24ch;margin:0 0 24px}
.design-v1 h2,.design-v1 .section-head h2,.design-v1 .section-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.18;margin:0 0 20px}
.design-v1 h3{font-size:23px;line-height:1.25;letter-spacing:-.02em}
.design-v1 h1 em,.design-v1 .hero h1 em{font-style:normal;color:var(--accent)}
.design-v1 .lead{font-size:clamp(18px,1.55vw,21px);line-height:1.55;color:var(--muted);max-width:62ch}
.design-v1 a{color:var(--accent);text-underline-offset:4px}
.design-v1 :is(.fine,.note,.footnote,.hero-note,.sales-assurance){font-size:14px;line-height:1.6;color:var(--muted)}
.design-v1 :is(.button,button,.nav-buy){font:700 16px/1.4 'DM Sans',system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#fff;box-shadow:none;text-decoration:none;letter-spacing:0;transform:none;transition:background-color .15s}
.design-v1 :is(.button,button):hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;box-shadow:none;transform:none}
.design-v1 :is(.button.ghost,.button.secondary){background:transparent;color:var(--accent);border-color:var(--line-strong)}
.design-v1 :is(.button.ghost,.button.secondary):hover{background:var(--tint);color:var(--accent-dark)}
.design-v1 button:disabled,.design-v1 .button.is-soon{background:#e2e5df;color:#566057;border-color:#bbc2b8;cursor:not-allowed}
.design-v1 .button.small{font-size:14px;min-height:44px;padding:10px 16px}
.design-v1 :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.design-v1 [id]{scroll-margin-top:24px}
.design-v1 .skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:12px 20px}
.design-v1 .skip-link:focus{top:8px}
.design-v1 header.design-header{min-height:88px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.design-v1 .brand{font-family:Fredoka,'DM Sans',sans-serif;font-size:30px;font-weight:600;letter-spacing:-1px;color:var(--ink)}
.design-v1 .brand span{color:var(--accent)}
.design-v1 .design-header nav{display:flex;align-items:center;gap:28px;flex-wrap:nowrap}
.design-v1 .design-header nav>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--ink);font-weight:600}
.design-v1 .resource-menu{position:relative;margin:0;padding:0;background:none;border:0}
.design-v1 .resource-menu summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:8px;padding:10px 0;font-size:15px;font-weight:600;cursor:pointer;color:var(--ink)}
.design-v1 .resource-menu summary::after{content:'⌄';font-size:17px}
.design-v1 .resource-menu summary::-webkit-details-marker{display:none}
.design-v1 .resource-menu>div{position:absolute;right:0;top:100%;width:240px;background:var(--paper);border:1px solid var(--line-strong);padding:12px;border-radius:10px;z-index:30;box-shadow:0 8px 24px #272a2510}
.design-v1 .resource-menu a{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:15px;border-radius:6px;color:var(--ink)}
.design-v1 .resource-menu a:hover{background:var(--tint)}
.design-v1 .hero,.design-v1 .hero.sales-hero{padding:64px 0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:64px;align-items:center}
.design-v1 .hero h1,.design-v1 .sales-page .sales-hero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.08;letter-spacing:-.045em;max-width:18ch;margin:0 0 24px}
.design-v1 .hero .actions{gap:14px 24px;margin:28px 0 12px}
.design-v1 .hero .lead{max-width:43ch}
.design-v1 .hero .sales-assurance{font-size:14px}
.design-v1 .hero .sample-link,.design-v1 .text-link{font-size:16px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.design-v1 .proof-strip{background:var(--tint);padding:26px 32px;display:flex;gap:32px;align-items:center;justify-content:space-between;border-radius:10px}
.design-v1 .proof-strip h2{font-size:27px;margin:0 0 8px}
.design-v1 .proof-strip p{margin:0;font-size:14px;max-width:74ch}
.design-v1 .proof-strip>a{flex-shrink:0;font-weight:700}
.design-v1 .section,.design-v1 .sales-page .section{padding:64px 0 0;margin:0;border:0}
.design-v1 :is(.section-head,.section-heading){max-width:760px;margin-bottom:28px}
.design-v1 .steps,.design-v1 .steps-six{gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}
.design-v1 .steps li{padding:22px 0 0;border:0;border-top:1px solid var(--line-strong);border-radius:0;background:transparent;display:block}
.design-v1 .steps li::before{display:block;position:static;background:var(--tint);color:var(--accent);margin:0 0 16px;border-radius:50%}
.design-v1 .steps .step-number{display:block;color:var(--accent);margin-bottom:16px}
.design-v1 .steps h3{font-size:22px;margin:0 0 12px}
.design-v1 .steps p{font-size:16px}
.design-v1 .purchase-grid,.design-v1 .sales-page .purchase-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;background:var(--tint);border:0;border-radius:12px;padding:32px;align-items:start}
.design-v1 .purchase-included h2,.design-v1 .sales-page .purchase-grid h2{font-size:34px;margin:0 0 24px}
.design-v1 .purchase-action,.design-v1 .sales-page .purchase-action{padding:26px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}
.design-v1 .purchase-action .price,.design-v1 .sales-page .purchase-action .price{font-family:'DM Sans',sans-serif;font-weight:700;font-size:64px;line-height:1.05;margin:0 0 24px;letter-spacing:-.04em}
.design-v1 .purchase-action .price small{display:block;font-weight:400;font-size:16px;letter-spacing:0;margin-top:12px;line-height:1.5}
.design-v1 .purchase-action :is(button,.button){width:100%;min-height:54px}
.design-v1 .purchase-action .sales-assurance{margin:16px 0;font-weight:700}
.design-v1 .purchase-action .fine,.design-v1 .sales-page .purchase-action .fine{font-size:14px;margin:12px 0 0}
.design-v1 .purchase-action .fine a{color:var(--accent)}
.design-v1 .payment-details{grid-column:1/-1;border-top:1px solid var(--line-strong);padding-top:12px;font-size:14px}
.design-v1 .payment-details p{margin:8px 0}
.design-v1 .ticks{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:16px}
.design-v1 .ticks li{position:relative;padding-left:38px;font-size:17px;line-height:1.5}
.design-v1 .purchase-included .ticks li{font-size:18px}
.design-v1 .faq details,.design-v1 .sales-page .faq details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:0}
.design-v1 .faq summary,.design-v1 .sales-page .faq summary{padding:20px 4px;min-height:64px;font-size:17px;font-weight:700;cursor:pointer}
.design-v1 .faq details p{max-width:75ch;padding:0 4px 18px;margin:0}
.design-v1 .sales-closing,.design-v1 .sales-page .sales-closing{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-top:56px;padding:28px 32px;background:var(--tint);border-radius:10px}
.design-v1 .sales-closing h2{font-size:28px;margin:0 0 8px}
.design-v1 .sales-closing p{font-size:15px;margin:0;max-width:60ch}
.design-v1 .sales-closing>.button{flex-shrink:0}
.design-v1 .alternatives{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
.design-v1 .alternatives article{padding:24px 0;border-top:1px solid var(--line-strong);background:transparent}
.design-v1 .alternatives h3{margin:0 0 12px}
.design-v1 .alternatives p{font-size:16px}
.design-v1 .document{max-width:920px;padding:56px 0 0;margin:0 auto}
.design-v1 .document>p,.design-v1 .document>section>p{max-width:76ch}
.design-v1 .document>h2{margin-top:40px}
.design-v1 .document :is(.eyebrow,.status){display:block;background:none;border:0;padding:0;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.6;margin-bottom:16px;text-transform:uppercase}
.design-v1 .document>h1+.lead{margin-bottom:28px}
.design-v1 :is(.offer-nav,.library-nav){display:flex;gap:12px;flex-wrap:wrap;border-block:1px solid var(--line);padding:12px 0;margin:28px 0}
.design-v1 :is(.offer-nav,.library-nav) a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;background:transparent;border:0;color:var(--accent);font-size:14px;font-weight:700;border-radius:6px}
.design-v1 :is(.offer-nav,.library-nav) a:hover{background:var(--tint)}
.design-v1 :is(.campaign-evidence,.launch-pack-sample,.guide-cta,.offer-bridge,.bridge-top,.library-overview,.helpgrid article,.metrics>div,.lib-step,.library .step,.partner-start){background:var(--tint);border:1px solid var(--line);border-radius:12px;box-shadow:none;color:var(--ink)}
.design-v1 .launch-pack-sample{background:#fff;padding:28px}
.design-v1 .campaign-evidence{margin-top:48px}
.design-v1 .pack-example{border:1px solid var(--line);background:var(--paper);border-radius:8px}
.design-v1 .pack-example summary{min-height:64px;padding:18px;font-size:17px}
.design-v1 .pack-number{background:var(--tint);color:var(--accent)}
.design-v1 :is(.pack-rules,.sample-claim,.run-totals>div,.metrics>div,.rule-quote){background:var(--tint);color:var(--ink)}
.design-v1 .pack-draft{background:#fff;white-space:pre-wrap;font-size:16px;line-height:1.7}
.design-v1 .run-totals strong{font-family:'DM Sans',sans-serif;font-weight:700}
.design-v1 .bridge-top{padding:20px;font-size:15px;line-height:1.7}
.design-v1 .guide-cta{padding:28px;margin:40px 0}
.design-v1 .formbox{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:12px;max-width:560px;margin:56px auto 0;padding:32px}
.design-v1 .formbox h1{font-size:34px;line-height:1.15;margin:0 0 20px}
.design-v1 .formbox form{margin-top:24px}
.design-v1 :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),textarea,select){width:100%;max-width:100%;min-height:48px;background:#fff;border:1px solid #90998c;border-radius:7px;padding:12px 14px;color:var(--ink);font:400 16px/1.5 'DM Sans',sans-serif}
.design-v1 label{font-size:15px;font-weight:600;display:block;margin:18px 0 7px;color:var(--ink)}
.design-v1 label.check,.design-v1 .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.design-v1 input[type=checkbox],.design-v1 input[type=radio]{width:20px;height:20px;flex:0 0 20px;accent-color:var(--accent)}
.design-v1 form button{margin-top:16px}
.design-v1 .formbox form button{width:100%}
.design-v1 .checklist-row button{margin:0}
.design-v1 .buyer-route{padding:16px;background:var(--tint);border-radius:8px;font-size:15px}
.design-v1 .error{color:#8b291c;background:#fff0e9;border:1px solid #ad5748;border-radius:8px}
.design-v1 :is(.notice,.checklist){background:var(--tint);color:var(--ink);border-radius:10px}
.design-v1 table{width:100%;border-collapse:collapse;font-size:15px}
.design-v1 th{background:var(--tint);color:var(--ink);font-size:13px;text-align:left}
.design-v1 td,.design-v1 th{padding:14px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.design-v1 pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.design-v1 code{overflow-wrap:anywhere}
.design-v1 .library .step,.design-v1 .lib-step{padding:28px;margin:28px 0;background:#fff}
.design-v1 .library #launch-pack,.design-v1 .library #network-pack{background:var(--tint)}
.design-v1 .library-overview{padding:20px;margin:24px 0}
.design-v1 .library-overview p{font-size:15px;margin:8px 0}
.design-v1 .library-nav{position:static;background:transparent;box-shadow:none}
.design-v1 .state-page{max-width:700px;min-height:380px}
.design-v1 .state-page .next-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.design-v1 .buybar{background:var(--paper);color:var(--ink);border-top:1px solid var(--line-strong);box-shadow:none;padding-bottom:max(12px,env(safe-area-inset-bottom));}
.design-v1 .buybar b{font-family:'DM Sans',sans-serif;color:var(--ink)}
.design-v1 .sales-proof{margin:48px 0 0;background:var(--tint);border-radius:10px}
.design-v1 .sales-proof .recorded-counter strong{font-family:'DM Sans',sans-serif;color:var(--ink)}
.design-v1 .reddit-access h2{font-size:30px}
.design-v1 .sales-more{border-color:var(--line)!important;border-radius:10px!important}
.design-v1 .sales-more summary{cursor:pointer}
.design-v1 .offer,.design-v1 .plan{border-radius:12px;box-shadow:none}
.design-v1 .offer-main,.design-v1 .plan.kit{border-color:var(--accent);background:#fff}
.design-v1 .offer-price,.design-v1 .plan .price{font-family:'DM Sans',sans-serif;color:var(--ink)}
.design-v1 .offer-tag,.design-v1 .status{background:var(--tint);color:var(--accent)}
.design-v1 .story-card{background:var(--tint);color:var(--ink);border-radius:12px;padding:32px}
.design-v1 .story-card :is(h2,strong,.text-link){color:var(--accent)}
.design-v1 .story-card li{color:var(--ink)}
.design-v1 .story-text{font-size:17px}
.design-v1 .lessons-grid{gap:28px}
.design-v1 footer.shell.site-footer{border-top:1px solid var(--line-strong);margin-top:72px!important;padding:36px 0;color:var(--muted)}
.design-v1 footer :is(p,a){font-size:14px}
.design-v1 footer .brand{font-size:27px}
.design-v1 footer .legal{font-size:12px;color:var(--muted)}
@media(max-width:800px){
 .design-v1 .shell{width:calc(100% - 40px)}
 .design-v1 header.design-header{min-height:78px;gap:12px;padding:14px 0;flex-wrap:wrap}
 .design-v1 .brand{font-size:26px}
 .design-v1 .design-header nav{gap:14px}
 .design-v1 .design-header nav>a.desktop-link{display:none}
 .design-v1 .design-header .resource-menu summary{font-size:13px}
 .design-v1 .design-header .button.small{font-size:12px;padding:10px 12px}
 .design-v1 .hero,.design-v1 .hero.sales-hero{grid-template-columns:1fr;gap:28px;padding:36px 0}
 .design-v1 .hero h1,.design-v1 .sales-page .sales-hero h1{font-size:42px;max-width:19ch;letter-spacing:-.04em}
 .design-v1 .hero .actions{margin-top:24px;gap:8px}
 .design-v1 .hero .actions>.button{width:100%}
 .design-v1 .proof-strip{display:block;padding:24px}
 .design-v1 .proof-strip>a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px}
 .design-v1 .section,.design-v1 .sales-page .section{padding-top:44px}
 .design-v1 .steps,.design-v1 .steps-six{grid-template-columns:1fr;gap:20px}
 .design-v1 .steps li{padding-top:20px}
 .design-v1 .purchase-grid,.design-v1 .sales-page .purchase-grid{grid-template-columns:1fr;padding:20px;gap:24px}
 .design-v1 .purchase-included h2,.design-v1 .sales-page .purchase-grid h2{font-size:29px}
 .design-v1 .purchase-action,.design-v1 .sales-page .purchase-action{padding:22px 18px;border:1px solid var(--line)}
 .design-v1 .purchase-action .price,.design-v1 .sales-page .purchase-action .price{font-size:56px}
 .design-v1 .alternatives{grid-template-columns:1fr;gap:0}
 .design-v1 .document{padding-top:36px;max-width:100%}
 .design-v1 .document h1{font-size:35px;letter-spacing:-.035em}
 .design-v1 .document h2{font-size:28px}
 .design-v1 .formbox{padding:24px 20px;margin-top:32px}
 .design-v1 .formbox h1{font-size:30px}
 .design-v1 :is(.launch-pack-sample,.guide-cta,.library .step,.lib-step){padding:22px 18px}
 .design-v1 .sales-closing,.design-v1 .sales-page .sales-closing{display:block;padding:24px;margin-top:36px}
 .design-v1 .sales-closing>.button{width:100%;margin-top:20px}
 .design-v1 .sales-closing h2{font-size:26px}
 .design-v1 .offer-nav a{font-size:13px;padding-inline:8px}
 .design-v1 .library-nav{gap:4px}
 .design-v1 .library-nav a{padding:8px;font-size:13px}
 .design-v1 .hero :is(.eyebrow,.status){margin-bottom:18px}
 .design-v1 td,.design-v1 th{padding:10px 7px;font-size:13px}
 .design-v1 .proof-stats{gap:20px}
 .design-v1 footer.shell.site-footer{margin-top:48px!important}
}
@media(max-width:480px){
 .design-v1 header.design-header{display:grid;grid-template-columns:1fr auto;gap:8px}
 .design-v1 .design-header nav{gap:10px}
 .design-v1 .design-header .resource-menu{position:static}
 .design-v1 .design-header{position:relative}
 .design-v1 .resource-menu>div{left:0;right:0;top:100%;width:auto}
 .design-v1 .brand{font-size:24px}
 .design-v1 .hero h1,.design-v1 .sales-page .sales-hero h1{font-size:38px}
 .design-v1 .design-header:has(.resource-menu) .brand{grid-column:1}
 .design-v1 .design-header:has(.resource-menu) nav{display:contents}
 .design-v1 .design-header:has(.resource-menu) .resource-menu{grid-column:1;grid-row:2}
 .design-v1 .design-header:has(.resource-menu) nav>.button{grid-column:2;grid-row:1/3}
 .design-v1 .design-header .resource-menu summary{min-height:30px;padding:2px 0}
 .design-v1 .design-header .resource-menu summary:focus-visible{outline-offset:1px}
 .design-v1 .proof-strip h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-v1 *{animation:none!important;transition:none!important}}

:root{--accent:#a73c22;--accent-dark:#7f2915;--tint:#f4e4d7;--blue:#a73c22;--orange:#a73c22;--orange-deep:#a73c22;--lavender:#f4e4d7;--plum:#843921;}

/* Rendered refinement: keep the offer and evidence within the desktop opening. */
.design-v1 .hero,.design-v1 .hero.sales-hero{padding-block:48px}
.design-v1 .document .launch-pack-sample{background:#fff}
.design-v1 .proof-detail{border:0;border-bottom:1px solid var(--line);background:none;padding:0 4px;margin:0}
.design-v1 .proof-detail summary{min-height:48px;padding:12px 0;font-size:14px;cursor:pointer;font-weight:600}
.design-v1 .proof-detail p{font-size:15px;max-width:82ch;margin:0 0 20px}
.design-v1 .resource-terms{font-size:14px;border-top:1px solid var(--line);padding-top:22px;margin-top:36px;color:var(--muted)}
.design-v1 .assure{list-style:none;margin:16px 0;padding:0;display:grid;gap:8px;font-size:14px}
@media(max-width:800px){.design-v1 .hero,.design-v1 .hero.sales-hero{padding-block:32px}}

.design-v1 header.design-header .brand{line-height:1.15}
.design-v1 .resource-menu summary::after{position:static;margin:0;font-size:16px}
.design-v1 .resource-menu summary{justify-content:flex-start}
@media(max-width:480px){.design-v1 header.design-header{gap:4px;padding-block:12px}.design-v1 .resource-menu summary{min-height:36px}.design-v1 .design-header .resource-menu summary{padding:4px 0}.design-v1 .state-page{min-height:0}}

/* Improvement pass (coordinator review 1, 2026-10-04): character back, clarity kept. Byte-identical in both sites;
   site colours come from the body class. Contrast: every text/background pair below is at least 4.5:1, except
   headline accents at 24px+ (3:1 large-text rule). */
/* The bundled Fredoka subset draws "/" as a stray tick and has no "→": those two fall back to DM Sans. */
@font-face{font-family:'Fredoka Display';src:url('fonts/fredoka.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-002E,U+0030-2191,U+2193-10FFFF}
.design-v1.threadfox{--paper:#fff9e9;--ink:#292040;--espresso:#292040;--muted:#55486a;--line:#e5d9c8;--line-strong:#b8a9b4;--accent:#a73c22;--accent-dark:#7f2915;--vivid:#e64c23;--on-vivid:#160e22;--tint:#ffe7d6;--tint-2:#ded7ff;--sun:#ffdf62;--display-accent:#e64c23}
.design-v1.allyotter{--paper:#fff9e9;--ink:#342820;--espresso:#342820;--muted:#5a5249;--line:#ddd8c4;--line-strong:#a9a08f;--accent:#11695e;--accent-dark:#0b5148;--vivid:#11695e;--on-vivid:#fff;--tint:#d0efdd;--tint-2:#a8e0c4;--sun:#ffe08a;--display-accent:#11695e}
.design-v1{background:var(--paper);color:var(--ink)}
/* Display face: rounded Fredoka for headlines, DM Sans for reading. */
.design-v1 :is(h1,h2,.document h1,.formbox h1,.section-head h2,.section-heading h2,.steps h3,.lesson h3,.alternatives h3,.purchase-action .price,.run-totals strong,.recorded-counter strong,.brand){font-family:'Fredoka Display','DM Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}
.design-v1 h1 em,.design-v1 .hero h1 em{color:var(--display-accent)}
/* Primary action: the vivid brand colour with an ink edge, so the label meets 4.5:1. */
.design-v1 :is(.button,button,.nav-buy){background:var(--vivid);color:var(--on-vivid);border:2px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);transition:transform .12s,box-shadow .12s,background-color .12s}
.design-v1 :is(.button,button,.nav-buy):hover{background:var(--vivid);color:var(--on-vivid);border-color:var(--ink);transform:translateY(-1px);box-shadow:0 4px 0 var(--ink)}
.design-v1 :is(.button,button):active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.design-v1 :is(.button.ghost,.button.secondary){background:var(--paper);color:var(--ink);border-color:var(--ink)}
.design-v1 :is(.button.ghost,.button.secondary):hover{background:var(--tint);color:var(--ink)}
.design-v1 button:disabled,.design-v1 .button.is-soon{background:#e2e0da;color:#4f4a44;border-color:#8f887d;box-shadow:none;transform:none}
.design-v1 .resource-menu summary,.design-v1 .faq summary,.design-v1 details>summary{background:none;box-shadow:none;border:0;transform:none}
.design-v1 .checklist-row button,.design-v1 .formbox form button{min-height:50px}

/* Header: tighter on desktop, one row on phones. */
.design-v1 header.design-header{min-height:76px;padding:12px 0}
.design-v1 .design-header .button.small{min-height:44px}

/* Hero: headline, button, terms and the top of the proof band inside the first desktop screen. */
.design-v1 .hero.sales-hero.home-hero,.design-v1 .hero:has(.hero-stage){grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:56px;align-items:center;padding:36px 0 40px}
.design-v1 .hero:has(.hero-stage) h1{font-size:clamp(40px,4.3vw,62px);line-height:1.04;max-width:none;margin:0 0 18px}
.design-v1 .hero:has(.hero-stage) .lead{color:var(--ink);font-size:clamp(18px,1.5vw,21px)}
.design-v1 .hero:has(.hero-stage) .actions{margin:24px 0 10px}
.design-v1 .hero-stage{position:relative;min-width:0;padding-top:92px}
.design-v1 .hero-stage picture{display:contents}
.design-v1 .hero-mascot{position:absolute;z-index:2;top:0;right:12px;width:184px;height:184px;object-fit:cover;object-position:50% 46%;border:2px solid var(--ink);border-radius:26px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);transform:rotate(3deg)}
.design-v1 .pack-excerpt{position:relative;margin:0;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:22px 24px 18px;box-shadow:9px 9px 0 var(--tint-2);font-size:15px;line-height:1.55;color:var(--ink)}
.design-v1 .excerpt-label{margin:0 0 4px;max-width:calc(100% - 200px);font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.design-v1 .pack-excerpt .excerpt-community{font-size:30px;line-height:1.1;margin:0 0 14px;max-width:calc(100% - 200px)}
.design-v1 .excerpt-rule{margin:0 0 14px;padding:12px 14px;background:var(--sun);border-radius:10px}
.design-v1 .excerpt-rule p{margin:0}
.design-v1 .excerpt-rule q{font-weight:700;font-size:16px;quotes:'“' '”'}
.design-v1 .excerpt-source{font-size:13px;color:var(--ink)}
.design-v1 .excerpt-angle{margin:0 0 14px}
.design-v1 .excerpt-draft{border-top:2px dashed var(--line-strong);padding-top:12px}
.design-v1 .excerpt-draft p{margin:0 0 6px}
.design-v1 .excerpt-draft .excerpt-draft-title{font-weight:700;font-size:16px;line-height:1.35}
.design-v1 .pack-excerpt figcaption{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.design-v1 .pack-excerpt figcaption a{font-weight:700;color:var(--accent);white-space:nowrap}
.design-v1 .excerpt-meta{margin:-6px 0 12px;font-size:14px;color:var(--muted)}
.design-v1 .excerpt-findings{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.design-v1 .excerpt-findings li{padding:10px 12px 10px 14px;border-radius:10px;border-left:5px solid var(--ink);background:var(--tint)}
.design-v1 .excerpt-findings li.blocker{background:#ffe3d8;border-left-color:#a3341d}
.design-v1 .excerpt-findings li span{display:block;margin-top:4px;font-size:14px}

/* Proof band and closes in the brand tints. */
.design-v1 .proof-strip,.design-v1 .sales-closing{background:var(--tint);border:2px solid var(--ink);border-radius:18px}
.design-v1 .proof-strip p,.design-v1 .sales-closing p{color:var(--ink)}

/* Reddit access is changing: a news band near the top of the ThreadFox home page. */
.design-v1 .home-hero~.reddit-access,.design-v1 .proof-strip~.reddit-access{margin-top:48px;padding:40px 44px;background:var(--ink);color:#fff9e9;border-radius:22px}
.design-v1 .proof-strip~.reddit-access .section-head{max-width:none;margin-bottom:16px}
.design-v1 .proof-strip~.reddit-access h2{color:#fff9e9;font-size:clamp(28px,3vw,40px);max-width:24ch}
.design-v1 .proof-strip~.reddit-access .eyebrow{color:var(--sun);font-weight:700;letter-spacing:.1em}
.design-v1 .proof-strip~.reddit-access p{max-width:72ch;color:#fff9e9}
.design-v1 .proof-strip~.reddit-access .fine{color:#ddd5ea}
.design-v1 .proof-strip~.reddit-access a:not(.button){color:var(--sun)}
.design-v1 .proof-strip~.reddit-access .button{border-color:var(--sun);box-shadow:0 3px 0 var(--sun)}

/* Purchase: inclusions that carry weight, no gap above the button. */
.design-v1 .purchase-grid,.design-v1 .sales-page .purchase-grid{background:var(--tint);border:2px solid var(--ink);border-radius:20px}
.design-v1 .purchase-action,.design-v1 .sales-page .purchase-action{border:2px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--tint-2)}
.design-v1 .purchase-included,.design-v1 .purchase-included p{color:var(--ink)}
.design-v1 .ticks.included-list{gap:14px;margin:8px 0 20px}
.design-v1 .ticks.included-list li{margin:0;padding:0 0 0 38px;font-size:17px;line-height:1.5;color:var(--ink)}
.design-v1 .ticks.included-list li b{font-weight:700}
.design-v1 .ticks li::before{content:'';position:absolute;left:0;top:1px;width:24px;height:24px;box-sizing:border-box;border:2px solid var(--ink);border-radius:50%;background:var(--vivid) var(--tick) center/13px 13px no-repeat;transform:none}
.design-v1.threadfox{--tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23160e22' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.design-v1.allyotter{--tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.design-v1 .included-note{font-size:15px;margin:0}
.design-v1 .purchase-action .price,.design-v1 .sales-page .purchase-action .price{margin:0 0 14px;font-size:68px;line-height:1}
.design-v1 .purchase-action .price small{margin-top:6px;font-family:'DM Sans',sans-serif;color:var(--ink)}
.design-v1 .purchase-action form,.design-v1 .purchase-action form button{margin-top:0}
.design-v1 .purchase-action h3{margin:0 0 8px}
.design-v1 .purchase-action .fine,.design-v1 .payment-details,.design-v1 .payment-details p{color:var(--ink)}

/* Secondary text on tinted panels keeps 4.5:1. */
.design-v1 :is(.fine,.note,.footnote,.hero-note,.sales-assurance,.lead,.metric-limits,.evidence-date){color:var(--muted)}
.design-v1 :is(.proof-strip,.purchase-grid,.sales-closing,.sales-proof,.checklist,.notice,.campaign-evidence,.guide-cta,.offer-bridge,.bridge-top,.library-overview,.helpgrid article,.partner-start,.story-card,.buyer-route,.pack-rules,.rule-quote) :is(p,li,small,.fine,.note,.footnote,.sales-assurance){color:var(--ink)}

.design-v1 .partner-band :is(h2,h3){color:#fff9e9}
.design-v1 .managed-card img{border:2px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);background:var(--paper)}
@media(max-width:800px){
 .design-v1 header.design-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:10px 0;position:relative}
 .design-v1 .design-header nav,.design-v1 .design-header:has(.resource-menu) nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
 .design-v1 .design-header:has(.resource-menu) .resource-menu{order:2;grid-column:auto;grid-row:auto;position:static}
 .design-v1 .design-header:has(.resource-menu) nav>.button{grid-column:auto;grid-row:auto}
 .design-v1 .design-header .resource-menu summary{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border:2px solid var(--ink);border-radius:12px;font-size:0}
 .design-v1 .design-header .resource-menu summary::after{content:'';width:18px;height:12px;margin:0;background:linear-gradient(var(--ink),var(--ink)) 0 0/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 50%/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 100%/100% 2px no-repeat}
 .design-v1 .design-header .resource-menu[open] summary{background:var(--tint)}
 .design-v1 .design-header .menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .design-v1 .design-header .resource-menu>div{left:0;right:0;top:100%;width:auto}
 .design-v1 .design-header .button.small{font-size:13px;padding:8px 12px;min-height:44px;white-space:nowrap}
 .design-v1 .brand{font-size:25px;white-space:nowrap}
 .design-v1 .hero.sales-hero.home-hero,.design-v1 .hero:has(.hero-stage){grid-template-columns:1fr;gap:32px;padding:24px 0 32px}
 .design-v1 .hero:has(.hero-stage) h1{font-size:clamp(30px,8.7vw,48px);margin-bottom:14px}
 .design-v1 .hero:has(.hero-stage) .lead{font-size:18px;margin-bottom:0}
 .design-v1 .hero:has(.hero-stage) .actions{margin:20px 0 6px;gap:4px}
 .design-v1 .hero-stage{padding-top:98px}
 .design-v1 .hero-mascot{width:116px;height:116px;right:10px;border-radius:20px;box-shadow:4px 4px 0 var(--ink)}
 .design-v1 .pack-excerpt{padding:26px 18px 16px;box-shadow:6px 6px 0 var(--tint-2)}
 .design-v1 .excerpt-label,.design-v1 .pack-excerpt .excerpt-community{max-width:none}
 .design-v1 .pack-excerpt .excerpt-community{font-size:25px}
 .design-v1 .home-hero~.reddit-access,.design-v1 .proof-strip~.reddit-access{padding:28px 22px;margin-top:36px;border-radius:18px}
 .design-v1 .proof-strip~.reddit-access .actions .button{width:100%}
 .design-v1 .ticks.included-list li{font-size:16px}
 .design-v1 .purchase-action .price,.design-v1 .sales-page .purchase-action .price{font-size:58px}
}
@media(max-width:400px){
 .design-v1 header.design-header .brand{font-size:22px;letter-spacing:-.5px}
 .design-v1 .design-header nav,.design-v1 .design-header:has(.resource-menu) nav{gap:6px}
 .design-v1 .design-header .button.small{font-size:12.5px;padding:8px 10px}
 .design-v1 .design-header .resource-menu summary{width:42px}
}
@media(max-width:340px){
 .design-v1 header.design-header{flex-wrap:wrap;row-gap:8px}
 .design-v1 .design-header nav,.design-v1 .design-header:has(.resource-menu) nav{flex:1 1 100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.design-v1 :is(.button,button){transition:none}.design-v1 :is(.button,button):hover,.design-v1 :is(.button,button):active{transform:none}}

/* Final pass: readable installation, inline field errors and a compact sample close. */
.design-v1 .library .command{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:none;overflow:visible;user-select:text;-webkit-user-select:text}
.design-v1 .library .install-grid{display:grid;grid-template-columns:1fr;gap:18px}
.design-v1 .library .install-block{padding:20px;background:var(--tint);border-radius:16px;margin:18px 0}
.design-v1 .field-error{color:#922b19;font-size:15px;line-height:1.5;margin:8px 0 18px}
.design-v1 .field-error:empty{display:none}
.design-v1 input[aria-invalid="true"]{border:2px solid #922b19}
.design-v1 .sample-purchase{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}
.design-v1 .sample-purchase p{margin:0;font-size:14px}
@media(min-width:1100px){.design-v1.allyotter .hero:has(.hero-stage) h1{font-size:52px}}
@media(max-width:800px){
 .design-v1 .sample-purchase .button{width:100%}
 .design-v1.threadfox .purchase-action{order:-1}
}

.design-v1 .design-header nav>a:not(.button){white-space:nowrap}
.design-v1.allyotter .case .partner-start th:last-child,.design-v1.allyotter .jv .rates th:nth-child(2){white-space:nowrap}