/* Source of truth: the visual design of /packs/. Shared tokens, scoped by layout family. */
:root{--pw-cream:#f7f2e8;--pw-ink:#101615;--pw-green:#087b5b;--pw-orange:#d9693b;--pw-line:#d9d3c6;--pw-white:#fffdf8;--pw-muted:#34403d;--pw-yellow:#f4c85a}
html[data-design] {scroll-behavior:smooth}
html[data-design] * {box-sizing:border-box}
html[data-design] a:focus-visible,html[data-design] button:focus-visible,html[data-design] input:focus-visible,html[data-design] textarea:focus-visible,html[data-design] select:focus-visible{outline:3px solid var(--pw-orange);outline-offset:3px}
html[data-design] img,html[data-design] video{max-width:100%}
/* The source layout already uses Fraunces/Inter; preserve its spacing and structure. */
html[data-design="offer"] .brand {letter-spacing:-.035em}
/* Legacy Next/Tailwind pages: keep their content and responsive layout, unify tokens/type/actions. */
html[data-design="corporate"]{--bg:40 48% 94%;--surface:43 100% 99%;--border:41 20% 81%;--ink:170 16% 7%;--muted:165 10% 23%;--primary:163 88% 26%;--primary-fg:0 0% 100%;--accent:163 88% 26%;--accent-fg:0 0% 100%;--font-sans:Inter,Arial,sans-serif;--font-display:Fraunces,Georgia,serif;--radius:18px;--brand:var(--pw-green);--mint:var(--pw-white);--cream:var(--pw-cream)}
html[data-design="corporate"] body{background:var(--pw-cream);color:var(--pw-ink);font-family:Inter,Arial,sans-serif}
html[data-design="corporate"] .h-display,html[data-design="corporate"] h1,html[data-design="corporate"] h2{font-family:Fraunces,Georgia,serif}
html[data-design="corporate"] header .brand-ia,html[data-design="corporate"] .brand-ia{color:var(--pw-green)}
html[data-design="corporate"] header{border-color:var(--pw-line)}
html[data-design="corporate"] :is(.bg-accent,.bg-primary){background-color:var(--pw-green)}
html[data-design="corporate"] :is(.bg-accent,.bg-primary):hover{filter:brightness(.94)}
html[data-design="corporate"] :is(.text-accent,.text-primary){color:var(--pw-green)}
html[data-design="corporate"] :is(.border-accent,.border-primary){border-color:var(--pw-green)}
html[data-design="corporate"] :is(.bg-surface,.bg-bg\/60,.bg-bg\/70){background-color:var(--pw-white)}
html[data-design="corporate"] :is(a.inline-flex,button.inline-flex){border-radius:999px}
html[data-design="corporate"] .text-muted{color:var(--pw-muted)}
/* Audit funnel: replace its isolated mint/forest palette without touching form logic. */
html[data-design="audit"]{--cream:var(--pw-cream);--paper:var(--pw-white);--ink:var(--pw-ink);--muted:var(--pw-muted);--orange:var(--pw-orange);--orange-dark:#bd542d;--mint:var(--pw-white);--line:var(--pw-line)}
html[data-design="audit"] body{background-color:var(--pw-cream);background-image:none;color:var(--pw-ink);font-family:Inter,Arial,sans-serif}
html[data-design="audit"] :is(h1,h2,h3){font-family:Fraunces,Georgia,serif}
html[data-design="audit"] .logo b{color:var(--pw-green)}
html[data-design="audit"] .btn{background:var(--pw-green);color:#fff;border-radius:999px}
html[data-design="audit"] .nav{border-color:var(--pw-line)}
/* Dedicated diagnostic and dossier: visual changes only. No scoring, pricing or form edits. */
html[data-design="diagnostic"]{--ink:var(--pw-ink);--muted:var(--pw-muted);--soft:#65706d;--paper:var(--pw-cream);--panel:var(--pw-white);--panel-strong:var(--pw-white);--line:var(--pw-line);--line-strong:var(--pw-line);--green:var(--pw-green);--green-strong:#066b50;--mint:#e7f2ed;--blue:var(--pw-ink);--blue-soft:#ebe6dc;--yellow:var(--pw-yellow);--coral:var(--pw-orange)}
html[data-design="diagnostic"] body{background:var(--pw-cream);color:var(--pw-ink);font-family:Inter,Arial,sans-serif}
html[data-design="diagnostic"] body.panel-body{background:var(--pw-cream)}
html[data-design="diagnostic"] .site-header{background:rgba(247,242,232,.96);border-color:var(--pw-line)}
html[data-design="diagnostic"] :is(h1,h2,h3){font-family:Fraunces,Georgia,serif}
html[data-design="diagnostic"] .brand .dot{color:var(--pw-green)}
html[data-design="diagnostic"] :is(.btn,.card,.panel){border-radius:18px}
html[data-design="diagnostic"] .btn.primary{border-radius:999px;background:var(--pw-green);color:white}
/* Small confirmation pages are still pages, not a fourth colour system. */
html[data-design="confirmation"] body{background:var(--pw-cream);color:var(--pw-ink);font-family:Inter,Arial,sans-serif}
html[data-design="confirmation"] .card{background:var(--pw-white);border:1px solid var(--pw-line);border-radius:20px;box-shadow:10px 10px 0 var(--pw-ink);width:min(650px,calc(100% - 32px));padding:clamp(24px,5vw,50px)}
html[data-design="confirmation"] h1{font-family:Fraunces,Georgia,serif;font-size:clamp(34px,6vw,48px)}
html[data-design="confirmation"] a{color:var(--pw-green)}
/* The diagnostic originally separated the wordmark into flex items. It is one word. */
html[data-design="diagnostic"] .brand{gap:0;white-space:nowrap}
html[data-design="diagnostic"] .brand small{margin-left:10px;white-space:normal}
/* Honest presentation panel in place of the outdated Pitchableme video. */
html[data-design="diagnostic"] .pw-preview{min-height:300px;background:var(--pw-ink);color:var(--pw-white);padding:clamp(24px,5vw,44px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
html[data-design="diagnostic"] .pw-preview-label{font-size:12px!important;font-weight:800;letter-spacing:.13em;color:var(--pw-yellow)}
html[data-design="diagnostic"] .pw-preview h2{font-size:clamp(30px,4vw,47px);line-height:1.08;margin:0;color:var(--pw-white)}
html[data-design="diagnostic"] .pw-preview p{margin:0;max-width:36ch;color:#d9dedb}
html[data-design="diagnostic"] .pw-preview-action{display:inline-block;background:var(--pw-green);color:white;padding:12px 18px;border-radius:999px;font-weight:800;text-decoration:none}

/* add-assets: video */
html[data-design="diagnostic"] .pw-video{display:block;width:100%;aspect-ratio:16/9;background:#101615;border-radius:0}
html[data-design="diagnostic"] .video-block{overflow:hidden}

/* ===== 2026-09-28 unification: one chrome, one type scale, one footer ===== */
/* Type scale: Fraunces display everywhere (reference: /auditoria/ display weight). */
html[data-design] h1{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.045em;line-height:1.04;font-size:clamp(2.5rem,5.4vw,4.25rem)}
html[data-design] h2{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.03em;line-height:1.08;font-size:clamp(1.9rem,3.4vw,2.9rem)}
html[data-design] h3{font-family:Fraunces,Georgia,serif;font-weight:700}
/* Header */
html[data-design] .pw-header{position:sticky;top:0;z-index:60;background:rgba(247,242,232,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--pw-line)}
html[data-design] .pw-header-inner{width:min(1160px,calc(100% - 40px));margin:0 auto;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
html[data-design] .pw-logo{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:24px;letter-spacing:-.03em;color:var(--pw-ink);text-decoration:none;white-space:nowrap}
html[data-design] .pw-logo-ia{color:var(--pw-green)}
html[data-design] .pw-nav{display:flex;align-items:center;gap:26px}
html[data-design] .pw-nav a{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--pw-muted);text-decoration:none;transition:color .15s}
html[data-design] .pw-nav a:hover{color:var(--pw-ink)}
html[data-design] .pw-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:999px;background:var(--pw-green);color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:filter .15s}
html[data-design] .pw-cta:hover{filter:brightness(.94)}
html[data-design] .pw-burger{display:none;width:42px;height:42px;border:1px solid var(--pw-line);border-radius:10px;background:transparent;color:var(--pw-ink);font-size:20px;line-height:1;cursor:pointer}
html[data-design] .pw-mobile-nav{display:none}
@media(max-width:960px){
  html[data-design] .pw-nav,html[data-design] .pw-cta{display:none}
  html[data-design] .pw-burger{display:inline-flex;align-items:center;justify-content:center}
  html[data-design] .pw-mobile-nav{display:block;border-top:1px solid var(--pw-line);background:var(--pw-cream);padding:10px 20px 18px;box-shadow:0 16px 28px rgba(16,22,21,.08)}
  html[data-design] .pw-mobile-nav[hidden]{display:none}
  html[data-design] .pw-mobile-nav a{display:block;padding:11px 4px;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:600;color:var(--pw-ink);text-decoration:none;border-bottom:1px solid var(--pw-line)}
  html[data-design] .pw-mobile-nav a.pw-mobile-cta{display:inline-flex;margin-top:12px;padding:12px 20px;border:0;border-radius:999px;background:var(--pw-green);color:#fff;font-weight:700}
}
/* Footer */
html[data-design] .pw-footer{border-top:1px solid var(--pw-line);background:var(--pw-white);font-family:Inter,Arial,sans-serif}
html[data-design] .pw-footer-grid{width:min(1160px,calc(100% - 40px));margin:0 auto;display:grid;gap:36px;padding:52px 0;grid-template-columns:1fr}
@media(min-width:700px){html[data-design] .pw-footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){html[data-design] .pw-footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
html[data-design] .pw-footer-logo{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:21px;margin:0;color:var(--pw-ink)}
html[data-design] .pw-footer-blurb{margin:12px 0 0;max-width:34ch;font-size:14px;line-height:1.6;color:var(--pw-muted)}
html[data-design] .pw-footer-addr{margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--pw-muted)}
html[data-design] .pw-footer-h{margin:0;font-size:14px;font-weight:700;color:var(--pw-ink)}
html[data-design] .pw-footer-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
html[data-design] .pw-footer-list a{font-size:14px;color:var(--pw-muted);text-decoration:none}
html[data-design] .pw-footer-list a:hover{color:var(--pw-ink)}
html[data-design] .pw-footer-note{margin:14px 0 0;font-size:12px;color:var(--pw-muted)}
html[data-design] .pw-footer-bar{border-top:1px solid var(--pw-line);width:min(1160px,calc(100% - 40px));margin:0 auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:20px 0;font-size:12px;color:var(--pw-muted)}
html[data-design] .pw-footer-bar p{margin:0}
html[data-design] .pw-footer-legal{display:flex;gap:16px}
html[data-design] .pw-footer-legal a{color:var(--pw-muted);text-decoration:none}
html[data-design] .pw-footer-legal a:hover{color:var(--pw-ink)}
/* Home band (replaces the old mint inline island) */
html[data-design] .pw-band{background:var(--pw-ink);color:var(--pw-cream);text-align:center;padding:clamp(44px,7vw,64px) 24px}
html[data-design] .pw-band-inner{max-width:880px;margin:0 auto}
html[data-design] .pw-band-eyebrow{font-family:Inter,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--pw-yellow);margin:0}
html[data-design] .pw-band-title{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(30px,4.6vw,52px);letter-spacing:-.04em;line-height:1.06;margin:14px 0;color:var(--pw-cream)}
html[data-design] .pw-band-text{font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.55;color:#d9dedb;margin:0 auto;max-width:60ch}
html[data-design] .pw-band-btn{display:inline-block;background:var(--pw-green);color:#fff;padding:14px 22px;border-radius:999px;text-decoration:none;font-family:Inter,Arial,sans-serif;font-weight:800;margin-top:20px}
html[data-design] .pw-band-btn:hover{filter:brightness(.94)}

/* 2026-09-28: button contrast, brand accents and ordered process */
html[data-design="corporate"] .pw-cta-band a.pw-band-primary{background:var(--pw-white);color:var(--pw-green);border:1.5px solid var(--pw-white);box-shadow:0 4px 16px rgba(16,22,21,.12);font-weight:700;min-height:48px}
html[data-design="corporate"] .pw-cta-band a.pw-band-secondary{background:transparent;color:var(--pw-white);border:1.5px solid var(--pw-white);box-shadow:none;font-weight:700;min-height:48px}
html[data-design="corporate"] .pw-cta-band a.pw-band-primary:hover{background:var(--pw-cream)}
html[data-design="corporate"] .pw-cta-band a.pw-band-secondary:hover{background:rgba(255,255,255,.12)}
html[data-design="offer"] .steps{counter-reset:s}
html[data-design="offer"] .step:before{counter-increment:s;content:counter(s, decimal-leading-zero);color:var(--pw-orange)}
html[data-design] .pw-band-eyebrow{color:var(--pw-orange)}
html[data-design="diagnostic"] .pw-preview-label{color:var(--pw-orange)}
@media(max-width:600px){html[data-design="corporate"] .pw-cta-band a.pw-band-primary,html[data-design="corporate"] .pw-cta-band a.pw-band-secondary{width:100%;max-width:350px}}