/* ═══════════════════════════════════════════════════
   GROUNDWORK — SHARED STYLESHEET
   Structure over inspiration.
═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;1,300&family=DM+Mono:wght@300;400;500&display=swap');

:root {
  --navy:#1A2530;--navy-deep:#111a22;--navy-mid:#223040;
  --steel:#3C5568;--amber:#B87A20;--amber-bright:#D4961F;
  --stone:#8A8278;--offwhite:#F5F2EC;--paper:#EDEAE3;
  --faint:rgba(26,37,48,0.10);--faint-mid:rgba(26,37,48,0.05);
  --wf:rgba(245,242,236,0.08);--wm:rgba(245,242,236,0.55);
}

*{margin:0;padding:0;box-sizing:border-box;}
a{color:inherit;text-decoration:none;}
a:hover{text-decoration:none;}
html{scroll-behavior:smooth;}
body{background:var(--offwhite);color:var(--navy);font-family:'Barlow',sans-serif;font-weight:400;line-height:1.65;font-size:16px;overflow-x:hidden;}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:2px solid var(--amber);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:76px;}
.nav-logo{display:flex;align-items:center;gap:16px;cursor:pointer;text-decoration:none;}
.nav-mark{display:flex;flex-direction:column;gap:3px;}
.nav-wordmark{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:38px;letter-spacing:.06em;text-transform:uppercase;color:var(--offwhite);line-height:1;}
.nav-sub{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);}
/* Logo on light backgrounds — swap to slate blue cells */
.nav-logo.on-light .nav-icon rect[fill="none"]{stroke:#2E4E6A !important;}
.nav-divider{width:1px;height:36px;background:rgba(184,122,32,.35);}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;}
.nav-links a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,242,236,.5);text-decoration:none;padding:6px 11px;transition:color .2s;cursor:pointer;}
.nav-links a:hover,.nav-links a.active{color:var(--offwhite);}
.nav-links a.nav-free{color:var(--amber) !important;}
.nav-cta{background:var(--amber) !important;color:var(--navy) !important;font-weight:500 !important;padding:8px 16px !important;}
.nav-cta:hover{background:var(--amber-bright) !important;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.hamburger span{display:block;width:24px;height:1.5px;background:var(--offwhite);}

/* ── BUTTONS ── */
.btn-primary{background:var(--amber);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s;}
.btn-primary:hover{background:var(--amber-bright);}
.btn-ghost{border:1px solid rgba(245,242,236,.2);color:var(--offwhite);font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;background:transparent;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .2s,color .2s;}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber);}
.btn-ghost-dark{border:1px solid rgba(26,37,48,.2);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;background:transparent;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .2s,color .2s;}
.btn-ghost-dark:hover{border-color:var(--amber);color:var(--amber);}
.btn-buy{display:block;width:100%;background:var(--amber);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;padding:16px;border:none;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s;margin-bottom:8px;}
.btn-buy:hover{background:var(--amber-bright);}
.btn-buy-direct{display:block;width:100%;background:var(--steel);color:var(--offwhite);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;padding:16px;border:none;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s;margin-bottom:8px;}
.btn-buy-direct:hover{background:var(--navy-mid);}
.btn-notion{display:block;width:100%;border:1px solid rgba(245,242,236,.2);color:var(--offwhite);font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:13px;background:transparent;cursor:pointer;text-align:center;text-decoration:none;transition:border-color .2s;}
.btn-notion:hover{border-color:var(--amber);color:var(--amber);}

/* ── TICKER ── */
.ticker{background:var(--amber);padding:13px 0;overflow:hidden;}
.ticker-inner{display:flex;animation:tick 38s linear infinite;white-space:nowrap;}
.ticker-item{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);flex-shrink:0;padding:0 24px;}
.ticker-dot{color:rgba(26,37,48,.35);flex-shrink:0;}
@keyframes tick{0%{transform:translateX(0);}100%{transform:translateX(-50%)}}

/* ── FREE BANNER ── */
.free-banner{background:var(--offwhite);border-bottom:1px solid var(--faint);padding:0 48px;}
.free-banner-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;padding:22px 0;gap:32px;}
.free-banner-icon{width:40px;height:40px;background:var(--amber);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.free-banner-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);}
.free-banner-sub{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em;color:var(--stone);margin-top:2px;}

/* ── SECTION SHARED ── */
.section-wrap{max-width:1100px;margin:0 auto;padding:0 48px;}
.section-eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:12px;display:flex;align-items:center;gap:12px;}
.section-eyebrow::before{content:'';width:24px;height:2px;background:var(--amber);}
.section-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(34px,4.5vw,60px);text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:.93;margin-bottom:20px;}
.section-title.light{color:var(--offwhite);}
.section-body{font-size:16px;font-weight:300;color:var(--steel);line-height:1.75;max-width:640px;}

/* ── PRODUCT CARD ── */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--faint);}
.product-card{background:var(--offwhite);padding:26px 22px;cursor:pointer;transition:background .15s;position:relative;overflow:hidden;text-decoration:none;display:block;}
.product-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.product-card:hover{background:#fff;}
.product-card:hover::after{transform:scaleX(1);}
.pc-num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:36px;color:var(--amber);opacity:.22;position:absolute;top:18px;right:18px;line-height:1;}
.pc-pillar{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:4px;opacity:.8;}
.pc-wave{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:8px;}
.pc-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:4px;line-height:1.1;}
.pc-tag{font-family:'DM Mono',monospace;font-size:10px;color:var(--stone);font-style:italic;margin-bottom:10px;}
.pc-desc{font-size:12.5px;color:var(--steel);line-height:1.55;margin-bottom:14px;}
.pc-footer{display:flex;align-items:center;justify-content:space-between;}
.pc-price{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;color:var(--navy);}
.pc-link{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);}
.pc-link::after{content:' →';}
.pc-new{position:absolute;top:12px;left:12px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase;background:var(--amber);color:var(--navy);padding:2px 7px;}

/* BUNDLE BAR */
.bundle-bar{background:var(--navy);padding:36px 48px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;margin-top:2px;}
.bundle-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.03em;color:var(--offwhite);margin-bottom:6px;}
.bundle-body{font-size:13.5px;color:rgba(245,242,236,.5);max-width:540px;line-height:1.6;}
.bundle-right{text-align:right;}
.bundle-was{font-family:'DM Mono',monospace;font-size:10px;color:rgba(245,242,236,.25);text-decoration:line-through;letter-spacing:.06em;}
.bundle-price{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:52px;color:var(--amber);line-height:1;}
.bundle-save{font-family:'DM Mono',monospace;font-size:10px;color:var(--amber);letter-spacing:.08em;text-transform:uppercase;}

/* ── PRODUCT DETAIL ── */
.product-hero{background:var(--navy);padding:64px 64px 48px;position:relative;}
.product-hero::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--amber);}
.product-hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;}
.p-breadcrumb{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,242,236,.3);margin-bottom:16px;}
.p-breadcrumb a{color:rgba(245,242,236,.3);text-decoration:none;}
.p-breadcrumb a:hover{color:var(--amber);}
.p-wave{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;}
.p-pillar-tag{display:inline-block;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;background:rgba(184,122,32,.2);color:var(--amber);border:1px solid rgba(184,122,32,.3);margin-bottom:14px;}
.p-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(40px,5vw,72px);text-transform:uppercase;letter-spacing:.02em;color:var(--offwhite);line-height:.9;margin-bottom:8px;}
.p-tagline{font-family:'DM Mono',monospace;font-size:11px;color:rgba(245,242,236,.38);font-style:italic;margin-bottom:18px;}
.p-desc{font-size:16px;font-weight:300;color:rgba(245,242,236,.58);line-height:1.7;max-width:580px;}
.p-price{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:64px;color:var(--amber);line-height:1;}
.p-pages{font-family:'DM Mono',monospace;font-size:10px;color:rgba(245,242,236,.28);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;}
.p-detail-body{max-width:1100px;margin:0 auto;padding:64px 48px;display:grid;grid-template-columns:1fr 320px;gap:64px;}
.p-pages-title{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;margin-top:24px;}
.p-page-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--faint);font-size:13.5px;color:var(--steel);line-height:1.45;}
.p-page-item::before{content:'';width:16px;height:1px;background:var(--amber);margin-top:9px;flex-shrink:0;}
.p-page-item:last-child{border-bottom:none;}

/* SIDEBAR */
.sidebar-card{background:var(--navy);padding:28px;position:sticky;top:90px;}
.sidebar-price{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:44px;color:var(--amber);line-height:1;margin-bottom:4px;}
.sidebar-formats{font-family:'DM Mono',monospace;font-size:9px;color:rgba(245,242,236,.28);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;}
.sidebar-feats{margin-bottom:20px;}
.sidebar-feat{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--wf);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.04em;color:rgba(245,242,236,.48);}
.sidebar-feat::before{content:'';width:10px;height:1px;background:var(--amber);flex-shrink:0;}
.sidebar-pillar{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);padding:5px 10px;border:1px solid rgba(184,122,32,.3);display:inline-block;margin-bottom:16px;}

/* ── BACK BTN ── */
.back-btn{display:flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);cursor:pointer;padding:14px 48px;background:var(--paper);border-bottom:1px solid var(--faint);text-decoration:none;}
.back-btn::before{content:'← ';}

/* ── PILLAR CARDS ── */
.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:rgba(245,242,236,.05);}
.pillar-card{background:var(--navy);padding:44px 36px;position:relative;overflow:hidden;}
.pillar-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.pillar-card:hover::after{transform:scaleX(1);}
.pillar-card-letter{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:96px;color:var(--amber);opacity:.10;line-height:1;position:absolute;top:12px;right:20px;}
.pillar-card-tag{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:12px;}
.pillar-card-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:34px;text-transform:uppercase;letter-spacing:.03em;color:var(--offwhite);line-height:1;margin-bottom:6px;}
.pillar-card-method{font-family:'DM Mono',monospace;font-size:10px;color:rgba(245,242,236,.28);letter-spacing:.06em;margin-bottom:18px;font-style:italic;}
.pillar-card-body{font-size:14px;color:rgba(245,242,236,.52);line-height:1.7;margin-bottom:20px;}
.pillar-tools{display:flex;flex-wrap:wrap;gap:6px;}
.pillar-tool-tag{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;background:rgba(184,122,32,.15);color:var(--amber);border:1px solid rgba(184,122,32,.2);}

/* ── VALUE CARDS ── */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--faint);}
.value-card{background:var(--offwhite);padding:30px 26px;}
.value-bar{width:32px;height:2px;background:var(--amber);margin-bottom:18px;}
.value-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);margin-bottom:8px;}
.value-body{font-size:13.5px;color:var(--steel);line-height:1.65;}

/* ── TESTIMONIALS ── */
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--faint);}
.test-card{background:var(--offwhite);padding:30px 26px;}
.test-stars{display:flex;gap:3px;margin-bottom:14px;}
.test-star{width:11px;height:11px;background:var(--amber);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);}
.test-body{font-size:14px;color:var(--steel);line-height:1.7;font-style:italic;margin-bottom:18px;font-weight:300;}
.test-attr strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--navy);text-transform:uppercase;margin-bottom:1px;}
.test-attr{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.06em;color:var(--stone);}

/* ── HOW GRID ── */
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(245,242,236,.04);}
.how-card{background:var(--navy-deep);padding:30px 22px;}
.how-step{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:52px;color:var(--amber);opacity:.15;line-height:1;margin-bottom:10px;}
.how-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--offwhite);margin-bottom:8px;}
.how-body{font-size:13px;color:rgba(245,242,236,.42);line-height:1.6;}

/* ── LEGAL ── */
.legal-hero{background:var(--navy);padding:64px 64px 48px;position:relative;}
.legal-hero::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber);}
.legal-wrap{max-width:780px;margin:0 auto;padding:64px 48px;}
.legal-h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin:28px 0 10px;}
.legal-h2:first-child{margin-top:0;}
.legal-p{font-size:14.5px;color:var(--steel);line-height:1.75;margin-bottom:14px;font-weight:300;}

/* ── DIGITAL PLATFORM CARDS ── */
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(245,242,236,.05);}
.platform-card{background:rgba(245,242,236,.03);padding:32px 28px;border-top:3px solid transparent;transition:border-color .2s;}
.platform-card:hover,.platform-card.primary{border-top-color:var(--amber);}
.platform-badge{display:inline-block;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;background:rgba(184,122,32,.2);color:var(--amber);border:1px solid rgba(184,122,32,.3);margin-bottom:12px;}
.platform-badge.sec{background:rgba(245,242,236,.06);color:rgba(245,242,236,.38);border-color:rgba(245,242,236,.1);}
.platform-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.03em;color:var(--offwhite);line-height:1;margin-bottom:5px;}
.platform-users{font-family:'DM Mono',monospace;font-size:9px;color:rgba(245,242,236,.28);letter-spacing:.06em;margin-bottom:14px;}
.platform-desc{font-size:13.5px;color:rgba(245,242,236,.48);line-height:1.7;margin-bottom:16px;}
.platform-how{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em;color:var(--amber);margin-bottom:8px;text-transform:uppercase;}
.platform-steps{display:flex;flex-direction:column;gap:6px;}
.platform-step{font-size:12.5px;color:rgba(245,242,236,.42);display:flex;align-items:flex-start;gap:10px;line-height:1.4;}
.platform-step::before{content:'→';color:var(--amber);flex-shrink:0;font-family:'DM Mono',monospace;font-size:10px;}

/* ── DIGITAL MOCKUP ── */
.mockup-device{background:var(--navy-mid);border:2px solid rgba(184,122,32,.3);border-radius:8px;overflow:hidden;position:relative;}
.mockup-topbar{background:rgba(184,122,32,.15);padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(184,122,32,.2);}
.mockup-dot{width:10px;height:10px;border-radius:50%;}
.mockup-screen{padding:20px;background:rgba(26,37,48,.4);}
.mockup-page{background:var(--offwhite);padding:16px;position:relative;}
.mockup-header{background:var(--navy);padding:10px 12px;margin:-16px -16px 12px;display:flex;align-items:center;justify-content:space-between;}
.mockup-wordmark{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--offwhite);}
.mockup-amber-line{height:2px;background:var(--amber);margin:-0px -16px 10px;}
.mockup-label{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:6px;}
.mockup-field-row{display:grid;gap:4px;margin-bottom:8px;}
.mockup-field{background:var(--paper);border:0.5px solid var(--faint);height:18px;border-radius:1px;}
.mockup-field.tall{height:28px;}
.mockup-field.short{width:60%;}
.mockup-time-grid{display:grid;grid-template-columns:32px 1fr;gap:3px;margin-bottom:8px;}
.mockup-time-label{font-family:'DM Mono',monospace;font-size:6px;color:var(--stone);display:flex;flex-direction:column;gap:6px;}
.mockup-time-blocks{display:flex;flex-direction:column;gap:1px;}
.mockup-time-block{height:8px;background:var(--paper);border:0.5px solid var(--faint);}
.mockup-time-block.filled{background:rgba(184,122,32,.2);}
.mockup-score{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;color:var(--amber);text-align:right;margin-top:4px;}
.mockup-ipad-frame{background:#1a1a2e;border-radius:16px;padding:20px;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.4);}
.mockup-ipad-screen{background:#0d0d1a;border-radius:8px;padding:12px;overflow:hidden;}
.mockup-ipad-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);}
.mockup-ipad-app{font-family:'DM Mono',monospace;font-size:7px;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;}
.mockup-notion{background:#fff;border-radius:4px;padding:12px;}
.mockup-notion-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:8px;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em;}
.mockup-notion-prop{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #f0f0f0;font-size:9px;color:#8a8a8a;font-family:'DM Mono',monospace;}
.mockup-notion-val{color:#1a1a1a;margin-left:auto;}
.mockup-notion-db{background:#f8f8f8;border-radius:3px;padding:8px;margin-top:8px;font-size:8px;font-family:'DM Mono',monospace;color:#555;}

/* ── SYNTH / STATEMENT STRIPS ── */
.amber-strip{background:var(--amber);padding:44px 48px;}
.amber-strip-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;}
.amber-strip-text{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(22px,2.5vw,34px);text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.05;}
.amber-strip-mono{font-family:'DM Mono',monospace;font-size:10px;color:rgba(26,37,48,.4);text-transform:uppercase;letter-spacing:.1em;text-align:right;line-height:1.8;white-space:nowrap;}

/* ── COOKIE BANNER ── */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--navy);border-top:2px solid var(--amber);padding:14px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:300;flex-wrap:wrap;}
.cookie-text-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--offwhite);margin-bottom:3px;}
.cookie-text-sub{font-family:'DM Mono',monospace;font-size:9px;color:rgba(245,242,236,.4);letter-spacing:.06em;}
.cookie-text-sub a{color:var(--amber);cursor:pointer;}
.cookie-btns{display:flex;gap:10px;flex-shrink:0;}
.cookie-btn-ess{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;background:transparent;border:1px solid rgba(245,242,236,.2);color:rgba(245,242,236,.5);cursor:pointer;}
.cookie-btn-all{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;background:var(--amber);border:none;color:var(--navy);cursor:pointer;font-weight:500;}

/* ── FOOTER ── */
footer{background:var(--navy-deep);padding:52px 48px 28px;border-top:2px solid var(--amber);}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:240px repeat(4,1fr);gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(245,242,236,.05);margin-bottom:24px;}
.footer-brand-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.06em;color:var(--offwhite);line-height:1;}
.footer-brand-rule{width:100%;height:2px;background:var(--amber);margin:7px 0 10px;}
.footer-brand-desc{font-size:12px;color:rgba(245,242,236,.28);line-height:1.65;}
.footer-col-title{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:7px;}
.footer-links a{font-size:12.5px;color:rgba(245,242,236,.32);text-decoration:none;cursor:pointer;transition:color .2s;}
.footer-links a:hover{color:var(--offwhite);}
.footer-links a.free-link{color:var(--amber) !important;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;}
.footer-copy{font-family:'DM Mono',monospace;font-size:9px;color:rgba(245,242,236,.18);letter-spacing:.06em;}
.footer-copy a{color:rgba(245,242,236,.28);text-decoration:underline;cursor:pointer;}

/* ── EMAIL CAPTURE ── */
.email-capture{background:var(--navy-deep);padding:64px 48px;border-top:1px solid rgba(184,122,32,.2);}
.email-capture-inner{max-width:640px;margin:0 auto;text-align:center;}
.email-form{display:flex;gap:0;margin-top:24px;max-width:480px;margin-left:auto;margin-right:auto;}
.email-input{flex:1;padding:14px 18px;background:rgba(245,242,236,.06);border:1px solid rgba(245,242,236,.15);border-right:none;color:var(--offwhite);font-family:'Barlow',sans-serif;font-size:14px;outline:none;}
.email-input::placeholder{color:rgba(245,242,236,.3);}
.email-input:focus{border-color:var(--amber);}
.email-submit{background:var(--amber);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:14px 20px;border:none;cursor:pointer;white-space:nowrap;transition:background .2s;}
.email-submit:hover{background:var(--amber-bright);}

/* ── MOBILE ── */
@media(max-width:960px){
  nav{padding:0 20px;height:64px;}
  .nav-links{display:none;}
  .nav-wordmark{font-size:26px;}
  .hamburger{display:flex;}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:var(--navy);padding:16px 20px;z-index:199;border-bottom:2px solid var(--amber);}
  .product-grid{grid-template-columns:1fr 1fr;}
  .bundle-bar{grid-template-columns:1fr;gap:20px;}
  .bundle-right{text-align:left;}
  .pillars-grid{grid-template-columns:1fr;}
  .test-grid{grid-template-columns:1fr;}
  .how-grid{grid-template-columns:1fr 1fr;}
  .values-grid{grid-template-columns:1fr;}
  .platform-grid{grid-template-columns:1fr;}
  .product-hero-inner{grid-template-columns:1fr;}
  .p-detail-body{grid-template-columns:1fr;padding:40px 20px;}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;}
  .amber-strip-inner{grid-template-columns:1fr;gap:20px;}
  .amber-strip-mono{text-align:left;}
  .section-wrap{padding:0 20px;}
  .free-banner{padding:0 20px;}
  .free-banner-inner{grid-template-columns:1fr;}
  .email-form{flex-direction:column;}
  .email-input{border-right:1px solid rgba(245,242,236,.15);border-bottom:none;}
  #cookie-banner{padding:14px 20px;}
  .product-hero{padding:40px 24px 32px;}
  .back-btn{padding:12px 20px;}
  .legal-hero{padding:48px 24px;}
  .legal-wrap{padding:40px 20px;}
}
@media(max-width:600px){
  .product-grid{grid-template-columns:1fr;}
  .how-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
}


/* ── PRODUCT PAGE ADDITIONS ─────────────────────────── */

/* Section titles */
.p-section-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:12px;}
.p-body-text{font-size:15px;color:var(--steel);line-height:1.7;font-weight:300;}

/* Methodology callout */
.methodology-callout{background:var(--navy);border-left:3px solid var(--amber);padding:20px 24px;margin:28px 0;}
.methodology-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;}
.methodology-desc{font-size:13.5px;color:rgba(245,242,236,.65);line-height:1.7;font-weight:300;}

/* Who is this for */
.who-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;}
.who-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--steel);line-height:1.5;}
.who-check{color:var(--amber);flex-shrink:0;font-weight:700;}

/* ── REVIEWS ── */
.prod-reviews-section{background:var(--offwhite);padding:64px 48px;}
.prod-reviews-inner{max-width:1200px;margin:0 auto;}
.prod-reviews-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px;}
.prod-rating-summary{display:flex;align-items:center;gap:12px;}
.prod-rating-score{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:36px;color:var(--navy);}
.prod-rating-stars{color:var(--amber);font-size:18px;letter-spacing:2px;}
.prod-rating-count{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--stone);text-transform:uppercase;}
.prod-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--faint);}
.prod-review{background:#fff;padding:28px 24px;}
.prod-review-stars{color:var(--amber);font-size:13px;letter-spacing:2px;margin-bottom:12px;}
.prod-review-body{font-size:14px;color:var(--steel);line-height:1.7;font-weight:300;margin-bottom:16px;font-style:italic;}
.prod-review-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--faint);padding-top:12px;}
.prod-review-name{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--navy);font-weight:500;}
.prod-review-format{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em;color:var(--stone);background:var(--paper);padding:2px 8px;}

/* ── PRODUCT FAQ ── */
.prod-faq-section{background:var(--navy);padding:64px 48px;}
.prod-faq-inner{max-width:1200px;margin:0 auto;}
.prod-faq-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;text-transform:uppercase;letter-spacing:.03em;color:var(--offwhite);margin:8px 0 32px;}
.prod-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(245,242,236,.04);margin-bottom:24px;}
.prod-faq-item{background:var(--navy);padding:24px 22px;}
.prod-faq-q{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.03em;color:var(--offwhite);margin-bottom:10px;}
.prod-faq-a{font-size:13.5px;color:rgba(245,242,236,.5);line-height:1.7;font-weight:300;}
.prod-faq-footer{font-size:13px;color:rgba(245,242,236,.3);}
.prod-faq-footer a{color:var(--amber);}

/* ── RELATED PRODUCTS ── */
.prod-related-section{background:var(--offwhite);padding:64px 48px;}
.prod-related-inner{max-width:1200px;margin:0 auto;}
.prod-related-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;text-transform:uppercase;letter-spacing:.03em;color:var(--navy);margin:8px 0 28px;}
.prod-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--faint);}
.related-card{background:#fff;padding:24px 22px;display:block;text-decoration:none;transition:background .15s;color:inherit;border:none;}
.related-card:hover{background:var(--paper);}
.related-wave{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;}
.related-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.03em;color:var(--navy) !important;margin-bottom:4px;}
.related-tag{font-size:12px;color:var(--stone);font-style:italic;margin-bottom:12px;line-height:1.4;}
.related-price{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--amber);}

/* responsive */
@media(max-width:768px){
  .prod-reviews-grid,.prod-faq-grid,.prod-related-grid{grid-template-columns:1fr;}
  .prod-reviews-section,.prod-faq-section,.prod-related-section{padding:40px 24px;}
}

/* coaching/resilience inline links */
.method-card a, .res-card a, .prod-faq-footer a{color:var(--amber) !important;text-decoration:none;}
.prod-faq-footer a:hover{text-decoration:underline;}

/* ── PRODUCT MOCKUP ── */
.prod-mockup-section{background:var(--navy);padding:0;}
.prod-mockup-inner{max-width:1200px;margin:0 auto;padding:48px;}
.prod-mockup-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:rgba(245,242,236,.04);}
.mockup-card{background:var(--navy);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;position:relative;overflow:hidden;}
.mockup-placeholder{width:100%;height:220px;background:var(--mid);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.mockup-placeholder-label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,242,236,.25);}
.mockup-placeholder-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:rgba(245,242,236,.4);}

/* ═══════════════════════════════════════════════════
   NEW IN V9 — METHOD, FREE HUB, OS PAGE STYLES
═══════════════════════════════════════════════════ */

/* ── METHOD PAGE: Principle preview cards (hero) ── */
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}
.principle-card{background:rgba(245,242,236,0.04);border-top:2px solid rgba(245,242,236,0.1);padding:24px 20px;text-decoration:none;display:block;transition:all .15s;}
.principle-card.active{background:rgba(184,122,32,0.08);border-top-color:var(--amber);}
.principle-card:hover{background:rgba(184,122,32,0.06);border-top-color:var(--amber);}
.principle-num{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;color:rgba(245,242,236,0.3);margin-bottom:8px;text-transform:uppercase;}
.principle-card.active .principle-num,.principle-card:hover .principle-num{color:var(--amber);}
.principle-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:.04em;color:rgba(245,242,236,0.8);margin-bottom:8px;line-height:1;}
.principle-card.active .principle-name,.principle-card:hover .principle-name{color:var(--amber);}
.principle-body{font-size:12px;color:rgba(245,242,236,0.45);line-height:1.65;}

/* ── METHOD PAGE: Authority strip ── */
.authority-strip{background:rgba(26,37,48,0.85);border-top:1px solid rgba(245,242,236,0.06);padding:22px 0;}
.authority-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,242,236,0.3);margin-bottom:12px;}
.authority-list{display:flex;flex-wrap:wrap;gap:18px 28px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:rgba(245,242,236,0.7);}
.authority-list span small{color:rgba(245,242,236,0.3);font-family:'DM Mono',monospace;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;}

/* ── METHOD PAGE: Pain → cure rows ── */
.pain-block{margin-top:36px;display:flex;flex-direction:column;gap:1px;}
.pain-row{display:grid;grid-template-columns:1fr 1fr;background:var(--offwhite);border:1px solid var(--faint);}
.pain-side{padding:22px 26px;}
.pain-side.problem{background:var(--paper);border-right:1px solid var(--faint);}
.pain-side.problem .pain-label{color:#B85A5A;}
.pain-side.cure{background:var(--offwhite);}
.pain-side.cure .pain-label{color:var(--amber);}
.pain-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;}
.pain-text{font-size:14px;color:var(--navy);line-height:1.6;}
.pain-text strong{color:var(--navy);font-weight:600;}

/* ── METHOD PAGE: Principle deep dive sections ── */
.principle-section{padding:88px 64px;}
.principle-section.dark{background:var(--navy-deep);color:var(--offwhite);}
.principle-section.paper-bg{background:var(--paper);}
.principle-section.white-bg{background:var(--offwhite);}
.principle-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;}
.principle-marker{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:88px;line-height:.85;color:var(--amber);letter-spacing:-.02em;flex-shrink:0;width:120px;}
.principle-title-block{flex:1;padding-top:8px;}
.principle-eyebrow{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}
.principle-eyebrow.light{color:rgba(184,122,32,0.85);}
.principle-headline{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:44px;text-transform:uppercase;letter-spacing:.02em;line-height:.95;color:var(--navy);margin-bottom:14px;}
.principle-headline.light{color:var(--offwhite);}
.principle-headline em{color:var(--amber);font-style:normal;}
.principle-lede{font-size:17px;color:var(--steel);max-width:640px;line-height:1.7;font-weight:300;}
.principle-lede.light{color:rgba(245,242,236,0.55);}

/* ── METHOD PAGE: Numbered step list ── */
.step-list{margin-top:32px;display:flex;flex-direction:column;gap:1px;border:1px solid var(--faint);}
.step-list.light{border-color:rgba(245,242,236,0.08);}
.step-row{display:grid;grid-template-columns:60px 1fr;align-items:flex-start;background:var(--offwhite);}
.step-row.light{background:rgba(245,242,236,0.03);}
.step-row + .step-row{border-top:1px solid var(--faint);}
.step-row.light + .step-row.light{border-top-color:rgba(245,242,236,0.06);}
.step-num{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;color:var(--amber);text-align:center;padding:18px 0;border-right:1px solid var(--faint);letter-spacing:-.01em;}
.step-row.light .step-num{border-right-color:rgba(245,242,236,0.06);}
.step-body{padding:18px 24px;}
.step-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:5px;line-height:1.2;}
.step-title.light{color:var(--offwhite);}
.step-text{font-size:13px;color:var(--steel);line-height:1.65;}
.step-text.light{color:rgba(245,242,236,0.5);}
.step-tools{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;}
.step-tool{display:inline-block;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;background:rgba(184,122,32,0.08);color:var(--amber);border:1px solid rgba(184,122,32,0.18);}

/* ── METHOD PAGE: Lineage card ── */
.lineage{margin-top:28px;display:flex;align-items:center;gap:20px;background:rgba(184,122,32,0.05);border:1px solid rgba(184,122,32,0.18);padding:18px 22px;}
.lineage.light{background:rgba(184,122,32,0.08);border-color:rgba(184,122,32,0.25);}
.lineage-tag{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);flex-shrink:0;}
.lineage-text{font-size:13px;color:var(--steel);line-height:1.6;}
.lineage-text.light{color:rgba(245,242,236,0.55);}
.lineage-text strong{color:var(--navy);font-weight:600;}
.lineage-text.light strong{color:var(--offwhite);}

/* ── METHOD/OS PAGE: Builder's note (hybrid voice) ── */
.builders-note{margin-top:24px;padding:18px 22px;background:rgba(245,242,236,0.5);border-left:3px solid var(--stone);font-size:13px;color:var(--steel);line-height:1.65;font-style:italic;max-width:780px;}
.builders-note strong{font-style:normal;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);display:block;margin-bottom:6px;}

/* ── METHOD PAGE: Mid-page CTA pull ── */
.method-pull{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:var(--navy);padding:30px 36px;margin-top:48px;border-left:3px solid var(--amber);}
.method-pull-text{color:var(--offwhite);font-size:15px;line-height:1.55;}
.method-pull-text strong{color:var(--amber);font-weight:600;font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:4px;}
.method-pull-text span{color:rgba(245,242,236,0.5);}

/* ── METHOD PAGE: Start here block ── */
.start-here{margin-top:32px;background:var(--offwhite);border:1px solid rgba(184,122,32,0.18);border-left:3px solid var(--amber);padding:28px 32px;}
.start-here-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}
.start-here h4{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:28px;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);margin-bottom:10px;line-height:1;}
.start-here p{font-size:15px;color:var(--steel);line-height:1.7;font-weight:300;}
.start-here ol{margin-top:14px;padding-left:18px;font-size:14px;color:var(--steel);line-height:1.85;}
.start-here ol li{padding-left:6px;}
.start-here ol li strong{color:var(--navy);font-weight:600;}

/* ── METHOD PAGE: Failure modes vs counter-moves ── */
.method-vs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:36px;}
.mvs-card{padding:28px 26px;}
.mvs-card.before{background:var(--paper);}
.mvs-card.after{background:var(--navy);color:var(--offwhite);border-top:3px solid var(--amber);}
.mvs-eyebrow{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);margin-bottom:8px;}
.mvs-card.after .mvs-eyebrow{color:var(--amber);}
.mvs-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);margin-bottom:16px;line-height:1;}
.mvs-card.after .mvs-title{color:var(--offwhite);}
.mvs-list{list-style:none;}
.mvs-list li{padding:8px 0;border-bottom:1px solid var(--faint);font-size:14px;color:var(--steel);line-height:1.55;display:flex;gap:10px;align-items:flex-start;}
.mvs-card.after .mvs-list li{border-bottom-color:rgba(245,242,236,0.08);color:rgba(245,242,236,0.62);}
.mvs-list li:last-child{border-bottom:none;}
.mvs-mark{flex-shrink:0;font-size:14px;line-height:1.4;}
.mvs-card.before .mvs-mark{color:#B85A5A;}
.mvs-card.after .mvs-mark{color:var(--amber);}

/* ── FREE HUB: Stat strip ── */
.free-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}
.free-stat{background:rgba(245,242,236,0.04);border-top:2px solid rgba(245,242,236,0.1);padding:22px 20px;}
.free-stat-num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:36px;color:var(--amber);line-height:1;margin-bottom:6px;letter-spacing:-.01em;}
.free-stat-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,242,236,0.4);line-height:1.6;}

/* ── FREE HUB: Product card grid ── */
.free-product-list{display:flex;flex-direction:column;gap:2px;margin-top:36px;}
.free-product-card{display:grid;grid-template-columns:4px 1fr;background:var(--offwhite);border:1px solid var(--faint);transition:border-color .15s;}
.free-product-card:hover{border-color:rgba(184,122,32,0.35);}
.fpc-accent.z1{background:var(--amber);}
.fpc-accent.z2{background:#3C7AB8;}
.fpc-accent.z4{background:#7B6FAF;}
.fpc-accent.z5{background:#B85A5A;}
.fpc-inner{padding:32px 36px;display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:start;}
.fpc-zone{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;}
.fpc-zone.z1{color:var(--amber);}
.fpc-zone.z2{color:#3C7AB8;}
.fpc-zone.z4{color:#7B6FAF;}
.fpc-zone.z5{color:#B85A5A;}
.fpc-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1;margin-bottom:12px;}
.fpc-name em{color:var(--amber);font-style:normal;}
.fpc-tagline{font-size:15px;color:var(--steel);line-height:1.65;font-weight:300;margin-bottom:16px;max-width:540px;}
.fpc-tagline strong{color:var(--navy);font-weight:500;}
.fpc-rationale{background:rgba(26,37,48,0.03);border-left:3px solid var(--faint);padding:16px 22px;margin-top:14px;font-size:13px;color:var(--steel);line-height:1.7;font-style:italic;max-width:540px;}
.fpc-rationale strong{font-style:normal;color:var(--navy);font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:6px;}
.fpc-contents{margin-top:14px;}
.fpc-contents-label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-bottom:8px;}
.fpc-contents ul{list-style:none;}
.fpc-contents li{font-size:13px;color:var(--steel);padding:4px 0;display:flex;gap:10px;align-items:flex-start;line-height:1.55;}
.fpc-contents li::before{content:'—';color:var(--amber);flex-shrink:0;font-family:'DM Mono',monospace;font-size:11px;}
.fpc-meta-bar{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
.fpc-meta-tag{display:inline-block;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;background:rgba(26,37,48,0.05);color:var(--stone);}
.fpc-capture{background:var(--paper);border:1px solid var(--faint);padding:24px;}
.fpc-capture-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;}
.fpc-capture-headline{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.1;margin-bottom:14px;}
.fpc-capture input[type="email"]{width:100%;padding:11px 14px;font-family:'DM Mono',monospace;font-size:12px;border:1px solid var(--faint);background:var(--offwhite);color:var(--navy);letter-spacing:.04em;margin-bottom:10px;}
.fpc-capture input[type="email"]::placeholder{color:var(--stone);}
.fpc-capture input[type="email"]:focus{outline:none;border-color:var(--amber);}
.fpc-capture button{width:100%;padding:13px 18px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:var(--amber);color:var(--navy);border:none;cursor:pointer;font-weight:500;transition:opacity .15s;}
.fpc-capture button:hover{opacity:.88;}
.fpc-capture-fineprint{font-family:'DM Mono',monospace;font-size:9px;color:var(--stone);margin-top:10px;line-height:1.5;letter-spacing:.04em;}
.fpc-upgrade{margin-top:16px;padding-top:14px;border-top:1px solid var(--faint);font-size:12px;color:var(--steel);line-height:1.55;}
.fpc-upgrade a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(184,122,32,0.2);}
.fpc-upgrade a:hover{border-bottom-color:var(--amber);}

/* ── OS PAGE: Zone strip in hero ── */
.os-zone-strip{background:rgba(26,37,48,0.85);border-top:1px solid rgba(245,242,236,0.06);padding:28px 0;margin-top:60px;}
.os-zone-strip-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,242,236,0.2);padding:0 64px;margin-bottom:14px;}
.os-zone-cols{display:flex;gap:2px;padding:0 64px;}
.os-zc{flex:1;min-width:130px;padding:14px 12px;border-top:2px solid;}
.os-zc.z1{border-top-color:var(--amber);background:rgba(184,122,32,0.05);}
.os-zc.z2{border-top-color:#3C7AB8;background:rgba(60,122,184,0.04);}
.os-zc.z3{border-top-color:var(--stone);background:rgba(138,130,120,0.04);}
.os-zc.z4{border-top-color:#7B6FAF;background:rgba(123,111,175,0.04);}
.os-zc.z5{border-top-color:#B85A5A;background:rgba(184,90,90,0.04);}
.os-zc-num{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;}
.os-zc.z1 .os-zc-num{color:var(--amber);}
.os-zc.z2 .os-zc-num{color:#3C7AB8;}
.os-zc.z3 .os-zc-num{color:var(--stone);}
.os-zc.z4 .os-zc-num{color:#7B6FAF;}
.os-zc.z5 .os-zc-num{color:#B85A5A;}
.os-zc-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;color:var(--offwhite);margin-bottom:4px;letter-spacing:.04em;}
.os-zc-tools{font-family:'DM Mono',monospace;font-size:9px;color:rgba(245,242,236,0.28);line-height:1.8;}

/* ── OS PAGE: Cascade visual ── */
.cascade-visual{display:flex;flex-direction:column;gap:0;margin-top:36px;}
.cv-row{display:flex;align-items:stretch;}
.cv-label{width:86px;flex-shrink:0;padding:11px 12px;background:rgba(26,37,48,0.04);border-right:1px solid var(--faint);font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);display:flex;align-items:center;line-height:1.4;}
.cv-item{flex:1;padding:11px 16px;font-size:13px;color:var(--navy);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--faint);}
.cv-item.z1{background:rgba(184,122,32,0.05);border-left:3px solid var(--amber);}
.cv-item.z2{background:rgba(60,122,184,0.05);border-left:3px solid #3C7AB8;}
.cv-item.z4{background:rgba(123,111,175,0.05);border-left:3px solid #7B6FAF;}
.cv-icon{font-size:15px;flex-shrink:0;}
.cv-arrow{text-align:center;padding:4px 0;font-size:10px;color:rgba(184,122,32,0.35);display:flex;align-items:center;}
.cv-arrow::before{content:'';flex:0 0 86px;}
.cv-arrow::after{content:'↓';}

/* ── OS PAGE: Pain story rows ── */
.os-pain-list{display:flex;flex-direction:column;gap:2px;margin-top:48px;}
.os-pain-row{background:var(--offwhite);border:1px solid var(--faint);display:grid;grid-template-columns:1fr 1.4fr;align-items:stretch;}
.os-pain-row .pain-problem{padding:26px 28px;background:rgba(184,90,90,0.04);border-right:1px solid var(--faint);}
.os-pain-row .pain-cure{padding:26px 28px;background:var(--offwhite);}
.os-pp-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#B85A5A;margin-bottom:10px;}
.os-pc-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}
.os-pp-headline{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;margin-bottom:10px;}
.os-pc-headline{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;margin-bottom:10px;}
.os-pp-body{font-size:13px;color:var(--steel);line-height:1.6;}
.os-pc-body{font-size:14px;color:var(--steel);line-height:1.65;}

/* ── OS PAGE: VS comparison cards ── */
.os-vs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;margin-top:40px;}
.os-vs-card{padding:28px 24px;}
.os-vs-card.competitor{background:var(--paper);}
.os-vs-card.groundwork{background:var(--navy);border-top:3px solid var(--amber);position:relative;}
.os-vs-badge{position:absolute;top:-1px;right:20px;background:var(--amber);color:var(--navy);font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:4px 10px;}
.os-vs-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-bottom:8px;}
.os-vs-label.light{color:rgba(245,242,236,0.3);}
.os-vs-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;color:var(--navy);letter-spacing:.04em;margin-bottom:14px;line-height:1.2;}
.os-vs-name.light{color:var(--offwhite);}
.os-vs-row{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid var(--faint);font-size:13px;color:var(--steel);line-height:1.5;}
.os-vs-row.light{border-bottom-color:rgba(245,242,236,0.08);color:rgba(245,242,236,0.5);}
.os-vs-icon{flex-shrink:0;font-size:12px;margin-top:2px;}
.os-vs-win{color:var(--amber);font-weight:500;}

/* ── OS PAGE: Stats cards ── */
.os-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:44px;}
.os-stat-card{background:rgba(245,242,236,0.05);padding:26px 22px;border-top:2px solid rgba(184,122,32,0.25);}
.os-stat-num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:52px;color:var(--amber);line-height:1;letter-spacing:-.01em;margin-bottom:6px;}
.os-stat-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,242,236,0.35);line-height:1.6;}

/* ── OS PAGE: Pricing tier cards ── */
.os-pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;margin-top:40px;}
.os-pricing-card{background:var(--offwhite);border:1px solid var(--faint);padding:32px 28px;}
.os-pricing-card.featured{background:var(--navy);border:none;position:relative;color:var(--offwhite);}
.os-pricing-badge{position:absolute;top:-1px;right:24px;background:var(--amber);color:var(--navy);font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:4px 10px;}
.os-pc-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);margin-bottom:8px;}
.os-pc-label.light{color:rgba(245,242,236,0.3);}
.os-pc-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:14px;}
.os-pc-name.light{color:var(--offwhite);}
.os-pc-price{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:46px;color:var(--navy);letter-spacing:-.01em;line-height:1;margin-bottom:4px;}
.os-pc-price.amber{color:var(--amber);}
.os-pc-pricenote{font-family:'DM Mono',monospace;font-size:10px;color:var(--stone);margin-bottom:22px;}
.os-pc-pricenote.light{color:rgba(245,242,236,0.3);}
.os-pc-features{list-style:none;border-top:1px solid var(--faint);padding-top:16px;}
.os-pc-features.light{border-top-color:rgba(245,242,236,0.08);}
.os-pc-feature{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:13px;color:var(--steel);line-height:1.5;}
.os-pc-feature.light{color:rgba(245,242,236,0.5);}
.os-pc-feature::before{content:'—';color:var(--amber);flex-shrink:0;font-family:'DM Mono',monospace;}

/* ── OS PAGE: Format cards ── */
.os-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:36px;}
.os-format-card{padding:28px 24px;border:1px solid var(--faint);}
.os-format-card.featured{background:var(--navy);border-color:transparent;color:var(--offwhite);}
.os-fc-icon{font-size:26px;display:block;margin-bottom:10px;}
.os-fc-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:6px;}
.os-fc-title.light{color:var(--offwhite);}
.os-fc-body{font-size:13px;color:var(--steel);line-height:1.65;}
.os-fc-body.light{color:rgba(245,242,236,0.45);}
.os-fc-tag{display:inline-block;margin-top:10px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;background:rgba(184,122,32,0.1);color:var(--amber);}

/* ── OS PAGE: Testimonial wall ── */
.os-tg{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.os-tg-card{background:var(--paper);border-left:3px solid var(--amber);padding:28px 30px;}
.os-tg-stars{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;}
.os-tg-quote{font-size:15px;color:var(--navy);line-height:1.7;font-weight:300;margin-bottom:18px;}
.os-tg-attrib{display:flex;align-items:center;gap:12px;border-top:1px solid var(--faint);padding-top:14px;}
.os-tg-avatar{width:36px;height:36px;color:var(--offwhite);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;flex-shrink:0;}
.os-tg-avatar.steel{background:var(--steel);}
.os-tg-avatar.purple{background:#7B6FAF;}
.os-tg-avatar.blue{background:#3C7AB8;}
.os-tg-avatar.red{background:#B85A5A;}
.os-tg-name{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;color:var(--navy);letter-spacing:.02em;}
.os-tg-role{font-family:'DM Mono',monospace;font-size:10px;color:var(--stone);letter-spacing:.04em;}

/* ── OS PAGE: FAQ ── */
.os-faq-list{margin-top:40px;display:flex;flex-direction:column;gap:1px;}
.os-faq-item{background:var(--offwhite);border:1px solid var(--faint);}
.os-faq-q{padding:18px 24px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:18px;letter-spacing:.02em;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;}
.os-faq-q:hover{color:var(--amber);}
.os-faq-arrow{font-size:11px;color:var(--stone);transition:transform .2s;}
.os-faq-a{padding:0 24px 18px;font-size:14px;color:var(--steel);line-height:1.8;display:none;}
.os-faq-item.open .os-faq-a{display:block;}
.os-faq-item.open .os-faq-arrow{transform:rotate(180deg);}

/* ── Mobile breakpoints for new components ── */
@media(max-width:900px){
  .principle-grid{grid-template-columns:1fr 1fr;}
  .pain-row{grid-template-columns:1fr;}
  .pain-side.problem{border-right:none;border-bottom:1px solid var(--faint);}
  .principle-header{flex-direction:column;gap:0;}
  .principle-marker{font-size:64px;width:auto;margin-bottom:8px;}
  .principle-headline{font-size:32px;}
  .method-vs{grid-template-columns:1fr;}
  .method-pull{grid-template-columns:1fr;gap:18px;}
  .step-row{grid-template-columns:48px 1fr;}
  .free-stats{grid-template-columns:repeat(2,1fr);}
  .fpc-inner{grid-template-columns:1fr;gap:24px;padding:24px 22px;}
  .os-pain-row{grid-template-columns:1fr;}
  .os-pain-row .pain-problem{border-right:none;border-bottom:1px solid var(--faint);}
  .os-vs-grid,.os-pricing-grid,.os-format-grid,.os-stats,.os-tg{grid-template-columns:1fr;}
  .principle-section{padding:64px 32px;}
  .os-zone-cols{flex-wrap:wrap;}
  .os-zc{min-width:120px;}
}

/* ═══════════════════════════════════════════════════
   v9.1 — NAV DROPDOWNS (Method ▾ and Products ▾)
═══════════════════════════════════════════════════ */

/* Position the two dropdown LIs */
.nav-links li.has-dropdown{position:relative;}

/* The dropdown trigger looks like other links but with a chevron */
.nav-links .nav-dropdown-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;}
.nav-links .nav-dropdown-toggle::after{
  content:'';
  display:inline-block;
  width:0;height:0;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
  border-top:4px solid currentColor;
  margin-left:4px;
  opacity:.7;
  transition:transform .15s;
}
.nav-links li.has-dropdown:hover .nav-dropdown-toggle::after,
.nav-links li.has-dropdown.open .nav-dropdown-toggle::after{transform:rotate(180deg);}

/* The dropdown panel itself */
.nav-dropdown-panel{
  position:absolute;
  top:100%;
  left:-12px;
  background:var(--navy-deep);
  border:1px solid rgba(245,242,236,.08);
  border-top:2px solid var(--amber);
  min-width:280px;
  padding:8px 0;
  display:none;
  z-index:200;
  box-shadow:0 12px 32px rgba(0,0,0,.4);
}

/* Open on hover (desktop) and on .open class (click/mobile) */
.nav-links li.has-dropdown:hover .nav-dropdown-panel,
.nav-links li.has-dropdown.open .nav-dropdown-panel{display:block;}

/* Bridge the gap between trigger and panel so hover doesn't break */
.nav-links li.has-dropdown::before{
  content:'';
  position:absolute;
  top:100%;
  left:0;right:0;
  height:8px;
  display:none;
}
.nav-links li.has-dropdown:hover::before{display:block;}

/* Inside the panel — link styling */
.nav-dropdown-panel a{
  display:block;
  padding:12px 18px !important;
  font-family:'DM Mono',monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(245,242,236,.7) !important;
  text-decoration:none;
  border-bottom:1px solid rgba(245,242,236,.04);
  transition:background .12s,color .12s;
}
.nav-dropdown-panel a:last-child{border-bottom:none;}
.nav-dropdown-panel a:hover{
  background:rgba(184,122,32,.08);
  color:var(--amber) !important;
}
.nav-dropdown-panel a span{
  display:block;
  font-family:'Barlow',sans-serif;
  font-size:11px;
  font-weight:300;
  text-transform:none;
  letter-spacing:0;
  color:rgba(245,242,236,.4);
  margin-top:3px;
  line-height:1.5;
}
.nav-dropdown-panel a:hover span{color:rgba(245,242,236,.55);}

/* Featured item — first in Products dropdown (Groundwork OS) */
.nav-dropdown-panel a.featured{
  background:rgba(184,122,32,.06);
  color:var(--amber) !important;
  border-bottom:1px solid rgba(184,122,32,.18);
}
.nav-dropdown-panel a.featured:hover{background:rgba(184,122,32,.12);}

/* Mobile: dropdown becomes inline expandable */
@media(max-width:1100px){
  .nav-dropdown-panel{
    position:static;
    border:none;
    background:transparent;
    box-shadow:none;
    padding:0 0 0 16px;
    min-width:0;
  }
  .nav-dropdown-panel a{font-size:10px;padding:8px 14px !important;}
  .nav-links li.has-dropdown::before{display:none !important;}
}

/* ═══════════════════════════════════════════════════
   v14 — BLOG SECTION
═══════════════════════════════════════════════════ */

/* ── Blog index page ── */
.blog-hero{background:var(--navy-deep);padding:80px 64px 64px;position:relative;overflow:hidden;}
.blog-hero::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber);}
.blog-hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 48px;}
.blog-hero-eyebrow{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:12px;}
.blog-hero-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(42px,5vw,72px);text-transform:uppercase;letter-spacing:.02em;color:var(--offwhite);line-height:.9;margin-bottom:20px;}
.blog-hero-title em{color:var(--amber);font-style:normal;}
.blog-hero-lede{max-width:680px;font-size:17px;color:rgba(245,242,236,0.55);line-height:1.7;font-weight:300;}

/* ── Series filter chips ── */
.blog-filter-bar{background:rgba(26,37,48,0.85);border-top:1px solid rgba(245,242,236,0.06);padding:18px 0;}
.blog-filter-inner{max-width:1100px;margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.blog-filter-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,242,236,0.3);margin-right:8px;}
.blog-filter-chip{display:inline-block;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;background:rgba(245,242,236,0.04);color:rgba(245,242,236,0.6);text-decoration:none;border:1px solid rgba(245,242,236,0.08);transition:all .15s;cursor:pointer;}
.blog-filter-chip:hover,.blog-filter-chip.active{background:rgba(184,122,32,0.08);color:var(--amber);border-color:rgba(184,122,32,0.25);}

/* ── Blog index post list ── */
.blog-list{background:var(--offwhite);padding:64px 64px;}
.blog-list-inner{max-width:1100px;margin:0 auto;padding:0 48px;}
.blog-post-card{display:grid;grid-template-columns:160px 1fr 1fr;gap:32px;align-items:start;padding:32px 0;border-bottom:1px solid var(--faint);}
.blog-post-card:last-child{border-bottom:none;}
.bpc-date{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);padding-top:6px;}
.bpc-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.bpc-tag{display:inline-block;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:1px;}
.bpc-tag.cornerstone{background:rgba(184,122,32,0.1);color:var(--amber);}
.bpc-tag.series-cascade{background:rgba(184,122,32,0.08);color:var(--amber);}
.bpc-tag.series-compound{background:rgba(60,122,184,0.08);color:#3C7AB8;}
.bpc-tag.series-coaching{background:rgba(123,111,175,0.08);color:#7B6FAF;}
.bpc-tag.series-resilience{background:rgba(184,90,90,0.08);color:#B85A5A;}
.bpc-tag.series-capture{background:rgba(184,122,32,0.06);color:var(--amber);}
.bpc-tag.series-constraints{background:rgba(184,122,32,0.06);color:var(--amber);}
.bpc-tag.brand{background:rgba(138,144,153,0.1);color:var(--stone);}
.bpc-title-block{}
.bpc-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;letter-spacing:.02em;color:var(--navy);line-height:1.15;margin-bottom:8px;}
.bpc-title a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s;}
.bpc-title a:hover{border-bottom-color:var(--amber);}
.bpc-excerpt{font-size:14px;color:var(--steel);line-height:1.65;}
.bpc-readtime{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);padding-top:6px;}

/* ── Individual post page ── */
.post-hero{background:var(--navy-deep);padding:80px 64px 56px;position:relative;overflow:hidden;}
.post-hero::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber);}
.post-hero-inner{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:0 24px;}
.post-meta-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.post-meta-top a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,242,236,0.4);text-decoration:none;}
.post-meta-top a:hover{color:var(--amber);}
.post-meta-sep{color:rgba(245,242,236,0.2);font-family:'DM Mono',monospace;}
.post-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(36px,4.5vw,56px);text-transform:uppercase;letter-spacing:.02em;color:var(--offwhite);line-height:1;margin-bottom:20px;}
.post-title em{color:var(--amber);font-style:normal;}
.post-deck{font-size:18px;color:rgba(245,242,236,0.55);line-height:1.7;font-weight:300;margin-bottom:28px;}
.post-byline{display:flex;align-items:center;gap:18px;padding-top:20px;border-top:1px solid rgba(245,242,236,0.08);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,242,236,0.4);}
.post-byline strong{color:rgba(245,242,236,0.7);font-weight:500;}

/* ── Post body ── */
.post-body-wrap{background:var(--offwhite);padding:64px 24px;}
.post-body{max-width:680px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--navy);font-weight:300;}
.post-body p{margin-bottom:22px;}
.post-body p:first-of-type::first-letter{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:64px;color:var(--amber);float:left;margin:8px 12px 0 -4px;line-height:.85;}
.post-body h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.05;margin:48px 0 16px;padding-top:24px;border-top:2px solid var(--amber);}
.post-body h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.03em;color:var(--navy);margin:32px 0 12px;}
.post-body ul,.post-body ol{margin:14px 0 22px 24px;}
.post-body li{margin-bottom:8px;}
.post-body strong{font-weight:600;color:var(--navy);}
.post-body em{font-style:italic;}
.post-body a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(184,122,32,0.25);}
.post-body a:hover{border-bottom-color:var(--amber);}
.post-body blockquote{margin:24px 0;padding:18px 24px;background:var(--paper);border-left:3px solid var(--amber);font-style:italic;color:var(--steel);}
.post-body code{font-family:'DM Mono',monospace;font-size:14px;background:rgba(184,122,32,.06);padding:1px 6px;border-radius:2px;}

/* ── In-post product callout ── */
.post-product-cta{margin:32px 0;padding:28px 32px;background:var(--navy);color:var(--offwhite);border-left:3px solid var(--amber);}
.post-product-cta .label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;}
.post-product-cta h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em;color:var(--offwhite);margin-bottom:8px;line-height:1.1;}
.post-product-cta p{margin-bottom:14px;font-size:14px;color:rgba(245,242,236,0.6);line-height:1.65;}
.post-product-cta .btn-primary{display:inline-block;}

/* ── Builder's note inside posts ── */
.post-body .builders-note{margin:28px 0;padding:18px 22px;background:var(--paper);border-left:3px solid var(--stone);font-size:15px;color:var(--steel);line-height:1.7;font-style:italic;}
.post-body .builders-note strong{font-style:normal;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);display:block;margin-bottom:6px;}

/* ── Related posts / next read ── */
.post-related{background:var(--paper);padding:48px 24px;border-top:1px solid var(--faint);}
.post-related-inner{max-width:880px;margin:0 auto;}
.post-related h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.03em;color:var(--navy);margin-bottom:20px;}
.post-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.post-related-card{background:var(--offwhite);border:1px solid var(--faint);padding:20px 22px;transition:border-color .15s;}
.post-related-card:hover{border-color:rgba(184,122,32,0.35);}
.post-related-card a{text-decoration:none;color:inherit;}
.post-related-card .date{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin-bottom:6px;}
.post-related-card .title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--navy);line-height:1.15;}

/* ── Blog footer CTA ── */
.blog-footer-cta{background:var(--navy);color:var(--offwhite);padding:64px 64px;}
.blog-footer-cta-inner{max-width:880px;margin:0 auto;padding:0 24px;}
.blog-footer-cta h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;text-transform:uppercase;letter-spacing:.02em;color:var(--offwhite);margin-bottom:14px;}
.blog-footer-cta p{font-size:16px;color:rgba(245,242,236,0.55);line-height:1.7;margin-bottom:24px;font-weight:300;max-width:640px;}

/* ── Responsive ── */
@media(max-width:900px){
  .blog-list{padding:48px 24px;}
  .blog-post-card{grid-template-columns:1fr;gap:16px;padding:24px 0;}
  .bpc-date{padding-top:0;}
  .post-related-grid{grid-template-columns:1fr;}
  .blog-hero,.post-hero{padding:56px 24px 40px;}
  .post-body{font-size:16px;}
  .post-body p:first-of-type::first-letter{font-size:52px;}
}