@import "tailwindcss";

:root {
  --navy: #062e63;
  --navy-deep: #031f49;
  --teal: #078ff0;
  --teal-soft: #eaf4fc;
  --gold: #4aa7ef;
  --ink: #132943;
  --muted: #5d7185;
  --line: #d6e3ef;
  --pale: #eef6fc;
  --warm: #f8f5ed;
  --white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--ink); font-family: var(--font-geist-sans), Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }

.site-header { height: 78px; padding: 0 clamp(22px, 5vw, 78px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(16,47,73,.12); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 30; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 20px; font-weight: 750; letter-spacing: -.03em; color: var(--navy); }
.brand img { width: 35px; height: 35px; border-radius: 9px; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 34px); font-size: 13px; color: #425462; }
.desktop-nav a { transition: color .2s ease; }
.desktop-nav a:hover { color: var(--teal); }
.header-cta { color: white; background: var(--navy); padding: 12px 18px; border-radius: 4px; font-size: 12px; font-weight: 650; }
.mobile-menu { display: none; position: relative; }
.mobile-menu summary { list-style: none; cursor: pointer; font-size: 13px; font-weight: 650; color: var(--navy); }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu nav { position: absolute; right: 0; top: 35px; width: 250px; padding: 12px; background: white; border: 1px solid var(--line); box-shadow: 0 18px 50px rgba(9,36,58,.15); display: grid; }
.mobile-menu nav a { padding: 12px; border-bottom: 1px solid var(--line); font-size: 13px; }

.hero { min-height: calc(100vh - 78px); display: grid; grid-template-columns: 1.02fr .98fr; background: linear-gradient(100deg,#fbfdff 0%,#f0f7fd 54%,#e5f2fc 100%); overflow: hidden; }
.hero-copy { padding: clamp(82px, 10vw, 135px) clamp(35px, 6vw, 100px); align-self: center; }
.eyebrow { margin: 0 0 22px; display: flex; align-items: center; gap: 10px; color: var(--teal); font: 700 11px/1 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .12em; }
.eyebrow span { display: inline-block; width: 25px; height: 2px; background: currentColor; }
.eyebrow.light { color: #75bdf3; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 750px; margin-bottom: 25px; font-size: clamp(50px, 6.25vw, 94px); line-height: .98; letter-spacing: -.065em; color: var(--navy); font-weight: 640; }
h1 em, h2 em { color: var(--teal); font-style: normal; }
.hero-lead { max-width: 670px; color: #415665; font-size: clamp(17px, 1.55vw, 22px); line-height: 1.55; }
.hero-actions { margin: 34px 0 43px; display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 52px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: 4px; font-size: 13px; font-weight: 650; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { background: var(--navy); color: white; }
.button.primary:hover { background: var(--teal); }
.button.secondary { border: 1px solid #b8c8cf; color: var(--navy); background: rgba(255,255,255,.65); }
.trust-strip { display: flex; flex-wrap: wrap; gap: 10px 25px; color: #64737c; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.trust-strip span::before { content: "✓"; color: var(--teal); margin-right: 7px; font-weight: 800; }

.hero-system { align-self: stretch; background: var(--navy); color: white; padding: clamp(45px, 5vw, 76px); display: flex; flex-direction: column; justify-content: center; position: relative; }
.hero-system::before { content: ""; position: absolute; inset: 30px; border: 1px solid rgba(255,255,255,.08); pointer-events: none; }
.system-topline { display: flex; justify-content: space-between; gap: 18px; font: 600 10px/1 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .1em; color: #9eb4c1; }
.status { color: #7cc8f7; }
.status i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #58cfb6; box-shadow: 0 0 0 5px rgba(88,207,182,.1); }
.workflow-map { margin: 55px 0 45px; }
.flow-card { padding: 20px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.16); display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 10px; }
.flow-card.active { border-color: rgba(110,211,196,.48); background: rgba(22,142,138,.18); }
.flow-card b { font: 500 11px/1 var(--font-geist-mono),monospace; color: #6dbbf4; }
.flow-card span { font-size: 16px; font-weight: 630; }
.flow-card small { color: #91a7b4; font-size: 10px; }
.flow-line { height: 55px; margin-left: 42px; display: flex; align-items: center; border-left: 1px solid #537083; }
.flow-line span { margin-left: 13px; color: #87a0ae; font: 500 9px/1 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .1em; }
.flow-line.review { border-color: var(--gold); }
.flow-line.review span { color: #e1bb69; }
.system-metrics { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.15); padding-top: 22px; gap: 15px; }
.system-metrics div { display: grid; gap: 7px; }
.system-metrics small { color: #849eac; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.system-metrics strong { font-size: 12px; font-weight: 560; }

section { padding: clamp(75px, 9vw, 125px) clamp(24px, 7vw, 105px); }
.section-heading { margin-bottom: 48px; }
.section-heading.narrow { max-width: 980px; }
.section-heading.split { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; }
.section-heading h2, .method-intro h2, .ai-statement h2, .diagnostic-copy h2, .about-card h2 { margin-bottom: 0; color: var(--navy); font-size: clamp(36px, 4.2vw, 64px); line-height: 1.08; letter-spacing: -.05em; font-weight: 610; }
.section-heading > p, .section-heading.split > p { color: var(--muted); font-size: 16px; line-height: 1.65; }
.problem-section { background: white; }
.problem-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.problem-grid article { min-height: 255px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.problem-grid article > span { color: var(--teal); font: 600 10px/1 var(--font-geist-mono),monospace; }
.problem-grid h3 { margin: 55px 0 13px; color: var(--navy); font-size: 19px; }
.problem-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.visual-story-section { background: #f7fbff; }
.visual-story-grid { display: grid; grid-template-columns: 1.12fr .88fr 1fr; grid-template-rows: 310px 260px; gap: 18px; }
.visual-story-grid > article { position: relative; overflow: hidden; border: 1px solid var(--line); background: white; }
.visual-label { position: absolute; z-index: 3; top: 20px; left: 22px; right: 22px; display: flex; justify-content: space-between; color: var(--teal); font: 650 9px/1 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.visual-label small { color: #69839c; }
.visual-founder { grid-row: 1/3; background: linear-gradient(145deg,#eaf4fc,#d9ecfb) !important; }
.visual-founder::after { content: ""; position: absolute; width: 280px; height: 280px; right: -60px; top: 90px; border: 1px solid rgba(7,143,240,.25); border-radius: 50%; box-shadow: 0 0 0 45px rgba(7,143,240,.035),0 0 0 90px rgba(7,143,240,.025); }
.visual-founder img { position: absolute; z-index: 1; height: 87%; width: auto; bottom: 0; right: -2%; object-fit: contain; filter: drop-shadow(0 18px 25px rgba(6,46,99,.14)); }
.visual-caption { position: absolute; z-index: 3; left: 24px; bottom: 24px; width: 62%; padding: 18px; background: rgba(6,46,99,.94); color: white; display: grid; gap: 6px; }
.visual-caption strong { font-size: 14px; line-height: 1.3; }
.visual-caption span { color: #7fc8fa; font: 550 8px/1.4 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.visual-artifact { padding: 55px 22px 22px; background: var(--navy) !important; }
.visual-artifact .visual-label { color: #79c4f7; }
.visual-artifact .visual-label small { color: #86a2ba; }
.artifact-sheet { height: 100%; padding: 18px; color: var(--navy); background: white; transform: rotate(-1deg); box-shadow: 0 16px 35px rgba(0,0,0,.2); }
.artifact-sheet > div:first-child { display: grid; gap: 4px; }
.artifact-sheet small, .artifact-sheet dt { color: #758ba0; font: 600 7px/1 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.artifact-sheet b { font-size: 13px; }
.artifact-route { margin: 20px 0; display: flex; align-items: center; gap: 7px; }
.artifact-route span { font-size: 7px; font-weight: 650; }
.artifact-route i { flex: 1; height: 1px; background: #7abdf0; }
.artifact-sheet dl { display: grid; gap: 7px; margin: 0; }
.artifact-sheet dl div { display: flex; justify-content: space-between; padding-bottom: 6px; border-bottom: 1px solid #dce8f2; }
.artifact-sheet dd { margin: 0; color: #3f5970; font-size: 7px; }
.visual-clinic { padding: 60px 22px 22px; }
.clinic-board { border: 1px solid var(--line); background: #f8fbfe; }
.clinic-top { padding: 13px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); }
.clinic-top strong { color: var(--navy); font-size: 10px; }
.clinic-top span { color: #6c8398; font: 550 7px/1 var(--font-geist-mono),monospace; text-transform: uppercase; }
.queue-row { padding: 12px; display: grid; grid-template-columns: 8px 1fr auto; column-gap: 9px; border-bottom: 1px solid #e1ebf3; align-items: center; }
.queue-row i { width: 7px; height: 7px; border-radius: 50%; grid-row: 1/3; }
.queue-row i.blue { background: var(--teal); }.queue-row i.green { background: #34b88b; }.queue-row i.amber { background: #d8a23c; }
.queue-row b { color: var(--navy); font-size: 9px; }.queue-row small { grid-column: 2; color: #718598; font-size: 7px; }.queue-row em { grid-row: 1/3; grid-column: 3; color: #7b90a1; font-size: 7px; font-style: normal; }
.visual-before-after { padding: 60px 22px 22px; }
.comparison-mini { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; height: 100%; }
.comparison-mini > div:not(.comparison-arrow) { min-height: 140px; padding: 14px; display: grid; gap: 7px; align-content: center; border: 1px solid var(--line); background: #f7fbff; }
.comparison-mini > div:last-child { background: #eaf4fc; border-color: #b9daf4; }
.comparison-mini small { color: #72879b; font: 600 7px/1 var(--font-geist-mono),monospace; text-transform: uppercase; }.comparison-mini b { color: var(--navy); font-size: 17px; }.comparison-mini span { color: #617689; font-size: 7px; }
.comparison-arrow { color: var(--teal); }
.visual-motion { grid-column: 3; padding: 65px 24px 20px; background: var(--navy-deep) !important; color: white; }
.visual-motion .visual-label { color: #79c4f7; }.visual-motion .visual-label small { color: #7892aa; }
.motion-track { position: relative; margin: 35px 0 22px; display: grid; grid-template-columns: repeat(4,1fr); }
.motion-track::before { content: ""; position: absolute; height: 2px; left: 7%; right: 7%; top: 19px; background: #295789; }
.motion-step { position: relative; z-index: 1; display: grid; place-items: center; gap: 12px; }
.motion-step i { order: -1; width: 13px; height: 13px; border-radius: 50%; background: #0b65b9; border: 3px solid #6fbdf5; box-shadow: 0 0 0 5px #052b57; }
.motion-step span { color: #a5bdd2; font-size: 7px; }
.review-step i { background: #d8a23c; border-color: #f0cb78; }
.motion-dot { position: absolute; z-index: 2; left: 6%; top: 14px; width: 12px; height: 12px; border-radius: 50%; background: white; box-shadow: 0 0 0 5px rgba(121,196,247,.16); animation: workflow-progress 6s ease-in-out infinite; }
.visual-motion p { color: #8fa9bf; font-size: 9px; line-height: 1.55; }
@keyframes workflow-progress { 0%,8%{left:6%} 28%{left:31%} 50%,62%{left:56%} 82%,100%{left:81%} }

.systems-section { background: var(--navy-deep); color: white; }
.systems-section .section-heading h2 { color: white; }
.systems-section .section-heading > p { color: #9bb0bd; }
.service-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.service-card { min-height: 320px; padding: 30px; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); transition: background .25s ease; }
.service-card:hover { background: rgba(255,255,255,.045); }
.service-meta { display: flex; align-items: center; justify-content: space-between; }
.service-meta span { color: #65b7f2; font: 500 10px/1 var(--font-geist-mono),monospace; }
.service-meta small { color: #849ba8; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.service-card h3 { margin: 54px 0 16px; max-width: 320px; font-size: 22px; line-height: 1.2; letter-spacing: -.025em; }
.service-card p { color: #9eb0bb; font-size: 13px; line-height: 1.65; }
.service-footer { margin-top: auto; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.service-footer strong { color: white; font-size: 11px; }
.service-footer a { color: #75bff5; font-size: 10px; }
.scope-band { margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.16); }
.scope-band div { padding: 22px 28px; }
.scope-band div + div { border-left: 1px solid rgba(255,255,255,.16); }
.scope-band small { color: #72bcf2; font: 600 9px/1 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .1em; }
.scope-band p { margin: 9px 0 0; color: #9db0bb; font-size: 11px; line-height: 1.6; }

.method-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; background: var(--warm); }
.method-intro > p:not(.eyebrow) { margin: 25px 0; max-width: 520px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.method-intro blockquote { margin: 50px 0 0; padding: 22px 0 0; border-top: 1px solid #d9d2c2; color: var(--navy); font-size: 18px; line-height: 1.5; font-weight: 600; }
.mapped-list { border-top: 1px solid #cbc8bd; }
.mapped-row { min-height: 91px; display: grid; grid-template-columns: 50px 115px 1fr; align-items: center; gap: 15px; border-bottom: 1px solid #cbc8bd; }
.mapped-row > span { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--teal); font: 600 12px/1 var(--font-geist-mono),monospace; }
.mapped-row strong { color: var(--navy); font-size: 15px; }
.mapped-row p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }

.ai-section { background: #05295a; color: white; display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.ai-statement h2 { color: white; }
.ai-statement h2 em { color: #79c4f7; }
.ai-statement > p:not(.eyebrow) { max-width: 540px; margin: 28px 0; color: #a3b7c2; font-size: 16px; line-height: 1.7; }
.ai-statement > a { color: #79c4f7; font-size: 12px; font-weight: 650; }
.boundary-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.15); }
.boundary-grid article { padding: 30px; }
.boundary-grid article + article { border-left: 1px solid rgba(255,255,255,.15); }
.boundary-title { display: flex; align-items: center; gap: 12px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.13); }
.boundary-title span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; font-size: 12px; }
.boundary-title.allowed span { background: rgba(76,208,178,.15); color: #72d0bd; }
.boundary-title.reserved span { background: rgba(221,166,61,.15); color: #e3b85f; }
.boundary-title h3 { margin: 0; font-size: 14px; }
.boundary-grid ul { margin: 22px 0 0; padding: 0; list-style: none; }
.boundary-grid li { padding: 10px 0; color: #a4b7c1; font-size: 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
.policy-meta { grid-column: 1/-1; display: flex; gap: 18px; padding-top: 4px; color: #7f9bab; font: 500 9px/1.5 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.policy-meta strong { color: #79c4f7; }

.audience-section { background: white; }
.audience-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.audience-list div { min-height: 86px; padding: 0 25px; display: grid; grid-template-columns: 50px 1fr auto; align-items: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .2s; }
.audience-list div:hover { background: var(--pale); }
.audience-list span { color: var(--teal); font: 500 10px/1 var(--font-geist-mono),monospace; }
.audience-list strong { color: var(--navy); font-size: 15px; }
.audience-list b { color: #9badb6; font-weight: 400; }

.about-section { background: var(--pale); }
.about-card { background: var(--navy); color: white; padding: clamp(35px,6vw,80px); display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: center; }
.founder-photo { position: relative; min-height: 480px; overflow: hidden; background: #021a3c; }
.founder-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(2,26,60,.92) 100%); }
.founder-photo img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: 50% 35%; }
.founder-photo div { position: absolute; z-index: 2; left: 25px; right: 25px; bottom: 24px; display: grid; gap: 5px; }
.founder-photo strong { color: white; font-size: 18px; }.founder-photo span { color: #79c4f7; font: 550 8px/1.4 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.about-card h2 { color: white; }
.about-card > div:last-child > p:not(.eyebrow):not(.about-note) { margin: 25px 0; color: #abc0cb; font-size: 15px; line-height: 1.75; }
.about-card .brand-definition { padding: 16px 18px; border-left: 2px solid #79c4f7; background: rgba(121,196,247,.07); color: #b8cad4 !important; font-size: 12px !important; }
.about-card .brand-definition strong { color: white; }
.about-note { color: #79c4f7; font: 500 10px/1.5 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.authority-points { margin: 28px 0; display: grid; gap: 10px; }
.authority-points span { color: #c4d2d9; font-size: 12px; }
.authority-points span::before { content: "✓"; color: #79c4f7; margin-right: 10px; font-weight: 800; }

.proof-section { background: white; }
.case-studies-header { margin-bottom: 45px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.case-studies-header h2 { margin: 0; color: var(--navy); font-size: clamp(42px,5vw,72px); line-height: 1; letter-spacing: -.055em; font-weight: 610; }
.case-studies-header > div:last-child > p { margin: 0; max-width: 720px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.case-study-actions { margin: 25px 0 16px; display: flex; flex-wrap: wrap; gap: 10px; }
.case-studies-header small { display: block; max-width: 720px; color: #788b9b; font-size: 9px; line-height: 1.55; }
.illustrative-divider { margin: 0 0 24px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.illustrative-divider span { color: var(--teal); font: 650 9px/1 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .09em; }
.illustrative-divider p { margin: 0; color: #708496; font-size: 10px; }
.proof-layout { display: grid; grid-template-columns: 1.35fr .65fr; gap: 35px; }
.case-study-card { padding: clamp(28px,4vw,50px); border: 1px solid var(--line); background: var(--pale); }
.case-kicker { display: flex; justify-content: space-between; gap: 15px; color: var(--teal); font: 600 9px/1.4 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .09em; }
.case-kicker small { color: #81949e; }
.case-study-card h3 { max-width: 650px; margin: 45px 0 16px; color: var(--navy); font-size: clamp(25px,3vw,40px); line-height: 1.12; letter-spacing: -.04em; }
.case-problem { color: var(--muted); font-size: 13px; line-height: 1.65; }
.case-flow { margin: 35px 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; }
.case-flow > div { padding: 20px; background: white; border: 1px solid var(--line); display: grid; gap: 8px; }
.case-flow b { color: var(--teal); font: 650 10px/1 var(--font-geist-mono),monospace; text-transform: uppercase; }
.case-flow span { color: #4c626f; font-size: 11px; }
.case-flow i { color: var(--gold); font-style: normal; }
.case-measures { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); padding-top: 20px; gap: 15px; }
.case-measures span { color: var(--navy); font-size: 11px; font-weight: 650; }
.case-measures small { display: block; margin-bottom: 5px; color: #8799a2; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.proof-principles { border-top: 1px solid var(--line); }
.proof-principles div { padding: 25px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 38px 1fr; column-gap: 10px; }
.proof-principles span { color: var(--teal); font: 600 9px/1 var(--font-geist-mono),monospace; }
.proof-principles h3 { margin: 0; color: var(--navy); font-size: 16px; }
.proof-principles p { grid-column: 2; margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }

.industry-proof-section { background: var(--navy-deep); color: white; scroll-margin-top: 78px; }
.industry-proof-section .section-heading h2 { color: white; }
.industry-proof-section .section-heading > p { color: #a7bac6; }
.industry-proof-notice { margin-bottom: 28px; padding: 18px 22px; display: grid; grid-template-columns: 170px 1fr; gap: 25px; border: 1px solid rgba(121,196,247,.3); background: rgba(121,196,247,.07); }
.industry-proof-notice strong { color: #79c4f7; font: 650 9px/1.5 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .1em; }
.industry-proof-notice p { margin: 0; color: #b4c5ce; font-size: 11px; line-height: 1.65; }
.industry-proof-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.industry-proof-card { min-height: 520px; padding: clamp(25px,3vw,38px); display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.industry-proof-card:last-child { grid-column: 1/-1; min-height: 430px; }
.industry-proof-meta { display: flex; justify-content: space-between; align-items: start; gap: 20px; color: #79c4f7; font: 600 9px/1.5 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.industry-proof-meta small { max-width: 310px; color: #7f99a8; text-align: right; }
.industry-proof-workflow { margin: 50px 0 10px; color: #79c4f7; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
.industry-proof-card h3 { margin: 0 0 28px; font-size: clamp(24px,2.4vw,36px); line-height: 1.1; letter-spacing: -.04em; }
.industry-result { padding: 22px 0; display: flex; align-items: center; gap: 20px; border-top: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); }
.industry-result strong { color: #79c4f7; font-size: clamp(35px,4vw,58px); line-height: 1; letter-spacing: -.055em; }
.industry-result span { max-width: 210px; color: #bed0d9; font-size: 11px; line-height: 1.45; }
.industry-proof-card ul { margin: 22px 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.industry-proof-card li { color: #a7bac6; font-size: 11px; line-height: 1.5; }
.industry-proof-card li::before { content: "✓"; margin-right: 9px; color: #79c4f7; font-weight: 800; }
.industry-relevance { margin: 0 0 24px; color: #91a8b5; font-size: 11px; line-height: 1.65; }
.industry-relevance b { color: white; }
.industry-proof-card > a { margin-top: auto; color: #79c4f7; font-size: 10px; font-weight: 650; }
.industry-proof-card > a:hover { color: white; }
.industry-proof-footnote { margin: 22px 0 0; color: #6f8998; font-size: 9px; line-height: 1.6; }

.diagnostic-preview-section { background: var(--warm); }
.document-preview { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 22px; align-items: stretch; }
.document-page { min-height: 330px; padding: 28px; background: white; border: 1px solid #d8d2c5; box-shadow: 0 14px 35px rgba(35,46,53,.06); }
.document-page.primary-doc { background: var(--navy); color: white; border-color: var(--navy); transform: translateY(-8px); }
.doc-top { display: flex; justify-content: space-between; color: var(--teal); font: 600 9px/1 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .08em; }
.primary-doc .doc-top { color: #79c4f7; }
.doc-top small { color: #899ba4; }
.document-page h3 { margin: 65px 0 25px; color: var(--navy); font-size: 25px; letter-spacing: -.03em; }
.primary-doc h3 { color: white; }
.document-page p, .document-page li { color: #6b787e; font-size: 11px; line-height: 1.6; }
.primary-doc p { color: #a9bcc6; }
.document-page ul { padding: 0; list-style: none; }
.document-page li { padding: 10px 0; border-bottom: 1px solid #e4dfd5; }
.doc-flow { display: flex; align-items: center; gap: 8px; margin-bottom: 25px; }
.doc-flow b { font-size: 9px; font-weight: 550; }
.doc-flow i { flex: 1; height: 1px; background: #5d7888; }

.resources-section { background: var(--navy-deep); color: white; }
.resources-section .section-heading h2 { color: white; }
.resources-section .section-heading > p { color: #9cb0bc; }
.resource-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.resource-grid article { min-height: 285px; padding: 25px; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.resource-grid article > div { display: flex; justify-content: space-between; color: #72bcf2; font: 600 9px/1 var(--font-geist-mono),monospace; text-transform: uppercase; }
.resource-grid article h3 { margin: 55px 0 14px; font-size: 17px; line-height: 1.3; }
.resource-grid article p { color: #98acb8; font-size: 11px; line-height: 1.65; }
.resource-grid article a { margin-top: auto; color: #79c4f7; font-size: 10px; }
.article-row { margin-top: 55px; display: grid; grid-template-columns: 1.1fr repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.15); }
.article-row > * { padding: 25px; border-right: 1px solid rgba(255,255,255,.13); }
.article-intro small, .article-row article small { color: #7793a2; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.article-intro h3 { margin-top: 16px; font-size: 20px; line-height: 1.3; }
.article-row article h3 { margin: 18px 0 30px; color: #dce6ea; font-size: 13px; line-height: 1.5; }
.article-row article span { color: #6f8998; font-size: 9px; }

.trust-section { background: white; }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.trust-grid article { min-height: 235px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-grid article > span { color: var(--teal); font: 600 9px/1 var(--font-geist-mono),monospace; }
.trust-grid h3 { margin: 50px 0 12px; color: var(--navy); font-size: 16px; }
.trust-grid p { color: var(--muted); font-size: 11px; line-height: 1.65; }

.diagnostic-section { background: var(--teal-soft); display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.diagnostic-copy > p:not(.eyebrow) { margin: 25px 0; max-width: 580px; color: #52666f; font-size: 16px; line-height: 1.7; }
.price-block { margin-top: 40px; display: flex; flex-direction: column; gap: 5px; }
.price-block strong { color: var(--navy); font-size: clamp(34px,4vw,54px); letter-spacing: -.045em; }
.price-block span { color: #5e747c; font-size: 11px; text-transform: uppercase; letter-spacing: .09em; }
.diagnostic-details { padding: 30px 0 0; }
.diagnostic-details > p { color: var(--navy); font-size: 13px; font-weight: 700; }
.diagnostic-details ul { margin: 20px 0 30px; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; }
.diagnostic-details li { padding: 12px 0; border-bottom: 1px solid #c3ddf2; color: #475e68; font-size: 12px; }
.diagnostic-details li::before { content: "✓"; color: var(--teal); margin-right: 8px; font-weight: 800; }
.diagnostic-details small { display: block; margin-top: 14px; color: #71848b; font-size: 9px; line-height: 1.5; }

.contact-strip { padding-top: clamp(60px,7vw,95px); padding-bottom: clamp(60px,7vw,95px); background: var(--navy); color: white; display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; align-items: center; }
.contact-positioning h2 { max-width: 760px; margin: 0; color: white; font-size: clamp(34px,4vw,58px); line-height: 1.08; letter-spacing: -.05em; font-weight: 610; }
.contact-details { border-top: 1px solid rgba(255,255,255,.18); }
.contact-details > div { min-height: 78px; padding: 17px 0; display: grid; grid-template-columns: 90px 1fr; align-items: center; border-bottom: 1px solid rgba(255,255,255,.18); }
.contact-details small { color: #79c4f7; font: 600 8px/1 var(--font-geist-mono),monospace; text-transform: uppercase; letter-spacing: .09em; }
.contact-details strong, .contact-details a { color: white; font-size: 13px; font-weight: 600; }
.contact-details > div:first-child span { grid-column: 2; color: #91a9bd; font-size: 10px; }
.contact-details a span { color: #79c4f7; margin-left: 6px; }
.contact-details a:hover { color: #79c4f7; }

.policies-section { background: #f4f9fc; }
.policy-list { margin-top: 46px; border-top: 1px solid #bdd5e4; }
.policy-list article { display: grid; grid-template-columns: 70px 1fr; gap: 28px; padding: 38px 0; border-bottom: 1px solid #bdd5e4; scroll-margin-top: 90px; }
.policy-list article > span { color: var(--teal); font: 700 10px/1 var(--font-geist-mono),monospace; letter-spacing: .1em; }
.policy-list h3 { margin: 0 0 18px; color: var(--navy); font-size: clamp(22px,2.5vw,34px); }
.policy-list p { max-width: 970px; margin: 0 0 13px; color: #405963; font-size: 12px; line-height: 1.75; }
.policy-list strong { color: var(--navy); }
.policy-list a { color: #0875b8; text-decoration: underline; text-underline-offset: 3px; }
.policy-review-note { margin: 24px 0 0; color: #667f89; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }

footer { background: #021a3c; color: white; padding: 55px clamp(24px,7vw,105px) 25px; }
.footer-main { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; align-items: start; padding-bottom: 45px; }
.footer-brand { color: white; }
.footer-main > p { max-width: 420px; color: #8fa6b4; font-size: 12px; line-height: 1.65; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 25px; font-size: 11px; color: #a9bcc6; }
.footer-policies { padding: 18px 0; border-top: 1px solid rgba(255,255,255,.12); display: flex; flex-wrap: wrap; gap: 14px 28px; color: #6f8998; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.footer-policies a:hover { color: white; }
.footer-bottom { padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; gap: 20px; color: #708c9b; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }

@media (max-width: 1050px) {
  .desktop-nav, .header-cta { display: none; }
  .mobile-menu { display: block; }
  .hero { grid-template-columns: 1fr; }
  .hero-system { min-height: 670px; }
  .problem-grid { grid-template-columns: 1fr 1fr; }
  .service-grid { grid-template-columns: 1fr 1fr; }
  .method-section, .ai-section, .about-card, .diagnostic-section, .contact-strip { grid-template-columns: 1fr; gap: 55px; }
  .section-heading.split { grid-template-columns: 1fr; gap: 20px; }
  .founder-photo { max-width: 520px; }
  .visual-story-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 400px 300px 260px; }
  .visual-founder { grid-row: 1/3; }
  .visual-motion { grid-column: 1/3; }
  .proof-layout { grid-template-columns: 1fr; }
  .case-studies-header { grid-template-columns: 1fr; gap: 25px; }
  .document-preview { grid-template-columns: 1fr 1fr; }
  .resource-grid, .trust-grid { grid-template-columns: 1fr 1fr; }
  .industry-proof-grid { grid-template-columns: 1fr 1fr; }
  .article-row { grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 650px) {
  .site-header { height: 68px; }
  .brand { font-size: 17px; }
  .brand img { width: 31px; height: 31px; }
  .hero { min-height: auto; }
  .hero-copy { padding: 74px 23px 65px; }
  h1 { font-size: clamp(48px,14vw,67px); }
  .hero-system { min-height: 580px; padding: 50px 24px; }
  .hero-system::before { inset: 12px; }
  .system-topline { flex-direction: column; }
  .flow-card { grid-template-columns: 35px 1fr; }
  .flow-card small { grid-column: 2; }
  section { padding: 75px 23px; }
  .problem-grid, .service-grid, .audience-list, .boundary-grid, .scope-band, .document-preview, .resource-grid, .trust-grid, .article-row, .industry-proof-grid { grid-template-columns: 1fr; }
  .industry-proof-card:last-child { grid-column: auto; min-height: 520px; }
  .industry-proof-notice { grid-template-columns: 1fr; gap: 8px; }
  .visual-story-grid { grid-template-columns: 1fr; grid-template-rows: 520px repeat(4,260px); }
  .visual-founder, .visual-motion { grid-row: auto; grid-column: auto; }
  .problem-grid article { min-height: 215px; }
  .boundary-grid article + article { border-left: 0; border-top: 1px solid rgba(255,255,255,.15); }
  .scope-band div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); }
  .mapped-row { grid-template-columns: 45px 1fr; padding: 15px 0; }
  .mapped-row p { grid-column: 2; }
  .founder-mark { padding: 35px; }
  .diagnostic-details ul { grid-template-columns: 1fr; }
  .contact-details > div { grid-template-columns: 78px 1fr; }
  .case-flow { grid-template-columns: 1fr; }
  .illustrative-divider { align-items: flex-start; flex-direction: column; }
  .case-flow i { transform: rotate(90deg); text-align: center; }
  .case-measures { grid-template-columns: 1fr; }
  .document-page.primary-doc { transform: none; }
  .motion-step span { font-size: 6px; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
  .motion-dot { animation: none !important; left: 81%; }
}