:root {
  --ink: #1d201b;
  --paper: #f7f5ef;
  --white: #ffffff;
  --muted: #6f716a;
  --line: #ddddd5;
  --accent: #d77352;
  --accent-soft: #f1d8ce;
  --sage: #dfe9da;
  --lime: #b9df9f;
  --butter: #eee1af;
  --lavender: #dfd9f3;
  --dark: #21231f;
  --dark-2: #292b26;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: Manrope, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.shell { width: min(1180px, calc(100% - 48px)); margin: auto; }
.scroll-progress { position: fixed; z-index: 100; left: 0; top: 0; height: 3px; width: 0; background: var(--accent); box-shadow: 0 0 16px rgba(215,115,82,.45); }

.site-nav { height: 80px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; position: relative; z-index: 20; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; letter-spacing: -.04em; }
.brand > span { width: 27px; height: 27px; border: 1.5px solid currentColor; border-radius: 8px; display: grid; place-items: center; font: 400 19px 'Instrument Serif'; }
.site-nav nav { display: flex; gap: 28px; font: 500 9px 'DM Mono'; text-transform: uppercase; letter-spacing: .04em; }
.site-nav nav a { position: relative; padding: 10px 0; }
.site-nav nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 4px; height: 1px; background: var(--accent); transition: right .25s ease; }
.site-nav nav a:hover::after { right: 0; }
.nav-cta { justify-self: end; border: 1px solid #9f8b61; border-radius: 12px; padding: 12px 15px; display: flex; gap: 15px; font-size: 11px; font-weight: 700; transition: .25s ease; }
.nav-cta:hover { background: var(--ink); color: white; border-color: var(--ink); transform: translateY(-2px); }

.eyebrow, .kicker { font: 500 10px 'DM Mono'; text-transform: uppercase; letter-spacing: .14em; color: #816b2a; }
.hero { position: relative; text-align: center; padding: 104px 0 86px; isolation: isolate; }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.glow-one { width: 440px; height: 440px; left: -280px; top: 30px; background: radial-gradient(circle, rgba(223,217,243,.58), transparent 68%); }
.glow-two { width: 520px; height: 520px; right: -310px; top: 200px; background: radial-gradient(circle, rgba(238,225,175,.48), transparent 68%); }
.hero h1 { font: 400 clamp(62px, 8vw, 108px)/.9 'Instrument Serif'; letter-spacing: -.045em; margin: 27px auto 32px; max-width: 1020px; }
.hero h1 em { color: var(--accent); font-weight: 400; }
.hero-copy { max-width: 680px; margin: 0 auto; color: var(--muted); font-size: 17px; line-height: 1.75; }

.guide-window { max-width: 930px; margin: 62px auto 0; border: 1px solid #3b3e36; border-radius: 25px; overflow: hidden; background: var(--dark); color: #f4f2eb; text-align: left; box-shadow: 0 34px 85px rgba(32,31,26,.17); }
.window-bar { min-height: 54px; padding: 0 22px; border-bottom: 1px solid #3c3f37; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #a7aaa1; font-size: 10px; }
.window-bar > div { display: flex; align-items: center; gap: 10px; color: white; }
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #a6d387; box-shadow: 0 0 0 5px rgba(166,211,135,.1); }
.prompt-row { min-height: 116px; display: flex; align-items: center; gap: 10px; padding: 27px 27px; position: relative; }
.prompt-row input { position: relative; z-index: 2; min-width: 0; flex: 1; border: 0; outline: 0; color: white; background: transparent; font-size: clamp(17px, 2vw, 24px); caret-color: var(--accent); }
.prompt-row input::placeholder { color: transparent; }
.typing-layer { position: absolute; left: 27px; right: 95px; top: 50%; transform: translateY(-50%); color: #f3f1ea; font-size: clamp(17px, 2vw, 24px); pointer-events: none; }
.typing-layer::after { content: ''; display: inline-block; width: 2px; height: 1.15em; background: #f3f1ea; vertical-align: -.16em; margin-left: 3px; animation: blink .85s steps(1) infinite; }
.prompt-row.has-value .typing-layer, .prompt-row:focus-within .typing-layer { opacity: 0; }
.prompt-row input:focus::placeholder { color: #777b71; }
.prompt-row button { flex: 0 0 auto; width: 55px; height: 55px; border: 0; border-radius: 50%; background: var(--accent); color: white; cursor: pointer; font-size: 24px; transition: .25s ease; }
.prompt-row button:hover { transform: rotate(8deg) scale(1.07); }
@keyframes blink { 50% { opacity: 0; } }

.ai-result { display: none; padding: 20px 26px 24px; border-top: 1px solid #3c3f37; background: #292b26; }
.ai-result.open { display: block; animation: answerOpen .5s ease both; }
@keyframes answerOpen { from { opacity: 0; transform: translateY(-10px); } }
.answer-progress { display: flex; justify-content: space-between; align-items: center; border: 1px solid #464940; border-radius: 10px; padding: 11px 13px; font: 500 8px 'DM Mono'; color: #aeb1a8; }
.answer-progress > span { width: 75%; height: 3px; border-radius: 4px; background: #3f423a; overflow: hidden; }
.answer-progress > span::after { content: ''; display: block; width: 62%; height: 100%; background: var(--lime); animation: answerLoad 1.2s ease; }
@keyframes answerLoad { from { width: 0; } }
.answer-progress b { color: var(--lime); }
.answer-card { margin-top: 10px; border: 1px solid #464940; border-radius: 12px; padding: 17px; }
.answer-card > small { font: 500 8px 'DM Mono'; color: #d9ad67; }
.answer-card > p { margin: 12px 0 15px; color: #e2e3dd; font-size: 13px; line-height: 1.65; }
.answer-steps { display: flex; gap: 7px; flex-wrap: wrap; }
.answer-steps span { border: 1px solid #55594f; border-radius: 999px; padding: 7px 9px; color: #d9c07e; font: 500 7px 'DM Mono'; }
.answer-next { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 10px; padding: 11px 13px; border: 1px solid #464940; border-radius: 10px; color: #bcbfb6; font-size: 9px; }
.answer-next a { color: #dfbd70; font-weight: 700; }
.question-chips { display: flex; justify-content: center; gap: 7px; flex-wrap: wrap; margin-top: 16px; }
.question-chips button { border: 1px solid var(--line); border-radius: 999px; padding: 8px 11px; background: rgba(255,255,255,.6); color: var(--muted); cursor: pointer; font-size: 9px; transition: .2s; }
.question-chips button:hover { background: white; color: var(--ink); transform: translateY(-2px); }
.hero-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; padding: 14px 17px; border: 1px solid var(--line); border-radius: 12px; background: white; font-size: 11px; font-weight: 700; transition: .25s ease; }
.button:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(33,34,29,.08); }
.button.primary { background: var(--ink); color: white; border-color: var(--ink); }
.scope-line { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 28px; color: #888a83; font: 500 7px 'DM Mono'; text-transform: uppercase; letter-spacing: .08em; }
.scope-line i { width: 3px; height: 3px; border-radius: 50%; background: var(--accent); }

.section-head { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 54px; }
.section-head h2 { font: 400 clamp(47px, 5.5vw, 72px)/.96 'Instrument Serif'; letter-spacing: -.035em; margin: 18px 0 0; }
.section-head h2 em { color: var(--accent); font-weight: 400; }
.section-head > p { max-width: 410px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.section-head.light { color: #f4f2eb; }
.section-head.light > p { color: #aeb0aa; }
.section-head.light .kicker { color: #d89a81; }

.systems-section { margin: 0 18px; padding: 112px 0; border-radius: 34px; background: var(--dark); overflow: hidden; }
.system-console { border: 1px solid #44473f; border-radius: 25px; overflow: hidden; background: #282a25; color: #f1f1e9; box-shadow: 0 32px 80px rgba(0,0,0,.15); }
.system-console.changing .system-map { animation: systemRefresh .55s cubic-bezier(.2,.72,.2,1); }
@keyframes systemRefresh { from { opacity: .45; transform: scale(.992); } }
.console-top { min-height: 66px; padding: 13px 18px; border-bottom: 1px solid #44473f; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }
.live-state, .sample-label { font: 500 7px 'DM Mono'; color: #999c94; letter-spacing: .08em; }
.live-state { display: flex; align-items: center; gap: 9px; }
.live-state > span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(185,223,159,.08); animation: livePulse 1.8s ease-in-out infinite; }
@keyframes livePulse { 50% { box-shadow: 0 0 0 9px rgba(185,223,159,.02); } }
.sample-label { justify-self: end; }
.scenario-tabs { display: flex; gap: 5px; border: 1px solid #44473f; padding: 4px; border-radius: 999px; }
.scenario-tabs button { border: 0; background: transparent; color: #a8aaa2; border-radius: 999px; padding: 9px 14px; cursor: pointer; font: 500 8px 'DM Mono'; transition: .3s; }
.scenario-tabs button.active { color: var(--ink); background: #f2f0e9; }

.system-map { min-height: 505px; display: grid; grid-template-columns: 245px 92px minmax(300px,1fr) 92px 255px; align-items: center; gap: 0; padding: 40px 30px; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px); background-size: 52px 52px; }
.map-column > small, .cloud-core > small { font: 500 7px 'DM Mono'; color: #8f9289; }
.interface-card { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; margin-top: 16px; border: 1px solid #494c43; border-radius: 14px; padding: 13px; background: #30322d; box-shadow: 0 15px 35px rgba(0,0,0,.12); animation: cardHover 4s ease-in-out infinite; }
@keyframes cardHover { 50% { transform: translateY(-5px); } }
.interface-icon { width: 36px; height: 36px; border-radius: 10px; background: #e5d395; color: #5b4a1f; display: grid; place-items: center; font-size: 18px; }
.interface-card b, .destination-stack b { display: block; font-size: 9px; }
.interface-card span, .destination-stack span { display: block; color: #a5a89f; font-size: 7px; margin-top: 4px; }
.interface-card em { color: #e49a7d; font: 500 6px 'DM Mono'; font-style: normal; }
.data-preview { margin-top: 12px; border: 1px solid #41443c; border-radius: 13px; padding: 12px; display: grid; grid-template-columns: 54px 1fr; gap: 8px; background: rgba(29,31,27,.7); }
.data-preview span { font: 500 6px 'DM Mono'; color: #767a70; }
.data-preview b { overflow: hidden; text-overflow: ellipsis; font-size: 7px; font-weight: 500; color: #c7cac1; }
.data-lane { position: relative; height: 2px; background: #565a50; margin: 0 11px; }
.data-lane::before, .data-lane::after { content: ''; position: absolute; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #70746a; }
.data-lane::before { left: 0; }.data-lane::after { right: 0; }
.lane-label { position: absolute; left: 50%; top: -20px; transform: translateX(-50%); white-space: nowrap; color: #7c8077; font: 500 6px 'DM Mono'; text-transform: uppercase; }
.moving-packet { position: absolute; z-index: 2; left: 0; top: -4px; width: 10px; height: 10px; border: 2px solid var(--dark); border-radius: 50%; background: #ef9b79; box-shadow: 0 0 15px rgba(239,155,121,.7); animation: packetMove 2.35s ease-in-out infinite; }
.packet-two { animation-delay: 1.17s; }
@keyframes packetMove { 0% { left: 0; opacity: 0; } 12%,88% { opacity: 1; } 100% { left: calc(100% - 8px); opacity: 0; } }

.automation-cloud { min-height: 370px; position: relative; display: grid; place-items: center; isolation: isolate; }
.cloud-aura { position: absolute; z-index: -2; border: 1px solid #4a5046; border-radius: 50%; animation: auraSpin 18s linear infinite; }
.aura-one { width: 310px; height: 310px; border-style: dashed; }
.aura-two { width: 240px; height: 240px; animation-direction: reverse; animation-duration: 12s; }
@keyframes auraSpin { to { transform: rotate(360deg); } }
.cloud-core { position: relative; z-index: 3; width: 210px; min-height: 185px; padding: 30px 25px; border: 1px solid #55594f; border-radius: 58px; background: linear-gradient(145deg,#31332e,#1f211d); display: flex; flex-direction: column; justify-content: center; text-align: center; box-shadow: 0 28px 60px rgba(0,0,0,.28), 0 0 0 10px rgba(255,255,255,.018); }
.cloud-core::before, .cloud-core::after { content: ''; position: absolute; z-index: -1; border-radius: 50%; background: #292b26; border: 1px solid #51554b; }
.cloud-core::before { width: 105px; height: 105px; left: -25px; top: 9px; }
.cloud-core::after { width: 130px; height: 130px; right: -24px; top: -20px; }
.cloud-core strong { font: 400 30px/1 'Instrument Serif'; margin: 13px 0 20px; }
.cloud-core > span { font-size: 7px; color: #9da098; margin-top: 9px; }
.cloud-progress { height: 4px; border-radius: 5px; background: #41443c; overflow: hidden; }
.cloud-progress i { display: block; height: 100%; background: linear-gradient(90deg,#e08765,#cbe3bb); animation: cloudLoad 3.1s ease-in-out infinite; }
@keyframes cloudLoad { 0% { width: 5%; } 65%,100% { width: 100%; } }
.tool-satellite { position: absolute; z-index: 4; min-width: 70px; padding: 9px 11px; border: 1px solid #4c5047; border-radius: 999px; background: #31332e; color: #d9dad4; text-align: center; font: 500 7px 'DM Mono'; box-shadow: 0 11px 22px rgba(0,0,0,.17); }
.sat-make { left: 6%; top: 18%; animation: satelliteA 4.6s ease-in-out infinite; }
.sat-n8n { right: 4%; top: 28%; animation: satelliteB 5.2s ease-in-out infinite; }
.sat-ai { left: 11%; bottom: 18%; animation: satelliteB 4.2s ease-in-out infinite; }
.sat-data { right: 8%; bottom: 12%; animation: satelliteA 5.5s ease-in-out infinite; }
@keyframes satelliteA { 50% { transform: translate(5px,-8px); border-color: #a8bd9d; } }
@keyframes satelliteB { 50% { transform: translate(-6px,7px); border-color: #d59377; } }
.destination-stack { display: grid; gap: 8px; margin-top: 16px; }
.destination-stack article { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; border: 1px solid #44473f; border-radius: 12px; background: #30322d; padding: 11px; opacity: .54; animation: destinationOn 3.6s ease-in-out infinite; }
.destination-stack article:nth-child(2) { animation-delay: 1.15s; }.destination-stack article:nth-child(3) { animation-delay: 2.3s; }
@keyframes destinationOn { 0%,26%,100% { opacity: .5; transform: translateX(0); } 38%,66% { opacity: 1; transform: translateX(5px); border-color: #8ba67e; } }
.app-dot { width: 27px; height: 27px; border-radius: 8px; background: #dadcd5; position: relative; }
.app-dot::after { content: ''; position: absolute; inset: 8px; border: 2px solid #454840; border-radius: 50%; }
.app-dot.hubspot { background: #f0c7b7; }.app-dot.slack { background: #dfd9f3; }.app-dot.notion { background: #e5e4df; }
.destination-stack em { font: 500 8px 'DM Mono'; color: var(--lime); font-style: normal; }
.event-stream { min-height: 77px; border-top: 1px solid #44473f; display: grid; grid-template-columns: 115px 1fr 1.2fr; align-items: center; gap: 22px; padding: 14px 20px; }
.event-stream > span { font: 500 7px 'DM Mono'; color: #777b72; }
.stream-message { min-width: 0; display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 9px; border-left: 1px solid #454840; padding-left: 20px; }
.stream-message i { width: 6px; height: 6px; border-radius: 50%; background: #e39170; box-shadow: 0 0 0 5px rgba(227,145,112,.07); }
.stream-message b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; font-weight: 500; color: #c8cac2; }
.stream-message small { color: #777a72; font: 500 7px 'DM Mono'; }
.system-result { border-left: 1px solid #454840; padding-left: 22px; }
.system-result small { display: block; color: #8e9188; font: 500 6px 'DM Mono'; margin-bottom: 5px; }
.system-result strong { font: 400 18px 'Instrument Serif'; color: #e6e7e0; }

.services-section { padding: 120px 0 105px; }
.service-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.service-card { position: relative; min-height: 395px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.78); padding: 26px; display: flex; flex-direction: column; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.service-card::after { content: ''; position: absolute; right: -80px; top: -95px; width: 220px; height: 220px; border: 1px solid rgba(215,115,82,.14); border-radius: 50%; transition: transform .5s ease; }
.service-card:hover { transform: translateY(-6px); border-color: #c9c6bb; box-shadow: 0 24px 55px rgba(35,34,29,.08); }
.service-card:hover::after { transform: scale(1.16); }
.service-card.web-card { background: #252721; color: #f4f2eb; border-color: #3e4139; }
.service-card.web-card::after { border-color: rgba(185,223,159,.2); box-shadow: 0 0 70px rgba(185,223,159,.06); }
.service-card.geo-card { grid-column: 1 / -1; min-height: 330px; background: linear-gradient(120deg,#eef3ff 0%,#fff 44%,#f2ecff 100%); border-color: #d8ddea; }
.service-card.geo-card::after { width: 390px; height: 390px; top: -215px; right: -80px; border-color: rgba(91,131,239,.2); box-shadow: 0 0 100px rgba(124,95,226,.08); }
.geo-card-copy { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: end; }
.geo-card .geo-card-copy h3 { margin-top: 42px; }
.geo-card .geo-card-copy p { color: var(--muted); font-size: 11px; line-height: 1.75; max-width: 560px; }
.geo-card .geo-card-copy ul { margin: 36px 0 0; }
.service-top { display: flex; justify-content: space-between; gap: 20px; position: relative; z-index: 1; }
.service-top span { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: var(--accent); font: 500 8px 'DM Mono'; background: rgba(255,255,255,.7); }
.web-card .service-top span { background: #2e302b; border-color: #4a4e44; }
.service-top em { color: #8a8d85; font: 500 7px 'DM Mono'; font-style: normal; letter-spacing: .08em; }
.service-card h3 { position: relative; z-index: 1; font: 400 clamp(32px,4vw,47px)/1 'Instrument Serif'; letter-spacing: -.025em; margin: 46px 0 14px; }
.service-card > p { position: relative; z-index: 1; max-width: 510px; color: var(--muted); font-size: 11px; line-height: 1.75; }
.web-card > p { color: #b8bbb2; }
.service-card ul { position: relative; z-index: 1; margin: 20px 0 30px; padding: 0; list-style: none; display: grid; gap: 9px; }
.service-card li { display: flex; gap: 9px; align-items: center; color: #555951; font-size: 9px; }
.service-card li::before { content: ''; width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: #a8c797; box-shadow: 0 0 0 4px rgba(168,199,151,.12); }
.web-card li { color: #d0d2cb; }
.service-card > a { position: relative; z-index: 1; margin-top: auto; border-top: 1px solid var(--line); padding-top: 18px; display: flex; justify-content: space-between; font-size: 10px; font-weight: 700; }
.web-card > a { border-color: #44473f; color: #d9bd78; }
.services-footer { margin-top: 14px; border: 1px solid var(--line); border-radius: 17px; background: #eee5c7; padding: 19px 22px; display: grid; grid-template-columns: 150px 1fr auto; align-items: center; gap: 24px; }
.services-footer span { color: #80651f; font: 500 8px 'DM Mono'; text-transform: uppercase; }
.services-footer p { margin: 0; color: #66675f; font-size: 10px; line-height: 1.6; }
.services-footer a { font-size: 10px; font-weight: 700; }

.outcomes-section { padding: 120px 0; }
.outcome-lab { display: grid; grid-template-columns: 330px 1fr; border: 1px solid var(--line); border-radius: 26px; overflow: hidden; background: white; box-shadow: 0 30px 70px rgba(39,37,31,.06); }
.outcome-nav { border-right: 1px solid var(--line); padding: 14px; display: flex; flex-direction: column; }
.outcome-nav > button { width: 100%; border: 0; border-bottom: 1px solid var(--line); background: transparent; padding: 21px 13px; display: grid; grid-template-columns: 27px 1fr auto; gap: 10px; align-items: start; text-align: left; cursor: pointer; transition: .3s ease; }
.outcome-nav > button:first-child { border-radius: 13px 13px 0 0; }
.outcome-nav > button span { color: var(--accent); font: 500 8px 'DM Mono'; }
.outcome-nav > button b { display: block; font: 400 22px/1.05 'Instrument Serif'; }
.outcome-nav > button small { display: block; margin-top: 7px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.outcome-nav > button > i { font-style: normal; color: #aaa; opacity: 0; transform: translateX(-5px); transition: .25s; }
.outcome-nav > button.active { background: #f1eddb; border: 0; border-radius: 13px; margin: 4px 0; }
.outcome-nav > button.active > i { opacity: 1; transform: none; color: var(--accent); }
.outcome-note { margin-top: auto; border-radius: 13px; background: var(--ink); color: white; padding: 17px; }
.outcome-note span { color: #dba088; font: 500 7px 'DM Mono'; }
.outcome-note p { margin: 9px 0 0; color: #c3c5be; font-size: 8px; line-height: 1.55; }
.outcome-stage { min-width: 0; background: #f6f5f0; display: grid; grid-template-rows: 55px 1fr 76px; min-height: 610px; }
.stage-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 20px; border-bottom: 1px solid var(--line); font: 500 7px 'DM Mono'; color: #7c7f77; }
.stage-header b { display: flex; align-items: center; gap: 8px; color: #667c5c; }
.stage-header b i { width: 7px; height: 7px; border-radius: 50%; background: #94bc80; animation: livePulse 1.8s infinite; }
.outcome-view { display: none; padding: 32px; min-height: 470px; }
.outcome-view.active { display: grid; place-items: center; animation: viewIn .55s cubic-bezier(.2,.72,.2,1) both; }
@keyframes viewIn { from { opacity: 0; transform: translateY(13px) scale(.985); } }
.inbox-window, .insight-window, .sync-window { width: min(620px,100%); border: 1px solid #d5d4cb; border-radius: 20px; background: white; padding: 20px; box-shadow: 0 25px 60px rgba(45,40,32,.09); }
.mini-bar { display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); padding-bottom: 14px; color: #878981; font: 500 7px 'DM Mono'; }
.mini-bar b { color: var(--accent); }
.queue-item { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 12px; margin-top: 11px; border: 1px solid var(--line); border-radius: 12px; padding: 12px; background: #faf9f5; animation: queueCycle 4.8s ease-in-out infinite; }
.queue-item.q2 { animation-delay: .5s; }.queue-item.q3 { animation-delay: 1s; }
@keyframes queueCycle { 0%,100% { transform: translateX(0); border-color: var(--line); } 35%,55% { transform: translateX(6px); border-color: #aac29f; background: #f5f8f2; } }
.queue-item > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--butter); font-style: normal; }
.queue-item b { display: block; font-size: 9px; }.queue-item small { display: block; color: var(--muted); margin-top: 4px; font-size: 7px; }
.queue-item > span { color: var(--accent); font: 500 6px 'DM Mono'; }
.workflow-line { height: 5px; background: #e5e3db; border-radius: 5px; margin: 22px 6px 9px; overflow: hidden; }
.workflow-line i { display: block; height: 100%; background: linear-gradient(90deg,var(--accent),#9fbd91); animation: workflowFill 3.8s ease-in-out infinite; }
@keyframes workflowFill { 0% { width: 0; } 70%,100% { width: 100%; } }
.workflow-labels { display: flex; justify-content: space-between; color: #8a8c85; font-size: 7px; }
.signal-grid { display: grid; grid-template-columns: 150px 1fr; gap: 30px; align-items: end; margin: 28px 0; }
.signal-grid small, .signal-grid span { display: block; color: var(--muted); font-size: 8px; }.signal-grid strong { display: block; font: 400 70px 'Instrument Serif'; line-height: .9; margin: 10px 0 3px; }
.animated-bars { height: 135px; display: flex; align-items: end; gap: 8px; border-bottom: 1px solid var(--line); }
.animated-bars i { flex: 1; height: var(--h); border-radius: 5px 5px 0 0; background: #cad4c5; transform-origin: bottom; animation: barsGrow 2.8s ease-in-out infinite alternate; }
.animated-bars i:nth-last-child(-n+2) { background: var(--accent); }
.animated-bars i:nth-child(2) { animation-delay: .2s; }.animated-bars i:nth-child(3) { animation-delay: .4s; }.animated-bars i:nth-child(4) { animation-delay: .6s; }.animated-bars i:nth-child(5) { animation-delay: .8s; }.animated-bars i:nth-child(6) { animation-delay: 1s; }
@keyframes barsGrow { from { transform: scaleY(.55); opacity: .6; } }
.recommendation-card { border-left: 3px solid var(--accent); border-radius: 10px; background: #f7f5ef; padding: 14px 16px; }
.recommendation-card > span { color: var(--accent); font: 500 7px 'DM Mono'; }
.recommendation-card p { font-size: 10px; line-height: 1.55; margin: 8px 0 12px; }
.recommendation-card button { width: 100%; border: 0; border-radius: 8px; padding: 10px 12px; display: flex; justify-content: space-between; background: var(--ink); color: white; font-size: 8px; }
.sync-window { position: relative; padding: 27px; background: radial-gradient(circle at center,rgba(223,233,218,.75),#fff 55%); }
.sync-trigger { width: 180px; margin: auto; text-align: center; border: 1px solid var(--line); border-radius: 13px; background: white; padding: 12px; position: relative; z-index: 2; }
.sync-trigger small { display: block; color: var(--accent); font: 500 7px 'DM Mono'; }.sync-trigger b { display: block; font-size: 10px; margin-top: 7px; }
.sync-line { width: 2px; height: 48px; background: #d4a38f; margin: auto; position: relative; }
.sync-line i { position: absolute; left: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); animation: syncPacket 1.5s linear infinite; }
@keyframes syncPacket { from { top: -5px; opacity: 0; } 20%,80% { opacity: 1; } to { top: 44px; opacity: 0; } }
.sync-apps { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; position: relative; }
.sync-apps::before { content: ''; position: absolute; left: 10%; right: 10%; top: -1px; height: 1px; background: #d5a690; }
.sync-apps article { position: relative; border: 1px solid var(--line); border-radius: 12px; background: white; text-align: center; padding: 17px 7px 12px; animation: appSync 3.6s ease-in-out infinite; }
.sync-apps article::before { content: ''; position: absolute; left: 50%; top: -14px; width: 1px; height: 14px; background: #d5a690; }
.sync-apps article:nth-child(2) { animation-delay: .75s; }.sync-apps article:nth-child(3) { animation-delay: 1.5s; }.sync-apps article:nth-child(4) { animation-delay: 2.25s; }
@keyframes appSync { 20%,45% { transform: translateY(-5px); border-color: #92b383; box-shadow: 0 12px 25px rgba(80,110,69,.1); } }
.sync-apps article > span { width: 30px; height: 30px; margin: auto; border-radius: 9px; display: grid; place-items: center; background: #efeee9; font-weight: 700; font-size: 9px; }.sync-apps b { display: block; margin: 9px 0 4px; font-size: 8px; }.sync-apps em { color: #719163; font: 500 6px 'DM Mono'; font-style: normal; }
.stage-footer { border-top: 1px solid var(--line); background: white; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.stage-footer small { display: block; color: var(--accent); font: 500 6px 'DM Mono'; margin-bottom: 5px; }.stage-footer strong { font: 400 19px 'Instrument Serif'; }.stage-footer > span { color: var(--muted); font: 500 7px 'DM Mono'; }

.method-section { margin: 0 18px; padding: 112px 0; border-radius: 34px; background: #272923; color: #f3f2eb; }
.method-track { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.method-rail { position: absolute; left: 7%; right: 7%; top: 24px; height: 1px; background: #484b42; }
.method-rail i { display: block; width: 0; height: 100%; background: linear-gradient(90deg,#d77352,#d9c27d,#afd398); }
.method-track.is-visible .method-rail i { animation: railFill 1.6s .25s ease forwards; }
@keyframes railFill { to { width: 100%; } }
.method-card { position: relative; z-index: 2; border: 1px solid #464940; border-radius: 23px; background: #2e302b; padding: 22px; min-height: 590px; display: flex; flex-direction: column; opacity: 0; transform: translateY(25px); }
.method-track.is-visible .method-card { animation: methodIn .7s .2s ease forwards; }.method-track.is-visible .method-card:nth-of-type(2) { animation-delay: .42s; }.method-track.is-visible .method-card:nth-of-type(3) { animation-delay: .64s; }
@keyframes methodIn { to { opacity: 1; transform: none; } }
.method-card.featured { background: #36382f; border-color: #6a704f; }
.method-number { width: 48px; height: 48px; border: 1px solid #55584f; border-radius: 50%; background: var(--dark); display: grid; place-items: center; color: #dc9a80; font: 500 8px 'DM Mono'; }
.method-duration { position: absolute; right: 22px; top: 28px; color: #a5a89f; font: 500 7px 'DM Mono'; }
.method-artifact { height: 148px; margin: 25px 0; border: 1px solid #474a42; border-radius: 15px; background: #252721; padding: 17px; position: relative; overflow: hidden; }
.method-artifact > em { position: absolute; right: 14px; bottom: 12px; color: #a9ca97; font: 500 6px 'DM Mono'; font-style: normal; }
.artifact-row { display: grid; grid-template-columns: 25px 1fr 40px; gap: 8px; align-items: center; padding: 8px; border-bottom: 1px solid #3d4038; }
.artifact-row span { width: 18px; height: 18px; border-radius: 5px; background: #4c5046; }.artifact-row b { height: 4px; background: #4a4d45; border-radius: 4px; }.artifact-row i { height: 4px; background: #6e725f; border-radius: 4px; animation: artifactScan 2.5s ease infinite; }
.artifact-row:nth-child(2) i { animation-delay: .5s; }.artifact-row:nth-child(3) i { animation-delay: 1s; }
@keyframes artifactScan { 50% { background: var(--accent); transform: scaleX(.72); } }
.case-dots { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }.case-dots i { height: 38px; border-radius: 8px; border: 1px solid #52604d; background: #344031; animation: caseRun 3.2s ease-in-out infinite; }.case-dots i:nth-child(2) { animation-delay: .3s; }.case-dots i:nth-child(3) { animation-delay: .6s; }.case-dots i:nth-child(4) { animation-delay: .9s; }.case-dots i:nth-child(5) { animation-delay: 1.2s; }.case-dots i:nth-child(6) { animation-delay: 1.5s; }.case-dots i:nth-child(7) { animation-delay: 1.8s; }.case-dots i:nth-child(8) { animation-delay: 2.1s; }
.case-dots i.exception { background: #50362e; border-color: #8a5946; }
@keyframes caseRun { 30%,55% { transform: translateY(-3px); box-shadow: inset 0 0 0 2px rgba(185,223,159,.18); } }
.live-artifact { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 15px; }
.health-ring { width: 82px; height: 82px; border-radius: 50%; border: 1px solid #4d5248; display: grid; place-items: center; position: relative; }.health-ring i { position: absolute; inset: 5px; border: 3px solid transparent; border-top-color: #a8d093; border-right-color: #a8d093; border-radius: 50%; animation: auraSpin 2.7s linear infinite; }.health-ring b { color: #b7daa5; font: 500 8px 'DM Mono'; }.live-artifact > div:last-child { display: grid; grid-template-columns: 1fr auto; gap: 9px; font-size: 7px; }.live-artifact span { color: #868a81; }.live-artifact em { color: #b3d3a2; font-style: normal; }
.method-card > small { color: #d79276; font: 500 7px 'DM Mono'; }
.method-card h3 { font: 400 35px/1 'Instrument Serif'; margin: 12px 0; }
.method-card > p { color: #aeb1a8; font-size: 10px; line-height: 1.7; min-height: 52px; }
.method-card ul { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 8px; }
.method-card li { border: 1px solid #464940; border-radius: 9px; padding: 10px; color: #c6c8c0; font-size: 8px; }.method-card li::before { content: '✓'; color: #a8d093; margin-right: 9px; }
.method-card > strong { margin-top: auto; border-top: 1px solid #4a4d44; padding-top: 16px; font-size: 9px; color: #e0e1da; }

.resources-section { padding: 120px 0; }
.resource-grid { display: grid; grid-template-columns: 1.18fr 1fr 1fr; gap: 14px; }
.resource-card { min-height: 360px; border: 1px solid var(--line); border-radius: 22px; padding: 24px; background: white; display: flex; flex-direction: column; overflow: hidden; position: relative; transition: .3s ease; }
.resource-card:hover { transform: translateY(-7px); box-shadow: 0 22px 55px rgba(37,34,28,.09); }
.resource-card.guide { background: var(--butter); }.resource-card.calculator { background: #e4ebdf; }.resource-card.readiness { background: #e7e1f2; }
.resource-card > span { font: 500 7px 'DM Mono'; }
.resource-card h3 { font: 400 32px/1.05 'Instrument Serif'; margin: auto 0 10px; max-width: 310px; }
.resource-card p { color: var(--muted); font-size: 9px; line-height: 1.65; max-width: 300px; }.resource-card b { margin-top: 16px; font-size: 9px; }
.resource-mark { align-self: end; font: 400 96px/.8 'Instrument Serif'; color: rgba(86,66,25,.22); transform: rotate(6deg); }
.resource-graph { height: 115px; display: flex; align-items: end; gap: 7px; padding: 15px 5px; }.resource-graph i { flex: 1; height: var(--h,35%); border-radius: 5px 5px 0 0; background: #9eb294; }.resource-graph i:nth-child(1){--h:25%}.resource-graph i:nth-child(2){--h:42%}.resource-graph i:nth-child(3){--h:38%}.resource-graph i:nth-child(4){--h:67%}.resource-graph i:nth-child(5){--h:88%;background:var(--accent)}
.resource-checks { display: grid; grid-template-columns: repeat(4,48px); gap: 7px; margin: 26px 0; justify-content: end; }.resource-checks i { width: 48px; height: 48px; border: 1px solid rgba(70,60,90,.18); border-radius: 12px; display: grid; place-items: center; color: #69588d; background: rgba(255,255,255,.28); font-style: normal; font-weight: 700; }

.about-strip { padding: 78px 0; background: #e4eadf; }
.about-grid { display: grid; grid-template-columns: 150px 1fr 330px; gap: 45px; align-items: center; }
.about-index > span { width: 112px; height: 112px; border-radius: 50%; display: grid; place-items: center; overflow: hidden; background: var(--ink); color: white; font: 400 38px 'Instrument Serif'; }
.about-photo { position: relative; box-shadow: inset 0 0 0 1px rgba(255,255,255,.13), 0 12px 30px rgba(32,33,29,.12); }
.about-photo img { width: 118%; height: 118%; max-width: none; object-fit: cover; object-position: 50% 50%; }
.about-index small { display: block; margin-top: 13px; color: #697165; font: 500 6px/1.55 'DM Mono'; }
.about-copy h2 { font: 400 clamp(38px,4.3vw,57px)/.98 'Instrument Serif'; margin: 12px 0 15px; }.about-copy > p:not(.kicker) { max-width: 650px; color: #5b6557; font-size: 11px; line-height: 1.75; }.about-signals { display: flex; flex-wrap: wrap; gap: 7px; margin: 17px 0; }.about-signals span { border: 1px solid #bac5b6; border-radius: 999px; padding: 7px 9px; background: rgba(255,255,255,.3); font-size: 7px; }.about-copy > a { display: inline-block; border-bottom: 1px solid; padding-bottom: 4px; font-size: 9px; font-weight: 700; }
.book-tile { display: grid; grid-template-columns: 92px 1fr; gap: 17px; align-items: center; border: 1px solid #b8c5b4; border-radius: 19px; padding: 14px; background: rgba(255,255,255,.52); transition: .3s ease; }.book-tile:hover { transform: rotate(-1deg) translateY(-5px); background: white; }.book-tile img { width: 92px; height: 132px; object-fit: cover; border-radius: 9px; box-shadow: 0 14px 30px rgba(58,43,92,.2); }.book-tile small { color: var(--accent); font: 500 6px 'DM Mono'; }.book-tile b { display: block; font: 400 27px 'Instrument Serif'; margin: 9px 0 5px; }.book-tile span { display: block; color: var(--muted); font-size: 7px; line-height: 1.45; }.book-tile em { display: block; margin-top: 13px; font-size: 7px; font-style: normal; font-weight: 700; }

.faq-section { padding: 120px 0; display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
.faq-title { position: sticky; top: 55px; }.faq-title h2 { font: 400 clamp(58px,6.5vw,88px)/.92 'Instrument Serif'; letter-spacing: -.04em; margin: 22px 0; }.faq-title > p:last-child { max-width: 350px; color: var(--muted); font-size: 11px; line-height: 1.75; }
.faq-list { border-top: 1px solid #c8b98b; }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item button { width: 100%; border: 0; background: transparent; padding: 26px 0; display: flex; justify-content: space-between; gap: 30px; align-items: center; text-align: left; cursor: pointer; font-size: 16px; font-weight: 700; }
.faq-item button i { width: 26px; height: 26px; flex: 0 0 auto; display: grid; place-items: center; color: #9b7417; font-style: normal; font-size: 22px; font-weight: 500; transition: transform .35s ease; }
.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.2,.72,.2,1); }
.faq-answer > p { overflow: hidden; margin: 0; max-width: 720px; color: #666860; font-size: 12px; line-height: 1.8; }
.faq-item.open .faq-answer { grid-template-rows: 1fr; }.faq-item.open .faq-answer > p { padding-bottom: 27px; }.faq-item.open button i { transform: rotate(180deg); }

.book-section { margin-bottom: 80px; padding: 70px; border-radius: 30px; background: var(--accent); color: #fff8f3; display: grid; grid-template-columns: .78fr 1.22fr; gap: 55px; align-items: center; }
.book-copy h2 { font: 400 clamp(49px,5vw,70px)/.95 'Instrument Serif'; letter-spacing: -.035em; margin: 17px 0; }.book-copy > p:not(.kicker) { max-width: 540px; color: #fae1d7; font-size: 12px; line-height: 1.75; }.light-button { margin-top: 20px; color: var(--ink); }
.booking-card { border-radius: 21px; padding: 22px; background: white; color: var(--ink); box-shadow: 0 25px 60px rgba(112,52,33,.18); }
.booking-card-calendly { padding: 0; overflow: hidden; }
.booking-card-calendly .booking-top { padding: 20px 22px 16px; }
.calendly-inline-widget { min-width: 320px; height: 690px; background: #fff; }
.calendly-inline-widget iframe { display: block; }
.booking-top { display: flex; justify-content: space-between; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); padding-bottom: 16px; }.booking-top > div { display: flex; align-items: center; gap: 11px; }.booking-top strong { font: 400 24px 'Instrument Serif'; }.booking-top > span { color: var(--muted); font: 500 7px 'DM Mono'; }
.booking-focus { margin: 14px 0 6px; border-radius: 11px; background: #f4f1e9; padding: 12px 14px; }.booking-focus small { color: var(--accent); font: 500 6px 'DM Mono'; }.booking-focus p { margin: 5px 0 0; font-size: 9px; }
.meeting-agenda article { display: grid; grid-template-columns: 28px 1fr auto; gap: 11px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }.meeting-agenda article > span { color: var(--accent); font: 500 7px 'DM Mono'; }.meeting-agenda b { display: block; font-size: 9px; margin-bottom: 4px; }.meeting-agenda small { display: block; color: var(--muted); font-size: 7px; line-height: 1.45; }.meeting-agenda em { color: #92948c; font: 500 7px 'DM Mono'; font-style: normal; }
.booking-footer { display: flex; justify-content: space-between; gap: 18px; padding-top: 14px; color: var(--muted); font-size: 7px; }.booking-footer b { color: var(--ink); }
.booking-card-calendly .booking-footer { padding: 14px 22px 18px; border-top: 1px solid var(--line); }
.site-footer { min-height: 90px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 25px; align-items: center; color: var(--muted); font-size: 8px; }.site-footer nav { display: flex; gap: 20px; }

.geo-section { margin: 0 18px; padding: 112px 0; border-radius: 34px; background: #f0f3f8; overflow: hidden; }
.geo-section .section-head { color: #161a24; }
.geo-network-card,.geo-dashboard { border: 1px solid #d9dee8; border-radius: 26px; background: rgba(255,255,255,.88); overflow: hidden; box-shadow: 0 28px 80px rgba(47,60,88,.08); }
.geo-card-bar { min-height: 58px; padding: 0 22px; border-bottom: 1px solid #e0e4ec; display: flex; align-items: center; justify-content: space-between; color: #798092; font: 500 7px 'DM Mono'; letter-spacing: .08em; }
.geo-card-bar span { display: flex; align-items: center; gap: 10px; }.geo-card-bar i { width: 8px; height: 8px; border-radius: 50%; background: #5a8ff5; box-shadow: 0 0 0 5px rgba(90,143,245,.1); }
.geo-network { position: relative; min-height: 590px; isolation: isolate; overflow: hidden; }
.geo-network::before { content: ''; position: absolute; inset: 0; z-index: -3; background-image: linear-gradient(rgba(80,91,120,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,91,120,.045) 1px,transparent 1px); background-size: 54px 54px; }
.geo-hub { position: absolute; z-index: 8; left: 50%; transform: translateX(-50%); min-width: 230px; border-radius: 16px; padding: 16px 20px; background: #181c24; color: white; text-align: center; box-shadow: 0 18px 35px rgba(20,25,36,.18); }
.geo-hub small { display: block; margin-bottom: 6px; color: #aeb8cc; font: 500 6px 'DM Mono'; }.geo-hub strong { font-size: 12px; }.question-hub { top: 47px; }.brand-hub { bottom: 45px; }
.geo-orbit { position: absolute; z-index: 1; left: 50%; top: 50%; border: 2px solid var(--orbit-color); border-radius: 50%; transform: translate(-50%,-50%); opacity: .75; }
.geo-orbit i { position: absolute; left: 50%; top: -6px; width: 11px; height: 11px; border: 3px solid white; border-radius: 50%; background: var(--orbit-color); box-shadow: 0 0 0 6px color-mix(in srgb,var(--orbit-color) 18%,transparent); animation: geoSignal 3.7s ease-in-out infinite; }
.orbit-a { --orbit-color:#4389f5; width: 88%; height: 360px; animation: geoOrbit 21s linear infinite; }.orbit-b { --orbit-color:#d263ef; width: 73%; height: 440px; animation: geoOrbit 25s linear infinite reverse; }.orbit-c { --orbit-color:#efb13b; width: 2px; height: 390px; border-radius: 0; animation: none; }.orbit-d { --orbit-color:#23c28c; width: 55%; height: 470px; animation: geoOrbit 28s linear infinite; }.orbit-e { --orbit-color:#f06065; width: 38%; height: 410px; animation: geoOrbit 18s linear infinite reverse; }
.orbit-b i { animation-delay: .7s; }.orbit-c i { animation-delay: 1.4s; }.orbit-d i { animation-delay: 2.1s; }.orbit-e i { animation-delay: 2.8s; }
@keyframes geoOrbit { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes geoSignal { 0%,100% { transform: translateX(-30px); opacity: .35; } 50% { transform: translateX(30px); opacity: 1; } }
.geo-platform { position: absolute; z-index: 9; width: 116px; min-height: 78px; border: 1px solid #d9dde5; border-radius: 18px; background: rgba(255,255,255,.96); display: grid; place-items: center; align-content: center; gap: 7px; box-shadow: 0 15px 34px rgba(56,66,91,.1); animation: geoFloat 4.8s ease-in-out infinite; }
.geo-platform span { font-size: 21px; line-height: 1; }.geo-platform b { font-size: 8px; }.platform-chatgpt { left: 9%; top: 42%; color: #2e765c; }.platform-claude { left: 27%; top: 23%; color: #c96d4b; animation-delay: .8s; }.platform-perplexity { right: 27%; top: 23%; color: #3289a2; animation-delay: 1.6s; }.platform-gemini { right: 9%; top: 42%; color: #6756db; animation-delay: 2.4s; }.platform-meta { left: calc(50% - 58px); bottom: 27%; color: #4389f5; animation-delay: 3.2s; }
@keyframes geoFloat { 50% { transform: translateY(-8px); box-shadow: 0 22px 40px rgba(56,66,91,.14); } }
.geo-steps { border-top: 1px solid #e0e4ec; display: grid; grid-template-columns: repeat(3,1fr); }
.geo-steps article { min-height: 135px; padding: 24px; display: grid; grid-template-columns: 28px 1fr; gap: 14px; border-right: 1px solid #e0e4ec; }.geo-steps article:last-child { border: 0; }.geo-steps article > span { color: #65728c; font: 500 7px 'DM Mono'; }.geo-steps b { font-size: 11px; }.geo-steps p { margin: 8px 0 0; color: #717787; font-size: 8px; line-height: 1.65; }

.geo-dashboard { margin-top: 18px; }
.geo-dashboard-head { min-height: 120px; padding: 26px 28px; display: flex; justify-content: space-between; align-items: center; gap: 30px; border-bottom: 1px solid #e0e4ec; }.geo-dashboard-head span { color: #68748d; font: 500 7px 'DM Mono'; }.geo-dashboard-head h3 { margin: 10px 0 0; font: 400 34px 'Instrument Serif'; }.geo-dashboard-head > b { border: 1px solid #d6dce8; border-radius: 999px; padding: 9px 12px; color: #81899b; font: 500 6px 'DM Mono'; }
.geo-metrics { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid #e0e4ec; }.geo-metrics article { padding: 23px; min-height: 145px; border-right: 1px solid #e0e4ec; background: linear-gradient(145deg,#fff,#f8f9fc); }.geo-metrics article:last-child { border: 0; }.geo-metrics small { color: #747e91; font: 500 6px 'DM Mono'; }.geo-metrics strong { display: block; margin: 14px 0 5px; font-size: 33px; letter-spacing: -.05em; }.geo-metrics strong em { color: #7c8aa5; font-size: 17px; font-style: normal; }.geo-metrics span { color: #858b99; font-size: 7px; }
.geo-chart-wrap { padding: 28px; }.geo-chart-title { display: flex; justify-content: space-between; align-items: end; gap: 25px; }.geo-chart-title span { color: #7b8496; font: 500 6px 'DM Mono'; }.geo-chart-title b { display: block; margin-top: 7px; font-size: 12px; }.geo-legend { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 7px; color: #6f7684; font-size: 6px; }.geo-legend i { width: 7px; height: 7px; border-radius: 2px; margin-left: 5px; }
.lg-chat,.bar-chat{background:#4e86ee}.lg-claude,.bar-claude{background:#20b886}.lg-perplexity,.bar-perplexity{background:#9c7dec}.lg-gemini,.bar-gemini{background:#ecae32}.lg-meta,.bar-meta{background:#f16a6a}
.geo-chart { height: 330px; position: relative; margin-top: 24px; border-left: 1px solid #dce1ea; border-bottom: 1px solid #dce1ea; }.chart-grid { position: absolute; inset: 0; display: grid; grid-template-rows: repeat(4,1fr); }.chart-grid i { border-top: 1px solid #e9ecf2; }.geo-bars { position: absolute; inset: 20px 20px 0; display: grid; grid-template-columns: repeat(6,1fr); align-items: end; gap: 25px; }.geo-bars > div { height: 100%; display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: stretch; position: relative; padding-bottom: 24px; }.geo-bars i { display: block; height: calc(var(--v) * .72px); min-height: 5px; transform-origin: bottom; animation: geoBarRise 1.2s cubic-bezier(.2,.72,.2,1) both; }.geo-bars > div:nth-child(2) i{animation-delay:.1s}.geo-bars > div:nth-child(3) i{animation-delay:.2s}.geo-bars > div:nth-child(4) i{animation-delay:.3s}.geo-bars > div:nth-child(5) i{animation-delay:.4s}.geo-bars > div:nth-child(6) i{animation-delay:.5s}.geo-bars span { position: absolute; bottom: 3px; left: 0; right: 0; color: #8a91a0; text-align: center; font: 500 6px 'DM Mono'; }
@keyframes geoBarRise { from { transform: scaleY(0); opacity: .2; } }
.geo-dashboard-foot { min-height: 84px; padding: 18px 28px; border-top: 1px solid #e0e4ec; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 25px; }.geo-dashboard-foot span { border-radius: 999px; padding: 8px 10px; background: #edf1f8; color: #65728b; font: 500 6px 'DM Mono'; }.geo-dashboard-foot p { margin: 0; color: #737986; font-size: 8px; line-height: 1.55; }.geo-dashboard-foot a { font-size: 8px; font-weight: 700; }

.reveal { opacity: 0; filter: blur(7px); transform: translateY(58px) scale(.985); transition: opacity .85s cubic-bezier(.2,.72,.2,1), transform .85s cubic-bezier(.2,.72,.2,1), filter .85s ease; }
.reveal.is-visible { opacity: 1; filter: none; transform: none; }

@media (max-width: 1040px) {
  .system-map { grid-template-columns: 210px 65px minmax(275px,1fr) 65px 220px; padding-inline: 18px; }
  .tool-satellite { min-width: 61px; padding-inline: 8px; }
  .about-grid { grid-template-columns: 130px 1fr; }.book-tile { grid-column: 2; max-width: 360px; }
  .geo-network { min-height: 560px; }.platform-chatgpt{left:3%}.platform-gemini{right:3%}.geo-bars{gap:14px}
}

@media (max-width: 860px) {
  .site-nav { grid-template-columns: 1fr auto; }.site-nav nav { display: none; }
  .section-head { display: block; }.section-head > p { margin-top: 24px; }
  .systems-section, .method-section { margin-inline: 7px; border-radius: 25px; }
  .console-top { grid-template-columns: 1fr auto; }.sample-label { display: none; }
  .system-map { grid-template-columns: 1fr; padding: 30px 20px; gap: 0; }
  .map-column { max-width: 430px; width: 100%; margin: auto; }
  .data-lane { width: 2px; height: 68px; margin: 10px auto; }.data-lane::before,.data-lane::after { left: -2px; top: auto; }.data-lane::before { top: 0; }.data-lane::after { bottom: 0; }.lane-label { left: 18px; top: 50%; transform: translateY(-50%); }.moving-packet { left: -4px; top: 0; animation-name: packetMoveVertical; }.packet-two { animation-delay: 1.17s; }
  @keyframes packetMoveVertical { 0% { top: 0; opacity: 0; } 12%,88% { opacity: 1; } 100% { top: calc(100% - 8px); opacity: 0; } }
  .automation-cloud { min-height: 360px; }.event-stream { grid-template-columns: 1fr 1fr; }.event-stream > span { display: none; }.stream-message { border-left: 0; padding-left: 0; }
  .service-grid { grid-template-columns: 1fr; }.services-footer { grid-template-columns: 1fr; gap: 10px; }
  .outcome-lab { grid-template-columns: 1fr; }.outcome-nav { border-right: 0; border-bottom: 1px solid var(--line); }.outcome-note { margin-top: 13px; }.outcome-stage { min-height: 585px; }
  .method-track { grid-template-columns: 1fr; gap: 16px; }.method-rail { left: 24px; right: auto; top: 6%; bottom: 6%; width: 1px; height: auto; }.method-track.is-visible .method-rail i { animation-name: railFillVertical; width: 100%; height: 0; } @keyframes railFillVertical { to { height: 100%; } }.method-card { min-height: 520px; }
  .resource-grid { grid-template-columns: 1fr; }.resource-card { min-height: 310px; }.resource-mark { position: absolute; right: 25px; top: 30px; }.resource-graph { max-width: 350px; align-self: end; width: 100%; }.resource-checks { align-self: end; }
  .faq-section { grid-template-columns: 1fr; gap: 45px; }.faq-title { position: static; }.faq-title > p:last-child { max-width: 520px; }
  .book-section { grid-template-columns: 1fr; padding: 48px 38px; }
  .calendly-inline-widget { height: 740px; }
  .geo-card-copy { grid-template-columns: 1fr; gap: 0; }.geo-card .geo-card-copy ul { margin-top: 8px; }
  .geo-section { margin-inline: 7px; border-radius: 25px; padding: 82px 0; }.geo-network { min-height: 620px; }.geo-platform { width: 100px; }.platform-chatgpt{left:4%;top:37%}.platform-claude{left:20%;top:20%}.platform-perplexity{right:20%;top:20%}.platform-gemini{right:4%;top:37%}.platform-meta{bottom:24%}.geo-steps{grid-template-columns:1fr}.geo-steps article{border-right:0;border-bottom:1px solid #e0e4ec;min-height:110px}.geo-metrics{grid-template-columns:1fr 1fr}.geo-metrics article:nth-child(2){border-right:0}.geo-metrics article:nth-child(-n+2){border-bottom:1px solid #e0e4ec}.geo-dashboard-foot{grid-template-columns:1fr}.geo-chart-title{align-items:flex-start;flex-direction:column}.geo-legend{justify-content:flex-start}
}

@media (max-width: 520px) {
  .book-section { padding: 38px 16px; }
  .booking-card-calendly .booking-top { padding-inline: 16px; }
  .booking-card-calendly .booking-footer { padding-inline: 16px; flex-direction: column; gap: 5px; }
  .calendly-inline-widget { min-width: 0; width: 100%; height: 760px; }
}

@media (max-width: 620px) {
  .shell { width: calc(100% - 30px); }
  .site-nav { height: 70px; }.nav-cta { padding: 10px 12px; font-size: 9px; }
  .hero { padding: 75px 0 65px; text-align: left; }.hero h1 { font-size: 58px; margin-top: 23px; }.hero-copy { font-size: 14px; }.guide-window { margin-top: 46px; }.window-bar { min-height: 50px; padding-inline: 17px; }.window-bar > span { display: none; }.prompt-row { min-height: 125px; padding: 22px 18px; align-items: flex-end; }.typing-layer { left: 18px; right: 70px; top: 34%; font-size: 17px; }.prompt-row input { font-size: 17px; }.prompt-row button { width: 47px; height: 47px; }.question-chips,.hero-actions { justify-content: flex-start; }.hero-actions .button { width: 100%; }.scope-line { justify-content: flex-start; }
  .section-head h2 { font-size: 44px; }.systems-section,.method-section { padding: 82px 0; }
  .console-top { grid-template-columns: 1fr; }.live-state { display: none; }.scenario-tabs { justify-content: space-between; }.scenario-tabs button { flex: 1; padding-inline: 8px; }
  .system-map { padding-inline: 13px; }.automation-cloud { min-height: 330px; }.aura-one { width: 280px; height: 280px; }.aura-two { width: 215px; height: 215px; }.cloud-core { width: 190px; }.sat-make { left: 0; }.sat-n8n { right: 0; }.sat-ai { left: 2%; }.sat-data { right: 0; }
  .event-stream { grid-template-columns: 1fr; }.system-result { border: 0; border-top: 1px solid #454840; padding: 13px 0 0; }
  .services-section,.outcomes-section,.resources-section { padding: 85px 0; }.service-card { min-height: 365px; padding: 22px; }.service-card h3 { margin-top: 38px; font-size: 37px; }.outcome-view { padding: 18px 13px; }.outcome-stage { min-height: 600px; }.stage-header,.stage-footer { align-items: flex-start; flex-direction: column; padding-block: 14px; }.stage-header { min-height: 70px; }.stage-footer > span { display: none; }
  .signal-grid { grid-template-columns: 1fr; }.animated-bars { height: 100px; }.sync-apps { grid-template-columns: 1fr 1fr; }.sync-apps::before,.sync-apps article::before { display: none; }.sync-line { height: 25px; }
  .about-grid { grid-template-columns: 1fr; text-align: center; gap: 25px; }.about-index > span { margin: auto; }.about-signals { justify-content: center; }.book-tile { grid-column: auto; margin: auto; max-width: 330px; text-align: left; }
  .faq-section { padding: 85px 0; }.faq-title h2 { font-size: 62px; }.faq-item button { padding: 22px 0; font-size: 13px; }.faq-answer > p { font-size: 10px; }
  .book-section { width: calc(100% - 16px); padding: 38px 20px; gap: 38px; }.book-copy h2 { font-size: 49px; }.booking-top strong { font-size: 20px; }.meeting-agenda article { grid-template-columns: 25px 1fr; }.meeting-agenda em { display: none; }.booking-footer { align-items: flex-start; flex-direction: column; }
  .site-footer { padding: 30px 0; align-items: flex-start; flex-direction: column; }.site-footer nav { flex-wrap: wrap; }
  .service-card.geo-card { grid-column:auto; }.geo-section{padding:80px 0}.geo-card-bar b{display:none}.geo-network{min-height:690px}.geo-hub{min-width:190px}.question-hub{top:28px}.brand-hub{bottom:26px}.geo-platform{width:90px;min-height:70px}.platform-chatgpt{left:3%;top:36%}.platform-claude{left:8%;top:20%}.platform-perplexity{right:8%;top:20%}.platform-gemini{right:3%;top:36%}.platform-meta{left:calc(50% - 45px);bottom:23%}.orbit-a{width:130%;height:370px}.orbit-b{width:100%;height:500px}.orbit-d{width:72%;height:540px}.orbit-e{width:42%;height:470px}.geo-dashboard-head{align-items:flex-start;flex-direction:column}.geo-metrics{grid-template-columns:1fr}.geo-metrics article{border-right:0;border-bottom:1px solid #e0e4ec!important}.geo-metrics article:last-child{border-bottom:0!important}.geo-chart-wrap{padding:22px 14px}.geo-chart{height:280px}.geo-bars{gap:6px;inset-inline:8px}.geo-bars i{height:calc(var(--v) * .57px)}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .reveal,.method-card { opacity: 1 !important; transform: none !important; filter: none !important; }
}