:root{--ink:#10212b;--muted:#5e6b72;--paper:#f5f3ee;--white:#fffdfa;--line:#d9ddd8;--accent:#d56a43;--accent-dark:#a9492e;--navy:#0b1720;--navy-2:#10212b;--blue:#b5d2d7;--tint:#e9e6dd;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",ui-sans-serif,system-ui,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.shell{width:min(calc(100% - 48px),var(--max));margin:0 auto}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em;line-height:1.08}
h1{font-size:clamp(44px,6.4vw,82px);margin-bottom:26px;max-width:900px}
h2{font-size:clamp(34px,4.4vw,54px);margin-bottom:18px}
h3{font-size:24px;margin-bottom:10px}
.eyebrow{margin:0 0 16px;color:var(--accent-dark);font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase}
.eyebrow-light{color:var(--blue)}
.lede{max-width:720px;color:#3f4e55;font-size:19px;line-height:1.65}
.muted{color:var(--muted)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:50}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,243,238,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,33,43,.12)}
.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:flex;align-items:center;gap:12px}
.wordmark span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);font-size:11px;letter-spacing:.12em;font-weight:800}
.wordmark strong{font-size:15px;letter-spacing:-.01em}
.wordmark em{font-style:normal;color:var(--muted);font-weight:400;margin-left:6px;font-size:13px}
.site-header nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}
.site-header nav a{opacity:.8}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--accent-dark);opacity:1}
.nav-cta{border:1px solid var(--ink);padding:9px 14px;opacity:1!important}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;font-size:14px;font-weight:750;border:0;cursor:pointer;font-family:inherit}
.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}
.button-quiet{border:1px solid var(--line);background:transparent}.button-quiet:hover{border-color:var(--accent-dark);color:var(--accent-dark)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* Hero */
.hero{padding:88px 0 80px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:8%;align-items:end}
.hero-aside{border-left:1px solid var(--line);padding-left:30px}
.hero-aside .rule{width:48px;border-top:3px solid var(--accent);margin-bottom:18px}
.hero-aside p{font-family:Georgia,serif;font-size:21px;line-height:1.3;margin:0}
.hero-aside small{display:block;margin-top:14px;color:var(--muted);font-size:13px;font-family:Arial,sans-serif}

/* Path cards (home) */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:96px}
.path{display:flex;flex-direction:column;justify-content:space-between;min-height:330px;padding:36px;background:var(--white);border-top:4px solid var(--ink);transition:transform .15s ease,box-shadow .15s ease}
.path:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,23,32,.09)}
.path.dark{background:var(--navy);color:#f4f1eb;border-top-color:var(--accent)}
.path .kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.path.dark .kicker{color:var(--blue)}
.path h2{font-size:clamp(30px,3.4vw,42px);margin:14px 0}
.path p{color:var(--muted);margin:0;max-width:440px}
.path.dark p{color:#c6d0d1}
.path .go{margin-top:28px;font-weight:800;font-size:14px;color:var(--accent-dark)}
.path.dark .go{color:var(--accent)}

/* Stats band */
.stats{background:var(--navy);color:#f4f1eb;padding:70px 0}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(181,210,215,.25)}
.stat{padding:30px 28px 0 0}
.stat+.stat{padding-left:28px;border-left:1px solid rgba(181,210,215,.25)}
.stat strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:clamp(48px,5.5vw,72px);line-height:1;color:var(--accent);letter-spacing:-.03em}
.stat span{display:block;margin-top:12px;color:#c6d0d1;font-size:15px;line-height:1.5;max-width:300px}
.sources{margin:34px 0 0;color:#8fa3a8;font-size:12px}

/* Sections */
.section{padding:104px 0}
.section.tint{background:#e4e7df;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-heading{max-width:780px;margin-bottom:52px}
.section-intro{max-width:620px;color:var(--muted);font-size:17px}

/* Audience cards */
.audiences{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border-top:2px solid var(--ink)}
.audience{padding:30px 26px 30px 0;border-bottom:1px solid var(--line)}
.audience+.audience{padding-left:26px;border-left:1px solid var(--line)}
.audience .tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--accent-dark)}
.audience h3{margin:10px 0 10px;font-size:23px}
.audience p{color:var(--muted);font-size:15px;margin:0}

/* Three-up reasons */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.reason{background:var(--white);padding:30px;border-top:3px solid var(--accent)}
.reason h3{font-size:22px}
.reason p{color:var(--muted);font-size:15px;margin:0}

/* Compare */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);background:var(--white)}
.compare>div{padding:34px}
.compare>div+div{background:var(--navy);color:#f4f1eb}
.compare h3{font-size:22px;margin-bottom:16px}
.compare ul{list-style:none;margin:0;padding:0}
.compare li{padding:12px 0 12px 26px;border-top:1px solid var(--line);position:relative;font-size:15px}
.compare>div+div li{border-color:rgba(181,210,215,.25);color:#dfe6e6}
.compare li::before{content:"\00d7";position:absolute;left:2px;top:10px;color:var(--muted);font-weight:800}
.compare>div+div li::before{content:"\2713";color:var(--accent)}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step;border-top:2px solid var(--ink)}
.step{padding:28px 22px 0 0;counter-increment:step}
.step+.step{padding-left:22px;border-left:1px solid var(--line)}
.step::before{content:counter(step,decimal-leading-zero);display:block;color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.1em;margin-bottom:10px}
.step h3{font-size:22px}
.step p{color:var(--muted);font-size:15px}

/* Deliverables */
.deliver{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.deliver div{background:var(--white);padding:26px 28px;border-left:3px solid var(--accent)}
.deliver h3{font-size:21px;margin-bottom:6px}
.deliver p{margin:0;color:var(--muted);font-size:15px}

/* Note / callout */
.note{margin-top:34px;padding:24px 28px;background:var(--tint);border-left:3px solid var(--ink);font-size:15px;color:#3f4e55}
.note strong{color:var(--ink)}

/* Handoff diagram (home) */
.handoff{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0}
.handoff .node{background:var(--white);padding:26px;border-top:3px solid var(--ink)}
.handoff .node.mid{border-top-color:var(--accent)}
.handoff .node small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted);margin-bottom:8px}
.handoff .node h3{font-size:21px}
.handoff .node p{margin:0;color:var(--muted);font-size:14px}
.handoff .arrow{display:grid;place-items:center;padding:0 12px;color:var(--accent);font-size:26px}

/* Video */
.video-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:6%;align-items:center}
.video{position:relative;aspect-ratio:16/9;background:var(--navy);overflow:hidden}
.video button{all:unset;cursor:pointer;position:absolute;inset:0;display:block}
.video img{width:100%;height:100%;object-fit:cover;opacity:.82}
.video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.video .play::after{content:"";margin-left:6px;border-left:24px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent}
.video button:hover .play{background:var(--accent-dark)}
.video button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .pending{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#c6d0d1;padding:24px;font-family:Georgia,serif;font-size:22px}
.video .pending small{display:block;font-family:Arial,sans-serif;font-size:13px;color:#8fa3a8;margin-top:8px}

/* Engagements */
.engage{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}
.engage>div{padding:30px 26px 30px 0}
.engage>div+div{padding-left:26px;border-left:1px solid var(--line)}
.engage .tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.engage h3{margin:10px 0}
.engage p{color:var(--muted);font-size:15px;margin:0}
.engage-foot{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);font-size:15px}

/* Credentials */
.creds{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}
.creds ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.creds li{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}
.creds li strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:19px}

/* Form */
.contact{background:var(--navy);color:#f4f1eb;padding:100px 0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}
.contact h2{color:#f4f1eb}
.contact .section-intro{color:#c6d0d1}
.contact-direct{margin-top:28px;font-size:15px;color:#c6d0d1}
.contact-direct a{white-space:nowrap;color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.3)}
.lead-form{background:var(--white);color:var(--ink);padding:34px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:800;letter-spacing:.04em}
.field label .opt{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{font:inherit;font-size:15px;padding:11px 12px;border:1px solid #c3c9c4;background:#fff;color:var(--ink);border-radius:0;width:100%}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;flex-wrap:wrap}
.form-foot small{color:var(--muted);font-size:12px;max-width:340px;line-height:1.5}
.form-status{margin-top:16px;font-size:14px;font-weight:700}
.form-status.err{color:#a3261b}
.form-done{padding:10px 0}
.form-done h3{font-size:28px}
.form-done p{color:var(--muted);margin:0}

/* Footer */
.site-footer{background:#071119;color:#afbdbe;padding:26px 0;font-size:12px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-inner p{margin:0}
.footer-inner div{display:flex;gap:20px;flex-wrap:wrap}
.footer-inner a:hover{color:#fff}

/* Responsive */
@media(max-width:900px){
  .site-header nav{gap:14px}.site-header nav .hide-sm{display:none}
  .hero{padding:64px 0 60px}
  .hero-grid,.paths,.video-wrap,.creds,.contact-grid,.compare{grid-template-columns:1fr}
  .hero-grid{gap:40px}.hero-aside{border-left:0;padding-left:0}
  .reasons,.engage,.steps,.stat-grid{grid-template-columns:1fr}
  .stat,.stat+.stat,.step,.step+.step,.engage>div,.engage>div+div{padding:24px 0;border-left:0;border-bottom:1px solid rgba(127,140,140,.25)}
  .audience,.audience+.audience{padding:24px 0;border-left:0}
  .deliver{grid-template-columns:1fr}
  .handoff{grid-template-columns:1fr}.handoff .arrow{transform:rotate(90deg);padding:8px 0}
  .section{padding:72px 0}.contact{padding:72px 0}
  .path{min-height:0;padding:28px}
  .fields{grid-template-columns:1fr}
}
@media(max-width:520px){
  .shell{width:min(calc(100% - 32px),var(--max))}
  .wordmark em{display:none}
  h1{font-size:42px}.lede{font-size:17px}
  .actions{flex-direction:column}.button{width:100%}
  .lead-form{padding:24px 18px}
}

/* Get Ready timeline (agencies) */
.readiness .rt-phases{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 18px;padding:0;list-style:none}
.readiness .rt-phases li{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-dark);padding:0 0 10px;border-bottom:2px solid var(--accent-dark);margin-right:10px}
.rt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;counter-reset:rt;position:relative}
.rt::before{content:"";position:absolute;left:18px;right:18px;top:18px;height:2px;background:var(--line)}
.rt li{position:relative;counter-increment:rt;padding-top:54px}
.rt li::before{content:counter(rt);position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font:700 15px/36px Arial,sans-serif;text-align:center}
.rt li.key::before{background:var(--accent-dark)}
.rt h3{font-size:20px;margin:0 0 6px}
.rt p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.rt .when{display:inline-block;margin:0 0 10px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--navy);color:#fff}
.rt li.key .when{background:var(--accent-dark)}
.rt-source{margin:32px 0 0;font-size:13px;color:var(--muted)}.rt-source a{text-decoration:underline}
@media(max-width:980px){.readiness .rt-phases{display:none}.rt{grid-template-columns:1fr;gap:24px}.rt::before{left:17px;right:auto;top:18px;bottom:18px;width:2px;height:auto}.rt li{padding:0 0 0 58px;min-height:36px}}

/* Exposure map (operators) */
.exposure{border-top:1px solid var(--line)}
.exposure-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start}
.exposure p,.exposure li{font-size:17px;line-height:1.6;color:var(--muted)}
.exposure ul{padding-left:18px;margin:18px 0 18px}.exposure li{margin:0 0 8px}
.exposure figure{margin:0;background:var(--white);border:1px solid var(--line)}
.exposure svg{display:block;width:100%;height:auto}
.exposure figcaption{padding:12px 16px;font-size:13px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line)}
.exposure figcaption a{text-decoration:underline;color:var(--accent-dark)}
.exposure .cases-m{display:none;margin:0;padding:14px 16px 4px;list-style:none;border-top:1px solid var(--line)}
.exposure .cases-m li{font-size:14px;line-height:1.5;margin:0 0 10px;padding-left:30px;position:relative}
.exposure .cases-m b{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--accent-dark);color:#fff;font-size:12px;line-height:20px;text-align:center}
.exposure-map{--m-ink:#10212b;--m-accent:#a9492e}
@media(max-width:900px){.exposure-grid{grid-template-columns:1fr;gap:32px}.exposure-grid>div{order:-1}}
@media(max-width:600px){.exposure-map .co,.exposure-map .lg{display:none}.exposure .cases-m{display:block}}
.exposure p.eyebrow{font-size:11px;line-height:1.6;color:var(--accent-dark)}