@font-face {
  font-family: 'Mokoto';
  src: url('/assets/fonts/Mokoto-Regular.woff2') format('woff2'),
       url('/assets/fonts/Mokoto-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Neue Montreal — self-hosted — CC-029 */
@font-face {
  font-family: 'Neue Montreal';
  src: url('/assets/fonts/PPNeueMontreal-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal';
  src: url('/assets/fonts/PPNeueMontreal-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal';
  src: url('/assets/fonts/PPNeueMontreal-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal';
  src: url('/assets/fonts/PPNeueMontreal-SemiboldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* TF3 Trifecta Solutions — Shared Stylesheet
   All pages load this file.
   Edit here to affect all pages.
*/


:root{
  --obs:#000;--carb:#202322;--alloy:#8E99A2;--vit:#047747;--vit-lt:#0a9e5e;--vit-dk:#035c38;
  --purple:#534AB7;--teal:#1D9E75;--ght-teal:#1D9E75;--white:#fff;--off-white:#F0EEE8;
  --border:rgba(255,255,255,0.07);--border-green:rgba(4,119,71,0.35);
  --font-display:'Mokoto','Neue Montreal',sans-serif;--font-body:'Neue Montreal','DM Sans',sans-serif;--font-head:'Neue Montreal','DM Sans',sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --ease:cubic-bezier(0.16,1,0.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-head);background:var(--obs);color:var(--white);overflow-x:hidden;line-height:1.8;font-size:16px;letter-spacing:0.01em;padding-top:34px}
h1, h2 {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

a{text-decoration:none;color:inherit}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(4,119,71,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(4,119,71,0.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}

/* ── PAGE SYSTEM ── */
.page{display:none;animation:fadeIn .3s var(--ease)}
.page.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ── NAV ── */
.nav{position:fixed;top:34px;left:0;right:0;z-index:1000;background:rgba(0,0,0,0.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(4,119,71,0.2);display:flex;align-items:center;justify-content:space-between;padding:12px 80px;height:auto;min-height:120px}
.nav-logo{display:flex;align-items:center;margin-right:auto;cursor:pointer}
.nav-logo img{height:100px;width:auto;display:block}
/* logo-mark and logo-text retained as fallback */
.logo-mark{display:none}
.logo-text{display:none}
.nav-links{display:flex;gap:28px;list-style:none;position:absolute;left:50%;transform:translateX(-50%)}
.nav-links a{font-size:15px;font-weight:500;color:var(--alloy);letter-spacing:0.03em;transition:color .2s;cursor:pointer;padding:4px 0;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;right:100%;height:1px;background:var(--vit);transition:right .25s var(--ease)}
.nav-links a:hover{color:var(--white)}
.nav-links a:hover::after,.nav-links a.active-link::after{right:0}
.nav-links a.active-link{color:var(--vit)}
.nav-cta{font-family:var(--font-head);font-size:14px;font-weight:600;background:var(--vit);color:var(--white);padding:9px 20px;border-radius:6px;border:none;cursor:pointer;transition:background .2s}
.nav-ham{display:none}.mobile-menu{display:none}
.nav-cta:hover{background:var(--vit-lt)}

/* ── SHARED ── */
.section{position:relative;z-index:1;padding:80px 80px}
.section-dark{background:var(--obs)}
.section-carbon{background:var(--carb)}
.inner{max-width:1200px;margin:0 auto}
.sec-eyebrow{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vit);margin-bottom:10px;font-family:var(--font-mono)}
.sec-h2{font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.15;letter-spacing:-0.01em;color:var(--white);margin-bottom:14px}
.sec-sub{font-size:16px;color:var(--alloy);line-height:1.75;max-width:580px}
.section-header{margin-bottom:48px}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── BUTTONS ── */
.btn-primary{font-family:var(--font-head);font-size:13px;font-weight:600;background:var(--vit);color:var(--white);padding:13px 28px;border-radius:7px;border:none;cursor:pointer;transition:background .2s,transform .15s;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.btn-primary:hover{background:var(--vit-lt);transform:translateY(-2px)}
.btn-ghost{font-family:var(--font-head);font-size:13px;font-weight:500;background:transparent;color:var(--alloy);padding:13px 28px;border-radius:7px;border:1px solid rgba(142,153,162,.3);cursor:pointer;transition:all .2s;min-height:44px;display:inline-flex;align-items:center}
.btn-ghost:hover{border-color:var(--alloy);color:var(--white);transform:translateY(-2px)}

/* ── HERO ── */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px 80px 80px;background:var(--carb);overflow:hidden}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--vit),transparent)}
.hero-grid{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(#047747 1px,transparent 1px),linear-gradient(90deg,#047747 1px,transparent 1px);background-size:40px 40px}
.hero-accent{position:absolute;pointer-events:none}
.hero-accent-tl{top:80px;left:40px;width:120px;height:120px;border-top:1px solid var(--border-green);border-left:1px solid var(--border-green);opacity:.6}
.hero-accent-br{bottom:60px;right:40px;width:80px;height:80px;border-bottom:1px solid var(--border-green);border-right:1px solid var(--border-green);opacity:.4}
.hero-content{position:relative;z-index:1;max-width:900px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--vit);background:rgba(4,119,71,.1);border:1px solid rgba(4,119,71,.25);padding:6px 16px;border-radius:30px;margin-bottom:28px}
.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--vit);animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
.hero h1{font-size:clamp(38px,5.5vw,72px);font-weight:700;line-height:1.1;letter-spacing:0.04em;color:var(--white);margin-bottom:20px}
.hero h1 em{font-style:normal;color:var(--vit)}
.hero-sub{font-size:18px;color:var(--alloy);line-height:1.75;max-width:560px;margin:0 auto 36px}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}
.hero-stats{display:flex;justify-content:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:rgba(0,0,0,.3)}
.stat{padding:16px 36px;text-align:center;border-right:1px solid var(--border)}
.stat:last-child{border-right:none}
.stat-n{font-size:22px;font-weight:600;color:var(--white);line-height:1}
.stat-l{font-size:10px;color:var(--alloy);margin-top:4px;letter-spacing:.05em}

/* ── PATH SELECTOR ── */
.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:0 auto}
.path-card{background:#111;border:1px solid #1e1e1e;border-radius:12px;padding:24px 20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}
.path-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s}
.path-card:hover{border-color:#333;background:#141414;transform:translateY(-2px)}
.path-card.active-a{border-color:var(--vit);background:#06130d}.path-card.active-a::before{background:var(--vit)}
.path-card.active-a2{border-color:#0F6E56;background:#04100a}.path-card.active-a2::before{background:#0F6E56}
.path-card.active-b{border-color:var(--purple);background:#0c0a1a}.path-card.active-b::before{background:var(--purple)}
.path-card.active-c{border-color:var(--teal);background:#051310}.path-card.active-c::before{background:var(--teal)}
.path-letter{font-size:44px;font-weight:700;line-height:1;color:#1e1e1e;margin-bottom:12px;font-family:var(--font-mono);transition:color .2s}
.path-card.active-a .path-letter{color:var(--vit)}.path-card.active-a2 .path-letter{color:#0F6E56}
.path-card.active-b .path-letter{color:var(--purple)}.path-card.active-c .path-letter{color:var(--teal)}
.path-title{font-size:14px;font-weight:600;color:var(--white);margin-bottom:8px}
.path-desc{font-size:12px;color:var(--alloy);line-height:1.7;margin-bottom:16px}
.path-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}
.tag{font-size:9px;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;background:#1a1a1a;color:#555;border:1px solid #222;transition:all .2s}
.path-card.active-a .tag{background:rgba(4,119,71,.15);color:var(--vit);border-color:rgba(4,119,71,.3)}
.path-card.active-a2 .tag{background:rgba(15,110,86,.15);color:#0F6E56;border-color:rgba(15,110,86,.3)}
.path-card.active-b .tag{background:rgba(83,74,183,.15);color:#9490e0;border-color:rgba(83,74,183,.3)}
.path-card.active-c .tag{background:rgba(29,158,117,.15);color:var(--teal);border-color:rgba(29,158,117,.3)}
.path-cta{font-size:11px;font-weight:600;color:#333;display:flex;align-items:center;gap:5px;transition:color .2s}
.path-card.active-a .path-cta{color:var(--vit)}.path-card.active-a2 .path-cta{color:#0F6E56}
.path-card.active-b .path-cta{color:#9490e0}.path-card.active-c .path-cta{color:var(--teal)}
.path-cta-arr{transition:transform .2s}.path-card:hover .path-cta-arr{transform:translateX(4px)}
.dest-reveal{margin-top:16px;border-radius:8px;padding:18px 22px;display:none;align-items:center;gap:18px;animation:fadeIn .25s var(--ease)}
.dest-reveal.show{display:flex}
.dest-reveal.rev-a{background:#06130d;border:1px solid rgba(4,119,71,.4)}
.dest-reveal.rev-a2{background:#04100a;border:1px solid rgba(15,110,86,.4)}
.dest-reveal.rev-b{background:#0c0a1a;border:1px solid rgba(83,74,183,.4)}
.dest-reveal.rev-c{background:#051310;border:1px solid rgba(29,158,117,.4)}
.dest-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.dest-icon.a{background:rgba(4,119,71,.2)}.dest-icon.a2{background:rgba(15,110,86,.2)}
.dest-icon.b{background:rgba(83,74,183,.2)}.dest-icon.c{background:rgba(29,158,117,.2)}
.dest-text{flex:1}
.dest-text strong{display:block;font-size:13px;color:var(--white);margin-bottom:4px}
.dest-text span{font-size:11px;color:var(--alloy);line-height:1.6}
.dest-btn{font-family:var(--font-head);font-size:11px;font-weight:600;padding:9px 18px;border-radius:5px;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .2s,transform .15s}
.dest-btn:hover{opacity:.85;transform:translateY(-1px)}
.dest-btn.a,.dest-btn.a2{background:var(--vit);color:var(--white)}
.dest-btn.a2{background:#0F6E56}
.dest-btn.b{background:var(--purple);color:var(--white)}
.dest-btn.c{background:var(--teal);color:var(--white)}

/* ── PILLARS ── */
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pillar-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s,border-color 0.15s linear}
.pillar-card:hover{border-color:rgba(4,119,71,0.6)}
.pillar-card.featured{border-color:rgba(83,74,183,.5)}
.pillar-top{padding:24px 22px 18px;border-bottom:1px solid #1a1a1a}
.pillar-num{font-family:var(--font-mono);font-size:13px;color:var(--vit);letter-spacing:.1em;margin-bottom:12px}
.pillar-card.featured .pillar-num{color:var(--purple)}
#sustainable-impact .pillar-num{color:var(--teal)}
.pillar-icon{width:56px;height:56px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.pillar-icon svg{width:56px;height:56px}
.pillar-title{font-size:15px;font-weight:600;color:var(--white);margin-bottom:10px}
.pillar-desc{font-size:12px;color:var(--alloy);line-height:1.7}
.pillar-bottom{padding:16px 22px}
.pillar-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.ptag{font-size:9px;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;background:#141414;color:#444;border:1px solid #1e1e1e}
.pillar-link{font-size:12px;font-weight:600;color:var(--vit);display:flex;align-items:center;gap:5px;transition:gap .2s;cursor:pointer}
.pillar-link:hover{gap:10px}
.pillar-link.p{color:#9490e0}.pillar-link.t{color:var(--teal)}

/* ── TESTIMONIALS ── */
.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;max-width:980px;margin-left:auto;margin-right:auto}
.testi-card{background:#0d0d0d;border:1px solid #1a1a1a;border-left:2px solid var(--vit);border-radius:12px;padding:22px;transition:transform .2s,border-color 0.15s linear}
.testi-card:hover{border-color:rgba(4,119,71,0.5)}
.testi-stars{color:var(--vit);font-size:12px;margin-bottom:12px;letter-spacing:2px}
.testi-text{font-size:12px;color:var(--alloy);line-height:1.75;font-style:italic;margin-bottom:18px}
.testi-foot{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid #1a1a1a}
.testi-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;color:var(--white)}
.testi-name{font-size:12px;font-weight:600;color:var(--white)}
.testi-biz{font-size:10px;color:var(--alloy)}
.logo-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #1a1a1a;border-radius:10px;overflow:hidden}
.logo-item{padding:18px 10px;display:flex;align-items:center;justify-content:center;border-right:1px solid #1a1a1a;font-size:10px;font-family:var(--font-mono);color:#2a2a2a;text-align:center;line-height:1.4;transition:color .2s,background .2s;cursor:default}
.logo-item:last-child{border-right:none}
.logo-item:hover{color:var(--alloy);background:#0d0d0d}

/* ── AI TIERS ── */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
.tier-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:24px;transition:transform .2s,border-color .2s}
.tier-card:hover{transform:translateY(-2px)}
.tier-card.hero-tier{border-color:rgba(83,74,183,.5);background:#080612}
.tier-badge{font-size:9px;font-family:var(--font-mono);font-weight:600;padding:3px 10px;border-radius:4px;display:inline-block;margin-bottom:12px;letter-spacing:.08em}
.tier-badge.a{background:rgba(4,119,71,.2);color:var(--vit)}
.tier-badge.b{background:rgba(83,74,183,.2);color:#9490e0}
.tier-badge.c{background:rgba(29,158,117,.2);color:var(--teal)}
.tier-name{font-size:17px;font-weight:600;color:var(--white);margin-bottom:8px}
.tier-desc{font-size:12px;color:var(--alloy);line-height:1.7;margin-bottom:16px}
.tier-features{list-style:none}
.tier-features li{font-size:12px;color:var(--alloy);padding:6px 0;border-bottom:1px solid #111;display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.tier-features li:last-child{border-bottom:none}
.tier-features li::before{content:'→';font-family:var(--font-mono);font-size:10px;flex-shrink:0;margin-top:1px}
.tier-card.hero-tier .tier-features li::before{color:#9490e0}
.tier-features.green li::before{color:var(--vit)}
.tier-features.teal li::before{color:var(--teal)}

/* ── HOSTING PORTAL ── */
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.portal-card{border-radius:12px;padding:24px;transition:transform .2s}
.portal-card:hover{transform:translateY(-2px)}
.portal-card.diy{background:#06130d;border:1px solid rgba(4,119,71,.35)}
.portal-card.managed-smb{background:#04100a;border:1px solid rgba(15,110,86,.35)}
.portal-card.enterprise{background:#0c0a1a;border:1px solid rgba(83,74,183,.35)}
.portal-tag{font-size:9px;font-family:var(--font-mono);font-weight:600;padding:3px 10px;border-radius:4px;display:inline-block;margin-bottom:12px;letter-spacing:.08em}
.portal-tag.g{background:rgba(4,119,71,.2);color:var(--vit)}
.portal-tag.g2{background:rgba(15,110,86,.2);color:#0F6E56}
.portal-tag.p{background:rgba(83,74,183,.2);color:#9490e0}
.portal-title{font-size:17px;font-weight:600;color:var(--white);margin-bottom:8px}
.portal-desc{font-size:12px;color:var(--alloy);line-height:1.7;margin-bottom:16px}
.portal-list{list-style:none;margin-bottom:20px}
.portal-list li{font-size:12px;color:var(--alloy);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;gap:8px}
.portal-list li::before{content:'→';font-family:var(--font-mono);font-size:10px;flex-shrink:0}
.portal-card.diy .portal-list li::before{color:var(--vit)}
.portal-card.managed-smb .portal-list li::before{color:#0F6E56}
.portal-card.enterprise .portal-list li::before{color:#9490e0}
.portal-btn{display:block;text-align:center;font-family:var(--font-head);font-size:12px;font-weight:600;padding:10px;border-radius:6px;border:none;cursor:pointer;transition:opacity .2s,transform .15s}
.portal-btn:hover{opacity:.85;transform:translateY(-1px)}
.portal-btn.g{background:var(--vit);color:var(--white)}
.portal-btn.g2{background:#0F6E56;color:var(--white)}
.portal-btn.p{background:var(--purple);color:var(--white)}
.quiz-box{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;padding:24px;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quiz-q{background:#111;border:1px solid #1a1a1a;border-radius:8px;padding:14px}
.quiz-q h4{font-size:12px;font-weight:600;color:var(--white);margin-bottom:10px}
.quiz-answers{display:flex;gap:8px}
.quiz-ans{font-size:11px;font-family:var(--font-mono);padding:5px 12px;border-radius:4px;border:1px solid #2a2a2a;color:var(--alloy);cursor:pointer;transition:all .2s}
.quiz-ans:hover{border-color:var(--vit);color:var(--vit)}

/* ── GHT ── */
.ght-hero{background:linear-gradient(135deg,#06130d 0%,#0a1a12 100%);border-bottom:1px solid rgba(4,119,71,.4);padding:60px 40px;text-align:center}
.ght-hero h1{font-size:clamp(32px,4vw,52px);font-weight:600;color:var(--white);margin-bottom:14px}
.ght-hero p{font-size:15px;color:var(--alloy);max-width:560px;margin:0 auto 28px;line-height:1.75}
.rib-visual{display:flex;align-items:center;justify-content:center;gap:0;margin:24px 0}
.rib-half{padding:14px 24px;border-radius:8px;text-align:center;min-width:160px}
.rib-half.heart{background:rgba(4,119,71,.15);border:1px solid rgba(4,119,71,.3)}
.rib-half.cage{background:rgba(255,255,255,.04);border:1px solid #1e1e1e}
.rib-label{font-size:9px;font-family:var(--font-mono);color:var(--alloy);letter-spacing:.1em;margin-bottom:4px}
.rib-name{font-size:14px;font-weight:600;color:var(--white)}
.rib-sep{font-size:20px;color:#1e1e1e;padding:0 12px}
.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.activity-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:22px}
.activity-card h3{font-size:14px;font-weight:600;color:var(--white);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.activity-card p{font-size:12px;color:var(--alloy);line-height:1.7}
.activity-icon{width:28px;height:28px;border-radius:6px;background:rgba(4,119,71,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ── ABOUT ── */
.about-hero{background:var(--carb);padding:80px 40px 60px;border-bottom:1px solid #1a1a1a}
.about-hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-hero h1{font-size:clamp(32px,4vw,52px);font-weight:600;color:var(--white);line-height:1.15;margin-bottom:16px;letter-spacing:0.03em}
.about-hero h1 em{font-style:normal;color:var(--vit)}
.about-hero p{font-size:14px;color:var(--alloy);line-height:1.75}
.about-visual{background:#111;border:1px solid #1a1a1a;border-radius:12px;padding:28px;text-align:center}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.value-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;padding:18px}
.value-icon{font-size:22px;margin-bottom:10px}
.value-title{font-size:13px;font-weight:600;color:var(--white);margin-bottom:6px}
.value-desc{font-size:11px;color:var(--alloy);line-height:1.6}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.team-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:22px;text-align:center;transition:transform .2s}
.team-card:hover{transform:translateY(-2px)}
.team-av{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--white);margin:0 auto 12px}
.team-name{font-size:14px;font-weight:600;color:var(--white);margin-bottom:4px}
.team-role{font-size:11px;color:var(--alloy);margin-bottom:8px}
.team-bio{font-size:11px;color:#555;line-height:1.6}

/* ── CONTACT ── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:8px}
.cal-block{background:#0d0d0d;border:1px solid rgba(4,119,71,.3);border-radius:12px;padding:24px}
.cal-block h3{font-size:16px;font-weight:600;color:var(--white);margin-bottom:6px}
.cal-block p{font-size:12px;color:var(--alloy);margin-bottom:20px}
.cal-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}
.cal-day{background:#111;border-radius:6px;padding:8px 4px;text-align:center;font-size:10px;font-family:var(--font-mono);color:var(--alloy)}
.cal-day.avail{border:1px solid rgba(4,119,71,.4);color:var(--vit);cursor:pointer;transition:all .2s}
.cal-day.avail:hover{background:rgba(4,119,71,.1)}
.cal-btn{display:block;text-align:center;font-family:var(--font-head);font-size:12px;font-weight:600;background:var(--vit);color:var(--white);padding:11px;border-radius:6px;border:none;cursor:pointer;width:100%;transition:background .2s}
.cal-btn:hover{background:var(--vit-lt)}
.form-block{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:24px}
.form-block h3{font-size:16px;font-weight:600;color:var(--white);margin-bottom:16px}
.form-field{margin-bottom:12px}
.form-field label{display:block;font-size:11px;font-family:var(--font-mono);color:var(--alloy);margin-bottom:5px;letter-spacing:.06em;text-transform:uppercase}
.form-input{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:10px 12px;font-size:13px;font-family:var(--font-head);color:var(--white);outline:none;transition:border-color .2s}
.form-input:focus{border-color:var(--vit)}
.form-input::placeholder{color:#444}
.form-select{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:10px 12px;font-size:13px;font-family:var(--font-head);color:var(--alloy);outline:none}
textarea.form-input{height:80px;resize:none}
.form-submit{width:100%;font-family:var(--font-head);font-size:13px;font-weight:600;background:var(--vit);color:var(--white);padding:12px;border-radius:6px;border:none;cursor:pointer;margin-top:4px;transition:background .2s}
.form-submit:hover{background:var(--vit-lt)}
.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.contact-detail-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;padding:18px}
.contact-detail-card h4{font-size:11px;font-family:var(--font-mono);color:var(--alloy);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.contact-detail-card p{font-size:13px;color:var(--white);line-height:1.7}

/* ── CTA BANNER ── */
.cta-banner{background:var(--vit);padding:72px 40px;text-align:center;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}
.cta-banner h2{font-size:clamp(24px,3vw,38px);font-weight:700;color:var(--white);margin-bottom:12px;position:relative}
.cta-banner p{font-size:15px;color:rgba(255,255,255,.75);margin-bottom:32px;position:relative}
.cta-btns{display:flex;gap:12px;justify-content:center;position:relative}
.btn-white{font-family:var(--font-head);font-size:13px;font-weight:700;background:var(--white);color:var(--vit);padding:13px 28px;border-radius:7px;border:none;cursor:pointer;transition:transform .15s;min-height:44px;display:inline-flex;align-items:center}
.btn-white:hover{transform:translateY(-2px)}
.btn-outline-white{font-family:var(--font-head);font-size:13px;font-weight:500;background:transparent;color:var(--white);padding:13px 28px;border-radius:7px;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:all .2s;min-height:44px;display:inline-flex;align-items:center}
.btn-outline-white:hover{border-color:var(--white);transform:translateY(-2px)}

/* ── GEO + FOOTER ── */
.geo-strip{background:var(--carb);border-top:1px solid #1a1a1a;padding:12px 40px}
.geo-strip p{font-size:10px;color:#333;line-height:1.8;font-family:var(--font-mono)}
.geo-strip strong{color:#444}
.footer{background:var(--carb);border-top:1px solid var(--vit);padding:48px 40px 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto 40px}
.footer-brand p{font-size:12px;color:var(--alloy);line-height:1.7;margin-top:12px;max-width:280px}
.footer-col h4{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--alloy);margin-bottom:14px;font-family:var(--font-mono)}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{font-size:13px;color:#444;transition:color .2s;cursor:pointer}
.footer-col a:hover{color:var(--alloy)}
.footer-bottom{border-top:1px solid #1a1a1a;padding-top:20px;display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto}
.footer-bottom span{font-size:11px;color:#555}
.footer-socials{display:flex;gap:8px}
.soc-btn{width:30px;height:30px;border-radius:6px;background:#1a1a1a;border:1px solid #222;display:flex;align-items:center;justify-content:center;font-size:10px;color:#444;font-family:var(--font-mono);cursor:pointer;transition:all .2s}
.soc-btn:hover{border-color:var(--vit);color:var(--vit)}

/* ── ARCHETYPE PATH SELECTOR v2.3 ── */
.arch-section{background:#080808;padding:80px 40px}
.arch-intro{max-width:640px;margin:0 auto 56px;text-align:center}
.arch-eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--vit);margin-bottom:12px}
.arch-h2{font-size:clamp(26px,3vw,38px);font-weight:600;color:var(--white);line-height:1.15;letter-spacing:0.03em;margin-bottom:12px}
.arch-sub{font-size:14px;color:var(--alloy);line-height:1.75}

.arch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto}

.arch-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,opacity .25s,border-color 0.15s linear;display:flex;flex-direction:column}
.arch-card:hover{border-color:rgba(4,119,71,0.4)}
.arch-card.arch-inactive{opacity:.28;transform:none}
.arch-card.arch-inactive:hover{opacity:.65;transform:translateY(-2px)}
.arch-card.ac-a{border-color:var(--vit)}
.arch-card.ac-a2{border-color:#0F6E56}
.arch-card.ac-b{border-color:var(--purple)}
.arch-card.ac-c{border-color:var(--teal)}

/* icon zone */
.arch-icon-zone{height:110px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.aiz-a{background:radial-gradient(circle at 50% 60%,rgba(4,119,71,.18),transparent 70%)}
.aiz-a2{background:radial-gradient(circle at 50% 60%,rgba(15,110,86,.18),transparent 70%)}
.aiz-b{background:radial-gradient(circle at 50% 60%,rgba(83,74,183,.18),transparent 70%)}
.aiz-c{background:radial-gradient(circle at 50% 60%,rgba(29,158,117,.18),transparent 70%)}

/* geometric icon built from SVG */
.arch-icon{opacity:.6;transition:opacity .2s}
.arch-card:hover .arch-icon,.arch-card.ac-a .arch-icon,.arch-card.ac-a2 .arch-icon,.arch-card.ac-b .arch-icon,.arch-card.ac-c .arch-icon{opacity:1}

/* archetype name — big */
.arch-name{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:4px;transition:color .2s;color:#333}
.arch-card.ac-a .arch-name{color:var(--vit)}
.arch-card.ac-a2 .arch-name{color:#0F6E56}
.arch-card.ac-b .arch-name{color:var(--purple)}
.arch-card.ac-c .arch-name{color:var(--teal)}
.arch-card:hover .arch-name{color:var(--alloy)}
.arch-card.ac-a:hover .arch-name{color:var(--vit)}
.arch-card.ac-a2:hover .arch-name{color:#0F6E56}
.arch-card.ac-b:hover .arch-name{color:var(--purple)}
.arch-card.ac-c:hover .arch-name{color:var(--teal)}

.arch-body{padding:0 20px 22px;flex:1;display:flex;flex-direction:column}
.arch-tagline{font-size:11px;color:var(--alloy);font-style:italic;margin-bottom:12px;line-height:1.5}
.arch-title{font-size:14px;font-weight:600;color:var(--white);margin-bottom:8px;line-height:1.3}
.arch-desc{font-size:11px;color:var(--alloy);line-height:1.7;margin-bottom:14px}
.arch-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}
.arch-tag{font-size:9px;font-family:var(--font-mono);padding:2px 7px;border-radius:3px;background:#141414;color:#444;border:1px solid #1e1e1e;transition:all .2s}
.arch-card.ac-a .arch-tag{background:rgba(4,119,71,.12);color:var(--vit);border-color:rgba(4,119,71,.25)}
.arch-card.ac-a2 .arch-tag{background:rgba(15,110,86,.12);color:#0F6E56;border-color:rgba(15,110,86,.25)}
.arch-card.ac-b .arch-tag{background:rgba(83,74,183,.12);color:#9490e0;border-color:rgba(83,74,183,.25)}
.arch-card.ac-c .arch-tag{background:rgba(29,158,117,.12);color:var(--teal);border-color:rgba(29,158,117,.25)}
.arch-cta{font-family:var(--font-mono);font-size:10px;color:#2a2a2a;display:flex;align-items:center;gap:5px;transition:color .2s;letter-spacing:.04em;margin-top:auto}
.arch-card.ac-a .arch-cta{color:var(--vit)}.arch-card.ac-a2 .arch-cta{color:#0F6E56}
.arch-card.ac-b .arch-cta{color:#9490e0}.arch-card.ac-c .arch-cta{color:var(--teal)}
.arch-card:hover .arch-cta{color:#444}
.arch-card.ac-a:hover .arch-cta{color:var(--vit)}
.arch-card.ac-a2:hover .arch-cta{color:#0F6E56}
.arch-card.ac-b:hover .arch-cta{color:#9490e0}
.arch-card.ac-c:hover .arch-cta{color:var(--teal)}
.arch-arr{transition:transform .2s}.arch-card:hover .arch-arr{transform:translateX(3px)}

/* dest */
.arch-dest{max-width:1100px;margin:24px auto 0;border-radius:10px;padding:20px 24px;display:none;align-items:center;gap:18px;animation:fadeIn .25s var(--ease)}
.arch-dest.show{display:flex}
.arch-dest.ada{background:#06130d;border:1px solid rgba(4,119,71,.4)}
.arch-dest.ada2{background:#04100a;border:1px solid rgba(15,110,86,.4);flex-direction:column;align-items:flex-start}
.arch-dest.adb{background:#0c0a1a;border:1px solid rgba(83,74,183,.4);flex-direction:column;align-items:flex-start}
.arch-dest.adc{background:#051a14;border:1px solid rgba(29,158,117,.4)}
.arch-dest-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ada .arch-dest-icon{background:rgba(4,119,71,.2)}.ada2 .arch-dest-icon{background:rgba(15,110,86,.2)}
.adb .arch-dest-icon{background:rgba(83,74,183,.2)}.adc .arch-dest-icon{background:rgba(29,158,117,.2)}
.arch-dest-text{flex:1}
.arch-dest-text strong{display:block;font-size:13px;color:var(--white);margin-bottom:4px}
.arch-dest-text span{font-size:11px;color:var(--alloy);line-height:1.6}
@keyframes spin{to{transform:rotate(360deg)}}

/* ══════════════════════════════════════════
   RESPONSIVE — TABLET (≤900px)
══════════════════════════════════════════ */
@media(max-width:1200px){
  /* Nav */
  .nav{padding:8px 20px;height:auto;min-height:0}
  .nav-links{display:none}
  .nav-cta{display:none}

  /* Hamburger */
  .nav-ham{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px;margin-left:12px}
  .nav-ham span{width:22px;height:2px;background:var(--alloy);border-radius:2px;transition:all .2s}

  /* Mobile menu */
  .mobile-menu{display:none;position:fixed;top:150px;left:0;right:0;background:var(--carb);border-bottom:1px solid var(--border-green);z-index:1002;padding:16px 20px;flex-direction:column;gap:0;max-height:calc(100vh - 150px);overflow-y:auto}
  .mobile-menu.open{display:flex}

  .mobile-menu .mob-sub{display:none;flex-direction:column;background:rgba(255,255,255,0.03);border-left:2px solid var(--vit);margin-left:8px}
  .mobile-menu .mob-sub a{padding:9px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,0.04)}
  .mobile-menu .mob-sub a:last-child{border-bottom:none}
  .mobile-menu .mob-parent{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:14px;color:var(--alloy);border-bottom:1px solid #1a1a1a;cursor:pointer;transition:color .2s}
  .mobile-menu .mob-parent.open + .mob-sub{display:flex}
  .mobile-menu .mob-parent .mob-arrow{font-size:10px;transition:transform .2s;display:inline-block}
  .mobile-menu .mob-parent.open .mob-arrow{transform:rotate(180deg)}
  .mobile-menu a{display:block;padding:13px 0;font-size:14px;color:var(--alloy);border-bottom:1px solid #1a1a1a;cursor:pointer;transition:color .2s}
  .mobile-menu a:last-child{border-bottom:none}
  .mobile-menu a:hover{color:var(--white)}
  .mobile-menu a.active-link{color:var(--vit);font-weight:600}

  /* Sections */
  .section{padding:56px 20px}

  /* Hero */
  .hero{padding:80px 20px 56px;min-height:auto}
  .hero-stats{flex-wrap:wrap}
  .stat{padding:12px 20px;flex:1;min-width:120px}

  /* Grids → 2 col */
  .path-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pillars-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .tier-grid{grid-template-columns:repeat(2,1fr)}
  .portal-grid{grid-template-columns:repeat(2,1fr)}
  .arch-grid{grid-template-columns:repeat(2,1fr)}
  .stage-grid{grid-template-columns:repeat(2,1fr)}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .activity-grid{grid-template-columns:repeat(2,1fr)}
  .featured-tools{grid-template-columns:repeat(2,1fr)}
  #tools-grid{grid-template-columns:repeat(2,1fr)}

  /* About, Contact → 1 col */
  .about-hero-inner{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}

  /* Footer → 2 col */
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px}

  /* Logo strip → 3 */
  .logo-strip{grid-template-columns:repeat(3,1fr)}
  .logo-item:nth-child(4),.logo-item:nth-child(5){border-top:1px solid #1a1a1a}

  /* Dest reveal */
  .dest-reveal.show{flex-direction:column;gap:12px}
  .dest-reveal .dest-btn{width:100%;text-align:center}

  /* Contact details */
  .contact-details{grid-template-columns:1fr 1fr}

  /* Quiz box */
  .quiz-box{grid-template-columns:1fr}

  /* Power mode panels */
  .power-panel.pp-active{grid-template-columns:1fr}

  /* Track split */
  .track-split{grid-template-columns:1fr}

  /* Signal grid */
  .signal-grid{grid-template-columns:repeat(2,1fr)}

  /* Rib visual */
  .rib-visual{flex-direction:column;gap:8px}
  .rib-half{width:100%}
}

/* ══════════════════════════════════════════
   RESPONSIVE — MOBILE (≤600px)
══════════════════════════════════════════ */
@media(max-width:600px){
  /* Global overflow fix */
  img,table,pre,video{max-width:100%!important}
  [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  [style*="display:flex"]:not(.marquee-track):not(.marquee-wrap){flex-wrap:wrap!important}
  [style*="gap:64px"]{gap:20px!important}
  [style*="gap:48px"]{gap:20px!important}
  [style*="gap:40px"]{gap:16px!important}
  /* Exceptions - things that should stay side by side */
  .hero-btns,[style*="gap:12px"],[style*="gap:14px"]{flex-wrap:wrap!important}

  /* Committee */
  .committee-officers{grid-template-columns:1fr 1fr !important}
  .committee-general{flex-direction:column !important;align-items:stretch !important}
  .committee-general > div{flex:none !important}
  /* GHT section */
  .ght-grid{grid-template-columns:1fr !important;gap:32px !important}
  /* Nav — shrink logo so ticker (z-index 1001) doesn't clip it on mobile */
  .nav{padding:6px 16px;height:auto;min-height:0}
  .nav-logo img{height:56px!important;width:auto}
  .mobile-menu{top:102px;max-height:calc(100vh - 102px)}
  .logo-text{font-size:13px}

  /* Sections */
  .section{padding:40px 16px}

  /* Hero */
  .hero{padding:72px 16px 48px}
  .hero h1{font-size:clamp(28px,8vw,40px)}
  .hero-sub{font-size:14px}
  .hero-btns{flex-direction:column;align-items:stretch}
  .btn-primary,.btn-ghost{width:100%;justify-content:center;text-align:center}
  .hero-stats{flex-direction:column;border-radius:8px}
  .stat{border-right:none!important;border-bottom:1px solid var(--border);padding:12px 16px}
  .stat:last-child{border-bottom:none}

  /* All grids → 1 col */
  .path-grid{grid-template-columns:1fr}
  .pillars-grid{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .tier-grid{grid-template-columns:1fr}
  .portal-grid{grid-template-columns:1fr}
  .arch-grid{grid-template-columns:1fr}
  .stage-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .activity-grid{grid-template-columns:1fr}
  .featured-tools{grid-template-columns:1fr}
  #tools-grid{grid-template-columns:1fr}
  .partner-row{grid-template-columns:1fr}
  .about-stat-row{grid-template-columns:1fr 1fr}

  /* Footer → 1 col */
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center}

  /* Logo strip → 2 col */
  .logo-strip{grid-template-columns:repeat(2,1fr)}
  .logo-item:nth-child(odd){border-right:1px solid #1a1a1a}
  .logo-item:not(:nth-last-child(-n+2)){border-bottom:1px solid #1a1a1a}

  /* Headings */
  .sec-h2{font-size:clamp(22px,6vw,32px)}

  /* Path cards — tighten */
  .path-card{padding:18px 16px}
  .path-letter{font-size:36px}

  /* Power modes — tabs stack */
  .power-modes{flex-direction:column}
  .power-mode-btn{border-right:none!important;border-bottom:1px solid #1a1a1a}
  .power-mode-btn:last-child{border-bottom:none}
  .power-mode-btn::before{bottom:auto;top:0;height:2px}
  .power-panel.pp-active{grid-template-columns:1fr}

  /* Stage journey line hidden mobile */
  .journey-line{display:none}

  /* Signal axis */
  .signal-axis{display:none}
  .signal-grid{grid-template-columns:1fr}

  /* Dest reveal */
  .dest-reveal.show{flex-direction:column;gap:10px;padding:14px 16px}
  .dest-btn{width:100%!important;text-align:center}

  /* Contact */
  .contact-grid{grid-template-columns:1fr;gap:20px}
  .contact-details{grid-template-columns:1fr}
  .cal-days{grid-template-columns:repeat(5,1fr);gap:4px}

  /* CTA banner */
  .cta-banner{padding:48px 16px}
  .cta-btns{flex-direction:column;align-items:stretch}
  .btn-white,.btn-outline-white{width:100%;text-align:center}

  /* Tool modal */
  #tool-modal-box{border-radius:12px 12px 0 0;max-height:85vh;position:fixed;bottom:0;left:0;right:0;max-width:100%}
  #tool-modal-overlay{align-items:flex-end;padding:0}

  /* Archetype grid gap */
  .arch-grid{gap:12px}
  .arch-icon-wrap{height:90px}

  /* GHT hero */
  .ght-hero{padding:48px 16px}

  /* Geo strip */
  .geo-strip{padding:12px 16px}

  /* Resources lead-gen bar */
  .resources-lead-bar-inner{flex-direction:column;gap:8px}

  /* ROI summary grid */
  #roi-summary{grid-template-columns:1fr 1fr}

  /* Featured tools */
  .ft-card{padding:14px}
  .ft-card-top{flex-direction:row;align-items:flex-start;gap:10px}
  .ft-card-name{font-size:13px;line-height:1.3;word-break:normal;overflow-wrap:anywhere}
  .ft-card-icon{width:36px;height:36px;font-size:16px;flex-shrink:0}
  .featured-tools{padding:0 4px}

  /* Category filter wrap */
  #cat-filter{gap:6px}
  .cat-btn{font-size:10px;padding:5px 10px}
}
/* ── BLOG CARDS ── */
.blog-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:20px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;cursor:pointer}
.blog-card:hover{border-color:#2a2a2a;transform:translateY(-2px)}
.blog-card.bc-hidden{display:none}
/* ── RES CARDS ── */
.res-card{transition:border-color .2s,transform .2s,box-shadow .2s}
/* ── SPIN ── */
/* duplicate spin removed CB-003 */
/* ── MAKER QUALIFIER ── */
.maker-choice:hover{transform:translateY(-2px)}
#maker-web:hover{border-color:rgba(4,119,71,.7)!important;background:#0d2016!important}
#maker-cloud:hover{border-color:rgba(83,74,183,.7)!important;background:#110e24!important}
.maker-choice.mc-selected-web{border-color:var(--vit)!important;background:#0d2016!important}
.maker-choice.mc-selected-cloud{border-color:var(--purple)!important;background:#110e24!important}

/* ── TOOLS PAGE ── */
.cat-btn{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:7px 14px;border-radius:20px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:var(--alloy);cursor:pointer;transition:all .2s;white-space:nowrap}
.cat-btn:hover{border-color:rgba(4,119,71,0.5);color:var(--white)}
.cat-btn.cat-active{background:rgba(4,119,71,0.15);border-color:rgba(4,119,71,0.5);color:var(--vit)}
.tool-card-v4{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}
.tool-card-v4:hover{border-color:#2a2a2a;transform:translateY(-2px);background:#111}
.tool-card-v4.locked{opacity:.65;cursor:default;pointer-events:none}
.tc-accent{height:2px;border-radius:2px;margin:-20px -20px 12px;width:calc(100% + 40px)}
.tc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.tc-icon{width:36px;height:36px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.tc-badge{font-family:var(--font-mono);font-size:9px;font-weight:500;padding:2px 8px;border-radius:4px;border:1px solid;letter-spacing:.04em}
.tc-badge.popular{background:rgba(255,255,255,0.07);color:var(--alloy);border-color:rgba(255,255,255,0.1)}
.tc-cat{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.tc-name{font-size:14px;font-weight:600;color:var(--white);line-height:1.3}
.tc-tagline{font-size:11px;color:var(--alloy);font-style:italic}
.tc-desc{font-size:12px;color:var(--alloy);line-height:1.7;flex:1}
.tc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #1a1a1a}
.tc-time{font-family:var(--font-mono);font-size:10px;color:#444}
.tc-cta{font-family:var(--font-mono);font-size:10px;font-weight:500;transition:opacity .2s}
.tc-coming-soon{position:absolute;top:12px;right:12px;background:#047747;color:#fff;font-size:9px;font-family:var(--font-mono);font-weight:500;letter-spacing:.06em;padding:3px 9px;border-radius:20px;pointer-events:none;z-index:2;text-transform:uppercase}

.tc-hidden{display:none!important}

/* ── FEATURED TOOLS STRIP ── */
.featured-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ft-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s,border-color 0.15s linear;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}
.ft-card:hover{border-color:rgba(4,119,71,0.5)}
.tc-accent{height:2px;border-radius:2px;margin:-20px -20px 12px;width:calc(100% + 40px)}
.ft-card-top{display:flex;align-items:center;gap:12px}
.ft-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ft-card-name{font-size:14px;font-weight:600;color:var(--white);margin-bottom:2px}
.ft-card-desc{font-size:13px;color:var(--alloy);line-height:1.65;flex:1}
.ft-card-cta{font-size:12px;font-weight:500;font-family:var(--font-mono);margin-top:auto}

/* ── MEDIUM SCREENS (laptops 1200-1400px) ── */
@media(min-width:1201px) and (max-width:1400px){
  .nav{padding:12px 40px;min-height:100px}
  .nav-logo img{height:80px;width:auto}
  .nav-links{gap:20px}
  .nav-links a{font-size:13px}
  .nav-cta{font-size:12px;padding:8px 16px}
  .section{padding:80px 40px}
  .hero{padding:140px 40px 80px}
}


/* ── SITE FOOTER ── */
.site-footer{background:#0a0a0a;border-top:1px solid rgba(4,119,71,0.25);padding:64px 80px 0;margin-top:0}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:48px;padding-bottom:48px}
.footer-brand .footer-tagline{font-size:13px;color:var(--alloy);line-height:1.7;margin-bottom:24px;max-width:200px}
.footer-social{display:flex;gap:8px}
.footer-social a{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:8px;background:#1a1a1a;border:1px solid #2a2a2a;display:inline-flex;align-items:center;justify-content:center;color:var(--alloy);transition:all .2s;text-decoration:none;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em}
.footer-social a:hover{border-color:var(--vit);color:var(--vit);background:rgba(4,119,71,.1)}
.footer-heading{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vit);margin-bottom:20px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:14px;color:var(--alloy);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--white)}
.footer-contact-list li{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid #1a1a1a}
.footer-contact-list li:last-child{border-bottom:none;padding-bottom:0}
.fc-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:#444;text-transform:uppercase}
.fc-val{font-size:13px;color:var(--alloy);text-decoration:none;line-height:1.5;transition:color .2s}
a.fc-val:hover{color:var(--vit)}
.footer-bottom{border-top:1px solid #1a1a1a;padding:20px 0;max-width:100%}
.footer-bottom-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:12px;color:#444;font-family:var(--font-mono)}
.footer-legal-links{display:flex;gap:20px}
.footer-legal-links a{font-size:12px;color:#444;text-decoration:none;font-family:var(--font-mono);transition:color .2s}
.footer-legal-links a:hover{color:var(--alloy)}
@media(max-width:1200px){
  .site-footer{padding:48px 40px 0}
  .footer-inner{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
  .site-footer{padding:40px 20px 0}
  .footer-inner{grid-template-columns:1fr}
  .footer-bottom-inner{flex-direction:column;text-align:center}
}

/* ── SCROLL TO TOP ── */
.scroll-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;background:var(--vit);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,background .2s;box-shadow:0 4px 16px rgba(4,119,71,.4)}
.scroll-top.visible{opacity:1;pointer-events:all}
.scroll-top:hover{background:var(--vit-lt);transform:translateY(-3px)}
.scroll-top svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

/* ── FOOTER SOCIAL ICONS ── */
.footer-social a{width:38px;height:38px;border-radius:8px;background:#1a1a1a;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:var(--alloy);transition:all .2s;text-decoration:none}
.footer-social a:hover{border-color:var(--vit);background:rgba(4,119,71,.1)}
.footer-social a svg{width:18px;height:18px;fill:currentColor}
.footer-social a:hover svg{color:var(--vit)}

/* ── NAV DROPDOWN ── */
.nav-links li{position:relative;padding-bottom:8px;margin-bottom:-8px}
.nav-links li:hover .nav-dropdown{opacity:1;pointer-events:all}
.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#0d0d0d;border:1px solid rgba(4,119,71,0.25);border-radius:0 0 8px 8px;min-width:180px;padding:8px 0;opacity:0;pointer-events:none;transition:opacity .15s;z-index:1100}
.nav-dropdown::before{content:none}
.nav-dropdown a{display:block;padding:9px 16px;font-size:13px;color:var(--alloy);text-decoration:none;transition:color .2s,background .2s;white-space:nowrap;font-family:var(--font-head)}
.nav-dropdown a:hover{color:var(--white);background:rgba(4,119,71,0.08)}
.nav-dropdown a:first-child{border-radius:10px 10px 0 0}
.nav-dropdown a:last-child{border-radius:0 0 10px 10px}
.nav-has-dropdown>a::after{content:' ▾';font-size:22px;font-weight:700;opacity:1;margin-left:8px;vertical-align:middle;display:inline-block;line-height:1;color:var(--vit)}

/* Mobile nav sub-menu tap area — CC-031 */
@media (max-width: 768px) {
  .nav-has-dropdown > a,
  .nav-dropdown a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

/* ── HOSTING PLANS GRID ── */
.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
@media(max-width:1200px){.plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.plans-grid{grid-template-columns:1fr}}

/* ── CB-002 ARCHETYPE PATHS ── */
.archetype-path-inner{padding:2rem 0;animation:pathFadeIn .3s ease}
@keyframes pathFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.path-label{font-size:.75rem;letter-spacing:.1em;color:var(--vit);text-transform:uppercase;margin-bottom:.5rem;font-family:var(--font-mono)}
.path-sub{color:var(--alloy);margin-bottom:1.5rem}
.path-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}
@media(max-width:640px){.path-two-col{grid-template-columns:1fr}}
.path-card{background:var(--carb);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.5rem}
.path-selector{cursor:pointer;transition:border-color .2s}
.path-selector:hover{border-color:var(--vit)}
.path-card-icon{font-size:1.5rem;margin-bottom:.75rem}
.path-scoping{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}
.path-label-small{font-size:.8rem;color:var(--alloy);margin-bottom:.75rem}
.path-note{font-size:.8rem;color:var(--alloy);margin-top:.5rem}
.path-note-green{font-size:.85rem;color:var(--vit);margin-bottom:1rem}
.path-need-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.btn-need{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:border-color .2s,background .2s;font-family:var(--font-head)}
.btn-need:hover{border-color:var(--vit);background:rgba(4,119,71,.1)}
.path-cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.path-outcome{background:rgba(4,119,71,.08);border:1px solid rgba(4,119,71,.3);border-radius:8px;padding:1.5rem;animation:pathFadeIn .25s ease}

/* ── CB-002: ARCHETYPE STORYTELLING PATHS (PS-001 · Forge-approved) ── */
/* @keyframes fadeUp — globally scoped per Forge ADR 03 May 2026
   (heroes.css not present in this repo — added directly to style.css) */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.mc {
  width: 210px !important;
  height: 136px !important;
  flex-shrink: 0 !important;
  min-width: 210px !important;
}

/* Path section wrapper */
.archetype-path-section { width: 100%; }

/* Container — animates on every state swap */
.archetype-path-container {
  width: 100%;
  padding: 48px 80px;
  border-top: 1px solid rgba(255,255,255,0.08);
  background: #000000;
}
@media(max-width:768px){ .archetype-path-container { padding: 32px 24px; } }

/* Archetype card active/inactive states */
.arch-card { transition: opacity 0.2s ease, border-color 0.2s ease; }
.arch-card.is-active { border-color: #047747 !important; border-width: 2px !important; opacity: 1 !important; }
.arch-card.is-inactive { opacity: 0.5; }

/* Inner content — fadeUp on every swap */
.archetype-path-inner { animation: fadeUp 0.9s cubic-bezier(.2,.8,.2,1) both; }

/* Path label */
.path-label {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  color: #047747;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* Path heading */
.path-heading {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: clamp(24px, 2.5vw, 32px);
  line-height: 1.15;
  color: #FFFFFF;
  margin: 0;
}

/* STATE 1 — MAKER */
.path-maker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
@media(max-width:768px){ .path-maker { flex-direction: column; align-items: flex-start; gap: 24px; } }

.path-cta-row { display: flex; gap: 12px; flex-shrink: 0; }
@media(max-width:768px){ .path-cta-row { flex-direction: column; width: 100%; } }

/* Primary button */
.btn-path-primary {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 24px;
  background: #047747; color: #FFFFFF;
  font-family: var(--font-body); font-size: 15px; font-weight: 600;
  letter-spacing: 0.02em; text-decoration: none;
  border: 1px solid #047747; border-radius: 0;
  transition: background 0.22s ease, box-shadow 0.22s ease;
}
.btn-path-primary:hover { background: #05904f; box-shadow: 0 0 24px rgba(4,119,71,0.35); }

/* Ghost button */
.btn-path-ghost {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 24px;
  background: transparent; color: #FFFFFF;
  font-family: var(--font-body); font-size: 15px; font-weight: 500;
  letter-spacing: 0.02em; text-decoration: none;
  border: 1px solid rgba(255,255,255,0.45); border-radius: 0;
  transition: border-color 0.22s ease, background 0.22s ease;
}
.btn-path-ghost:hover { border-color: rgba(255,255,255,0.75); background: rgba(255,255,255,0.04); }

/* STATE 2 — OWNER */
.path-owner-header { margin-bottom: 40px; }

/* STATE 3 — OPERATOR */
.path-operator-sub {
  font-family: var(--font-body); font-weight: 400;
  font-size: 17px; line-height: 1.55; color: #8E99A2;
  margin: 0 0 36px 0; max-width: 640px;
}
.path-operator-cards {
  display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 0;
}
@media(max-width:768px){ .path-operator-cards { grid-template-columns: 1fr; } }

.path-operator-card {
  background: #202322; border: 1px solid rgba(255,255,255,0.08);
  border-radius: 0; padding: 32px;
  display: flex; flex-direction: column;
}
@media(max-width:768px){ .path-operator-card { padding: 24px; } }

.path-card-icon { font-size: 28px; margin-bottom: 12px; line-height: 1; }

.path-card-heading {
  font-family: var(--font-body); font-weight: 700;
  font-size: 18px; line-height: 1.25; color: #FFFFFF; margin: 0 0 8px 0;
}
.path-card-body {
  font-family: var(--font-body); font-weight: 400;
  font-size: 15px; line-height: 1.55; color: #8E99A2;
  margin: 0 0 24px 0; flex-grow: 1;
}
.path-card-cta {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 12px 24px; background: #047747; color: #FFFFFF;
  font-family: var(--font-body); font-size: 15px; font-weight: 600;
  letter-spacing: 0.02em; text-decoration: none;
  border: 1px solid #047747; border-radius: 0; width: 100%; margin-top: auto;
  transition: background 0.22s ease, box-shadow 0.22s ease;
}
.path-card-cta:hover { background: #05904f; box-shadow: 0 0 24px rgba(4,119,71,0.35); }

.path-scoping-block {
  border-top: 1px solid rgba(255,255,255,0.08);
  margin-top: 32px; padding-top: 32px;
  display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;
}
.path-scoping-label {
  font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 500;
  color: #8E99A2; letter-spacing: 0.14em; text-transform: uppercase;
}
.btn-scoping {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 32px; min-width: 240px; justify-content: center;
  background: #047747; color: #FFFFFF;
  font-family: var(--font-body); font-size: 16px; font-weight: 600;
  letter-spacing: 0.02em; text-decoration: none;
  border: 1px solid #047747; border-radius: 0;
  transition: background 0.22s ease, box-shadow 0.22s ease;
}
.btn-scoping:hover { background: #05904f; box-shadow: 0 0 24px rgba(4,119,71,0.4); }
.path-scoping-note { font-family: 'DM Mono', monospace; font-size: 11px; color: #8E99A2; letter-spacing: 0.12em; }

/* STATE 4 — CHANGEMAKER */
.path-changemaker-heading {
  font-family: var(--font-body); font-weight: 700;
  font-size: clamp(24px, 2.5vw, 32px); line-height: 1.15; color: #FFFFFF; margin: 0 0 32px 0;
}
.path-selector-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media(max-width:768px){ .path-selector-grid { grid-template-columns: 1fr; } }

.path-selector-card {
  background: #202322; border: 1px solid rgba(255,255,255,0.08);
  border-radius: 0; padding: 32px; cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.path-selector-card:hover { border-color: #047747; background: rgba(4,119,71,0.06); }
.path-selector-card.is-selected { border-color: #047747; background: rgba(4,119,71,0.06); }
.path-selector-card.is-unselected { opacity: 0.5; border-color: rgba(255,255,255,0.08); }
@media(max-width:768px){ .path-selector-card { padding: 24px; } }

.path-selector-micro {
  font-family: 'DM Mono', monospace; font-size: 10px; color: #047747;
  letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 10px;
}
.path-selector-icon { font-size: 28px; margin-bottom: 12px; line-height: 1; }
.path-selector-title {
  font-family: var(--font-body); font-weight: 700;
  font-size: 20px; color: #FFFFFF; margin: 0 0 10px 0;
}
.path-selector-body {
  font-family: var(--font-body); font-weight: 400;
  font-size: 15px; line-height: 1.55; color: #8E99A2; margin: 0;
}

/* 4B — Individual */
.path-individual-reveal {
  margin-top: 40px; padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.08);
  animation: fadeUp 0.9s cubic-bezier(.2,.8,.2,1) both;
}
.path-individual-heading {
  font-family: var(--font-body); font-weight: 700;
  font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; color: #FFFFFF; margin: 0 0 20px 0;
}
.path-individual-body {
  font-family: var(--font-body); font-weight: 400;
  font-size: 17px; line-height: 1.65; color: #8E99A2; max-width: 560px; margin: 0 0 32px 0;
}

/* 4C — Organisation */
.path-org-reveal {
  margin-top: 40px; padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.08);
  animation: fadeUp 0.9s cubic-bezier(.2,.8,.2,1) both;
}
.path-org-heading {
  font-family: var(--font-body); font-weight: 700;
  font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; color: #FFFFFF; margin: 0 0 16px 0;
}
.path-org-body {
  font-family: var(--font-body); font-weight: 400;
  font-size: 17px; line-height: 1.55; color: #8E99A2; max-width: 640px; margin: 0 0 32px 0;
}
.path-org-prompt {
  font-family: var(--font-body); font-weight: 600;
  font-size: 16px; color: #FFFFFF; margin: 0 0 20px 0;
}
.path-need-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  max-width: 560px; margin-bottom: 32px;
}
@media(max-width:768px){ .path-need-grid { grid-template-columns: 1fr; } }

.btn-need {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px; background: transparent; color: #FFFFFF;
  font-family: var(--font-body); font-size: 15px; font-weight: 500;
  text-align: left; border: 1px solid rgba(255,255,255,0.2);
  border-radius: 0; cursor: pointer; width: 100%;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.btn-need:hover { border-color: #047747; background: rgba(4,119,71,0.08); }
.btn-need.is-selected { border-color: #047747; background: rgba(4,119,71,0.15); color: #FFFFFF; }

/* Outcome block */
.path-outcome-block {
  background: rgba(4,119,71,0.08); border: 1px solid rgba(4,119,71,0.3);
  border-radius: 0; padding: 24px;
  animation: fadeUp 0.25s cubic-bezier(.2,.8,.2,1) both;
}
.path-outcome-text {
  font-family: var(--font-body); font-weight: 400;
  font-size: 17px; line-height: 1.55; color: #FFFFFF; margin: 0 0 8px 0;
}
.path-outcome-note {
  font-family: var(--font-body); font-weight: 400;
  font-size: 15px; color: #047747; margin: 0 0 16px 0;
}

/* Default state prompt */
.path-default { padding: 16px 0; }


/* ============================================================
   HERO — DATA FLUX + SIGIL  (PX-002 · CB-005 · 3 May 2026)
   Scoped to .hero-flux to avoid conflicts with existing .hero
   ============================================================ */

/* --- Hero base override for flux variant --- */
.hero.hero-flux {
  position: relative;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #000000;
  overflow: hidden;
  color: #FFFFFF;
  isolation: isolate;
  /* Override existing .hero flex centering */
  display: block;
  padding: 0;
  text-align: left;
}
.hero.hero-flux::after { display: none; } /* remove existing bottom line */

.hero-bg-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* --- Corner brackets --- */
.hero-corner {
  display: none; /* CB-005 polish ? removed per Paskal */
}
.hero-corner.tl { top: 24px; left: 24px; border-top: 1.5px solid; border-left: 1.5px solid; }
.hero-corner.tr { top: 24px; right: 24px; border-top: 1.5px solid; border-right: 1.5px solid; }
.hero-corner.bl { bottom: 24px; left: 24px; border-bottom: 1.5px solid; border-left: 1.5px solid; }
.hero-corner.br { bottom: 24px; right: 24px; border-bottom: 1.5px solid; border-right: 1.5px solid; }

/* --- Main grid --- */
.hero-flux-grid {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 48px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 200px 64px 30px;
}

/* --- Eyebrow override for flux hero --- */
.hero.hero-flux .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  border: 1px solid rgba(4, 119, 71, 0.4);
  border-radius: 100px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #8E99A2;
  margin-bottom: 36px;
  background: rgba(4, 119, 71, 0.05);
}
.hero.hero-flux .eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #047747;
  box-shadow: 0 0 12px #047747;
  animation: tf3Pulse 2s ease-in-out infinite;
}
@keyframes tf3Pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.6; transform: scale(1.3); }
}

/* --- Headline --- */
.hero-headline {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(48px, 6.5vw, 96px);
  line-height: 1.02;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 32px;
  font-style: normal;
}
.hero-headline em.green {
  color: #047747;
  font-style: italic;
}

/* --- Sub-copy override --- */
.hero.hero-flux .hero-sub {
  font-family: var(--font-body);
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.55;
  color: #8E99A2;
  max-width: 520px;
  margin: 0 0 44px 0;
  font-weight: 400;
}

/* --- CTA buttons --- */
.hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
/* Scoped .btn to hero-flux context to avoid conflict with existing .btn-primary */
.hero.hero-flux .btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-decoration: none;
  border: 1.5px solid;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.25s ease;
}
.hero.hero-flux .btn-primary {
  background: #047747;
  color: #FFFFFF;
  border-color: #047747;
  transform: none;
}
.hero.hero-flux .btn-primary:hover {
  background: #06a060;
  border-color: #06a060;
  box-shadow: 0 0 32px rgba(4, 119, 71, 0.5);
  transform: translateY(-1px);
}
.hero.hero-flux .btn-primary svg { transition: transform 0.25s; }
.hero.hero-flux .btn-primary:hover svg { transform: translateX(4px); }
.hero.hero-flux .btn-outline {
  background: rgba(0,0,0,0.35);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.75);
}
.hero.hero-flux .btn-outline:hover {
  border-color: #047747;
  background: rgba(4, 119, 71, 0.08);
}

/* --- Sigil wrap --- */
.hero-sigil-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: tf3FadeUp 1.1s cubic-bezier(.2,.8,.2,1) 0.3s backwards;
}
.sigil-stage {
  position: relative;
  width: 100%;
  max-width: 520px;
  aspect-ratio: 1 / 1;
}
.flux-sigil {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 40px rgba(4, 119, 71, 0.3));
  overflow: visible;
}

/* --- Sigil triangle rotations --- */
.sigil-ring-out {
  transform-origin: 200px 200px;
  animation: tf3Spin 60s linear infinite;
}
.sigil-tri-1 {
  transform-origin: 200px 200px;
  animation: tf3Spin 40s linear infinite;
}
.sigil-tri-2 {
  transform-origin: 200px 200px;
  animation: tf3Spin 28s linear infinite reverse;
}
.sigil-tri-3 {
  transform-origin: 200px 200px;
  animation: tf3Spin 32s linear infinite;
}
@keyframes tf3Spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* --- Pillar nodes --- */
.pillar-node {
  cursor: pointer;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform-origin: center;
}
.pillar-halo { opacity: 0.6; transition: opacity 0.3s; }
.pillar-node:hover .pillar-halo { opacity: 1; }
.pillar-node:hover .pillar-core,
.pillar-node:hover .pillar-outer { filter: drop-shadow(0 0 12px #047747); }
.pillar-node:hover .pillar-label-text { fill: #FFFFFF; }

.pillar-ring { transform-origin: center; transform-box: fill-box; }
.pillar-ring-growth { animation: tf3NodePulse 2.6s ease-out infinite; }
.pillar-ring-ai     { animation: tf3NodePulse 2.6s ease-out infinite 0.85s; }
.pillar-ring-impact { animation: tf3NodePulse 2.6s ease-out infinite 1.7s; }
@keyframes tf3NodePulse {
  0%   { r: 12; opacity: 0.6; }
  100% { r: 38; opacity: 0; }
}
@supports not (r: 12) {
  .pillar-ring { transition: none; }
}

/* --- Pillar hover cards --- */
.sigil-card {
  position: absolute;
  width: 240px;
  padding: 16px 18px;
  background: rgba(10, 10, 10, 0.92);
  border: 1px solid rgba(4, 119, 71, 0.5);
  border-radius: 0;
  backdrop-filter: blur(12px);
  color: #FFFFFF;
  pointer-events: none;
  opacity: 0;
  transform: translateY(8px) scale(0.96);
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: 20;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6), 0 0 32px rgba(4,119,71,0.25);
  cursor: pointer;
}
.sigil-card.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.sigil-card-top   { right: 100%; top: 0; margin-top: -40px; margin-right: -20px; left: auto; transform-origin: 100% 50%; }
.sigil-card-right { left: 84.75%; top: 70%; margin-top: -50px; transform-origin: 0% 50%; }
.sigil-card-left  { left: 15.25%; top: 70%; margin-left: -276px; margin-top: -50px; transform-origin: 100% 50%; }
.sigil-card-code  { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #047747; letter-spacing: 2px; margin-bottom: 8px; text-transform: uppercase; }
.sigil-card-title { font-family: var(--font-body); font-size: 16px; font-weight: 700; letter-spacing: 0.01em; margin-bottom: 8px; color: #FFFFFF; }
.sigil-card-desc  { font-family: var(--font-body); font-size: 13px; line-height: 1.5; color: #8E99A2; margin-bottom: 12px; }
.sigil-card-cta   { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-body); font-size: 12px; font-weight: 600; color: #047747; letter-spacing: 0.5px; text-transform: uppercase; transition: gap 0.2s; }
.sigil-card:hover .sigil-card-cta { gap: 10px; color: #06a060; }

/* --- Entrance animations --- */
@keyframes tf3FadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-content-flux > * {
  animation: tf3FadeUp 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
}
.hero-content-flux > *:nth-child(1) { animation-delay: 0.1s; }
.hero-content-flux > *:nth-child(2) { animation-delay: 0.25s; }
.hero-content-flux > *:nth-child(3) { animation-delay: 0.4s; }
.hero-content-flux > *:nth-child(4) { animation-delay: 0.55s; }

/* --- Mobile --- */

/* CC-015: marquee mobile rules removed — canonical inline in index.html */

/* Pause marquee on touch devices — CC-031 */
@media (hover: none) {
  .marquee-track { animation-play-state: paused !important; }
}

@media (max-width: 768px) {
  .mc {
    width: 210px !important;
    height: 136px !important;
    flex-shrink: 0 !important;
  }
}
@media (max-width: 768px) {
  .featured-tools { grid-template-columns: 1fr !important; }
  .hero-flux-grid {
    grid-template-columns: 1fr;
    padding: 130px 24px 32px; /* nav height ~120px + 10px breathing room */
    gap: 32px;
  }
  .hero-sigil-wrap { max-width: 220px; margin: 0 auto; }
  .sigil-card { display: none; }
  .hero.hero-flux .btn {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
    font-size: 14px;
  }
  .hero-ctas { flex-direction: column; gap: 12px; }
  .hero-headline { font-size: clamp(36px, 10vw, 52px); margin-bottom: 20px; }
  .hero.hero-flux .hero-sub { font-size: 15px; margin-bottom: 28px; }
  .hero.hero-flux .eyebrow { margin-bottom: 24px; }
  .hero-stats-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 0;
    padding: 12px 20px;
  }
  .hero-stat { gap: 6px; }
  .hero-stat:last-child { grid-column: 1 / -1; }
}
@media (max-width: 375px) {
  .hero-flux-grid { padding: 130px 16px 24px; gap: 20px; }
  .hero-sigil-wrap { max-width: 180px; }
  .hero-headline { font-size: 32px; }
}


/* --- Hero stats bar --- */
.hero-stats-bar {
  position: relative;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-top: 1px solid rgba(4, 119, 71, 0.2);
  padding: 14px 64px;
  margin-top: auto;
  background: rgba(0, 0, 0, 0.4);
  flex-shrink: 0;
}
.hero-stat {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-stat-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 500;
  color: #8E99A2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.hero-stat-value {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .hero-stats-bar {
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 12px 24px;
    justify-content: flex-start;
  }
}

/* ── CLIENT RESULTS — Card overlay (.ov) — restored BUG-013 ── */
/* .mc base styles defined in index.html inline style block ? not overridden here */
.ov{position:absolute;inset:0;background:rgba(0,0,0,0.82);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;z-index:10;padding:16px;text-align:center}
.mc:hover .ov{opacity:1}
.ov-label{font-family:'DM Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#047747;margin-bottom:12px}
.ov-c{font-family: var(--font-body);font-size:15px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2}
.ov-s{display:flex;gap:20px;margin-bottom:14px;justify-content:center}
.ov-st{text-align:center}
.ov-n{font-family: var(--font-body);font-size:18px;font-weight:700;color:#047747;line-height:1}
.ov-l{font-family:'DM Mono',monospace;font-size:9px;color:#8E99A2;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.ov-cta{font-family: var(--font-body);font-size:11px;font-weight:600;color:#047747;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(4,119,71,.5);padding:6px 14px;border-radius:0}

/* ── Mobile ft-card fix — prevent text overflow at 375px ── */
@media(max-width:480px) {
  .ft-card-top { flex-wrap: wrap; }
  .ft-card-name { font-size: 13px; word-break: break-word; }
  .ft-card-tag { font-size: 9px; }
  .featured-tools { gap: 12px; }
}

/* ── CB-009: PLANS PAGE ──────────────────────────────────────────────────── */
.plans-sub{font-size:18px;color:var(--alloy);line-height:1.7;max-width:560px;margin:0 auto}

/* Plan grid */
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1100px){.plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.plan-grid{grid-template-columns:1fr}}

/* Plan cards */
.plan-card{background:var(--carbon);border:1px solid rgba(255,255,255,0.08);border-radius:0;padding:32px;display:flex;flex-direction:column;position:relative}
.plan-card--featured{border-color:#047747}
.plan-card--featured::before{content:'Most popular';position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:#047747;color:#fff;font-size:10px;font-family:var(--font-mono);padding:4px 12px;letter-spacing:0.1em;white-space:nowrap}
.plan-card-header{margin-bottom:24px}
.plan-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:#047747;margin-bottom:6px}
.plan-name{font-size:16px;font-weight:600;color:var(--white);margin-bottom:16px}
.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}
.plan-price-amount{font-size:42px;font-weight:700;color:var(--white);line-height:1}
.plan-price-period{font-size:13px;color:var(--alloy)}
.plan-price-annual{font-size:12px;color:var(--alloy);font-family:var(--font-mono)}
.plan-card-body{flex:1}
.plan-audience{font-size:13px;color:var(--alloy);line-height:1.6;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.06)}
.plan-includes{list-style:none;padding:0;margin:0 0 24px 0;display:flex;flex-direction:column;gap:8px}
.plan-includes li{font-size:13px;color:var(--alloy);padding-left:16px;position:relative;line-height:1.5}
.plan-includes li::before{content:'✓';color:#047747;position:absolute;left:0;font-weight:700}
.plan-card-footer{margin-top:auto;padding-top:24px}
.btn-plan-primary{display:block;background:#047747;color:#fff;text-align:center;padding:14px 24px;border-radius:0;text-decoration:none;font-weight:600;font-size:15px;font-family:var(--font-head);transition:background .2s}
.btn-plan-primary:hover{background:#05904f}
.btn-plan-secondary{display:block;border:1px solid rgba(255,255,255,0.3);color:var(--white);background:transparent;text-align:center;padding:13px 24px;border-radius:0;text-decoration:none;margin-top:12px;font-weight:500;font-size:15px;font-family:var(--font-head);cursor:pointer;width:100%;transition:border-color .2s}
.btn-plan-secondary:hover{border-color:rgba(255,255,255,0.6)}
.plan-card-note{font-size:11px;color:var(--alloy);font-family:var(--font-mono);margin-top:10px;text-align:center;line-height:1.5}

/* Estimator */
.estimator-grid{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}
.estimator-step{border-left:2px solid rgba(4,119,71,0.4);padding-left:20px}
.estimator-step-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--white);margin-bottom:14px}
.est-optional{color:var(--alloy);font-weight:400}
.estimator-options{display:flex;flex-direction:column;gap:8px}
.est-radio{display:flex;align-items:center;gap:10px;cursor:pointer}
.est-radio input{accent-color:#047747;width:14px;height:14px;cursor:pointer;flex-shrink:0}
.est-radio-label{font-size:14px;color:var(--alloy);transition:color .15s}
.est-radio:hover .est-radio-label{color:var(--white)}
.est-radio input:checked ~ .est-radio-label{color:var(--white)}
.estimator-total{background:#071410;border:1px solid rgba(4,119,71,0.25);padding:24px 28px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}
.est-total-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.est-total-label{font-size:13px;color:var(--alloy)}
.est-total-value{font-size:18px;font-weight:700;color:var(--white);font-family:var(--font-mono)}
.estimator-ctas{display:flex;gap:12px;flex-wrap:wrap}
.estimator-ctas .btn-plan-primary{flex:1;min-width:200px}
.estimator-ctas .btn-plan-secondary{flex:1;min-width:200px}

/* Quote form */
.quote-form{margin-top:24px;background:#071410;border:1px solid rgba(4,119,71,0.25);padding:24px 28px}
.quote-form-inner{display:flex;flex-direction:column;gap:10px}
.quote-input{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:0;padding:10px 14px;color:var(--white);font-family:var(--font-head);font-size:14px;outline:none;width:100%}
.quote-input:focus{border-color:#047747}

/* Impact callout */
.impact-callout{background:#04100a;border:1px solid rgba(4,119,71,0.3);border-radius:0;padding:40px 48px;text-align:center}
.impact-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#047747;margin-bottom:16px}
.impact-callout p{font-size:17px;color:var(--white);line-height:1.6;margin-bottom:24px}
.btn-ghost{display:inline-flex;align-items:center;padding:12px 24px;border:1px solid rgba(255,255,255,0.35);color:var(--white);text-decoration:none;font-weight:500;border-radius:0;transition:border-color .2s,background .2s;min-height:44px}
.btn-ghost:hover{border-color:#047747;background:rgba(4,119,71,0.08)}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid rgba(255,255,255,0.08)}
.faq-q{width:100%;background:none;border:none;color:var(--white);font-family:var(--font-head);font-size:16px;font-weight:500;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left}
.faq-icon{font-size:20px;color:#047747;flex-shrink:0;line-height:1;transition:transform .2s}
.faq-a{max-height:0;overflow:hidden;font-size:15px;color:var(--alloy);line-height:1.7;transition:max-height .3s ease,padding .3s ease}
.faq-item.faq-open .faq-a{max-height:300px;padding-bottom:20px}

/* Owner path plans CTA */
.owner-plans-cta{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.08)}
.owner-path-divider{font-size:11px;color:var(--alloy);text-align:center;margin:16px 0;letter-spacing:0.1em;text-transform:uppercase}


/* ── Ticker Bar ─────────────────────────────────────── */
.ticker-bar{background:#047747;overflow:hidden;white-space:nowrap;padding:7px 0;font-family:var(--font-body);font-size:11px;letter-spacing:.06em;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1001}
.ticker-track{display:inline-flex;align-items:center;animation:ticker-scroll 40s linear infinite;will-change:transform}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{display:inline-block;padding-right:48px;flex-shrink:0}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── Page Footer Strip — hidden CB-012 ─────────────── */
.page-footer-strip { display: none; }

/* ── Netlify injected widgets — hide ───────────────── */
[data-netlify-identity-button],
#netlify-identity-widget,
.netlify-identity-button { display: none !important; }

/* \u2500\u2500 Netlify badge suppression \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
[data-netlify-identity-button],
#netlify-identity-widget,
.netlify-identity-button,
a[href*="netlify.com"][target="_blank"][style*="position:fixed"],
a[href*="netlify.com"][target="_blank"][style*="position: fixed"] { display: none !important; }

/* ============================================================
   SEO CHECKER — PX-003 Component Styles
   CB-008 · 11 May 2026
   ============================================================ */

/* Orbitron for loading headline — scoped to seo-checker-section only */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&display=swap');

/* ---- Section wrapper ---- */
.seo-checker-section {
  padding: 64px 80px;
  background: var(--obsidian);
}

/* ---- Form state ---- */
.seo-form-container {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.seo-form-container h2 {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--vitality);
  margin: 0 0 16px;
}
.seo-form-container > p {
  font-size: 15px;
  color: var(--alloy);
  line-height: 1.6;
  margin: 0 0 32px;
}
#seoCheckerForm {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
#seoCheckerForm input {
  width: 100%;
  background: #0d1410;
  border: 1px solid #2a2e2b;
  padding: 13px 16px;
  color: var(--white);
  font-family: var(--font-head);
  font-size: 14px;
  outline: none;
  border-radius: 0;
  transition: border-color .15s;
}
#seoCheckerForm input:focus { border-color: var(--vitality); }
#seoCheckerForm input::placeholder { color: var(--alloy); }
#seoCheckerForm button {
  width: 100%;
  background: var(--vitality);
  border: none;
  padding: 14px 24px;
  color: var(--white);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s;
  border-radius: 0;
}
#seoCheckerForm button:hover { background: #035c38; }
.seo-disclaimer {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--alloy);
  margin: 0;
}

/* ---- Loading state — Pixel PX-003 frame ---- */
.seo-loading-container {
  max-width: 1120px;
  margin: 0 auto;
}
.seo-frame {
  width: 100%;
  background: #202322;
  border: 1px solid #2c302f;
  padding: 72px 88px 64px;
  position: relative;
  overflow: hidden;
}
/* sweeping line */
.seo-sweep {
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, #047747 50%, transparent);
  animation: seo-sweep 3.4s linear infinite;
}
@keyframes seo-sweep {
  0%  { transform: translateX(-100%); }
  100%{ transform: translateX(100%); }
}
/* brandmark */
.seo-brandmark {
  display: flex; align-items: center; gap: 14px;
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .22em; color: #8E99A2;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.seo-brandmark-dot {
  width: 8px; height: 8px; background: #047747;
  box-shadow: 0 0 12px rgba(4,119,71,.55);
}
.seo-brandmark-sep { color: #5a6469; }
/* headline */
.seo-headline {
  font-family: 'Orbitron', sans-serif;
  font-weight: 900; font-size: 56px; line-height: 1;
  letter-spacing: .06em; margin: 0 0 18px; color: var(--white);
}
.seo-subtext {
  font-family: var(--font-mono);
  font-size: 13px; color: #8E99A2; letter-spacing: .04em; margin: 0;
}
.seo-blink {
  display: inline-block; width: 7px; height: 13px; background: #047747;
  vertical-align: -2px; margin-right: 8px;
  animation: seo-cursor 1s steps(2) infinite;
}
@keyframes seo-cursor { 50% { opacity: 0; } }
/* load header layout */
.seo-load-header {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 56px;
}
.seo-load-header-right {
  text-align: right;
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .18em; color: #8E99A2;
  text-transform: uppercase;
}
.seo-target-url {
  color: var(--white); font-size: 13px; letter-spacing: .04em;
  text-transform: none; font-family: var(--font-head); margin-top: 6px;
}
/* progress bar */
.seo-progress-block { margin: 0 0 48px; }
.seo-progress-meta {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 14px;
  font-family: var(--font-mono);
  font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: #8E99A2;
}
.seo-pct {
  font-family: 'Orbitron', sans-serif; font-weight: 700;
  color: var(--white); font-size: 28px; letter-spacing: .04em;
}
.seo-bar {
  position: relative; height: 4px; background: #15191a; overflow: hidden;
}
.seo-bar-fill {
  height: 100%; background: #047747; width: 0%;
  box-shadow: 0 0 10px rgba(4,119,71,.55);
  transition: width .5s cubic-bezier(.4,0,.2,1);
}
.seo-bar-leader {
  position: absolute; top: 0; bottom: 0; width: 2px; background: #7af0b6;
  box-shadow: 0 0 12px #7af0b6;
  left: 0; transition: left .5s cubic-bezier(.4,0,.2,1);
}
/* scan list rows */
.seo-list {
  display: flex; flex-direction: column; gap: 0;
  border-top: 1px solid #2c302f;
}
.seo-row {
  display: grid;
  grid-template-columns: 32px 10px 1fr 22px auto;
  align-items: center;
  gap: 24px;
  padding: 22px 4px;
  border-bottom: 1px solid #2c302f;
  opacity: .35;
  transition: opacity .4s ease;
}
.seo-row[data-state="done"],
.seo-row[data-state="active"] { opacity: 1; }
.seo-row-num {
  font-family: var(--font-mono);
  font-size: 11px; color: #5a6469; letter-spacing: .1em;
}
.seo-row-ind {
  width: 10px; height: 10px; border-radius: 50%;
  background: transparent; border: 1px solid #5a6469;
  position: relative;
}
.seo-row[data-state="done"] .seo-row-ind {
  background: #047747; border-color: #047747;
}
.seo-row[data-state="active"] .seo-row-ind {
  background: #047747; border-color: #047747;
  animation: seo-pulse 1.1s ease-out infinite;
}
.seo-row[data-state="active"] .seo-row-ind::after {
  content: ""; position: absolute; inset: -6px; border-radius: 50%;
  border: 1px solid #047747;
  animation: seo-ripple 1.1s ease-out infinite;
}
@keyframes seo-pulse {
  0%  { box-shadow: 0 0 0 0 rgba(4,119,71,.55); }
  70% { box-shadow: 0 0 0 12px rgba(4,119,71,0); }
  100%{ box-shadow: 0 0 0 0 rgba(4,119,71,0); }
}
@keyframes seo-ripple {
  0%  { transform: scale(.6); opacity: 1; }
  100%{ transform: scale(1.8); opacity: 0; }
}
.seo-row-label {
  font-family: 'Orbitron', sans-serif; font-weight: 700;
  font-size: 16px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--white);
  display: flex; align-items: center; gap: 16px;
}
.seo-row-sublabel {
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .04em; text-transform: none;
  color: #8E99A2; font-weight: 400;
}
.seo-row[data-state="pending"] .seo-row-label { color: #5a6469; }
.seo-row[data-state="pending"] .seo-row-sublabel { color: #3a4145; }
.seo-row-status {
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: #8E99A2; min-width: 80px; text-align: right;
}
.seo-row[data-state="done"] .seo-row-status { color: #047747; }
.seo-row[data-state="active"] .seo-row-status { color: var(--white); }
.seo-row-icon {
  width: 22px; height: 22px;
  display: flex; align-items: center; justify-content: center;
}
.seo-row-icon svg { display: block; width: 100%; height: 100%; }
.seo-row[data-state="pending"] .seo-row-icon { opacity: 0; }
.seo-check { display: none; }
.seo-row[data-state="done"] .seo-check { display: block; }
.seo-row[data-state="done"] .seo-scan-arc { display: none; }
.seo-scan-arc { display: none; }
.seo-row[data-state="active"] .seo-scan-arc {
  display: block;
  animation: seo-spin 1.4s linear infinite;
  transform-origin: center;
}
@keyframes seo-spin { to { transform: rotate(360deg); } }
/* load footer */
.seo-load-foot {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 44px;
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #5a6469;
}
.seo-load-est { color: #8E99A2; }

/* ---- Report state ---- */
.seo-report-container {
  max-width: 900px;
  margin: 0 auto;
}
.report-overall {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #2a2e2b;
}
.score-gauge {
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  font-size: 96px;
  line-height: 1;
  letter-spacing: .06em;
  margin-bottom: 12px;
}
.score-label {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #8E99A2;
}
/* category scores */
.category-scores {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-bottom: 48px;
}
.cat-score {
  background: #202322;
  border: 1px solid #2a2e2b;
  padding: 20px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cat-grade {
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: .04em;
}
.cat-name {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #8E99A2;
}
/* recommendations */
.recommendations-visible {
  position: relative;
  margin-bottom: 0;
}
.recommendations-visible h3 {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--vitality);
  margin: 0 0 20px;
}
.rec-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rec-card {
  background: #202322;
  border: 1px solid #2a2e2b;
  border-left: 3px solid #047747;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rec-badge {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #047747;
}
.rec-title {
  font-size: 14px;
  color: var(--white);
  line-height: 1.4;
}
.rec-category {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8E99A2;
}
/* fade overlay */
.rec-fade {
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--obsidian));
  margin-top: -40px;
  position: relative;
  z-index: 1;
}
/* gate */
.report-gate {
  background: #0d1410;
  border: 1px solid rgba(4,119,71,.35);
  padding: 48px 56px;
  text-align: center;
  margin-top: 8px;
}
.report-gate h3 {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--white);
  margin: 0 0 12px;
}
.report-gate > p {
  font-size: 15px;
  color: #8E99A2;
  margin: 0 0 32px;
  line-height: 1.6;
}
.gate-ctas {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.gate-book {
  flex-shrink: 0;
  white-space: nowrap;
  padding: 13px 24px;
}
.gate-form-wrapper { flex: 1; min-width: 260px; max-width: 360px; text-align: left; }
#gateForm {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#gateForm input {
  width: 100%;
  background: #0d0d0d;
  border: 1px solid #2a2a2a;
  padding: 11px 14px;
  color: var(--white);
  font-family: var(--font-head);
  font-size: 14px;
  outline: none;
  border-radius: 0;
  transition: border-color .15s;
}
#gateForm input:focus { border-color: #047747; }
#gateForm input::placeholder { color: #8E99A2; }
#gateForm button {
  width: 100%;
  background: var(--vitality);
  border: none;
  padding: 13px 20px;
  color: var(--white);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s;
  border-radius: 0;
}
#gateForm button:hover { background: #035c38; }
#gate-thankyou {
  text-align: center;
  padding: 20px 0;
}
#gate-thankyou p:first-child {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--vitality);
  margin: 0 0 8px;
}
#gate-thankyou p:last-child {
  font-size: 14px;
  color: #8E99A2;
  margin: 0;
}

/* ---- Error state ---- */
.seo-error-container {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 48px 0;
}
.seo-error-container p {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .1em;
  color: #8E99A2;
  margin: 0 0 24px;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .seo-checker-section { padding: 48px 24px; }
  .seo-frame { padding: 40px 28px 36px; }
  .seo-headline { font-size: 36px; }
  .seo-load-header { flex-direction: column; gap: 20px; }
  .seo-load-header-right { text-align: left; }
  .seo-row-label { font-size: 13px; }
  .seo-row-sublabel { display: none; }
  .category-scores { grid-template-columns: repeat(3, 1fr); }
  .report-gate { padding: 32px 24px; }
  .gate-ctas { flex-direction: column; align-items: stretch; }
  .gate-book { text-align: center; }
  .score-gauge { font-size: 72px; }
}
@media (max-width: 560px) {
  .category-scores { grid-template-columns: repeat(2, 1fr); }
}

/* ── Keely Review 11 May 2026 — Fixes 3+4 ── */
/* Fix 3: card lingers 380ms after mouseout so user can bridge gap to card */
.sigil-card{transition:opacity 0.2s ease 0.38s,transform 0.2s cubic-bezier(0.2,0.8,0.2,1) 0.38s}
.sigil-card.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:0s}
/* Fix 3 (Keely 15 May): node 02 (AI Automation) — sit popup right above the node, no dead zone */
.sigil-card-top{right:auto;left:50%;top:auto;bottom:78%;transform:translateX(-50%) translateY(8px) scale(0.96);margin:0;transform-origin:50% 100%}
.sigil-card-top.is-visible{transform:translateX(-50%) translateY(0) scale(1)}
/* Fix 4 (Keely 15 May): Digital Growth card — keep it inside the sigil stage so it never clips */
.sigil-card-right{left:auto;right:0;top:70%;margin-top:-50px;transform-origin:100% 50%;max-width:calc(100vw - 40px)}


/* ── SEO CHECKER — updated report styles ── */
.score-gauge-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.score-gauge {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid #047747;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  font-weight: 700;
  font-family: var(--font-display);
  color: #047747;
  margin: 0 auto;
}
.score-gauge-label {
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--alloy);
}
.score-domain {
  font-size: 13px;
  color: var(--alloy);
  margin-top: 4px;
  word-break: break-all;
}
.recommendations-wrap {
  position: relative;
  margin: 40px 0 0;
}
.recommendations-wrap h3 {
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing: .1em;
  color: var(--vit);
  margin-bottom: 8px;
}
.recs-intro {
  font-size: 13px;
  color: var(--alloy);
  margin-bottom: 20px;
}
.rec-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rec-card {
  background: #0d0d0d;
  border: 1px solid #1a1a1a;
  border-radius: 8px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.rec-badge {
  font-size: 9px;
  letter-spacing: .1em;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}
.badge-high { background: rgba(220,38,38,.15); color: #ef4444; border: 1px solid rgba(220,38,38,.3); }
.badge-med  { background: rgba(245,158,11,.15); color: #f59e0b; border: 1px solid rgba(245,158,11,.3); }
.badge-low  { background: rgba(142,153,162,.1);  color: #8E99A2; border: 1px solid rgba(142,153,162,.2); }
.rec-title {
  flex: 1;
  font-size: 14px;
  color: #fff;
  min-width: 0;
}
.rec-category {
  font-size: 10px;
  color: var(--alloy);
  letter-spacing: .08em;
  flex-shrink: 0;
}
.rec-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 180px;
  background: linear-gradient(to bottom, transparent, #000);
  pointer-events: none;
}
/* Gate */
.report-gate {
  margin-top: 0;
  padding: 48px 40px;
  background: #0a0a0a;
  border-top: 2px solid var(--vit);
}
.gate-inner {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
.gate-inner h3 {
  font-family: var(--font-display);
  font-size: 22px;
  letter-spacing: .08em;
  color: #fff;
  margin-bottom: 12px;
}
.gate-inner p {
  font-size: 14px;
  color: var(--alloy);
  line-height: 1.7;
  margin-bottom: 28px;
}
.gate-form-wrapper input {
  display: block;
  width: 100%;
  background: #111;
  border: 1px solid #222;
  color: #fff;
  padding: 14px 18px;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 12px;
  box-sizing: border-box;
}
.gate-form-wrapper input:focus { outline: none; border-color: var(--vit); }
.gate-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 4px;
}
.btn-secondary {
  padding: 14px 28px;
  border: 1px solid #333;
  color: var(--alloy);
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: .08em;
  text-decoration: none;
  display: inline-block;
  transition: border-color .2s, color .2s;
}
.btn-secondary:hover { border-color: var(--vit); color: #fff; }
.gate-ty-head {
  font-family: var(--font-display);
  font-size: 18px;
  color: var(--vit);
  letter-spacing: .1em;
  margin-bottom: 8px;
}
.gate-ty-sub { font-size: 14px; color: var(--alloy); }
/* Form state */
.seo-form-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 80px 24px;
  text-align: center;
}
.seo-form-container h2 {
  font-family: var(--font-display);
  font-size: clamp(20px,3vw,32px);
  letter-spacing: .08em;
  color: var(--vit);
  margin-bottom: 12px;
}
.seo-form-container p { color: var(--alloy); font-size: 15px; margin-bottom: 28px; }
.seo-form-container input[type=url] {
  display: block;
  width: 100%;
  background: #111;
  border: 1px solid #222;
  color: #fff;
  padding: 16px 20px;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 12px;
  box-sizing: border-box;
}
.seo-form-container input[type=url]:focus { outline: none; border-color: var(--vit); }
.seo-form-container button { width: 100%; }
.seo-disclaimer { font-size: 12px; color: #444; margin-top: 12px; }
/* Report container */
.seo-report-container { padding: 40px 24px; max-width: 860px; margin: 0 auto; }
.report-overall { text-align: center; padding: 40px 24px 32px; }
.score-label { font-size: 18px; color: var(--alloy); margin-top: 12px; }
.category-scores {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 24px 40px;
  max-width: 860px;
  margin: 0 auto;
}
.cat-score {
  flex: 1;
  min-width: 100px;
  max-width: 160px;
  background: #0d0d0d;
  border: 1px solid #1a1a1a;
  border-radius: 10px;
  padding: 20px 12px;
  text-align: center;
}
.cat-grade {
  display: block;
  font-size: 32px;
  font-weight: 700;
  font-family: var(--font-display);
  margin-bottom: 8px;
}
.cat-name { font-size: 11px; color: var(--alloy); letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 600px) {
  .gate-btns { flex-direction: column; }
  .btn-secondary { text-align: center; }
  .report-gate { padding: 36px 20px; }
  .cat-score { min-width: 80px; padding: 14px 8px; }
  .cat-grade { font-size: 24px; }
}

@media (max-width: 600px) {

  /* Headings — centred (standalone section headings only) */
  h1, h2, h3, h4 {
    text-align: center;
  }

  /* Card-internal headings — left align to match card body text */
  .path-card h1, .path-card h2, .path-card h3, .path-card h4,
  .pillar-card h1, .pillar-card h2, .pillar-card h3, .pillar-card h4,
  .tier-card h1, .tier-card h2, .tier-card h3, .tier-card h4,
  .portal-card h1, .portal-card h2, .portal-card h3, .portal-card h4,
  .testi-card h1, .testi-card h2, .testi-card h3, .testi-card h4,
  .activity-card h1, .activity-card h2, .activity-card h3, .activity-card h4,
  .arch-card h1, .arch-card h2, .arch-card h3, .arch-card h4,
  .blog-card h1, .blog-card h2, .blog-card h3, .blog-card h4,
  .tool-card-v4 h1, .tool-card-v4 h2, .tool-card-v4 h3, .tool-card-v4 h4,
  .ft-card h1, .ft-card h2, .ft-card h3, .ft-card h4 {
    text-align: left;
  }

  /* Body text — left aligned */
  p, li, td, label, span {
    text-align: left;
  }

  /* Buttons — auto-width, centred (non-hero) */
  .btn,
  button,
  [class*="btn-"]:not(.btn-primary):not(.btn-ghost) {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /* Hero buttons stay full-width (existing rule preserved) */
  .hero .btn-primary,
  .hero .btn-ghost,
  .cta-banner .btn-white,
  .cta-banner .btn-outline-white {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

}

/* ── Keely Review 15 May 2026 — Fix Group 4 mobile alignment ── */
@media (max-width: 600px) {
  /* 4A: Four Compliance Domains — top-align arrow with wrapping text */
  /* 4B: Two Tiers · check icons — top-align with wrapping text */
  [style*="display:flex;gap:8px;align-items:center"],
  [style*="display:flex;gap:8px"] {
    align-items: flex-start !important;
    line-height: 1.5;
  }
  /* Restore center alignment on hero/CTA button rows that share the same inline pattern */
  .hero-btns[style*="display:flex"],
  .cta-btns[style*="display:flex"],
  .hero-ctas[style*="display:flex"] {
    align-items: center !important;
  }

  /* 4D: About page Ribcage-Heart bar — keep the inline-flex bar centred and wrap when narrow */
  .about-ribcage-bar {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
  }
  .about-ribcage-bar > [style*="display:inline-flex"] {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* 4C: GHT Ribcage + Heart labels — both left-aligned within their card */
.ght-rib-label,
.ght-heart-label {
  text-align: left !important;
}

/* ── CC-025v2: GHT Partner — Ribcage + Heart pair ────────────── */
/* Ribcage = structural / geometric */
.ribcage-card {
  background: #0a1a0f;
  background-image:
    linear-gradient(rgba(4,119,71,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4,119,71,0.04) 1px, transparent 1px);
  background-size: 32px 32px;
  border: 1px solid rgba(4,119,71,0.22);
  border-top: 1px solid rgba(4,119,71,0.22);
  border-radius: 0;
  padding: 48px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

/* Four full-corner brackets (top-left, top-right, bottom-left, bottom-right) */
.ribcage-card .corner-tl,
.ribcage-card .corner-tr,
.ribcage-card .corner-bl,
.ribcage-card .corner-br {
  position: absolute;
  width: 32px;
  height: 32px;
  border-color: #047747;
  border-style: solid;
}
.ribcage-card .corner-tl { top: 0; left: 0; border-width: 2px 0 0 2px; }
.ribcage-card .corner-tr { top: 0; right: 0; border-width: 2px 2px 0 0; }
.ribcage-card .corner-bl { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
.ribcage-card .corner-br { bottom: 0; right: 0; border-width: 0 2px 2px 0; }

/* Heart = organic / vital */
.heart-card {
  background: #0a1a14;
  background-image:
    radial-gradient(circle at 75% 30%, rgba(29,158,117,0.18), transparent 55%),
    radial-gradient(circle at 20% 80%, rgba(29,158,117,0.12), transparent 55%);
  border: 1px solid rgba(29,158,117,0.22);
  border-radius: 32px;
  padding: 48px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

/* Mobile collapse — pair stacks, connector SVG hidden, replaced with text */
@media (max-width: 768px) {
  .ght-grid {
    grid-template-columns: 1fr !important;
  }
  .ght-grid > div:nth-child(2) {
    padding: 12px 0;
  }
  .ght-grid > div:nth-child(2) svg {
    display: none;
  }
  .ght-grid > div:nth-child(2)::before {
    content: 'protects & enables';
    display: block;
    font-family: var(--font-mono);
    font-size: 9px;
    color: #4a4a4a;
    letter-spacing: .1em;
    text-align: center;
  }
  .heart-card {
    border-radius: 32px;
    padding: 32px 24px;
  }
  .ribcage-card {
    padding: 32px 24px;
  }
  .about-ribcage-bar > div {
    grid-template-columns: 1fr !important;
  }
}

/* ── Before/After Slider — CC-009B ─────────────────────────── */
.ba-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.ba-card {
  background: var(--carb, #202322);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ba-card-meta {
  padding: 14px 18px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.ba-client {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--white, #fff);
}
.ba-stat {
  font-family: var(--font-mono, var(--font-body));
  font-size: 11px;
  color: var(--vit, #047747);
  white-space: nowrap;
}
.ba-slider {
  --divider-width: 2px;
  --divider-color: #047747;
  --default-handle-opacity: 0;
  width: 100%;
  height: 420px;
  display: block;
  flex: 1;
}
.ba-fig {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.ba-fig img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.ba-fig-label {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: var(--font-mono, var(--font-body));
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #fff;
  background: rgba(0,0,0,0.55);
  padding: 3px 8px;
  border-radius: 0;
  backdrop-filter: blur(4px);
  pointer-events: none;
}
.ba-fig-label--after {
  left: auto;
  right: 10px;
  color: #047747;
}
.ba-handle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #047747;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 0 0 3px rgba(4,119,71,0.3), 0 4px 16px rgba(0,0,0,0.6);
  cursor: ew-resize;
}
.ba-card-footer {
  padding: 12px 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
  font-family: var(--font-mono, var(--font-body));
  font-size: 10px;
  color: var(--alloy, #8E99A2);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.ba-card-footer span {
  color: var(--vit, #047747);
}
@media (max-width: 900px) {
  .ba-grid { grid-template-columns: 1fr; }
  .ba-slider, .ba-fig img { height: 340px; }
}
@media (max-width: 600px) {
  .ba-slider, .ba-fig img { height: 280px; }
}

/* ── Carousel Arrows (CC-008) ─────────────────────────────────── */
.car-nav-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.car-nav-wrapper .marquee-wrap {
  flex: 1;
  min-width: 0;
}
.car-prev,
.car-next {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--white);
  font-size: 1.6rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  padding: 0;
}
.car-prev:hover,
.car-next:hover {
  background: rgba(4, 119, 71, 0.15);
  border-color: var(--vit);
  color: var(--vit);
}
@media (max-width: 600px) {
  .car-nav-wrapper { gap: 8px; }
  .car-prev, .car-next { width: 38px; height: 38px; font-size: 1.3rem; }
}

/* Desktop section snap scroll — CC-034 */
@media (min-width: 769px) {
  html {
    scroll-snap-type: y proximity;
  }
  section {
    scroll-snap-align: start;
  }
}

/* Service page breadcrumb — CC-036 */
.breadcrumb {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--alloy);
  letter-spacing: 0.08em;
  padding: 8px 80px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  background: var(--obs);
}
.breadcrumb a {
  color: var(--alloy);
  text-decoration: none;
}
.breadcrumb a:hover {
  color: var(--white);
}
.breadcrumb-sep {
  margin: 0 8px;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .breadcrumb { padding: 8px 20px; }
}