@import url('./assets/brand/brand-tokens.css');

:root {
  --black: #0b0b0b;
  --deep: #080808;
  --surface: #111111;
  --charcoal: #1e1e1e;
  --off: #f7f7f5;
  --stone: #c9c3b8;
  --graphite: #6b6b6b;
  --bronze: #b79b6c;
  --bronze-soft: rgba(183,155,108,.16);
  --hairline: rgba(247,247,245,.12);
  --hairline-soft: rgba(247,247,245,.07);
  --hairline-dark: rgba(11,11,11,.14);
  --page: min(1320px, calc(100vw - 96px));
  --display: "Sora", system-ui, sans-serif;
  --body: "Inter", system-ui, sans-serif;
  --ease: cubic-bezier(.16,1,.3,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; font-family: var(--body); color: var(--black); background: var(--off); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
::selection { background: var(--bronze); color: var(--black); }

.skip-link { position: fixed; top: 10px; left: 10px; z-index: 1000; padding: 10px 14px; background: var(--off); color: var(--black); transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }

.page-shell { width: var(--page); margin-inline: auto; position: relative; z-index: 1; }
.section-dark { background: var(--black); color: var(--off); }
.section-charcoal { background: var(--charcoal); color: var(--off); }
.section-light { background: var(--off); color: var(--black); }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; height: 76px; display: grid; grid-template-columns: 240px 1fr auto; align-items: center; gap: 32px; padding: 0 max(48px, calc((100vw - 1440px)/2)); color: var(--off); border-bottom: 1px solid transparent; transition: background .28s var(--ease), border-color .28s var(--ease); }
.site-header.is-scrolled { background: rgba(8,8,8,.92); border-color: var(--hairline-soft); backdrop-filter: blur(14px); }
.brand img { width: 190px; max-height: 48px; object-fit: contain; object-position: left center; }
.desktop-nav { justify-self: center; display: flex; gap: 28px; font-size: 13px; color: rgba(247,247,245,.72); }
.desktop-nav a { position: relative; padding: 8px 0; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 1px; background: var(--bronze); transition: right .25s var(--ease); }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { right: 0; }
.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid rgba(247,247,245,.35); border-radius: 7px; padding: 0 18px; font-size: 13px; font-weight: 650; letter-spacing: -.01em; transition: transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease); }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, button:focus-visible { outline: 2px solid var(--bronze); outline-offset: 4px; }
.button--nav { min-height: 40px; color: var(--black); background: var(--off); border-color: var(--off); }
.button--primary { background: var(--off); color: var(--black); border-color: var(--off); }
.button--primary:hover { background: var(--bronze); border-color: var(--bronze); }
.button--large { min-height: 54px; padding-inline: 24px; font-size: 14px; }
.menu-toggle, .mobile-nav { display: none; }

.hero { min-height: 100svh; position: relative; isolation: isolate; overflow: hidden; }
.architectural-grid { position: absolute; inset: 0; opacity: .16; pointer-events: none; background-image: linear-gradient(rgba(247,247,245,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(247,247,245,.07) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.hero::before { content:""; position:absolute; width: 58vw; aspect-ratio:1; right:-25vw; top:-18vw; border: 1px solid rgba(183,155,108,.13); border-radius:50%; box-shadow: 0 0 0 8vw rgba(183,155,108,.018), 0 0 0 16vw rgba(183,155,108,.01); pointer-events:none; }
.hero-shell { min-height: 100svh; padding: 150px 0 96px; display: grid; grid-template-columns: .88fr 1.12fr; gap: 48px; align-items: center; }
.hero-copy { max-width: 720px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 28px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; color: rgba(247,247,245,.68); }
.eyebrow--dark { color: rgba(11,11,11,.6); }
.eyebrow-mark { width: 24px; height: 1px; background: var(--bronze); display: inline-block; }
h1,h2,h3 { font-family: var(--display); margin: 0; letter-spacing: -.045em; }
h1 { font-size: clamp(3.7rem, 5.65vw, 6.6rem); line-height: .98; font-weight: 650; max-width: 9.8ch; }
h2 { font-size: clamp(2.65rem, 4.6vw, 5rem); line-height: 1.02; font-weight: 620; max-width: 16ch; }
h2 span { color: var(--graphite); }
.section-dark h2 span, .section-charcoal h2 span { color: var(--stone); }
h3 { font-size: clamp(1.6rem, 2vw, 2.25rem); line-height: 1.08; font-weight: 620; }
.text-bronze { color: var(--bronze); }
.hero-deck { max-width: 62ch; margin: 30px 0 0; font-size: clamp(1rem, 1.25vw, 1.18rem); line-height: 1.7; color: rgba(247,247,245,.7); }
.hero-actions { margin-top: 34px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.text-link { font-size: 13px; font-weight: 600; color: rgba(247,247,245,.72); display: inline-flex; gap: 10px; }
.text-link:hover { color: var(--off); }
.hero-proofline { margin: 34px 0 0; padding-top: 22px; border-top: 1px solid var(--hairline); font-size: 11px; letter-spacing: .03em; color: rgba(247,247,245,.42); display: flex; flex-wrap: wrap; gap: 8px; }
.hero-proofline span { color: var(--bronze); }

.hero-visual { min-height: 610px; position: relative; border-left: 1px solid var(--hairline); border-right: 1px solid var(--hairline-soft); transform: perspective(1100px) rotateY(calc(var(--mx, 0) * 1.5deg)) rotateX(calc(var(--my, 0) * -1.1deg)); transition: transform .35s var(--ease); }
.hero-visual::before, .hero-visual::after { content:""; position:absolute; width:9px; height:9px; border-color:var(--bronze); border-style:solid; opacity:.7; }
.hero-visual::before { top:0; left:-1px; border-width:1px 0 0 1px; }
.hero-visual::after { bottom:0; right:-1px; border-width:0 1px 1px 0; }
.hero-visual-label, .hero-visual-footer { position:absolute; left:22px; right:22px; display:flex; justify-content:space-between; font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:rgba(247,247,245,.45); z-index:2; }
.hero-visual-label { top:18px; }
.hero-visual-footer { bottom:18px; }
.architecture-model { width:100%; height:100%; min-height:610px; display:block; overflow:visible; }
.model-grid path { fill:none; stroke:rgba(247,247,245,.25); stroke-width:1; }
.model-lines path { fill:none; stroke:rgba(247,247,245,.78); stroke-width:1.35; vector-effect:non-scaling-stroke; }
.model-lines .draw { stroke-dasharray:1; stroke-dashoffset:1; }
.is-ready .model-lines .draw { animation: drawLine 1.1s var(--ease) forwards; }
.is-ready .model-lines .draw-2 { animation-delay:.12s; }.is-ready .model-lines .draw-3 { animation-delay:.22s; }.is-ready .model-lines .draw-4 { animation-delay:.32s; }.is-ready .model-lines .draw-5 { animation-delay:.42s; }
.planning-route path { fill:none; stroke:url(#bronzeFade); stroke-width:2.4; stroke-dasharray:1; stroke-dashoffset:1; vector-effect:non-scaling-stroke; }
.is-ready .planning-route path { animation: drawLine 1.05s .7s var(--ease) forwards; }
.planning-route circle { fill:var(--bronze); opacity:0; }
.is-ready .planning-route circle { animation: nodeIn .5s 1.4s var(--ease) forwards; }
.is-ready .planning-route .route-node { animation-delay:1.55s; }.is-ready .planning-route .route-node--final { animation-delay:1.7s; }
.model-annotations path { fill:none; stroke:rgba(183,155,108,.48); stroke-width:1; }
.model-annotations text { font: 600 10px var(--body); letter-spacing:.11em; fill:rgba(247,247,245,.45); }
.hero-enter { opacity:0; transform: translateY(18px); }
.is-ready .hero-enter { opacity:1; transform:none; transition: opacity .85s var(--ease), transform .85s var(--ease); }
.is-ready .hero-visual { transition-delay:.18s; }
.hero-scroll { position:absolute; bottom:25px; left:max(48px,calc((100vw - 1440px)/2)); font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:rgba(247,247,245,.35); display:flex; align-items:center; gap:12px; }
.hero-scroll span { display:block; width:38px; height:1px; background:rgba(247,247,245,.25); }
@keyframes drawLine { to { stroke-dashoffset:0; } }
@keyframes nodeIn { to { opacity:1; } }

.section-light, .section-charcoal, .pipeline, .reactivation, .founder, .guarantee { padding: 150px 0; }
.section-intro { margin-bottom: 72px; }
.section-intro .eyebrow { margin-bottom: 22px; }
.section-intro--split { display:grid; grid-template-columns: 1.4fr .6fr; gap:64px; align-items:end; }
.section-intro--split p:last-child { margin:0 0 6px; color:rgba(247,247,245,.62); line-height:1.75; max-width:48ch; }
.section-light .section-intro--split p:last-child { color:rgba(11,11,11,.65); }
.intro-copy { max-width: 760px; line-height:1.75; color:rgba(11,11,11,.66); margin:28px 0 0; }
.lead { font-size:clamp(1.15rem,1.6vw,1.45rem); line-height:1.6; color:rgba(11,11,11,.82); }
.lead-dark { font-size:clamp(1.1rem,1.5vw,1.35rem); line-height:1.65; color:rgba(247,247,245,.85); }
.strong-line { font-weight:650; padding-top:22px; border-top:1px solid var(--hairline-dark); }
.strong-line--dark { border-color:var(--hairline); color:var(--off); }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.insight-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:88px; align-items:start; }
.insight-copy { max-width:540px; }
.insight-copy > p { line-height:1.75; color:rgba(11,11,11,.67); }
.insight-copy .lead { color:rgba(11,11,11,.85); }
.question-stack { margin:36px 0; border-top:1px solid var(--hairline-dark); }
.question-stack p { margin:0; padding:13px 0; border-bottom:1px solid var(--hairline-dark); font-size:13px; color:rgba(11,11,11,.72); }
.planning-map { position:relative; padding:26px 0 8px; min-height:520px; }
.planning-map-head { display:flex; justify-content:space-between; font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:var(--graphite); }
.timeline-track { height:1px; background:rgba(11,11,11,.16); margin:70px 0 0; position:relative; }
.timeline-progress { position:absolute; inset:0 auto 0 0; width:0; background:var(--bronze); transition:width 1.2s var(--ease); }
.planning-map.is-visible .timeline-progress { width:58%; }
.timeline-stages { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(7,1fr); }
.timeline-stages li { position:relative; padding:42px 10px 0 0; min-height:220px; border-left:1px solid var(--hairline-dark); }
.timeline-stages li::before { content:""; position:absolute; width:8px; height:8px; border-radius:50%; top:-4px; left:-4px; background:var(--off); border:1px solid rgba(11,11,11,.35); }
.timeline-stages li.active::before { background:var(--bronze); border-color:var(--bronze); }
.timeline-stages li.late { opacity:.46; }
.timeline-stages .index { display:block; font-size:10px; color:var(--graphite); margin-bottom:46px; }
.timeline-stages strong { display:block; font-family:var(--display); font-size:16px; margin-bottom:8px; }
.timeline-stages small { font-size:11px; line-height:1.4; color:var(--graphite); }
.sabertooth-entry { position:absolute; left:14.2%; top:230px; width:43%; padding:18px 20px; border:1px solid rgba(183,155,108,.55); background:rgba(183,155,108,.07); display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; font-size:11px; }
.sabertooth-entry .dot { width:8px; height:8px; background:var(--bronze); border-radius:50%; }
.sabertooth-entry strong { font-size:12px; }.sabertooth-entry > span:last-child { color:var(--graphite); }

.pipeline { padding-top:165px; padding-bottom:165px; }
.pipeline-system { position:relative; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); }
.pipeline-system article { padding:30px 24px 48px; min-height:340px; border-right:1px solid var(--hairline); position:relative; overflow:hidden; }
.pipeline-system article:last-child { border-right:0; }
.pipeline-system article::before { content:""; position:absolute; left:0; top:0; width:0; height:2px; background:var(--bronze); transition:width .9s var(--ease); }
.pipeline-system.is-visible article::before { width:100%; }
.pipeline-system.is-visible article:nth-child(3)::before { transition-delay:.12s; }.pipeline-system.is-visible article:nth-child(4)::before { transition-delay:.24s; }.pipeline-system.is-visible article:nth-child(5)::before { transition-delay:.36s; }
.pipeline-spine { position:absolute; left:0; right:0; top:23px; height:1px; background:var(--hairline-soft); pointer-events:none; }
.pipeline-spine span { display:block; width:0; height:1px; background:var(--bronze); transition:width 1.4s var(--ease); }.pipeline-system.is-visible .pipeline-spine span { width:100%; }
.system-number { font:500 10px ui-monospace,monospace; color:var(--bronze); margin-bottom:72px; }
.system-kicker { margin:0 0 12px; font-size:10px; text-transform:uppercase; letter-spacing:.13em; color:var(--bronze); }
.pipeline-system h3 { max-width:12ch; }
.pipeline-system article > p:last-child { color:rgba(247,247,245,.58); line-height:1.65; font-size:13px; margin-top:18px; }
.pipeline-close { margin:44px 0 0 auto; max-width:760px; font-size:clamp(1.35rem,2vw,2rem); line-height:1.35; color:rgba(247,247,245,.54); }.pipeline-close strong{color:var(--off);font-weight:580;}

.mechanism-list { border-top:1px solid var(--hairline-dark); }
.mechanism { display:grid; grid-template-columns:90px 1fr 1fr 240px; gap:34px; align-items:center; min-height:300px; padding:46px 0; border-bottom:1px solid var(--hairline-dark); }
.mechanism-index { font:500 10px ui-monospace,monospace; color:var(--graphite); align-self:start; padding-top:4px; }
.mechanism h3 { max-width:18ch; }
.mechanism > p { color:rgba(11,11,11,.62); line-height:1.7; font-size:13px; }
.mechanism-visual { width:220px; height:160px; border:1px solid var(--hairline-dark); position:relative; background:rgba(11,11,11,.018); overflow:hidden; }
.visual-query { padding:28px 20px; display:flex; flex-direction:column; gap:18px; }.query-line { display:grid; grid-template-columns:22px 1fr; gap:12px; align-items:center; }.query-line span{font:600 11px var(--display);color:var(--bronze);}.query-line i{height:1px;background:rgba(11,11,11,.27);}.query-line.short i{width:64%;}
.visual-orbit span { position:absolute; border:1px solid rgba(11,11,11,.22); border-radius:50%; inset:28px; }.visual-orbit span:nth-child(2){inset:48px}.visual-orbit span:nth-child(3){inset:68px}.visual-orbit i{position:absolute;width:10px;height:10px;background:var(--bronze);border-radius:50%;top:28px;left:106px;}
.visual-plan .plan-a,.visual-plan .plan-b,.visual-plan .plan-c{position:absolute;border:1px solid rgba(11,11,11,.26)}.plan-a{inset:28px 88px 32px 28px}.plan-b{inset:52px 34px 58px 128px}.plan-c{left:86px;top:28px;bottom:32px;width:1px;background:rgba(183,155,108,.7);border:0!important}
.visual-flow{display:flex;align-items:center;justify-content:center;gap:10px}.visual-flow span{width:28px;height:28px;border:1px solid rgba(11,11,11,.35);}.visual-flow span:first-child{background:var(--bronze-soft);border-color:rgba(183,155,108,.6)}.visual-flow i{width:24px;height:1px;background:rgba(11,11,11,.3)}
.visual-measure span{position:absolute;bottom:28px;width:24px;background:rgba(11,11,11,.16)}.visual-measure span:nth-child(1){left:34px;height:36px}.visual-measure span:nth-child(2){left:78px;height:63px}.visual-measure span:nth-child(3){left:122px;height:91px;background:var(--bronze)}.visual-measure b{position:absolute;left:28px;right:28px;bottom:27px;height:1px;background:rgba(11,11,11,.35)}

.reactivation-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:100px; align-items:center; }
.reactivation-copy h2 { max-width:11ch; }
.reactivation-copy > p:not(.eyebrow) { max-width:56ch; color:rgba(247,247,245,.62); line-height:1.72; }
.reactivation-copy .lead-dark { color:rgba(247,247,245,.84); }
.reactivation-board { border:1px solid var(--hairline); min-height:460px; position:relative; }
.reactivation-board::after { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(247,247,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(247,247,245,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none; }
.board-header,.board-footer { position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:rgba(247,247,245,.5); }.board-header{border-bottom:1px solid var(--hairline)}.board-footer{border-top:1px solid var(--hairline);margin-top:16px}.status-dot{display:flex;align-items:center;gap:8px}.status-dot::before{content:"";width:6px;height:6px;background:var(--bronze);border-radius:50%;}
.reactivation-row { position:relative;z-index:1;display:grid;grid-template-columns:120px 1fr 110px;gap:18px;align-items:center;padding:25px 22px;border-bottom:1px solid var(--hairline-soft);font-size:11px; }.reactivation-type{color:var(--off)}.reactivation-action{color:var(--stone);text-align:right}.reactivation-line{height:1px;background:rgba(247,247,245,.16);position:relative;overflow:hidden}.reactivation-line i{position:absolute;inset:0 auto 0 0;width:0;background:var(--bronze);transition:width 1s var(--ease)}.reactivation-board.is-visible .reactivation-row:nth-child(2) i{width:78%}.reactivation-board.is-visible .reactivation-row:nth-child(3) i{width:58%;transition-delay:.1s}.reactivation-board.is-visible .reactivation-row:nth-child(4) i{width:86%;transition-delay:.2s}.reactivation-board.is-visible .reactivation-row:nth-child(5) i{width:69%;transition-delay:.3s}

.scoreboard { padding:145px 0; }
.score-flow { display:grid; grid-template-columns:1fr 70px 1fr 70px 1.15fr; align-items:stretch; margin-top:72px; }
.score-stage { border:1px solid var(--hairline); min-height:230px; padding:26px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; }
.score-stage > span { position:absolute;top:22px;left:24px;font:500 10px ui-monospace,monospace;color:var(--graphite); }
.score-stage strong { font:600 clamp(1.35rem,2vw,2rem) var(--display); letter-spacing:-.035em; max-width:10ch; }.score-stage small{font-size:11px;color:rgba(247,247,245,.45);margin-top:12px;line-height:1.5}.score-stage--accent{border-color:rgba(183,155,108,.65);background:var(--bronze-soft)}.score-stage--accent>span{color:var(--bronze)}
.score-arrow { display:grid;place-items:center;color:var(--bronze);font-size:26px; }
.score-close { margin:52px 0 0 auto; max-width:760px; font-size:clamp(1.3rem,2vw,1.9rem); color:rgba(247,247,245,.55);line-height:1.4}.score-close strong{color:var(--off);font-weight:580}

.channel-map { margin-top:70px; border-top:1px solid var(--hairline-dark); }
.channel-ruler { display:flex;justify-content:space-between;padding:14px 0;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--graphite);border-bottom:1px solid var(--hairline-dark); }
.channel-map article { display:grid;grid-template-columns:220px 1fr 340px;align-items:center;gap:30px;min-height:112px;border-bottom:1px solid var(--hairline-dark); }
.channel-title{font:600 13px var(--display)}.channel-window{height:18px;position:relative;background:rgba(11,11,11,.055)}.channel-window::after{content:"";position:absolute;top:0;bottom:0;background:rgba(11,11,11,.22)}.channel-window.referral::after{left:4%;width:45%}.channel-window.planning::after{left:16%;width:48%;background:var(--bronze)}.channel-window.google::after{left:68%;width:22%}.channel-window.shared::after{left:74%;width:24%}.channel-map p{font-size:12px;line-height:1.6;color:rgba(11,11,11,.56)}
.difference-close { margin:48px 0 0; font-size:clamp(1.35rem,2vw,2rem);color:rgba(11,11,11,.52)}.difference-close strong{color:var(--black);font-weight:600}

.first-month { padding:155px 0; }
.build-plan { list-style:none;padding:0;margin:72px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline);border-left:1px solid var(--hairline); }
.build-plan li { min-height:240px;padding:24px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);display:flex;flex-direction:column;justify-content:space-between;gap:70px; }
.build-plan li>span{font:500 10px ui-monospace,monospace;color:var(--bronze)}.build-plan strong{display:block;font:600 18px var(--display);letter-spacing:-.03em;margin-bottom:12px}.build-plan p{font-size:12px;color:rgba(247,247,245,.52);line-height:1.6;margin:0}

.logo-strip { display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--hairline-dark); }
.logo-strip figure { margin:0;min-height:160px;display:grid;place-items:center;padding:24px;border-right:1px solid var(--hairline-dark);background:#0b0b0b;overflow:hidden}.logo-strip figure:last-child{border-right:0}.logo-strip img{width:100%;max-height:92px;object-fit:contain}.proof-note{margin:42px 0 0 auto;max-width:740px;line-height:1.75;color:rgba(11,11,11,.62)}

.founder-layout { display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center; }
.founder-photo { position:relative;max-width:520px; }
.founder-photo::before { content:"";position:absolute;left:-18px;top:-18px;width:90px;height:90px;border-left:1px solid var(--bronze);border-top:1px solid var(--bronze);z-index:2}.founder-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;filter:saturate(.82) contrast(1.04)}
.photo-caption { display:flex;justify-content:space-between;padding:14px 0 0;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(247,247,245,.5)}
.founder-copy h2 { max-width:12ch; }.founder-copy>p:not(.eyebrow){max-width:62ch;color:rgba(247,247,245,.6);line-height:1.75}.founder-copy .lead-dark{color:var(--off)}

.fit-grid { display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hairline-dark);border-left:1px solid var(--hairline-dark); }
.fit-column { padding:34px 40px 42px;border-right:1px solid var(--hairline-dark);border-bottom:1px solid var(--hairline-dark); }
.fit-column--not{background:rgba(11,11,11,.025)}.fit-label{font:600 11px var(--body);text-transform:uppercase;letter-spacing:.12em;color:var(--bronze);margin:0 0 30px}.fit-column ul{list-style:none;padding:0;margin:0}.fit-column li{padding:15px 0 15px 28px;border-bottom:1px solid var(--hairline-dark);position:relative;font-size:13px;line-height:1.5}.fit-column li::before{content:"+";position:absolute;left:0;color:var(--bronze)}.fit-column--not li::before{content:"—";color:var(--graphite)}.project-types{font-size:11px;color:var(--graphite);line-height:1.65;margin:30px 0 0}

.guarantee-layout { display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:start; }.guarantee-title h2{max-width:10ch}.guarantee-line{display:grid;grid-template-columns:46px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--hairline)}.guarantee-line>span{font:500 10px ui-monospace,monospace;color:var(--bronze);padding-top:5px}.guarantee-line p{margin:0;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.5;color:rgba(247,247,245,.64)}.guarantee-line strong{color:var(--off);font-weight:580}.guarantee-note{font-size:12px;line-height:1.7;color:rgba(247,247,245,.44);margin-top:24px;max-width:65ch}

.final-cta { min-height:760px;display:grid;align-items:center;position:relative;overflow:hidden;padding:140px 0; }
.final-cta::after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(183,155,108,.13);border-radius:50%;right:-150px;bottom:-200px;box-shadow:0 0 0 80px rgba(183,155,108,.018),0 0 0 160px rgba(183,155,108,.009)}
.final-cta-inner { max-width:900px;margin-left:max(48px,calc((100vw - min(1320px,calc(100vw - 96px)))/2));margin-right:auto;width:auto; }
.cta-emblem{width:86px;height:86px;object-fit:contain;margin-bottom:48px}.final-cta h2{max-width:13ch}.final-cta p:not(.eyebrow){max-width:62ch;color:rgba(247,247,245,.62);line-height:1.72;font-size:17px;margin:28px 0}
.site-footer{background:var(--deep);color:var(--off);border-top:1px solid var(--hairline-soft);padding:44px 0}.footer-grid{display:grid;grid-template-columns:220px 1fr auto;gap:40px;align-items:start}.footer-brand img{width:180px}.footer-grid>p{margin:0;max-width:430px;font-size:12px;line-height:1.6;color:rgba(247,247,245,.48)}.footer-links{display:flex;gap:22px;font-size:11px;color:rgba(247,247,245,.55)}.copyright{grid-column:2/4!important;padding-top:18px;border-top:1px solid var(--hairline-soft);max-width:none!important;width:100%}

.reveal { opacity:0; transform:translateY(22px); transition:opacity .8s var(--ease), transform .8s var(--ease); }.reveal.is-visible{opacity:1;transform:none}

@media (max-width: 1120px) {
  :root { --page: min(100% - 64px, 1120px); }
  .site-header{grid-template-columns:210px 1fr auto;padding-inline:32px}.desktop-nav{gap:18px}.button--nav{display:none}
  .hero-shell{grid-template-columns:1fr;gap:70px;padding-top:140px}.hero-copy{max-width:850px}.hero-visual{min-height:560px}.architecture-model{min-height:560px}
  .insight-layout,.reactivation-layout,.founder-layout,.guarantee-layout{grid-template-columns:1fr;gap:64px}.insight-copy,.reactivation-copy{max-width:760px}
  .mechanism{grid-template-columns:70px 1fr 1fr}.mechanism-visual{grid-column:2/4;width:100%;height:130px}.mechanism h3{max-width:22ch}
  .channel-map article{grid-template-columns:190px 1fr 290px}.logo-strip{grid-template-columns:repeat(3,1fr)}.logo-strip figure:nth-child(3){border-right:0}.logo-strip figure{border-bottom:1px solid var(--hairline-dark)}
}

@media (max-width: 780px) {
  :root { --page: calc(100vw - 40px); }
  .site-header{height:68px;padding-inline:20px;grid-template-columns:1fr auto}.brand img{width:160px}.desktop-nav,.button--nav{display:none}.menu-toggle{display:flex;width:44px;height:44px;background:transparent;border:0;padding:0;flex-direction:column;justify-content:center;gap:6px;align-items:flex-end;color:var(--off)}.menu-toggle span{display:block;height:1px;background:currentColor;width:24px}.menu-toggle span:last-child{width:16px}.mobile-nav{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(8,8,8,.98);border-bottom:1px solid var(--hairline);padding:24px 20px 30px;flex-direction:column;gap:20px;font-size:14px}.mobile-nav.is-open{display:flex}.mobile-nav .button{margin-top:8px}
  h1{font-size:clamp(3rem,14vw,4.4rem)}h2{font-size:clamp(2.35rem,10vw,3.8rem)}
  .hero-shell{padding:122px 0 90px;gap:56px}.hero-visual{min-height:440px;border-right:0}.architecture-model{min-height:440px}.hero-visual-footer{display:none}.hero-scroll{display:none}.hero-proofline{font-size:10px}
  .section-light,.section-charcoal,.pipeline,.reactivation,.founder,.guarantee{padding:96px 0}.section-intro{margin-bottom:52px}.section-intro--split{grid-template-columns:1fr;gap:24px}
  .planning-map{overflow-x:auto;padding-bottom:30px}.planning-map-head{min-width:760px}.timeline-track{min-width:760px}.timeline-stages{min-width:760px}.sabertooth-entry{min-width:320px}
  .pipeline-system{grid-template-columns:1fr}.pipeline-system article{min-height:auto;border-right:0;border-bottom:1px solid var(--hairline);padding:26px 0 36px}.system-number{margin-bottom:36px}.pipeline-spine{display:none}.pipeline-system h3{max-width:none}.pipeline-close{font-size:1.25rem}
  .mechanism{grid-template-columns:45px 1fr;gap:22px;padding:38px 0}.mechanism>p{grid-column:2}.mechanism-visual{grid-column:2;width:100%}
  .reactivation-board{min-height:420px}.reactivation-row{grid-template-columns:100px 1fr 82px;padding-inline:16px}.board-header,.board-footer{padding-inline:16px}
  .score-flow{grid-template-columns:1fr;gap:0}.score-arrow{height:46px;transform:rotate(90deg)}.score-stage{min-height:180px}
  .channel-map article{grid-template-columns:1fr;gap:14px;padding:24px 0}.channel-window{order:2}.channel-map article p{order:3;margin:0}.channel-ruler{font-size:9px}
  .build-plan{grid-template-columns:1fr}.build-plan li{min-height:190px;gap:44px}
  .logo-strip{grid-template-columns:1fr 1fr}.logo-strip figure{border-right:1px solid var(--hairline-dark)!important}.logo-strip figure:nth-child(even){border-right:0!important}.logo-strip figure:last-child{grid-column:1/3}
  .founder-photo{max-width:100%}.fit-grid{grid-template-columns:1fr}.fit-column{padding:30px 24px}.guarantee-layout{gap:42px}
  .final-cta{min-height:680px;padding:100px 0}.final-cta-inner{width:var(--page);margin-inline:auto}.cta-emblem{width:72px;height:72px;margin-bottom:36px}
  .footer-grid{grid-template-columns:1fr;gap:24px}.footer-links{flex-wrap:wrap}.copyright{grid-column:1!important}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .hero-enter,.reveal { opacity:1!important; transform:none!important; }
  .model-lines .draw,.planning-route path { stroke-dashoffset:0!important; }
  .planning-route circle { opacity:1!important; }
  .hero-visual { transform:none!important; }
}


/* =========================================================
   AUDIT REFINEMENT PASS — Taste + Impeccable + Awesome
   ========================================================= */

/* Typography / contrast floor */
.eyebrow { font-size: 12px; color: rgba(247,247,245,.78); }
.eyebrow--dark { color: rgba(11,11,11,.68); }
.hero-proofline { font-size: 12px; color: rgba(247,247,245,.68); }
.hero-visual-label,
.hero-visual-footer { font-size: 11px; color: rgba(247,247,245,.68); }
.model-annotations text { fill: rgba(247,247,245,.68); font-size: 11px; }
.model-annotations path { stroke: rgba(183,155,108,.68); }
.system-number { font-size: 11px; }
.system-kicker { font-size: 11px; }
.pipeline-system article > p:last-child { font-size: 14px; color: rgba(247,247,245,.68); }
.question-stack p { font-size: 14px; }
.timeline-stages small { font-size: 12px; color: #5f5f5f; }
.sabertooth-entry { font-size: 12px; }
.board-header, .board-footer { font-size: 11px; color: rgba(247,247,245,.66); }
.reactivation-row { font-size: 12px; }
.score-stage small { font-size: 12px; color: rgba(247,247,245,.68); }
.channel-ruler { font-size: 11px; }
.channel-map p { font-size: 13px; color: rgba(11,11,11,.65); }
.photo-caption { font-size: 11px; color: rgba(247,247,245,.68); }
.fit-label { font-size: 12px; }
.fit-column li { font-size: 14px; }
.project-types { font-size: 12px; color: #5d5d5d; }
.guarantee-note { font-size: 13px; color: rgba(247,247,245,.62); }
.site-footer .footer-grid > p { font-size: 13px; color: rgba(247,247,245,.62); }
.footer-links { font-size: 12px; color: rgba(247,247,245,.7); }

/* Light chapters read as architectural drawing paper, not generic SaaS white. */
.section-light {
  background-color: var(--off);
  background-image:
    linear-gradient(rgba(11,11,11,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,11,11,.018) 1px, transparent 1px);
  background-size: 80px 80px;
}

/* Hero: deliberate line breaks, stronger balance, larger architectural model. */
.hero-shell {
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  padding-top: 122px;
}
.hero-copy { max-width: none; }
.hero-headline {
  max-width: none;
  font-size: clamp(3.7rem, 5vw, 6rem);
  line-height: .98;
}
.hero-line { display: block; white-space: nowrap; }
.hero-deck { max-width: 58ch; }
.hero-visual {
  min-height: 690px;
  align-self: stretch;
  margin-top: 18px;
}
.architecture-model {
  min-height: 690px;
  transform: translateY(-20px) scale(1.18);
  transform-origin: 52% 56%;
}
.hero-measure-axis {
  position: absolute;
  z-index: 3;
  left: 22px;
  right: 22px;
  top: 58px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(247,247,245,.54);
}
.hero-measure-axis i {
  display: block;
  height: 1px;
  background: linear-gradient(90deg, var(--bronze), rgba(247,247,245,.14));
}
.hero-visual::before { width: 14px; height: 14px; }
.hero-visual::after { width: 14px; height: 14px; }

/* Transform-based sequence motion instead of layout-property animation. */
.timeline-progress {
  width: 58%;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.2s var(--ease);
}
.planning-map.is-visible .timeline-progress { width: 58%; transform: scaleX(1); }

.pipeline-system article::before {
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .9s var(--ease);
}
.pipeline-system.is-visible article::before { width: 100%; transform: scaleX(1); }

.pipeline-spine span {
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.4s var(--ease);
}
.pipeline-system.is-visible .pipeline-spine span { width: 100%; transform: scaleX(1); }

.reactivation-line i {
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1s var(--ease);
}
.reactivation-board.is-visible .reactivation-row:nth-child(2) i { width: 100%; transform: scaleX(.78); }
.reactivation-board.is-visible .reactivation-row:nth-child(3) i { width: 100%; transform: scaleX(.58); }
.reactivation-board.is-visible .reactivation-row:nth-child(4) i { width: 100%; transform: scaleX(.86); }
.reactivation-board.is-visible .reactivation-row:nth-child(5) i { width: 100%; transform: scaleX(.69); }

/* Machine: one integrated system drawing replaces five generic mini-widgets. */
.machine { padding-top: 155px; padding-bottom: 170px; }
.machine-heading {
  display: grid;
  grid-template-columns: .42fr 1fr;
  gap: 72px;
  align-items: end;
  margin-bottom: 78px;
}
.machine-heading h2 {
  max-width: 13ch;
  justify-self: end;
}
.machine-heading-side { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; }
.machine-heading-side .eyebrow { margin-bottom: 36px; }
.machine-index {
  margin: 0;
  max-width: 28ch;
  color: #666;
  font-size: 11px;
  line-height: 1.55;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.machine-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(420px,.78fr);
  gap: 84px;
  align-items: start;
}
.machine .mechanism-list { border-top: 1px solid var(--hairline-dark); }
.machine .mechanism {
  grid-template-columns: 52px 1fr;
  gap: 12px 26px;
  min-height: 0;
  padding: 34px 0 38px;
  align-items: start;
}
.machine .mechanism-index {
  grid-row: 1 / span 2;
  font-size: 11px;
  color: #6b6b6b;
}
.machine .mechanism h3 {
  max-width: 18ch;
  font-size: clamp(1.4rem,1.8vw,2rem);
}
.machine .mechanism > p {
  grid-column: 2;
  margin: 2px 0 0;
  max-width: 62ch;
  font-size: 14px;
  color: rgba(11,11,11,.67);
}
.machine-plate {
  position: sticky;
  top: 112px;
  min-height: 690px;
  background: var(--surface);
  color: var(--off);
  border: 1px solid rgba(11,11,11,.24);
  overflow: hidden;
}
.machine-plate::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(247,247,245,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,247,245,.04) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}
.plate-head, .plate-foot {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: rgba(247,247,245,.68);
}
.plate-head { border-bottom: 1px solid var(--hairline); }
.plate-foot { border-top: 1px solid var(--hairline); }
.machine-plate svg { position: relative; z-index: 1; width: 100%; height: auto; display: block; }
.plate-grid path { fill: none; stroke: rgba(247,247,245,.055); stroke-width: 1; }
.plate-planes path { fill: rgba(247,247,245,.018); stroke: rgba(247,247,245,.34); stroke-width: 1.2; }
.plate-planes path:nth-child(3) { fill: rgba(183,155,108,.06); stroke: rgba(183,155,108,.62); }
.plate-flow path {
  fill: none;
  stroke: var(--bronze);
  stroke-width: 2.25;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  vector-effect: non-scaling-stroke;
}
.machine-plate.is-visible .plate-flow path { animation: drawLine 1.3s .15s var(--ease) forwards; }
.plate-flow circle { fill: var(--bronze); opacity: .95; }
.plate-labels text {
  font: 600 11px var(--body);
  letter-spacing: .08em;
  fill: rgba(247,247,245,.72);
}
.plate-labels text:nth-child(n+6) { fill: rgba(247,247,245,.52); font-weight: 500; letter-spacing: .02em; }

/* First 30 days: schedule / drawing-sheet metaphor instead of six equal cards. */
.process-header {
  display: grid;
  grid-template-columns: 1.2fr .55fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 72px;
}
.process-header > p {
  margin: 0 0 5px;
  max-width: 48ch;
  line-height: 1.75;
  color: rgba(247,247,245,.68);
}
.build-sheet {
  position: relative;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}
.build-sheet-ruler {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  min-height: 64px;
  border-bottom: 1px solid var(--hairline);
  font: 500 11px ui-monospace,monospace;
  color: rgba(247,247,245,.58);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.build-sheet-ruler i {
  height: 1px;
  background: linear-gradient(90deg, var(--bronze) 0 58%, rgba(247,247,245,.14) 58%);
}
.build-sequence { list-style: none; padding: 0; margin: 0; }
.build-sequence li {
  position: relative;
  display: grid;
  grid-template-columns: 70px minmax(220px,.75fr) minmax(260px,1.25fr) 140px;
  gap: 24px;
  align-items: center;
  min-height: 116px;
  border-bottom: 1px solid var(--hairline-soft);
}
.build-sequence li:last-child { border-bottom: 0; }
.build-sequence li::before {
  content: "";
  position: absolute;
  left: 34px;
  top: -1px;
  bottom: -1px;
  width: 1px;
  background: rgba(247,247,245,.12);
}
.build-sequence li::after {
  content: "";
  position: absolute;
  left: 29px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  border-radius: 50%;
  background: var(--black);
  border: 1px solid rgba(183,155,108,.72);
}
.build-sequence .build-num {
  position: relative;
  z-index: 1;
  font: 600 11px ui-monospace,monospace;
  color: var(--bronze);
}
.build-sequence strong {
  font: 600 18px var(--display);
  letter-spacing: -.025em;
}
.build-sequence p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(247,247,245,.62);
}
.build-phase {
  justify-self: end;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: rgba(247,247,245,.5);
}
.build-sheet.is-visible .build-sequence li::after { background: var(--bronze); }

/* Proof: real assets presented as selected experience with normalized optical scale. */
.proof-layout {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 90px;
  align-items: start;
}
.proof-statement { position: sticky; top: 116px; }
.proof-statement h2 { max-width: 10.5ch; }
.proof-statement > p:not(.eyebrow) {
  max-width: 52ch;
  color: rgba(11,11,11,.66);
  line-height: 1.75;
}
.proof-stage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--hairline-dark);
  border-left: 1px solid var(--hairline-dark);
}
.proof-logo { margin: 0; border-right: 1px solid var(--hairline-dark); border-bottom: 1px solid var(--hairline-dark); }
.proof-logo > div {
  min-height: 176px;
  display: grid;
  place-items: center;
  padding: 32px;
  background: var(--black);
}
.proof-logo img {
  width: auto;
  height: auto;
  max-width: 165px;
  max-height: 62px;
  object-fit: contain;
}
.proof-logo--pineda img { max-width: 100px; max-height: 54px; }
.proof-logo--grow img { max-width: 150px; }
.proof-logo--jack { grid-column: 1 / 3; }
.proof-logo--jack > div { min-height: 206px; }
.proof-logo--jack img { max-width: 220px; max-height: 92px; }
.proof-logo figcaption {
  padding: 12px 14px 14px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #636363;
  background: rgba(247,247,245,.86);
}

/* Make instrumentation visually read as a statement, not another identical opener. */
.scoreboard .section-intro--split { grid-template-columns: 1.15fr .45fr; }
.scoreboard .section-intro h2 { max-width: 18ch; }
.scoreboard .section-intro h2 span { display: block; margin-top: .08em; }

/* Final conversion chapter: real qualification path. */
.final-cta { min-height: 0; padding: 150px 0 130px; }
.qualify-layout {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 92px;
  align-items: start;
}
.qualify-copy { position: sticky; top: 115px; }
.qualify-copy h2 { max-width: 11ch; }
.qualify-copy > p:not(.eyebrow) {
  max-width: 53ch;
  color: rgba(247,247,245,.68);
  line-height: 1.72;
}
.qualify-promise {
  padding-top: 22px;
  border-top: 1px solid var(--hairline);
  color: var(--off) !important;
  font-weight: 600;
}
.qualification-form {
  position: relative;
  border: 1px solid var(--hairline);
  background: rgba(17,17,17,.84);
  padding: 30px;
}
.qualification-form::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 48px;
  height: 48px;
  border-left: 1px solid var(--bronze);
  border-top: 1px solid var(--bronze);
  pointer-events: none;
}
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 18px; }
.qualification-form label { display: grid; gap: 8px; }
.qualification-form label > span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(247,247,245,.72);
}
.qualification-form label em {
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  color: rgba(247,247,245,.48);
}
.qualification-form input,
.qualification-form select,
.qualification-form textarea {
  width: 100%;
  border: 1px solid rgba(247,247,245,.17);
  border-radius: 4px;
  background: rgba(247,247,245,.035);
  color: var(--off);
  padding: 13px 14px;
  outline: none;
  transition: border-color .18s var(--ease), background .18s var(--ease);
}
.qualification-form input,
.qualification-form select { min-height: 48px; }
.qualification-form textarea { resize: vertical; min-height: 118px; line-height: 1.5; }
.qualification-form input::placeholder,
.qualification-form textarea::placeholder { color: rgba(247,247,245,.35); }
.qualification-form input:focus,
.qualification-form select:focus,
.qualification-form textarea:focus {
  border-color: var(--bronze);
  background: rgba(183,155,108,.055);
}
.qualification-form select option { background: #111; color: var(--off); }
.form-wide { grid-column: 1 / 3; }
.hp-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-submit { margin-top: 24px; width: 100%; }
.form-submit[disabled] { opacity: .62; cursor: wait; transform: none; }
.form-note {
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(247,247,245,.5);
}
.form-status {
  display: none;
  margin-bottom: 22px;
  padding: 13px 14px;
  border: 1px solid rgba(183,155,108,.48);
  font-size: 13px;
  line-height: 1.5;
  color: var(--off);
  background: rgba(183,155,108,.08);
}
.form-status.is-visible { display: block; }
.form-status.is-error { border-color: rgba(220,110,90,.6); background: rgba(220,110,90,.08); }

/* Responsive refinement */
@media (max-width: 1120px) {
  .hero-shell { grid-template-columns: 1fr; gap: 36px; }
  .hero-headline { max-width: 12ch; }
  .hero-visual { min-height: 590px; margin-top: 0; }
  .architecture-model { min-height: 590px; transform: translateY(-10px) scale(1.08); }
  .machine-heading, .process-header, .proof-layout, .qualify-layout { grid-template-columns: 1fr; gap: 48px; }
  .machine-heading h2 { justify-self: start; }
  .machine-heading-side { display: block; }
  .machine-layout { grid-template-columns: 1fr; gap: 56px; }
  .machine-plate, .proof-statement, .qualify-copy { position: relative; top: auto; }
  .machine-plate { min-height: 0; }
  .build-sequence li { grid-template-columns: 70px minmax(200px,.8fr) 1.2fr 120px; }
}

@media (max-width: 780px) {
  .hero-headline { max-width: 100%; font-size: clamp(3rem, 13vw, 4.3rem); }
  .hero-line { display: inline; white-space: normal; }
  .hero-line::after { content: " "; }
  .hero-visual { min-height: 470px; }
  .architecture-model { min-height: 470px; transform: scale(1.05); }
  .hero-measure-axis { top: 52px; }
  .hero-proofline { font-size: 12px; line-height: 1.55; }
  .machine { padding-top: 100px; padding-bottom: 105px; }
  .machine-heading { margin-bottom: 48px; }
  .machine .mechanism { grid-template-columns: 42px 1fr; }
  .machine .mechanism > p { grid-column: 2; }
  .machine-plate { min-height: 0; }
  .plate-head, .plate-foot { font-size: 10px; }
  .process-header { gap: 24px; margin-bottom: 48px; }
  .build-sequence li {
    grid-template-columns: 46px 1fr;
    gap: 10px 16px;
    padding: 24px 0;
  }
  .build-sequence li::before { left: 22px; }
  .build-sequence li::after { left: 17px; }
  .build-sequence strong { grid-column: 2; }
  .build-sequence p { grid-column: 2; }
  .build-phase { grid-column: 2; justify-self: start; margin-top: 4px; }
  .proof-stage { grid-template-columns: 1fr 1fr; }
  .proof-logo > div { min-height: 140px; padding: 22px; }
  .proof-logo img { max-width: 130px; max-height: 52px; }
  .proof-logo--jack img { max-width: 170px; }
  .qualify-layout { gap: 42px; }
  .qualification-form { padding: 22px 18px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-wide { grid-column: auto; }
}

/* Reduced motion is an intentional alternate state, not a global 0.01ms kill switch. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: revert !important;
    animation-iteration-count: revert !important;
    transition-duration: revert !important;
  }
  html { scroll-behavior: auto; }
  .hero-enter,
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .model-lines .draw,
  .planning-route path,
  .plate-flow path {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }
  .planning-route circle { animation: none !important; opacity: 1 !important; }
  .timeline-progress,
  .pipeline-system article::before,
  .pipeline-spine span,
  .reactivation-line i {
    transition: none !important;
  }
  .planning-map .timeline-progress,
  .pipeline-system article::before,
  .pipeline-system .pipeline-spine span { transform: scaleX(1) !important; }
  .reactivation-row:nth-child(2) .reactivation-line i { transform: scaleX(.78) !important; }
  .reactivation-row:nth-child(3) .reactivation-line i { transform: scaleX(.58) !important; }
  .reactivation-row:nth-child(4) .reactivation-line i { transform: scaleX(.86) !important; }
  .reactivation-row:nth-child(5) .reactivation-line i { transform: scaleX(.69) !important; }
  .hero-visual { transform: none !important; transition: none !important; }
  .button,
  .desktop-nav a::after,
  .qualification-form input,
  .qualification-form select,
  .qualification-form textarea {
    transition-duration: .15s !important;
  }
}


/* =========================================================
   SECOND ART-DIRECTION PASS
   Taste + Impeccable + Awesome Design
   ========================================================= */

:root {
  --section-y: clamp(112px, 9vw, 170px);
  --copy-muted-dark: rgba(247,247,245,.70);
  --copy-muted-light: rgba(11,11,11,.68);
}

/* Global rhythm / legibility */
.section-light,
.section-charcoal,
.pipeline,
.reactivation,
.founder,
.guarantee {
  padding-top: var(--section-y);
  padding-bottom: var(--section-y);
}

.section-intro { margin-bottom: clamp(58px, 5vw, 82px); }

h2 { letter-spacing: -.052em; }

.lead,
.lead-dark { font-size: clamp(1.2rem, 1.55vw, 1.48rem); }

.section-light p,
.section-light li { text-rendering: optimizeLegibility; }

.eyebrow {
  letter-spacing: .145em;
  font-size: 11px;
}

.eyebrow-mark { width: 30px; }

.hero-proofline,
.machine-index,
.build-phase,
.photo-caption,
.form-note,
.guarantee-note {
  font-size: 12px;
}

/* HERO — signature architectural sculpture */
.hero {
  min-height: 100svh;
  background:
    radial-gradient(circle at 76% 42%, rgba(183,155,108,.055), transparent 31%),
    linear-gradient(180deg, #090909 0%, #0b0b0b 72%, #080808 100%);
}

.hero::before {
  width: 54vw;
  right: -22vw;
  top: -15vw;
  opacity: .62;
}

.hero-shell {
  grid-template-columns: minmax(520px, .93fr) minmax(620px, 1.07fr);
  gap: 18px;
  padding: 118px 0 74px;
  min-height: 100svh;
}

.hero-copy {
  z-index: 3;
  align-self: center;
  padding-right: 18px;
}

.hero-headline {
  font-size: clamp(3.65rem, 4.85vw, 5.85rem);
  line-height: .985;
  max-width: 11.8ch;
  text-wrap: balance;
}

.hero-deck {
  max-width: 59ch;
  font-size: clamp(1.05rem, 1.18vw, 1.18rem);
  color: rgba(247,247,245,.74);
  line-height: 1.68;
}

.hero-actions { margin-top: 32px; }

.hero-proofline {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(247,247,245,.66);
  max-width: 690px;
}

.hero-proofline i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--bronze);
  opacity: .82;
}

.hero-sculpture {
  min-height: 710px;
  border-left: 0;
  border-right: 0;
  align-self: center;
  overflow: visible;
  isolation: isolate;
}

.hero-sculpture::before {
  content: "";
  position: absolute;
  left: 9%;
  right: 4%;
  top: 10%;
  bottom: 7%;
  border: 1px solid rgba(247,247,245,.085);
  background: linear-gradient(135deg, rgba(247,247,245,.018), transparent 45%);
  pointer-events: none;
}

.hero-sculpture::after {
  width: 52px;
  height: 52px;
  right: 4%;
  bottom: 7%;
  border-width: 0 1px 1px 0;
}

.hero-visual-label {
  left: 12%;
  right: 6%;
  top: 8.5%;
  font-size: 10px;
  color: rgba(247,247,245,.55);
}

.architecture-model--v2 {
  width: 118%;
  margin-left: -8%;
  min-height: 710px;
  transform: none;
  filter: drop-shadow(0 34px 46px rgba(0,0,0,.34));
}

.hero-orbit {
  position: absolute;
  border: 1px solid rgba(183,155,108,.12);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.hero-orbit--one {
  width: 560px;
  height: 560px;
  right: -18%;
  top: 2%;
}

.hero-orbit--two {
  width: 820px;
  height: 820px;
  right: -48%;
  top: -15%;
  opacity: .45;
}

.hero-halo { opacity: .78; }

.site-plane path {
  fill: none;
  stroke: rgba(247,247,245,.10);
  stroke-width: 1;
}

.section-axes path,
.section-axes circle {
  fill: none;
  stroke: rgba(247,247,245,.08);
  stroke-width: 1;
}

.section-axes circle:last-child { stroke: rgba(183,155,108,.11); }

.model-lines--v2 path {
  stroke: rgba(247,247,245,.76);
  stroke-width: 1.15;
}

.massing .glass-face,
.massing .glass-side {
  stroke: rgba(247,247,245,.23);
  stroke-width: 1;
}

.massing .accent-face {
  stroke: rgba(183,155,108,.34);
}

.floating-planes path {
  fill: none;
  stroke: rgba(247,247,245,.19);
  stroke-width: 1;
  stroke-dasharray: 5 7;
}

.floating-planes path:nth-child(1) { transform: translateY(-12px); }
.floating-planes path:nth-child(3) { stroke: rgba(183,155,108,.28); }

.planning-signal .signal-line {
  fill: none;
  stroke: url(#signal);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.planning-signal circle {
  fill: var(--bronze);
  opacity: 0;
}

.hero-callouts path {
  fill: none;
  stroke: rgba(183,155,108,.55);
  stroke-width: 1;
}

.hero-callouts text,
.hero-stage-labels text {
  font: 600 10px var(--body);
  letter-spacing: .115em;
  fill: rgba(247,247,245,.60);
}

.hero-stage-labels text { fill: rgba(247,247,245,.40); }
.hero-stage-labels text:nth-child(4) { fill: var(--bronze); }

.hero-legend {
  position: absolute;
  left: 12%;
  right: 6%;
  bottom: 7.5%;
  display: flex;
  gap: 28px;
  align-items: center;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: rgba(247,247,245,.48);
  z-index: 2;
}

.hero-legend span { display: flex; align-items: center; gap: 8px; }
.legend-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(247,247,245,.3); }
.legend-dot--bronze { background: var(--bronze); }
.legend-line { width: 24px; height: 1px; background: rgba(247,247,245,.3); }

.is-ready .planning-signal .signal-line {
  animation: drawLine 1.35s .65s var(--ease) forwards;
}

.is-ready .planning-signal circle {
  animation: nodeIn .45s 1.55s var(--ease) forwards;
}

.is-ready .planning-signal .signal-node--entry { animation-delay: 1.68s; }
.is-ready .planning-signal .signal-node--search { animation-delay: 1.82s; }

@keyframes floatPlaneA {
  0%,100% { transform: translateY(-12px); opacity: .65; }
  50% { transform: translateY(-18px); opacity: .86; }
}

@keyframes floatPlaneB {
  0%,100% { transform: translateY(0); opacity: .44; }
  50% { transform: translateY(7px); opacity: .66; }
}

@media (prefers-reduced-motion: no-preference) {
  .floating-planes path:nth-child(1) { animation: floatPlaneA 6s ease-in-out infinite; }
  .floating-planes path:nth-child(3) { animation: floatPlaneB 7.5s ease-in-out infinite; }
}

/* TIMING SECTION — editorial questions + clear Sabertooth entry window */
.insight-intro { max-width: 970px; }

.insight-layout {
  grid-template-columns: minmax(360px,.70fr) minmax(0,1.30fr);
  gap: clamp(70px, 7vw, 118px);
}

.insight-copy > p {
  color: var(--copy-muted-light);
  font-size: 15px;
}

.question-stack--editorial {
  margin: 40px 0;
  border-top: 1px solid rgba(11,11,11,.18);
}

.question-stack--editorial p {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 14px;
  align-items: baseline;
  padding: 15px 0;
  font-size: 15px;
  color: rgba(11,11,11,.79);
}

.question-stack--editorial p span {
  font: 500 10px ui-monospace,monospace;
  color: var(--bronze);
}

.planning-map--v2 {
  min-height: 560px;
  padding-top: 30px;
}

.planning-map--v2 .timeline-track { margin-top: 114px; }

.decision-window {
  position: absolute;
  left: 14.2%;
  top: 96px;
  width: 44%;
  height: 48px;
  border-top: 1px solid rgba(183,155,108,.9);
  border-left: 1px solid rgba(183,155,108,.55);
  border-right: 1px solid rgba(183,155,108,.55);
  background: linear-gradient(180deg, rgba(183,155,108,.08), transparent);
  color: #806a48;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.decision-window span {
  position: absolute;
  top: -25px;
  left: 0;
  font-weight: 700;
}

.timeline-stages li {
  min-height: 250px;
  padding-top: 44px;
}

.timeline-stages .index { margin-bottom: 58px; }

.timeline-stages strong { font-size: 17px; }

.timeline-stages li.active::before {
  width: 10px;
  height: 10px;
  top: -5px;
  left: -5px;
  box-shadow: 0 0 0 6px rgba(183,155,108,.08);
}

.planning-map-caption {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: baseline;
  margin-top: 18px;
  padding-top: 20px;
  border-top: 1px solid var(--hairline-dark);
  font-size: 13px;
}

.planning-map-caption strong {
  font: 600 16px var(--display);
  letter-spacing: -.025em;
}

.planning-map-caption span { color: #666; }

/* PIPELINE — less cramped, more conviction */
.pipeline-system--v2 article {
  min-height: 390px;
  padding: 34px 30px 54px;
}

.pipeline-system--v2 .system-number {
  font-size: 12px;
  margin-bottom: 92px;
}

.pipeline-system--v2 .system-kicker {
  margin-bottom: 16px;
  font-size: 10px;
}

.pipeline-system--v2 h3 {
  font-size: clamp(1.8rem, 2.25vw, 2.45rem);
  max-width: 11ch;
}

.pipeline-system--v2 article > p:last-child {
  margin-top: 22px;
  max-width: 30ch;
  font-size: 14px;
  line-height: 1.7;
}

.pipeline-close {
  max-width: 880px;
  margin-top: 58px;
  font-size: clamp(1.55rem, 2.35vw, 2.45rem);
}

/* MACHINE — cleaner technical plate */
.machine-layout {
  grid-template-columns: minmax(0,.88fr) minmax(430px,.72fr);
  gap: clamp(74px, 7vw, 118px);
}

.machine .mechanism {
  padding: 38px 0 42px;
}

.machine .mechanism h3 {
  max-width: 19ch;
  font-size: clamp(1.45rem,1.75vw,1.95rem);
}

.machine .mechanism > p {
  max-width: 56ch;
  font-size: 15px;
  line-height: 1.7;
}

.machine-plate--v2 {
  min-height: 700px;
  background:
    radial-gradient(circle at 72% 28%, rgba(183,155,108,.06), transparent 31%),
    #101010;
}

.system-spine path {
  fill: none;
  stroke: var(--bronze);
  stroke-width: 2;
  stroke-linecap: square;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.machine-plate.is-visible .system-spine path {
  animation: drawLine 1.35s .12s var(--ease) forwards;
}

.system-spine circle { fill: var(--bronze); }

.system-blocks rect {
  fill: rgba(247,247,245,.025);
  stroke: rgba(247,247,245,.26);
  stroke-width: 1;
}

.system-blocks rect:nth-child(3) {
  fill: rgba(183,155,108,.075);
  stroke: rgba(183,155,108,.55);
}

.plate-labels--v2 text {
  font: 600 10px var(--body);
  fill: rgba(247,247,245,.74);
  letter-spacing: .075em;
}

.plate-labels--v2 text:nth-child(even) {
  fill: rgba(247,247,245,.46);
  font-weight: 500;
  letter-spacing: .01em;
}

.system-output path {
  fill: none;
  stroke: rgba(247,247,245,.22);
  stroke-width: 1;
}

.system-output text {
  font: 600 9px var(--body);
  fill: rgba(247,247,245,.54);
  letter-spacing: .08em;
}

/* REACTIVATION — more legible and alive */
.reactivation-layout {
  grid-template-columns: .78fr 1.22fr;
  gap: clamp(80px, 7vw, 118px);
}

.reactivation-copy > p:not(.eyebrow) {
  font-size: 15px;
  line-height: 1.72;
}

.reactivation-board--v2 { min-height: 500px; }

.reactivation-board--v2 .reactivation-row {
  grid-template-columns: 145px 1fr 124px;
  gap: 22px;
  padding: 30px 24px;
  font-size: 13px;
}

.reactivation-board--v2 .reactivation-type { font-weight: 600; }
.reactivation-board--v2 .reactivation-action { color: rgba(247,247,245,.72); }

/* SCOREBOARD — larger, connected, more consequential */
.scoreboard-heading { margin-bottom: 74px; }

.scoreboard-heading-grid {
  display: grid;
  grid-template-columns: 1.2fr .45fr;
  gap: 80px;
  align-items: end;
}

.scoreboard-heading-grid h2 { max-width: 16ch; }

.scoreboard-heading-grid > p {
  margin: 0 0 6px;
  color: rgba(247,247,245,.68);
  line-height: 1.72;
  font-size: 15px;
}

.score-flow--v2 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
  margin-top: 0;
}

.score-connector {
  position: absolute;
  left: 11%;
  right: 11%;
  top: 50%;
  height: 1px;
  background: rgba(247,247,245,.14);
  z-index: 0;
}

.score-connector span {
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(183,155,108,.15), var(--bronze));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.3s var(--ease);
}

.score-flow--v2.is-visible .score-connector span { transform: scaleX(1); }

.score-flow--v2 .score-stage {
  min-height: 290px;
  padding: 28px;
  justify-content: space-between;
  z-index: 1;
  background: var(--charcoal);
}

.score-flow--v2 .score-stage::after {
  content: "";
  position: absolute;
  left: 28px;
  bottom: 28px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bronze);
  box-shadow: 0 0 0 6px rgba(183,155,108,.08);
}

.score-index {
  position: static !important;
  font-size: 12px !important;
  color: var(--bronze) !important;
}

.score-flow--v2 .score-stage strong {
  font-size: clamp(1.8rem, 2.4vw, 2.5rem);
  max-width: 11ch;
  margin-top: auto;
  margin-bottom: 52px;
}

.score-flow--v2 .score-stage small {
  font-size: 13px;
  line-height: 1.5;
}

.score-stage--accent {
  background: rgba(183,155,108,.10) !important;
  border-color: rgba(183,155,108,.66);
}

/* DIFFERENCE — Planning-Phase row owns the section */
.difference-heading {
  max-width: 1030px;
  margin-bottom: 72px;
}

.difference-heading > p:last-child {
  max-width: 70ch;
  margin-top: 28px;
  color: var(--copy-muted-light);
  line-height: 1.75;
  font-size: 15px;
}

.channel-map--v2 article {
  grid-template-columns: 250px 1fr 360px;
  min-height: 122px;
  padding: 0 20px;
  transition: background .2s var(--ease), transform .2s var(--ease);
}

.channel-map--v2 .channel-window {
  height: 10px;
  background: rgba(11,11,11,.055);
  overflow: visible;
}

.channel-map--v2 .channel-window i {
  position: absolute;
  top: -4px;
  bottom: -4px;
  background: rgba(11,11,11,.22);
}

.channel-map--v2 .referral i { left: 4%; width: 45%; }
.channel-map--v2 .planning i { left: 14%; width: 50%; background: var(--bronze); box-shadow: 0 0 0 5px rgba(183,155,108,.09); }
.channel-map--v2 .google i { left: 68%; width: 22%; }
.channel-map--v2 .shared i { left: 74%; width: 24%; }

.channel-featured {
  background: rgba(183,155,108,.075);
  border-left: 2px solid var(--bronze);
}

.channel-featured .channel-title {
  color: #6f5839;
}

.channel-title small {
  display: block;
  margin-top: 6px;
  font: 600 9px var(--body);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--bronze);
}

.channel-map--v2 article p {
  font-size: 14px;
}

/* FIRST 30 DAYS — stronger progression */
.build-sheet--v2 {
  background:
    linear-gradient(90deg, transparent 0, transparent 66px, rgba(247,247,245,.055) 67px, transparent 68px);
}

.build-sheet--v2 .build-sequence li {
  min-height: 128px;
}

.build-sheet--v2 .build-sequence strong {
  font-size: 20px;
}

.build-sheet--v2 .build-sequence p {
  font-size: 15px;
}

.build-sheet--v2 .build-phase {
  color: rgba(247,247,245,.63);
  border: 1px solid rgba(247,247,245,.12);
  padding: 7px 9px;
}

.build-progress {
  height: 2px;
  background: rgba(247,247,245,.08);
}

.build-progress span {
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--bronze), rgba(183,155,108,.22));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.5s var(--ease);
}

.build-sheet--v2.is-visible .build-progress span { transform: scaleX(1); }

/* PROOF — larger logos, less "files in boxes", stronger authority */
.proof-layout--v2 {
  grid-template-columns: .72fr 1.28fr;
  gap: clamp(80px, 8vw, 130px);
}

.proof-statement > p:not(.eyebrow) {
  font-size: 15px;
  line-height: 1.76;
}

.experience-disciplines {
  margin-top: 36px;
  padding-top: 22px;
  border-top: 1px solid var(--hairline-dark);
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.experience-disciplines span {
  padding: 7px 9px;
  border: 1px solid rgba(11,11,11,.14);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #5f5f5f;
  background: rgba(247,247,245,.58);
}

.experience-wall {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(185px, auto);
  gap: 12px;
}

.experience-logo {
  position: relative;
  margin: 0;
  min-height: 185px;
  display: grid;
  place-items: center;
  background: #0d0d0d;
  border: 1px solid rgba(11,11,11,.13);
  overflow: hidden;
}

.experience-logo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(247,247,245,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,247,245,.025) 1px, transparent 1px);
  background-size: 32px 32px;
}

.experience-logo--wide { grid-column: 1 / 3; min-height: 220px; }

.experience-logo img {
  position: relative;
  z-index: 1;
  max-width: 190px;
  max-height: 78px;
  object-fit: contain;
}

.experience-logo--wide img { max-width: 250px; max-height: 96px; }

.experience-logo figcaption {
  position: absolute;
  left: 14px;
  bottom: 12px;
  z-index: 2;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: rgba(247,247,245,.35);
}

/* FOUNDER — tighter copy, stronger thesis */
.founder-layout {
  grid-template-columns: .75fr 1.25fr;
  gap: clamp(80px, 8vw, 132px);
}

.founder-copy > p:not(.eyebrow) {
  font-size: 15px;
  line-height: 1.78;
}

.founder-thesis {
  position: relative;
  margin: 34px 0;
  padding: 26px 0 26px 30px;
  border-left: 2px solid var(--bronze);
  font: 600 clamp(1.35rem, 2vw, 2rem)/1.35 var(--display);
  letter-spacing: -.035em;
  color: var(--off);
  max-width: 24ch;
}

.founder-photo img {
  box-shadow: 0 24px 50px rgba(0,0,0,.26);
}

/* FIT — stronger yes/no contrast */
.fit-heading {
  display: grid;
  grid-template-columns: 1fr .52fr;
  gap: 74px;
  align-items: end;
  margin-bottom: 64px;
}

.fit-heading .eyebrow { grid-column: 1 / 3; margin-bottom: 0; }
.fit-heading h2 { max-width: 12ch; }

.fit-heading > p:last-child {
  margin: 0 0 5px;
  color: var(--copy-muted-light);
  line-height: 1.7;
  font-size: 15px;
}

.fit-grid--v2 {
  gap: 14px;
  border: 0;
}

.fit-grid--v2 .fit-column {
  border: 1px solid var(--hairline-dark);
  padding: 34px 38px 42px;
}

.fit-column--good {
  background: linear-gradient(180deg, rgba(183,155,108,.085), rgba(183,155,108,.025));
  border-color: rgba(183,155,108,.42) !important;
}

.fit-column--not {
  background: rgba(11,11,11,.025);
}

.fit-column-head {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--hairline-dark);
}

.fit-column-head .fit-label { margin: 0; }

.fit-symbol {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(183,155,108,.55);
  color: var(--bronze);
  font-weight: 600;
}

.fit-column--not .fit-symbol {
  border-color: rgba(11,11,11,.16);
  color: #777;
}

.fit-grid--v2 .fit-column li {
  padding-top: 17px;
  padding-bottom: 17px;
  font-size: 15px;
}

.fit-grid--v2 .fit-column li::before { display: none; }

/* GUARANTEE — guarantee itself becomes the visual */
.guarantee-layout--v2 {
  grid-template-columns: .68fr 1.32fr;
  gap: clamp(82px, 8vw, 130px);
}

.guarantee-title > p:last-child {
  margin-top: 30px;
  max-width: 45ch;
  color: rgba(247,247,245,.60);
  line-height: 1.72;
  font-size: 14px;
}

.guarantee-line--v2 {
  grid-template-columns: 112px 1fr;
  gap: 34px;
  padding: 34px 0 38px;
  align-items: start;
}

.guarantee-number {
  position: static !important;
  font: 600 clamp(3.2rem, 4.5vw, 5.2rem)/.9 var(--display) !important;
  color: rgba(183,155,108,.85) !important;
  letter-spacing: -.06em;
}

.guarantee-line--v2 small {
  display: block;
  margin-bottom: 12px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(247,247,245,.48);
}

.guarantee-line--v2 p {
  font-size: clamp(1.25rem, 1.65vw, 1.55rem);
}

/* QUALIFICATION — decisive conversion chapter */
.qualify-layout--v2 {
  grid-template-columns: .80fr 1.20fr;
  gap: clamp(76px, 8vw, 126px);
}

.qualify-copy h2 {
  max-width: 10ch;
  font-size: clamp(2.8rem, 4.5vw, 5rem);
}

.qualify-copy > p:not(.eyebrow) {
  font-size: 15px;
  line-height: 1.75;
}

.qualify-checks {
  margin-top: 34px;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--hairline);
}

.qualify-checks span {
  position: relative;
  padding: 14px 0 14px 24px;
  border-bottom: 1px solid var(--hairline);
  font-size: 13px;
  color: rgba(247,247,245,.75);
}

.qualify-checks span::before {
  content: "+";
  position: absolute;
  left: 0;
  color: var(--bronze);
}

.qualification-form--v2 {
  padding: 34px;
  background:
    linear-gradient(rgba(247,247,245,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,247,245,.022) 1px, transparent 1px),
    rgba(17,17,17,.88);
  background-size: 40px 40px;
}

.form-kicker {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: -4px 0 28px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--hairline);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(247,247,245,.55);
}

.qualification-form--v2 label > span {
  font-size: 10px;
  color: rgba(247,247,245,.72);
}

.qualification-form--v2 input,
.qualification-form--v2 select,
.qualification-form--v2 textarea {
  border-color: rgba(247,247,245,.19);
  background: rgba(8,8,8,.58);
  border-radius: 2px;
  font-size: 15px;
}

.qualification-form--v2 input,
.qualification-form--v2 select { min-height: 52px; }

.qualification-form--v2 textarea { min-height: 132px; }

.qualification-form--v2 .form-grid { gap: 25px 20px; }

.qualification-form--v2 .form-submit {
  min-height: 56px;
  margin-top: 28px;
}

.final-cta::after {
  width: 650px;
  height: 650px;
  opacity: .66;
}

/* Desktop-specific optical polish */
@media (min-width: 1280px) {
  .page-shell { width: min(1380px, calc(100vw - 96px)); }
  .hero-shell { width: min(1450px, calc(100vw - 96px)); }
}

/* Tablet */
@media (max-width: 1120px) {
  .hero-shell {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 128px;
  }

  .hero-headline { max-width: 11ch; }

  .hero-sculpture {
    min-height: 620px;
    margin-top: -20px;
  }

  .architecture-model--v2 {
    min-height: 620px;
    width: 100%;
    margin-left: 0;
  }

  .insight-layout,
  .reactivation-layout,
  .founder-layout,
  .guarantee-layout--v2,
  .qualify-layout--v2,
  .proof-layout--v2,
  .fit-heading {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .fit-heading .eyebrow { grid-column: auto; }

  .machine-layout { grid-template-columns: 1fr; }

  .machine-plate--v2 { max-width: 720px; }

  .scoreboard-heading-grid { grid-template-columns: 1fr; gap: 28px; }

  .channel-map--v2 article { grid-template-columns: 210px 1fr 280px; }

  .proof-statement,
  .qualify-copy { position: relative; top: auto; }
}

/* Mobile */
@media (max-width: 780px) {
  :root { --section-y: 94px; }

  .hero-shell { padding-top: 112px; padding-bottom: 76px; }

  .hero-headline {
    font-size: clamp(2.9rem, 13vw, 4.1rem);
    line-height: .98;
  }

  .hero-sculpture { min-height: 470px; margin-top: 18px; }

  .architecture-model--v2 {
    min-height: 470px;
    width: 124%;
    margin-left: -12%;
  }

  .hero-orbit--one { width: 380px; height: 380px; }
  .hero-orbit--two { width: 540px; height: 540px; }

  .hero-visual-label { left: 4%; right: 4%; top: 6%; }

  .hero-legend {
    left: 4%;
    right: 4%;
    bottom: 5%;
    gap: 16px;
    flex-wrap: wrap;
  }

  .hero-callouts text,
  .hero-stage-labels text { font-size: 9px; }

  .insight-layout { gap: 54px; }

  .planning-map--v2 { min-height: 500px; }

  .planning-map-caption { flex-direction: column; gap: 8px; }

  .pipeline-system--v2 article {
    min-height: 0;
    padding: 30px 0 38px;
  }

  .pipeline-system--v2 .system-number { margin-bottom: 34px; }

  .pipeline-system--v2 h3 { max-width: 15ch; }

  .machine-plate--v2 { min-height: 0; }

  .reactivation-board--v2 .reactivation-row {
    grid-template-columns: 108px 1fr 88px;
    gap: 12px;
    padding: 24px 16px;
    font-size: 12px;
  }

  .score-flow--v2 {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .score-connector { display: none; }

  .score-flow--v2 .score-stage { min-height: 220px; }

  .channel-map--v2 article {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px 16px;
  }

  .channel-featured { border-left-width: 2px; }

  .build-sheet--v2 .build-sequence li {
    grid-template-columns: 46px 1fr;
    min-height: 0;
    padding: 26px 0;
  }

  .build-sheet--v2 .build-phase {
    width: max-content;
  }

  .experience-wall { gap: 8px; }

  .experience-logo,
  .experience-logo--wide {
    min-height: 150px;
  }

  .experience-logo img { max-width: 130px; max-height: 58px; }
  .experience-logo--wide img { max-width: 180px; max-height: 70px; }

  .founder-thesis { max-width: 100%; }

  .fit-grid--v2 { grid-template-columns: 1fr; }

  .guarantee-line--v2 {
    grid-template-columns: 70px 1fr;
    gap: 20px;
  }

  .guarantee-number { font-size: 3rem !important; }

  .qualification-form--v2 { padding: 24px 18px; }

  .qualify-copy h2 { font-size: clamp(2.5rem, 11vw, 3.8rem); }
}

@media (prefers-reduced-motion: reduce) {
  .planning-signal .signal-line,
  .system-spine path {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }

  .planning-signal circle { opacity: 1 !important; animation: none !important; }

  .floating-planes path { animation: none !important; }

  .score-connector span,
  .build-progress span {
    transform: scaleX(1) !important;
    transition: none !important;
  }
}


/* Second-pass optical fixes */
.hero-sculpture::before {
  width: auto;
  height: auto;
}

.hero-sculpture::after {
  left: auto;
  top: auto;
}

.experience-logo img {
  filter: none;
}

@media (max-width: 780px) {
  .hero-proofline i { display: none; }
  .hero-proofline { gap: 8px 14px; }
}


/* =========================================================
   FINAL POLISH PASS — hierarchy, legibility, proof, rhythm
   ========================================================= */

:root {
  --section-y: clamp(100px, 7.4vw, 142px);
}

/* Navigation should be restrained, not miniature. */
.site-header {
  grid-template-columns: 260px 1fr auto;
}
.brand img { width: 212px; }
.desktop-nav {
  gap: 26px;
  font-size: 14px;
  color: rgba(247,247,245,.76);
}
.button--nav { font-size: 14px; }

/* Preserve a design system without repeating the same gray-half headline trick. */
.pipeline h2 span,
.machine h2 span,
.difference h2 span,
.first-month h2 span,
.proof h2 span,
.founder h2 span,
.fit h2 span,
.guarantee h2 span {
  color: inherit;
}

/* Meaningful marketing copy gets a real reading floor. */
.insight-copy > p,
.pipeline-system--v2 article > p:last-child,
.machine .mechanism > p,
.reactivation-copy > p:not(.eyebrow),
.scoreboard-heading-grid > p,
.difference-heading > p:last-child,
.channel-map--v2 article p,
.proof-statement > p:not(.eyebrow),
.founder-copy > p:not(.eyebrow),
.fit-heading > p:last-child,
.fit-grid--v2 .fit-column li,
.guarantee-title > p:last-child,
.qualify-copy > p:not(.eyebrow),
.qualification-form--v2 input,
.qualification-form--v2 select,
.qualification-form--v2 textarea {
  font-size: 16px;
}

.hero-deck { font-size: clamp(1.08rem, 1.22vw, 1.22rem); }

/* Reduce total page length without making the composition cramped. */
.machine,
.scoreboard,
.first-month,
.final-cta {
  padding-top: var(--section-y);
  padding-bottom: var(--section-y);
}
.section-intro,
.scoreboard-heading,
.difference-heading {
  margin-bottom: clamp(52px, 4.6vw, 70px);
}

/* HERO: strengthen one focal moment; quiet the secondary drafting geometry. */
.hero-sculpture { min-height: 725px; }
.architecture-model--v2 {
  width: 122%;
  margin-left: -10%;
  min-height: 725px;
}
.hero-halo {
  opacity: .96;
  transform: scale(1.08);
  transform-origin: 488px 386px;
}
.site-plane { opacity: .64; }
.section-axes { opacity: .52; }
.floating-planes { opacity: .72; }
.model-lines--v2 path {
  stroke: rgba(247,247,245,.86);
  stroke-width: 1.25;
}
.planning-signal .signal-line {
  stroke-width: 2.7;
}
.signal-entry-ring {
  fill: rgba(183,155,108,.08);
  stroke: rgba(224,201,149,.9);
  stroke-width: 1.5;
  transform-origin: 356px 452px;
}
.signal-node--entry {
  fill: #e0c995 !important;
}
.hero-callouts text { fill: rgba(247,247,245,.54); }
.hero-stage-labels text { fill: rgba(247,247,245,.28); }
.hero-stage-labels text:nth-child(4) { fill: rgba(183,155,108,.88); }

@media (prefers-reduced-motion: no-preference) {
  .signal-entry-ring {
    animation: entryPulse 3.4s ease-in-out infinite;
  }
}
@keyframes entryPulse {
  0%,100% { transform: scale(.92); opacity: .64; }
  50% { transform: scale(1.16); opacity: 1; }
}

/* Pipeline should read as one connected machine, not four feature cards. */
.pipeline-system--v2 {
  border-top-color: rgba(247,247,245,.16);
  border-bottom-color: rgba(247,247,245,.16);
}
.pipeline-system--v2 article {
  min-height: 360px;
  border-right-color: rgba(247,247,245,.075);
  padding-top: 34px;
  padding-bottom: 46px;
}
.pipeline-spine {
  top: 25px;
  background: rgba(247,247,245,.08);
}
.pipeline-spine span {
  height: 2px;
  background: linear-gradient(90deg, rgba(183,155,108,.35), var(--bronze), rgba(183,155,108,.48));
}
.pipeline-system--v2 article::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 28px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--black);
  border: 1px solid rgba(183,155,108,.8);
  z-index: 2;
}
.pipeline-system--v2.is-visible article::after {
  background: var(--bronze);
}
.pipeline-system--v2 .system-number { margin-bottom: 76px; }

/* Machine copy becomes easier to scan and slightly less repetitive. */
.machine .mechanism {
  padding-top: 32px;
  padding-bottom: 34px;
}
.machine .mechanism h3 {
  font-size: clamp(1.42rem, 1.7vw, 1.9rem);
}
.machine .mechanism > p {
  line-height: 1.66;
}

/* Reactivation gets one obvious active event rather than four equal rows. */
.reactivation-board--v2 {
  min-height: 465px;
}
.reactivation-board--v2 .reactivation-row {
  padding-top: 26px;
  padding-bottom: 26px;
}
.reactivation-board--v2 .reactivation-row:nth-child(3) {
  background: linear-gradient(90deg, rgba(183,155,108,.11), rgba(183,155,108,.025));
  border-left: 2px solid var(--bronze);
}
.reactivation-board--v2 .reactivation-row:nth-child(3) .reactivation-type,
.reactivation-board--v2 .reactivation-row:nth-child(3) .reactivation-action {
  color: var(--off);
}

/* Instrumentation: all three steps have structure, the final state has emphasis. */
.score-flow--v2 .score-stage {
  min-height: 260px;
  border-color: rgba(247,247,245,.20);
  background: rgba(247,247,245,.025);
}
.score-flow--v2 .score-stage:nth-of-type(2) {
  background: rgba(247,247,245,.04);
}
.score-flow--v2 .score-stage strong {
  font-size: clamp(2rem, 2.55vw, 2.65rem);
  margin-bottom: 42px;
}
.score-flow--v2 .score-stage small {
  font-size: 14px;
}
.score-stage--accent {
  background: rgba(183,155,108,.12) !important;
  border-color: rgba(183,155,108,.72) !important;
}

/* Comparison: the Sabertooth lane dominates immediately. */
.channel-map--v2 article:not(.channel-featured) {
  opacity: .72;
}
.channel-map--v2 .channel-featured {
  opacity: 1;
  background: rgba(183,155,108,.09);
  transform: translateX(6px);
}
.channel-map--v2 .channel-featured .channel-title {
  font-size: 16px;
}

/* First 30 days: architectural workstream sequence, not a spreadsheet. */
.construction-schedule {
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  background:
    linear-gradient(rgba(247,247,245,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,247,245,.035) 1px, transparent 1px);
  background-size: 42px 42px;
}
.schedule-head {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 34px;
  align-items: end;
  padding: 18px 22px;
  border-bottom: 1px solid var(--hairline);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: rgba(247,247,245,.58);
}
.schedule-phases {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  text-align: center;
}
.schedule-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}
.schedule-rows li {
  display: grid;
  grid-template-columns: 58px 260px 1fr 128px;
  gap: 22px;
  align-items: center;
  min-height: 108px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--hairline-soft);
}
.schedule-rows li:last-child { border-bottom: 0; }
.schedule-num {
  font: 600 11px ui-monospace,monospace;
  color: var(--bronze);
}
.schedule-copy strong {
  display: block;
  margin-bottom: 7px;
  font: 600 17px var(--display);
  letter-spacing: -.025em;
}
.schedule-copy p {
  margin: 0;
  color: rgba(247,247,245,.62);
  font-size: 14px;
  line-height: 1.55;
}
.schedule-lane {
  position: relative;
  height: 34px;
  background:
    linear-gradient(90deg,
      rgba(247,247,245,.07) 0 33.333%,
      rgba(247,247,245,.11) 33.333% 33.55%,
      rgba(247,247,245,.07) 33.55% 66.666%,
      rgba(247,247,245,.11) 66.666% 66.9%,
      rgba(247,247,245,.07) 66.9% 100%);
}
.schedule-lane i {
  position: absolute;
  top: 12px;
  height: 10px;
  background: rgba(183,155,108,.76);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1s var(--ease);
}
.construction-schedule.is-visible .schedule-lane i { transform: scaleX(1); }
.schedule-lane .phase-foundation { left: 4%; width: 27%; }
.schedule-lane .phase-activation { left: 35%; width: 29%; }
.schedule-lane .phase-launch { left: 68%; width: 24%; }
.schedule-lane .phase-foundation.phase-activation { left: 10%; width: 50%; }
.schedule-lane .phase-activation.phase-launch { left: 42%; width: 46%; }
.schedule-lane .phase-launch.phase-late { left: 72%; width: 25%; }
.schedule-tag {
  justify-self: end;
  padding: 6px 8px;
  border: 1px solid rgba(247,247,245,.12);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: rgba(247,247,245,.62);
}
.schedule-foot {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 17px 22px;
  border-top: 1px solid var(--hairline);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(247,247,245,.48);
}

/* Selected experience becomes one curated field instead of a gallery of boxes. */
.proof-layout--final {
  grid-template-columns: .74fr 1.26fr;
  gap: clamp(76px, 7vw, 116px);
}
.experience-canvas {
  position: relative;
  min-height: 560px;
  display: grid;
  grid-template-columns: 1.15fr .85fr 1fr;
  grid-template-rows: repeat(3,1fr);
  gap: 0;
  padding: 38px 44px 48px;
  background:
    radial-gradient(circle at 68% 38%, rgba(183,155,108,.06), transparent 30%),
    #0d0d0d;
  overflow: hidden;
}
.experience-canvas::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(247,247,245,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,247,245,.03) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.experience-canvas::after {
  content: "";
  position: absolute;
  left: 44px;
  right: 44px;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(247,247,245,.10), transparent);
}
.experience-mark {
  position: relative;
  z-index: 1;
  margin: 0;
  display: grid;
  place-items: center;
  padding: 22px;
}
.experience-mark img {
  width: auto;
  max-width: 180px;
  max-height: 76px;
  object-fit: contain;
}
.mark-newline { grid-column: 1 / 3; grid-row: 1; justify-items: start; }
.mark-newline img { max-width: 230px; max-height: 90px; }
.mark-pineda { grid-column: 3; grid-row: 1 / 3; }
.mark-pineda img { max-width: 112px; max-height: 62px; }
.mark-elite { grid-column: 1; grid-row: 2; }
.mark-grow { grid-column: 2; grid-row: 2; }
.mark-jack { grid-column: 1 / 4; grid-row: 3; justify-items: end; }
.mark-jack img { max-width: 245px; max-height: 92px; }
.experience-caption {
  position: absolute;
  left: 18px;
  bottom: 15px;
  z-index: 2;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: rgba(247,247,245,.36);
}

/* Founder stays human; the thesis carries more visual weight. */
.founder-photo { max-width: 560px; }
.founder-thesis {
  font-size: clamp(1.55rem, 2.15vw, 2.2rem);
  max-width: 25ch;
}

/* Fit: tighter chapter, same clarity. */
.fit {
  padding-top: clamp(92px, 6.8vw, 126px);
  padding-bottom: clamp(92px, 6.8vw, 126px);
}
.fit-heading { margin-bottom: 44px; }
.fit-grid--v2 .fit-column {
  padding-top: 30px;
  padding-bottom: 34px;
}
.fit-grid--v2 .fit-column li {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Guarantee: promise first, caveat second. */
.guarantee-layout--final {
  grid-template-columns: .64fr 1.36fr;
  gap: clamp(76px, 7vw, 116px);
}
.guarantee-commitment {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 32px;
  align-items: start;
  padding: 34px 0 40px;
  border-top: 1px solid var(--hairline);
}
.guarantee-commitment:last-of-type {
  border-bottom: 1px solid var(--hairline);
}
.guarantee-commitment small {
  display: block;
  margin-bottom: 12px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(247,247,245,.50);
}
.guarantee-commitment h3 {
  max-width: 23ch;
  font-size: clamp(1.8rem, 2.4vw, 2.65rem);
  line-height: 1.14;
  color: var(--off);
}
.guarantee-commitment p {
  max-width: 58ch;
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(247,247,245,.58);
}
.guarantee-note {
  margin-top: 22px;
  max-width: 66ch;
}

/* Final CTA: four-line headline target and less dead space. */
.final-cta {
  min-height: 0;
}
.qualify-layout--v2 {
  grid-template-columns: .92fr 1.08fr;
  gap: clamp(62px, 6vw, 96px);
}
.qualify-copy h2 {
  max-width: 13.5ch;
  font-size: clamp(2.75rem, 4vw, 4.55rem);
}
.qualify-copy .cta-emblem {
  margin-bottom: 34px;
}
.qualify-checks { margin-top: 28px; }
.qualify-promise { margin-top: 22px !important; }

/* Mobile/tablet final polish */
@media (max-width: 1120px) {
  .site-header { grid-template-columns: 220px 1fr auto; }
  .brand img { width: 190px; }

  .architecture-model--v2 {
    width: 108%;
    margin-left: -4%;
  }

  .schedule-head {
    grid-template-columns: 280px 1fr;
  }
  .schedule-rows li {
    grid-template-columns: 52px 230px 1fr 110px;
  }

  .proof-layout--final,
  .guarantee-layout--final,
  .qualify-layout--v2 {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .experience-canvas { min-height: 500px; }
}

@media (max-width: 780px) {
  :root { --section-y: 86px; }

  .brand img { width: 172px; }

  .architecture-model--v2 {
    width: 128%;
    margin-left: -14%;
    min-height: 490px;
  }
  .hero-sculpture { min-height: 490px; }

  .schedule-head {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .schedule-phases { font-size: 9px; }
  .schedule-rows li {
    grid-template-columns: 40px 1fr;
    gap: 9px 14px;
    min-height: 0;
    padding: 24px 16px;
  }
  .schedule-copy { grid-column: 2; }
  .schedule-copy p { font-size: 14px; }
  .schedule-lane { grid-column: 2; width: 100%; }
  .schedule-tag { grid-column: 2; justify-self: start; }
  .schedule-foot {
    flex-direction: column;
    gap: 8px;
    padding-inline: 16px;
  }

  .experience-canvas {
    min-height: 420px;
    padding: 24px 18px 38px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3,1fr);
  }
  .mark-newline { grid-column: 1 / 3; grid-row: 1; justify-items: center; }
  .mark-pineda { grid-column: 1; grid-row: 2; }
  .mark-elite { grid-column: 2; grid-row: 2; }
  .mark-grow { grid-column: 1; grid-row: 3; }
  .mark-jack { grid-column: 2; grid-row: 3; justify-items: center; }
  .experience-mark img,
  .mark-newline img,
  .mark-jack img { max-width: 125px; max-height: 58px; }

  .guarantee-commitment {
    grid-template-columns: 68px 1fr;
    gap: 18px;
  }
  .guarantee-commitment h3 {
    font-size: clamp(1.45rem, 7vw, 2rem);
  }

  .qualify-copy h2 {
    max-width: 11.5ch;
    font-size: clamp(2.5rem, 10.5vw, 3.65rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .signal-entry-ring {
    animation: none !important;
    transform: none !important;
  }
  .construction-schedule .schedule-lane i {
    transform: scaleX(1) !important;
    transition: none !important;
  }
}


/* =========================================================
   TARGETED VISUAL FIXES — HERO / INTERACTIVE PIPELINE / SCOREBOARD
   ========================================================= */

/* Hero annotation: backed plates, brighter hierarchy, no text fighting linework. */
.hero-callouts--v3 .entry-leader,
.hero-callouts--v3 .search-leader {
  fill: none;
  stroke: rgba(183,155,108,.72);
  stroke-width: 1.15;
}
.hero-callouts--v3 .entry-plate rect {
  fill: rgba(8,8,8,.90);
  stroke: rgba(183,155,108,.62);
  stroke-width: 1;
}
.hero-callouts--v3 .entry-plate circle {
  fill: #e0c995;
  filter: drop-shadow(0 0 8px rgba(183,155,108,.75));
}
.hero-callouts--v3 .entry-kicker {
  font: 600 9px var(--body);
  letter-spacing: .13em;
  fill: rgba(183,155,108,.92);
}
.hero-callouts--v3 .entry-title {
  font: 700 12px var(--body);
  letter-spacing: .065em;
  fill: rgba(247,247,245,.98);
}
.hero-callouts--v3 .search-plate rect {
  fill: rgba(8,8,8,.76);
  stroke: rgba(247,247,245,.18);
  stroke-width: 1;
}
.hero-callouts--v3 .search-plate text {
  font: 600 9px var(--body);
  letter-spacing: .10em;
  fill: rgba(247,247,245,.62);
}
.signal-entry-ring {
  stroke: #e0c995;
  stroke-width: 1.8;
  fill: rgba(183,155,108,.10);
}
.signal-node--entry {
  filter: drop-shadow(0 0 9px rgba(224,201,149,.78));
}

/* Interactive Planning-Phase Pipeline */
.machine-layout--interactive {
  grid-template-columns: minmax(0,.88fr) minmax(470px,.72fr);
  gap: clamp(78px, 7vw, 120px);
  align-items: start;
}
.mechanism-list--interactive .mechanism {
  min-height: 230px;
  align-content: center;
  transition: opacity .3s var(--ease), transform .3s var(--ease);
}
.mechanism-list--interactive .mechanism[data-machine-step].machine-active {
  transform: translateX(8px);
}
.mechanism-list--interactive .mechanism[data-machine-step].machine-active h3 {
  color: #6f5636;
}
.mechanism-list--interactive .mechanism[data-machine-step].machine-active .system-kicker,
.mechanism-list--interactive .mechanism[data-machine-step].machine-active .mechanism-index {
  color: #9a774c;
}

.pipeline-structure {
  position: sticky;
  top: 108px;
  min-height: 720px;
  overflow: hidden;
  color: var(--off);
  background:
    radial-gradient(circle at 70% 25%, rgba(183,155,108,.09), transparent 30%),
    #0c0c0c;
  border: 1px solid rgba(11,11,11,.22);
  box-shadow: 0 30px 65px rgba(11,11,11,.11);
}
.pipeline-structure::before,
.pipeline-structure::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.pipeline-structure::before {
  inset: 0;
  background:
    linear-gradient(rgba(247,247,245,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,247,245,.035) 1px, transparent 1px);
  background-size: 44px 44px;
}
.pipeline-structure::after {
  width: 360px;
  height: 360px;
  right: -190px;
  top: -160px;
  border: 1px solid rgba(183,155,108,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(183,155,108,.018);
}

.structure-head,
.structure-foot {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(247,247,245,.10);
}
.structure-foot {
  border-top: 1px solid rgba(247,247,245,.10);
  border-bottom: 0;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(247,247,245,.48);
}
.structure-head > div:first-child {
  display: grid;
  gap: 5px;
}
.structure-kicker {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(183,155,108,.82);
}
.structure-head strong {
  font: 600 14px var(--display);
  letter-spacing: -.02em;
}
.structure-readout {
  display: grid;
  justify-items: end;
  gap: 4px;
}
.structure-readout span {
  font-size: 8px;
  letter-spacing: .13em;
  color: rgba(247,247,245,.44);
}
.structure-readout b {
  font: 600 22px ui-monospace,monospace;
  color: var(--bronze);
}

.structure-field {
  position: relative;
  z-index: 2;
  height: 610px;
  overflow: hidden;
}
.structure-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(247,247,245,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,247,245,.028) 1px, transparent 1px);
  background-size: 62px 62px;
}
.structure-core {
  position: absolute;
  left: 64px;
  top: 64px;
  bottom: 64px;
  width: 2px;
  background: rgba(247,247,245,.10);
}
.structure-core::before,
.structure-core::after {
  content: "";
  position: absolute;
  left: -5px;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(247,247,245,.18);
  border-radius: 50%;
  background: #0c0c0c;
}
.structure-core::before { top: -5px; }
.structure-core::after { bottom: -5px; }
.structure-core > span {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #e0c995, var(--bronze));
  transform: scaleY(.04);
  transform-origin: top center;
  transition: transform .6s var(--ease);
  box-shadow: 0 0 18px rgba(183,155,108,.25);
}

.pipeline-floor {
  --offset: 0px;
  position: absolute;
  left: calc(92px + var(--offset));
  width: calc(100% - 145px - var(--offset));
  min-height: 82px;
  display: grid;
  grid-template-columns: 46px 1fr;
  align-items: center;
  gap: 12px;
  padding: 14px 18px 14px 16px;
  border: 1px solid rgba(247,247,245,.15);
  background: rgba(247,247,245,.024);
  color: rgba(247,247,245,.48);
  transform: translateX(0);
  transition:
    border-color .35s var(--ease),
    background .35s var(--ease),
    color .35s var(--ease),
    transform .35s var(--ease),
    box-shadow .35s var(--ease),
    opacity .35s var(--ease);
}
.pipeline-floor::before {
  content: "";
  position: absolute;
  left: -28px;
  top: 50%;
  width: 27px;
  height: 1px;
  background: rgba(247,247,245,.14);
}
.pipeline-floor.floor-1 { top: 46px;  --offset: 0px; }
.pipeline-floor.floor-2 { top: 151px; --offset: 34px; }
.pipeline-floor.floor-3 { top: 256px; --offset: 68px; }
.pipeline-floor.floor-4 { top: 361px; --offset: 102px; }
.pipeline-floor.floor-5 { top: 466px; --offset: 136px; }

.floor-node {
  position: absolute;
  left: -35px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  border-radius: 50%;
  background: #0c0c0c;
  border: 1px solid rgba(247,247,245,.28);
  transition: background .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.floor-number {
  font: 600 11px ui-monospace,monospace;
  color: rgba(247,247,245,.34);
  align-self: start;
  padding-top: 3px;
}
.floor-copy {
  display: grid;
  gap: 4px;
}
.floor-copy small {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(183,155,108,.46);
}
.floor-copy strong {
  font: 600 16px var(--display);
  letter-spacing: -.025em;
  color: currentColor;
}
.floor-copy > span {
  font-size: 11px;
  color: rgba(247,247,245,.38);
}

.pipeline-floor.is-complete {
  color: rgba(247,247,245,.72);
  border-color: rgba(183,155,108,.32);
  background: rgba(183,155,108,.035);
}
.pipeline-floor.is-complete .floor-node {
  background: var(--bronze);
  border-color: var(--bronze);
}
.pipeline-floor.is-complete .floor-number,
.pipeline-floor.is-complete .floor-copy small {
  color: rgba(183,155,108,.78);
}

.pipeline-floor.is-active {
  color: var(--off);
  transform: translateX(10px);
  border-color: rgba(183,155,108,.70);
  background:
    linear-gradient(90deg, rgba(183,155,108,.13), rgba(183,155,108,.045));
  box-shadow:
    0 0 0 1px rgba(183,155,108,.08),
    0 18px 35px rgba(0,0,0,.22);
}
.pipeline-floor.is-active .floor-node {
  background: #e0c995;
  border-color: #e0c995;
  box-shadow: 0 0 0 6px rgba(183,155,108,.10), 0 0 22px rgba(183,155,108,.44);
}
.pipeline-floor.is-active .floor-number,
.pipeline-floor.is-active .floor-copy small {
  color: #d1b582;
}
.pipeline-floor.is-active .floor-copy > span {
  color: rgba(247,247,245,.62);
}

/* Scoreboard: dedicated rail above content, stronger visual progression. */
.score-flow--v3 {
  position: relative;
  display: block;
  margin-top: 0;
  padding-top: 72px;
}
.score-rail {
  position: absolute;
  z-index: 4;
  top: 28px;
  left: 8%;
  right: 8%;
  height: 1px;
  background: rgba(247,247,245,.13);
}
.score-rail-progress {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(183,155,108,.25), #e0c995 52%, rgba(183,155,108,.5));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.15s var(--ease);
}
.score-flow--v3.is-visible .score-rail-progress {
  transform: scaleX(1);
}
.score-rail-node {
  position: absolute;
  top: -5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid rgba(183,155,108,.72);
  background: var(--charcoal);
  transition: background .35s var(--ease), box-shadow .35s var(--ease);
}
.score-flow--v3.is-visible .score-rail-node {
  background: var(--bronze);
  box-shadow: 0 0 0 6px rgba(183,155,108,.08);
}
.score-rail-node.node-1 { left: 0; }
.score-rail-node.node-2 { left: 50%; transform: translateX(-50%); }
.score-rail-node.node-3 { right: 0; }

.score-stages {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.score-stage--v3 {
  min-height: 320px !important;
  padding: 28px 30px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between !important;
  border: 1px solid rgba(247,247,245,.18) !important;
  background:
    linear-gradient(180deg, rgba(247,247,245,.035), rgba(247,247,245,.018)) !important;
}
.score-stage--v3::after {
  display: none !important;
}
.score-stage--v3 .score-index {
  position: static !important;
  font: 600 11px ui-monospace,monospace !important;
  color: var(--bronze) !important;
}
.score-stage-copy {
  display: grid;
  gap: 10px;
  margin-top: auto;
  margin-bottom: 48px;
}
.score-stage-copy small {
  font-size: 10px !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(247,247,245,.46) !important;
}
.score-stage--v3 .score-stage-copy strong {
  margin: 0 !important;
  max-width: 11ch;
  font: 600 clamp(2rem,2.6vw,2.8rem)/1.04 var(--display) !important;
  letter-spacing: -.045em;
}
.score-stage--v3 > p {
  margin: 0;
  font-size: 14px;
  color: rgba(247,247,245,.57);
}
.score-stage--v3.score-stage--accent {
  border-color: rgba(183,155,108,.68) !important;
  background:
    linear-gradient(180deg, rgba(183,155,108,.13), rgba(183,155,108,.055)) !important;
}
.score-stage--v3.score-stage--accent .score-stage-copy small,
.score-stage--v3.score-stage--accent > p {
  color: rgba(247,247,245,.70) !important;
}

/* Responsive */
@media (max-width: 1120px) {
  .machine-layout--interactive {
    grid-template-columns: 1fr;
    gap: 52px;
  }
  .pipeline-structure {
    position: relative;
    top: auto;
    max-width: 760px;
  }
}
@media (max-width: 780px) {
  .hero-callouts--v3 .entry-plate rect { width: 220px; }
  .hero-callouts--v3 .entry-title { font-size: 10px; }
  .hero-callouts--v3 .entry-kicker { font-size: 8px; }

  .mechanism-list--interactive .mechanism {
    min-height: 0;
  }
  .pipeline-structure {
    min-height: 640px;
  }
  .structure-field {
    height: 530px;
  }
  .structure-core {
    left: 34px;
    top: 50px;
    bottom: 50px;
  }
  .pipeline-floor {
    left: calc(58px + var(--offset));
    width: calc(100% - 78px - var(--offset));
    grid-template-columns: 32px 1fr;
    padding: 12px 12px;
  }
  .pipeline-floor.floor-1 { top: 32px; --offset: 0px; }
  .pipeline-floor.floor-2 { top: 126px; --offset: 10px; }
  .pipeline-floor.floor-3 { top: 220px; --offset: 20px; }
  .pipeline-floor.floor-4 { top: 314px; --offset: 30px; }
  .pipeline-floor.floor-5 { top: 408px; --offset: 40px; }
  .floor-copy strong { font-size: 14px; }

  .score-flow--v3 { padding-top: 54px; }
  .score-rail {
    left: 16px;
    right: auto;
    top: 28px;
    bottom: 28px;
    width: 1px;
    height: auto;
  }
  .score-rail-progress {
    transform: scaleY(0);
    transform-origin: top center;
  }
  .score-flow--v3.is-visible .score-rail-progress {
    transform: scaleY(1);
  }
  .score-rail-node.node-1,
  .score-rail-node.node-2,
  .score-rail-node.node-3 {
    left: -5px;
    right: auto;
    transform: none;
  }
  .score-rail-node.node-1 { top: 0; }
  .score-rail-node.node-2 { top: 50%; margin-top: -5px; }
  .score-rail-node.node-3 { top: auto; bottom: 0; }
  .score-stages {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-left: 38px;
  }
  .score-stage--v3 {
    min-height: 230px !important;
  }
}

/* Reduced motion: preserve meaning without motion. */
@media (prefers-reduced-motion: reduce) {
  .structure-core > span {
    transition: none !important;
  }
  .pipeline-floor {
    transition: none !important;
  }
  .score-rail-progress {
    transform: none !important;
    transition: none !important;
  }
}


/* =========================================================
   MACHINE SECTION RE-AUDIT — reduce duplication, preserve scroll meaning
   ========================================================= */

/* Hero: return to the original simple annotation style, just placed left. */
.hero-callouts--simple .entry-leader,
.hero-callouts--simple .search-leader {
  fill: none;
  stroke: rgba(183,155,108,.68);
  stroke-width: 1.1;
}
.hero-callouts--simple text {
  font-family: var(--body);
  paint-order: stroke fill;
  stroke: rgba(8,8,8,.88);
  stroke-width: 2.2px;
  stroke-linejoin: round;
}
.hero-callouts--simple .entry-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  fill: rgba(247,247,245,.94);
}
.hero-callouts--simple .search-title {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  fill: rgba(247,247,245,.55);
}

/* Section hierarchy: one eyebrow + one argument. No duplicate metadata headline. */
.machine-heading--final {
  display: grid;
  grid-template-columns: .34fr 1fr;
  gap: clamp(56px, 6vw, 96px);
  align-items: end;
  margin-bottom: 58px;
}
.machine-heading--final > .eyebrow {
  margin: 0 0 8px;
  align-self: start;
}
.machine-heading--final h2 {
  justify-self: start;
  max-width: 14ch;
  font-size: clamp(3rem, 4.7vw, 5.1rem);
}
.machine-heading--final h2 span {
  color: #5f5f5f;
}

/* Left copy remains the detailed explanation; active state is restrained. */
.mechanism-list--interactive .mechanism {
  min-height: 214px;
  padding: 30px 0 32px;
  transition:
    background .28s var(--ease),
    box-shadow .28s var(--ease),
    transform .28s var(--ease);
}
.mechanism-list--interactive .mechanism.machine-active {
  transform: none;
  box-shadow: inset 2px 0 0 var(--bronze);
  background: linear-gradient(90deg, rgba(183,155,108,.055), transparent 54%);
  padding-left: 18px;
  padding-right: 12px;
}
.mechanism-list--interactive .mechanism.machine-active h3 {
  color: var(--black);
}
.mechanism-list--interactive .mechanism.machine-active .system-kicker,
.mechanism-list--interactive .mechanism.machine-active .mechanism-index {
  color: #9a774c;
}

/* Right side becomes an architectural system section, not a second copy column. */
.pipeline-structure--reduced {
  min-height: 640px;
  background:
    radial-gradient(circle at 76% 18%, rgba(183,155,108,.07), transparent 28%),
    #0c0c0c;
}
.structure-head--reduced {
  min-height: 70px;
  padding: 17px 20px;
}
.structure-head--reduced .structure-kicker {
  font-size: 10px;
  color: rgba(183,155,108,.82);
}
.structure-field--reduced {
  height: 510px;
}
.structure-field--reduced .structure-core {
  left: 70px;
  top: 43px;
  bottom: 42px;
}
.pipeline-floor--reduced {
  --offset: 0px;
  left: calc(104px + var(--offset));
  width: calc(100% - 150px - var(--offset));
  min-height: 66px;
  grid-template-columns: 44px 1fr;
  gap: 10px;
  padding: 13px 18px;
  border: 0;
  border-top: 1px solid rgba(247,247,245,.15);
  border-bottom: 1px solid rgba(247,247,245,.07);
  background: rgba(247,247,245,.012);
  box-shadow: none;
}
.pipeline-floor--reduced::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(247,247,245,.07);
}
.pipeline-floor--reduced.floor-1 { top: 42px;  --offset: 0px; }
.pipeline-floor--reduced.floor-2 { top: 128px; --offset: 24px; }
.pipeline-floor--reduced.floor-3 { top: 214px; --offset: 48px; }
.pipeline-floor--reduced.floor-4 { top: 300px; --offset: 72px; }
.pipeline-floor--reduced.floor-5 { top: 386px; --offset: 96px; }

.pipeline-floor--reduced .floor-number {
  align-self: center;
  padding: 0;
  font-size: 10px;
  color: rgba(247,247,245,.34);
}
.pipeline-floor--reduced > strong {
  align-self: center;
  font: 600 clamp(1.05rem, 1.4vw, 1.28rem) var(--display);
  letter-spacing: -.025em;
  color: rgba(247,247,245,.48);
}
.pipeline-floor--reduced.is-complete {
  background: rgba(183,155,108,.025);
  border-top-color: rgba(183,155,108,.24);
}
.pipeline-floor--reduced.is-complete > strong {
  color: rgba(247,247,245,.66);
}
.pipeline-floor--reduced.is-active {
  transform: translateX(8px);
  background: linear-gradient(90deg, rgba(183,155,108,.14), rgba(183,155,108,.025));
  border-top-color: rgba(224,201,149,.72);
  border-bottom-color: rgba(183,155,108,.30);
  box-shadow: none;
}
.pipeline-floor--reduced.is-active > strong {
  color: var(--off);
}
.pipeline-floor--reduced.is-active .floor-number {
  color: #d1b582;
}
.pipeline-floor--reduced .floor-node {
  left: -40px;
}

.structure-axis-label {
  position: absolute;
  left: 16px;
  z-index: 3;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(247,247,245,.30);
}
.structure-axis-label.axis-start { top: 42px; }
.structure-axis-label.axis-end { bottom: 43px; color: rgba(183,155,108,.58); }

.structure-foot--reduced {
  justify-content: flex-end;
  min-height: 58px;
}
.structure-foot--reduced span {
  color: rgba(247,247,245,.42);
}

/* Keep the scroll animation as the single authored motion moment. */
.pipeline-structure--reduced .structure-core > span {
  box-shadow: 0 0 16px rgba(183,155,108,.22);
}

@media (max-width: 1120px) {
  .machine-heading--final {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .machine-heading--final h2 {
    max-width: 13ch;
  }
}

@media (max-width: 780px) {
  .hero-callouts--simple .entry-title { font-size: 9px; }
  .hero-callouts--simple .search-title { font-size: 8px; }

  .machine-heading--final h2 {
    font-size: clamp(2.45rem, 10vw, 3.65rem);
  }
  .mechanism-list--interactive .mechanism.machine-active {
    padding-left: 12px;
    padding-right: 6px;
  }
  .pipeline-structure--reduced {
    min-height: 570px;
  }
  .structure-field--reduced {
    height: 445px;
  }
  .structure-field--reduced .structure-core {
    left: 36px;
    top: 35px;
    bottom: 35px;
  }
  .pipeline-floor--reduced {
    left: calc(62px + var(--offset));
    width: calc(100% - 78px - var(--offset));
    min-height: 58px;
    grid-template-columns: 34px 1fr;
    padding: 10px 12px;
  }
  .pipeline-floor--reduced.floor-1 { top: 30px;  --offset: 0px; }
  .pipeline-floor--reduced.floor-2 { top: 104px; --offset: 8px; }
  .pipeline-floor--reduced.floor-3 { top: 178px; --offset: 16px; }
  .pipeline-floor--reduced.floor-4 { top: 252px; --offset: 24px; }
  .pipeline-floor--reduced.floor-5 { top: 326px; --offset: 32px; }
  .pipeline-floor--reduced .floor-node { left: -31px; }
  .structure-axis-label { display: none; }
}

/* =========================================================
   SABERTOOTH IDENTITY V2 — APPROVED OPTION 02
   Design read: premium technical B2B identity.
   Preserve the approved emblem; use the supplied wordmark artwork directly.
   No live re-typesetting, clipping hacks, or duplicate legacy lockups.
   ========================================================= */

.brand,
.footer-brand {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  width: max-content;
  line-height: 0;
  text-decoration: none;
}

.brand-lockup img,
.footer-brand.brand-lockup img {
  display: block;
  width: 252px;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: left center;
}

.footer-brand.brand-lockup img {
  width: 232px;
}

/* Reserve enough header width for the approved lockup without crowding nav. */
.site-header {
  grid-template-columns: 292px 1fr auto;
}

/* CTA emblem: crop the emblem directly from the approved vector lockup.
   Using the vector source avoids the edge clipping visible in the 64px raster emblem. */
.cta-emblem {
  display: block;
  width: 82px;
  height: 64px;
  margin: 0 0 32px;
  background: var(--bronze);
  -webkit-mask-image: url("assets/brand/Sabertooth-Systems-Horizontal-Lockup-Black.svg");
  mask-image: url("assets/brand/Sabertooth-Systems-Horizontal-Lockup-Black.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: auto 54px;
  mask-size: auto 54px;
}

/* Small brand-adjacent polish retained from the previous production pass. */
.hero-legend {
  color: rgba(247,247,245,.54);
}
.hero-legend span:first-child {
  color: rgba(247,247,245,.72);
}
.decision-window span {
  color: rgba(11,11,11,.72);
}
.photo-caption span:last-child {
  color: rgba(183,155,108,.78);
}

@media (max-width: 1120px) {
  .brand-lockup img {
    width: 236px;
  }
  .footer-brand.brand-lockup img {
    width: 220px;
  }
  .site-header {
    grid-template-columns: 270px 1fr auto;
  }
}

@media (max-width: 780px) {
  .site-header {
    grid-template-columns: 1fr auto;
  }
  .brand-lockup img {
    width: 228px;
  }
  .footer-brand.brand-lockup img {
    width: 218px;
  }
  .cta-emblem {
    width: 72px;
    height: 56px;
    margin-bottom: 28px;
    -webkit-mask-size: auto 47px;
    mask-size: auto 47px;
  }
}


/* FIT — capacity question */
.fit-capacity {
  margin: 44px 0 0;
  padding: 28px 0 0 28px;
  border-left: 2px solid var(--bronze);
  max-width: 62ch;
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  line-height: 1.55;
  color: var(--copy-muted-light);
}
.fit-capacity strong { color: var(--black); font-weight: 600; }

/* FAQ — objection handling */
.faq { padding: clamp(92px, 6.8vw, 126px) 0; }
.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(56px, 6vw, 110px); align-items: start; }
.faq-heading { position: sticky; top: 120px; }
.faq-heading h2 { max-width: 11ch; }
.faq-list { border-top: 1px solid var(--hairline-dark); }
.faq-list details { border-bottom: 1px solid var(--hairline-dark); }
.faq-list summary {
  list-style: none; cursor: pointer; position: relative;
  padding: 26px 48px 26px 0;
  font-family: var(--display); font-weight: 600; letter-spacing: -.02em;
  font-size: clamp(1.05rem, 1.4vw, 1.3rem); line-height: 1.35;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after {
  content: "+"; position: absolute; right: 4px; top: 22px;
  font-family: var(--body); font-weight: 400; font-size: 24px; color: var(--bronze);
  transition: transform .25s var(--ease);
}
.faq-list details[open] summary::after { transform: rotate(45deg); }
.faq-list summary:focus-visible { outline: 2px solid var(--bronze); outline-offset: 4px; }
.faq-list details p { margin: -6px 0 28px; max-width: 64ch; font-size: 15px; line-height: 1.75; color: var(--copy-muted-light); }

@media (max-width: 1120px) {
  .faq-layout { grid-template-columns: 1fr; }
  .faq-heading { position: static; }
}
@media (max-width: 780px) {
  .fit-capacity { padding-left: 20px; }
  .faq-list summary { padding-right: 40px; }
}

/* HERO — tighter top spacing on tall screens */
@media (min-width: 1121px) {
  .hero,
  .hero-shell { min-height: 0; }
  .hero-shell { padding: 112px 0 72px; align-items: start; }
  .hero-copy { align-self: start; padding-top: clamp(28px, 4vh, 56px); }
  .hero-visual,
  .hero-sculpture { align-self: start; margin-top: 0; }
}

/* FOUNDER — background line */
.founder-origin {
  margin: 0 0 22px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--bronze);
}