/* Founder Blueprint: tokens, foundations, components, motion, responsive layouts. */
:root {
  --color-paper:#F5F1E8; --color-paper-dark:#E9E3D7; --color-white:#FFFDF8;
  --color-ink:#171717; --color-ink-soft:#55534F; --color-line:#D7D1C5;
  --color-blueprint:#5B5CE2; --color-idea:#F5D06E; --color-growth:#D8F36A;
  --color-market:#FF7058; --color-research:#A9DDE5;
  --paper:var(--color-paper); --paper-2:var(--color-paper-dark); --white:var(--color-white);
  --ink:var(--color-ink); --muted:var(--color-ink-soft); --line:var(--color-line);
  --blue:var(--color-blueprint); --lime:var(--color-growth); --coral:var(--color-market);
  --serif:'Instrument Serif',Georgia,serif; --sans:'Inter',Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1); --space:clamp(64px,7vw,112px);
  --shadow:0 8px 28px #30291808,0 2px 4px #30291805;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.65 var(--sans); -webkit-font-smoothing:antialiased; }
::selection { background:var(--lime); color:var(--ink); }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
button,summary { cursor:pointer; }
button { color:inherit; }
svg { display:block; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-weight:400; }
h1,h2 { font-family:var(--serif); letter-spacing:-.035em; }
:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.system-section :focus-visible,.global-section :focus-visible { outline-color:var(--lime); }
.container { width:min(1440px,calc(100% - 112px)); margin-inline:auto; }
.section-pad { padding-block:var(--space); }
.eyebrow { font-size:10px; line-height:1.5; letter-spacing:.13em; text-transform:uppercase; font-weight:600; margin-bottom:20px; }
.section-heading h2,.flow-header h2 { font:400 clamp(42px,4.4vw,66px)/1.02 var(--serif); letter-spacing:-.035em; margin-bottom:24px; }
.section-heading>p:not(.eyebrow) { color:var(--muted); max-width:480px; font-size:15px; }
.section-heading .text-link { margin-top:28px; }
.centered { text-align:center; margin-bottom:44px; }
.centered h2 { margin-bottom:0; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:100; top:8px; left:12px; padding:12px 20px; background:var(--ink); color:var(--white); transform:translateY(-150%); }
.skip-link:focus { transform:none; }

/* Navigation and actions */
.site-header { position:sticky; top:0; z-index:30; background:#f5f1e8ed; border-bottom:1px solid transparent; transition:box-shadow .2s,border-color .2s; backdrop-filter:blur(16px); }
.site-header.scrolled { box-shadow:0 4px 20px #17171705; border-color:var(--line); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; gap:32px; height:94px; }
.logo { display:inline-flex; align-items:center; gap:12px; }
.logo-mark { width:40px; height:40px; flex-shrink:0; }
.logo-mark svg { width:100%; height:100%; stroke:currentColor; stroke-width:1.2; fill:none; }
.logo-type { font-size:24px; letter-spacing:-.035em; line-height:1.2; font-weight:700; }
.logo-type small { display:block; font-size:10px; letter-spacing:.08em; font-weight:500; margin-top:4px; }
.whatsapp-float { position:fixed; right:max(24px,env(safe-area-inset-right)); bottom:max(24px,env(safe-area-inset-bottom)); z-index:90; display:grid; place-items:center; width:58px; height:58px; border:2px solid white; border-radius:50%; color:white; background:#128c4a; box-shadow:0 4px 20px #0003; }
.whatsapp-float svg { width:31px; height:31px; }
.whatsapp-float:hover { background:#0b713b; }
.whatsapp-float:focus-visible { outline:3px solid var(--ink); outline-offset:4px; }
.whatsapp-label { position:absolute; right:calc(100% + 12px); white-space:nowrap; padding:8px 12px; border-radius:6px; background:var(--ink); color:white; font-size:12px; opacity:0; visibility:hidden; pointer-events:none; }
.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label { opacity:1; visibility:visible; }
@media (max-width:650px) {
  .whatsapp-float { right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); width:54px; height:54px; }
  .site-footer { padding-bottom:90px; }
}
.primary-nav { display:flex; align-items:center; gap:28px; font-size:12px; font-weight:500; }
.primary-nav>a:not(.button) { padding-block:12px; text-underline-offset:7px; }
.primary-nav>a:not(.button):hover,.primary-nav>a[aria-current] { text-decoration:underline; color:var(--blue); }
.primary-nav .button { margin-left:32px; }
.menu-toggle { display:none; border:1px solid var(--line); border-radius:50%; background:transparent; width:44px; height:44px; padding:12px; }
.menu-toggle>span:not(.sr-only) { display:block; width:18px; height:1px; background:var(--ink); margin:4px 0; transition:transform .2s; }
.menu-toggle[aria-expanded=true]>span:nth-child(1) { transform:translateY(5px) rotate(45deg); }
.menu-toggle[aria-expanded=true]>span:nth-child(2) { opacity:0; }
.menu-toggle[aria-expanded=true]>span:nth-child(3) { transform:translateY(-5px) rotate(-45deg); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:15px 24px; min-height:48px; border-radius:99px; border:1px solid transparent; font-size:11px; font-weight:500; line-height:1.3; transition:background .2s,box-shadow .2s; }
.button-dark { color:var(--white); background:var(--ink); }
.button-dark:hover,.button-dark:focus-visible { background:#30302c; box-shadow:0 5px 14px #17171718; }
.button-light { background:var(--white); color:var(--ink); }
.button-light:hover { background:var(--paper-2); }
.button-outline { border-color:var(--ink); background:transparent; }
.button-outline:hover { background:var(--white); }
.button-small { min-height:40px; padding:11px 22px; font-size:10px; }
.button span,.text-link span { display:inline-block; transition:transform .2s; }
.button:hover span,.button:focus-visible span,.text-link:hover span,.text-link:focus-visible span { transform:translate(3px,-2px); }
.text-link { display:inline-flex; align-items:center; gap:18px; font-size:11px; font-weight:500; min-height:44px; text-decoration:underline; text-underline-offset:5px; }
.text-link span { text-decoration:none; font-size:17px; }

/* An open, illustrated hero blueprint */
.hero { padding-top:36px; padding-bottom:0; background:radial-gradient(ellipse at 80% 30%,#f5d06e14,transparent 60%); }
.hero-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:16px; align-items:center; min-height:570px; padding-bottom:42px; }
.hero-copy { position:relative; z-index:2; padding-bottom:20px; }
.hero .eyebrow { display:inline-block; background:var(--color-idea); font-size:9px; letter-spacing:.05em; padding:3px 7px; margin-bottom:20px; }
.eyebrow-dot { display:none; }
.hero h1 { font-size:clamp(62px,6.7vw,98px); line-height:.94; letter-spacing:-.045em; margin-bottom:26px; }
.hero h1 em { font-style:normal; }
.hero-lede { color:var(--muted); max-width:400px; font-size:16px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:28px; }
.hero-actions .text-link { font-size:10px; gap:10px; }
.hero-actions .text-link span { border:1px solid var(--line); border-radius:50%; width:25px; height:25px; display:grid; place-items:center; }
.hero-facts { display:flex; margin-top:42px; gap:28px; }
.hero-facts>div { border-left:1px solid var(--line); padding-left:22px; }
.hero-facts>div:first-child { border:0; padding:0; }
.hero-facts strong { display:block; font:26px/1.2 var(--serif); }
.hero-facts span { display:block; font-size:9px; color:var(--muted); margin-top:4px; }
.blueprint { height:540px; position:relative; isolation:isolate; color:var(--ink); background-image:linear-gradient(30deg,transparent 49.7%,#d7d1c54d 50%,transparent 50.3%),linear-gradient(150deg,transparent 49.7%,#d7d1c54d 50%,transparent 50.3%); background-size:70px 120px; }
.blueprint:before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at center,transparent 35%,var(--paper) 76%); }
.blueprint-top,.blueprint-bottom { position:absolute; left:24px; right:0; display:flex; justify-content:space-between; gap:12px; font-size:7px; letter-spacing:.12em; color:var(--muted); }
.blueprint-top { top:4px; }
.blueprint-bottom { bottom:4px; padding-top:12px; border-top:1px solid var(--line); }
.blueprint-route { position:absolute; inset:0; width:100%; height:100%; }
.route-base { fill:none; stroke:var(--line); stroke-width:1.25; }
.route-draw { fill:none; stroke:var(--blue); stroke-width:1.5; stroke-dasharray:1; stroke-dashoffset:0; }
.motion-ready .route-draw { stroke-dashoffset:1; }
.in-view .route-draw { animation:draw-route 1.3s var(--ease) .2s both; }
.blueprint .route-draw.route-selected,.journey-connector .route-draw.route-selected { animation:none; transition:stroke-dashoffset .45s var(--ease); }
.blueprint-node { position:absolute; width:120px; display:flex; align-items:center; flex-direction:column; transform:translate(-50%,-68%); }
.node-symbol { display:grid; place-items:center; width:96px; height:104px; position:relative; transition:transform .25s,filter .25s; }
.blueprint-icon { width:100%; height:100%; stroke:var(--ink); stroke-width:1.3; fill:none; }
.node-caption { background:var(--accent,var(--paper)); font-size:10px; text-transform:uppercase; font-weight:600; display:flex; align-items:center; gap:8px; padding:4px 8px; border-radius:3px; white-space:nowrap; }
.node-caption small { font-size:8px; font-weight:500; }
.node-1 { left:15%; top:20.37%; --accent:var(--color-idea); }
.node-2 { left:50%; top:20.37%; --accent:var(--color-research); }
.node-3 { left:85%; top:36.11%; --accent:#c6c2f8; }
.node-4 { left:70%; top:53.7%; --accent:#ffb3a5; }
.node-5 { left:42.5%; top:51.85%; --accent:var(--lime); }
.node-6 { left:17.5%; top:52.78%; --accent:var(--color-idea); }
.node-7 { left:17.5%; top:77.78%; --accent:#ffb3a5; }
.node-8 { left:50.83%; top:80.56%; --accent:#c6c2f8; }
.blueprint-node:hover .node-symbol,.blueprint-node:focus-visible .node-symbol { transform:translateY(-5px); filter:drop-shadow(0 7px 7px #17171712); }
.blueprint-node.is-current .node-caption { outline:1px solid var(--ink); outline-offset:3px; }
.blueprint-node.in-founder-path .node-caption:before { content:'•'; }
.blueprint-node.is-dimmed { opacity:.4; }
.blueprint-note { position:absolute; right:0; bottom:78px; display:flex; align-items:center; gap:12px; font:19px/1.2 var(--serif); transform:rotate(-8deg); }
.blueprint-note>span:last-child { font-size:30px; color:var(--blue); }
.hero-ticker { border-block:1px solid var(--line); }
.ticker-track { width:min(1440px,calc(100% - 112px)); margin:auto; min-height:57px; display:flex; align-items:center; gap:36px; font-size:9px; letter-spacing:.12em; }
.ticker-track b { color:var(--blue); font-size:18px; font-weight:400; }
.ticker-aside { margin-left:auto; color:var(--muted); font-size:8px; }

/* Founder reality: an editorial desk composition */
.problem-section { border-bottom:1px solid var(--line); }
.problem-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.problem-grid .section-heading h2 { max-width:440px; }
.challenge-map { position:relative; min-height:365px; width:100%; max-width:580px; margin:auto; }
.note-sheet { position:absolute; border:1px solid var(--line); padding:24px; background:var(--white); box-shadow:var(--shadow); }
.note-back { left:5%; top:30px; width:220px; min-height:275px; transform:rotate(-10deg); background:repeating-linear-gradient(var(--white) 0 27px,#d7d1c54d 28px); }
.note-back h3 { font:33px/1 var(--serif); margin-block:20px; }
.note-label { font-size:7px; letter-spacing:.1em; font-weight:600; display:block; }
.note-checks { display:grid; grid-template-columns:1fr 1fr; gap:12px 10px; font-size:9px; color:var(--muted); }
.note-checks span:before { content:'↗'; color:var(--blue); margin-right:5px; }
.note-front { right:7%; top:40px; width:245px; min-height:290px; transform:rotate(6deg); }
.note-front .blueprint-icon { width:63px; height:71px; margin-block:16px 8px; }
.note-front h3 { font:32px/1.05 var(--serif); }
.note-front p { margin-top:14px; font-size:11px; color:var(--muted); }
.note-front .text-link { font-size:9px; margin-top:10px; gap:12px; }
.paper-clip { width:18px; height:45px; border:2px solid #b2ab9b; position:absolute; right:20px; top:-15px; border-radius:9px; transform:rotate(10deg); }
.hand-note { font:21px/1.1 var(--serif); color:var(--blue); position:absolute; bottom:0; left:20%; transform:rotate(-7deg); }

/* Connected eight-stage selector and real service details */
.journey-section { background:var(--white); }
.journey-intro,.channels-head,.deliver-head,.resources-head,.flow-header { display:flex; justify-content:space-between; gap:48px; align-items:end; margin-bottom:48px; }
.journey-intro h2 { margin-bottom:0; }
.intro-aside,.channels-head>p,.deliver-head>p { font-size:14px; color:var(--muted); max-width:350px; }
.journey-layout { display:grid; grid-template-columns:1.15fr 1fr; align-items:start; gap:56px; }
.journey-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:40px 0; position:relative; padding:32px 0; }
.journey-connector { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.journey-tabs.in-view .journey-icon { animation:enter .45s var(--ease) calc(var(--i)*.06s) backwards; }
.journey-tab { position:relative; border:0; background:transparent; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px 4px; min-height:150px; font-size:10px; font-weight:600; gap:6px; text-transform:uppercase; border-radius:12px; transition:background .2s,transform .2s; }
.journey-tab:nth-of-type(5) { grid-column:4; grid-row:2; }
.journey-tab:nth-of-type(6) { grid-column:3; grid-row:2; }
.journey-tab:nth-of-type(7) { grid-column:2; grid-row:2; }
.journey-tab:nth-of-type(8) { grid-column:1; grid-row:2; }
.journey-icon { width:60px; height:68px; fill:none; stroke:var(--ink); }
.journey-step { display:grid; place-items:center; height:23px; width:23px; border:1px solid var(--line); background:var(--white); border-radius:50%; font-size:8px; font-weight:400; }
.journey-tab b { font-size:13px; font-weight:400; opacity:0; position:absolute; right:12px; top:12px; }
.journey-tab.active { background:var(--paper); outline:1px solid var(--blue); outline-offset:-1px; }
.journey-tab.active .journey-step { color:var(--white); background:var(--blue); border-color:var(--blue); }
.journey-tab.active b { opacity:1; }
.journey-tab.in-founder-path:not(.active):after { content:''; height:3px; width:18px; background:var(--blue); border-radius:9px; position:absolute; bottom:5px; }
.journey-tab:hover { transform:translateY(-3px); background:var(--paper); }
.journey-detail { position:relative; border:1px solid var(--line); padding:32px; border-radius:16px; background:var(--paper); min-height:440px; transition:background .3s; }
.detail-top { display:flex; align-items:center; gap:16px; margin-bottom:26px; padding-right:54px; }
.detail-number { display:grid; place-items:center; width:34px; height:34px; border:1px solid #17171750; border-radius:50%; font-size:10px; flex-shrink:0; }
.detail-kicker { font-size:8px; letter-spacing:.1em; }
.detail-illustration { position:absolute; right:28px; top:20px; width:62px; height:70px; }
.journey-detail h3 { font:46px/.98 var(--serif); letter-spacing:-.025em; margin:0 0 18px; }
.journey-detail>p { font-size:14px; max-width:410px; line-height:1.65; }
.service-list { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; margin:24px 0; font-size:12px; }
.service-list li { padding-left:13px; position:relative; }
.service-list li:before { content:'+'; position:absolute; left:0; }
.journey-detail .button { min-height:42px; padding:12px 18px; font-size:10px; }

/* Six linked disciplines around a single idea */
.system-section { background:#121E24; color:var(--paper); }
.system-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:56px; }
.system-section .eyebrow { color:var(--lime); }
.system-section .section-heading>p:not(.eyebrow) { color:#bdc6c8; font-size:15px; }
.system-section h2 { font-size:clamp(40px,4vw,60px); }
.service-network { position:relative; height:380px; }
.system-routes { position:absolute; width:100%; height:100%; inset:0; }
.system-routes path { stroke:#62716b; stroke-width:1; fill:none; }
.motion-ready .system-routes path { stroke-dasharray:1; stroke-dashoffset:1; }
.service-network.in-view .system-routes path { animation:draw-route 1s .2s both; }
.system-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:112px; height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-radius:50%; border:1px solid #f5d06e99; background:radial-gradient(circle,#3b3a27,#17272b 70%); box-shadow:0 0 50px #f5d06e12; }
.system-core small { font-size:6px; letter-spacing:.1em; color:#d5d4bc; margin-bottom:7px; }
.system-core strong { font:29px/.95 var(--serif); color:var(--color-idea); }
.system-links a { display:flex; align-items:center; gap:9px; position:absolute; width:39%; min-height:80px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--ink); box-shadow:0 5px 15px #0002; transition:transform .2s,background .2s,box-shadow .2s; }
.system-links a:nth-child(1) { left:0; top:0; }
.system-links a:nth-child(2) { right:0; top:0; }
.system-links a:nth-child(3) { left:0; top:150px; }
.system-links a:nth-child(4) { right:0; top:150px; }
.system-links a:nth-child(5) { left:0; bottom:0; }
.system-links a:nth-child(6) { right:0; bottom:0; }
.service-icon { width:38px; height:43px; flex-shrink:0; fill:none; stroke:var(--ink); }
.service-label strong { display:block; font-weight:600; font-size:9px; text-transform:uppercase; }
.service-label small { display:block; font-size:7px; color:var(--muted); margin-top:3px; }
.system-links a>b { margin-left:auto; font-size:13px; font-weight:400; }
.system-links a:hover,.system-links a:focus-visible { transform:translateY(-4px); background:var(--white); box-shadow:0 7px 24px #0004; }
.system-links a.is-current { outline:2px solid var(--lime); outline-offset:4px; }
.system-links a.is-current strong { text-decoration:underline; text-underline-offset:3px; }
.service-network:has(a:hover) .system-routes path,.service-network:has(a:focus-visible) .system-routes path { stroke:var(--color-idea); }

/* Founder Mode configures the journey and inquiry stage */
.stages-section { border-bottom:1px solid var(--line); }
.stages-section>.container { display:grid; grid-template-columns:.7fr 1.3fr; gap:64px; align-items:start; }
.stages-section .centered { text-align:left; margin:0; }
.stages-section h2 { font-size:clamp(40px,4vw,58px); }
.stage-selector { min-width:0; }
.stage-options { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.stage-option { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:var(--white); border:1px solid var(--line); border-radius:12px; padding:18px 10px; min-height:156px; font-size:11px; transition:transform .2s,border-color .2s,box-shadow .2s; }
.mode-icon { width:52px; height:59px; fill:none; stroke:var(--ink); }
.stage-option>span { position:absolute; top:12px; right:14px; font-size:14px; }
.stage-option.active { border-color:var(--blue); box-shadow:0 0 0 2px #5b5ce21a; }
.stage-option.active:after { content:'✓ Selected'; font-size:8px; color:var(--blue); position:absolute; bottom:7px; }
.stage-option:hover { transform:translateY(-3px); border-color:var(--blue); }
.stage-result { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.result-kicker { font-size:8px; letter-spacing:.12em; color:var(--muted); }
.stage-result>p { font-size:13px; margin-top:8px; max-width:600px; }
.result-items { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:20px 0 8px; }
.result-items span { font-size:9px; background:var(--white); border:1px solid var(--line); padding:6px 9px; border-radius:99px; }
.result-items span:not(:last-child):after { content:'→'; padding-left:8px; color:var(--blue); }
.stage-result .text-link { color:var(--blue); }

/* The existing detailed execution roadmap */
.flow-section { background:var(--paper-2); padding-block:64px; }
.flow-header { align-items:center; margin-bottom:32px; }
.flow-header .eyebrow { flex-shrink:0; margin:0; }
.flow-header h2 { font-size:36px; margin:0; }
.vertical-flow { display:grid; grid-template-columns:repeat(5,1fr); gap:32px 20px; }
.flow-progress { display:none; }
.flow-item { border-top:1px solid #beb6a8; padding-top:14px; display:flex; align-items:start; gap:12px; }
.flow-item>span { width:25px; height:25px; border:1px solid #aaa191; border-radius:50%; display:grid; place-items:center; flex-shrink:0; font-size:8px; transition:background .3s; }
.flow-item.active>span { background:var(--color-idea); border-color:var(--color-idea); }
.flow-item strong { display:block; font-size:8px; font-weight:600; }
.flow-item small { display:block; font-size:10px; color:var(--muted); margin-top:4px; }

/* Commerce and deliverables */
.channels-section { background:var(--white); }
.channels-head h2,.deliver-head h2,.resources-head h2 { margin-bottom:0; }
.market-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:40px; align-items:stretch; }
.market-feature { padding:36px; background:var(--paper); border:1px solid var(--line); border-radius:16px; display:flex; flex-direction:column; align-items:start; }
.commerce-visual { width:100%; padding:16px 12px 0; border:1px solid var(--line); border-radius:12px; background:var(--white); margin-bottom:4px; }
.commerce-caption { display:block; font-size:8px; letter-spacing:.12em; color:var(--muted); margin-bottom:12px; text-align:center; }
.commerce-visual>svg { width:100%; height:auto; max-height:190px; }
.market-feature h3 { font:44px/1 var(--serif); margin:24px 0 16px; }
.market-feature p { font-size:14px; color:var(--muted); }
.market-feature .text-link { margin-top:18px; }
.channel-directory { min-width:0; }
.channel-categories { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.channel-categories a { border:1px solid var(--line); padding:18px 14px; border-radius:12px; position:relative; background:var(--white); transition:transform .2s,border-color .2s; }
.channel-categories a:hover { transform:translateY(-4px); border-color:var(--blue); }
.channel-icon { width:45px; height:51px; margin-bottom:20px; fill:none; stroke:var(--ink); }
.channel-categories strong { display:block; font-size:10px; font-weight:600; }
.channel-categories small { font-size:8px; color:var(--muted); display:block; margin-top:5px; }
.channel-categories span { position:absolute; top:14px; right:14px; font-size:14px; }
.platforms { min-width:0; margin-top:28px; }
.brand-marquee-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; }
.brand-marquee-heading>span { font-size:8px; letter-spacing:.12em; color:var(--muted); }
.brand-art { overflow:hidden; padding-block:20px 24px; }
.brand-row { padding-block:10px; }
.brand-row+.brand-row { margin-top:8px; }
.brand-lane-label { display:block; margin-bottom:15px; font-size:8px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.brand-lane { width:calc(100% + 80px); margin-left:-40px; transform:rotate(-3deg); background:#FCE889; padding-block:20px; }
.brand-track { display:flex; width:max-content; animation:brand-scroll 38s linear infinite; will-change:transform; }
.brand-group { display:flex; align-items:center; justify-content:space-around; flex-shrink:0; min-width:var(--brand-lane-width,0px); gap:64px; padding-right:64px; }
.brand-wordmark { display:inline-block; flex-shrink:0; white-space:nowrap; font-size:38px; line-height:1.15; font-weight:700; letter-spacing:-.055em; }
.brand-blinkit { color:#101710; font-weight:800; letter-spacing:-.07em; }
.brand-blinkit>span { color:#328C30; }
.brand-zepto { color:#8F26D8; font-weight:700; font-size:49px; letter-spacing:-.06em; }
.brand-instamart { color:#C94A05; letter-spacing:-.035em; font-size:32px; }
.brand-instamart small { display:block; font-size:16px; letter-spacing:.05em; text-align:center; margin-top:-2px; }
.brand-bbnow { color:#37882E; font-style:italic; font-weight:800; }
.brand-minutes { color:#752944; font-size:31px; font-style:italic; }
.brand-amazon-now { color:#242D37; font-size:33px; }
.brand-jiomart { color:#1462A1; letter-spacing:-.045em; }
.brand-tira { font-weight:400; font-size:49px; color:#D93217; }
.brand-nykaa { color:#E90074; font-style:italic; }
.brand-nykaa-express { color:#E90074; font-style:italic; font-size:33px; }
.brand-meesho { color:#9F2089; }
.brand-flipkart { color:#2367CE; font-style:italic; }
.brand-myntra { color:#C52A60; letter-spacing:.02em; font-size:31px; }
.brand-ajio { color:#253A45; letter-spacing:.08em; font-weight:500; }
.brand-tatacliq { color:#772747; font-size:30px; }
.brand-amazon { color:#B85C00; }
.brand-snapdeal { color:#C4233D; }
.brand-shopsy { color:#7131B5; }
.brand-purplle { color:#732B99; }
.brand-firstcry { color:#164B87; }
.brand-croma { color:#006A60; }
.brand-reliance { color:#24458D; }
.brand-pepperfry { color:#B7481D; }
.brand-bigbasket { color:#477515; }
.brand-udaan { color:#C34D16; }
.brand-tradeindia { color:#274BA7; }
.brand-indiamart { color:#BB2337; }
.brand-etsy { font-family:Georgia,serif; color:#DA5D18; font-weight:400; }
.brand-row-2 .brand-lane { transform:rotate(2.5deg); background:#C8EAF4; }
.brand-row-2 .brand-track { animation-duration:74s; animation-direction:reverse; }
.brand-row-3 .brand-lane { transform:rotate(-2deg); background:#D8F3DC; }
.brand-row-3 .brand-track { animation-duration:51s; }
.brand-row-3 .brand-wordmark { font-size:29px; font-weight:600; }
@keyframes brand-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.channel-list { border-block:1px solid var(--line); padding:12px 0; }
.channel-list>summary { min-height:44px; font-size:11px; }
.channel-list-groups { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:20px 0 12px; }
.channel-list-group { min-width:0; }
.channel-list-group h3 { font-size:11px; font-weight:600; margin-bottom:10px; }
.channel-list-group ul { list-style:none; padding:0; margin:0; }
.channel-list-group a { display:inline-block; font-size:12px; line-height:1.5; padding-block:8px; color:var(--muted); text-underline-offset:4px; }
.channel-list-group a:hover { text-decoration:underline; color:var(--blue); }
.channel-note { font-size:9px; color:var(--muted); margin-top:16px; }
.deliver-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.deliver-grid article { padding:26px; border:1px solid var(--line); background:var(--white); border-radius:12px; display:flex; flex-direction:column; align-items:start; transition:transform .2s,border-color .2s; }
.deliver-grid article>span { font-size:9px; color:var(--muted); }
.deliver-grid h3 { font:33px/1.05 var(--serif); margin-top:32px; }
.deliver-grid ul { list-style:none; padding:0; margin:24px 0; font-size:11px; color:var(--muted); line-height:2; }
.deliver-grid a { font-size:10px; margin-top:auto; padding-block:12px; text-decoration:underline; text-underline-offset:5px; }
.deliver-grid .featured-deliver { background:#e8edcf; border-color:#cbd4a9; }
.deliver-grid article:hover,.resource-grid article:hover { transform:translateY(-4px); border-color:var(--blue); }

/* Global routes describe preparation, not overseas offices */
.global-section { color:var(--paper); background:#101D25; }
.global-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:center; }
.global-grid .section-heading { grid-column:1; grid-row:1; }
.global-grid .global-network { grid-column:2; grid-row:1; }
.global-section .eyebrow { color:var(--color-research); }
.global-grid .section-heading>p:not(.eyebrow) { color:#c0c9cc; font-size:15px; }
.check-list { padding:0; list-style:none; font-size:11px; color:#c0c9cc; margin:24px 0; }
.check-list li { padding-block:4px; }
.check-list li:before { content:'↗'; color:var(--lime); margin-right:10px; }
.global-section .button-dark { background:var(--paper); color:var(--ink); }
.global-section .button-dark:hover { background:var(--white); }
.global-network { position:relative; min-width:0; }
.global-network>svg { width:100%; height:auto; }
.network-caption { font-size:7px; letter-spacing:.14em; color:#a8b7c0; margin-bottom:12px; }
.map-contours { opacity:.3; }
.global-network .route-draw { stroke-width:1.3; }
.global-network .route-draw:nth-child(1) { stroke:var(--lime); }
.global-network .route-draw:nth-child(3) { stroke:var(--color-idea); }
.global-network.in-view .route-draw:nth-child(2) { animation-delay:.6s; }
.global-network.in-view .route-draw:nth-child(3) { animation-delay:1s; }
.global-network.in-view svg>g[fill="#D8F36A"] { animation:enter .6s 1s both; filter:drop-shadow(0 0 5px #d8f36a80); }
.network-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #ffffff26; padding-top:16px; }
.network-footer span { font-size:7px; letter-spacing:.1em; color:var(--lime); }
.network-footer small { font-size:8px; color:#b5c0c5; }
.map-legend { display:none; }

/* Story, benefits and inquiry */
.building-section { border-bottom:1px solid var(--line); }
.building-grid { display:grid; grid-template-columns:1fr 1fr; gap:96px; align-items:center; }
.building-section .button-light { border:1px solid var(--line); margin-top:26px; }
.building-quote { border-left:1px solid var(--line); padding-left:48px; }
.quote-mark { font:80px/.6 var(--serif); color:var(--blue); }
.building-quote p { font:38px/1.15 var(--serif); margin:24px 0; }
.quote-rule { display:block; width:40px; border-top:1px solid var(--blue); margin-bottom:18px; }
.building-quote small { font-size:8px; letter-spacing:.12em; color:var(--muted); }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.why-grid article { padding:28px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); }
.why-grid article:nth-child(3n) { border-right:0; }
.benefit-icon { width:45px; height:51px; fill:none; stroke:var(--ink); }
.why-grid h3 { font-size:14px; font-weight:500; margin:20px 0 10px; }
.why-grid p { color:var(--muted); font-size:14px; max-width:280px; }
.contact-section { background:var(--paper-2); }
.contact-grid,.faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.contact-intro h2 { font:clamp(56px,6.5vw,88px)/.98 var(--serif); letter-spacing:-.04em; margin-bottom:24px; }
.contact-intro>p:not(.eyebrow) { font-size:14px; max-width:300px; color:var(--muted); }
.contact-details { margin-top:36px; display:flex; flex-direction:column; align-items:start; font-size:12px; gap:12px; }
.contact-details a { text-decoration:underline; text-underline-offset:5px; }
.contact-details span { font-size:10px; color:var(--muted); }
.idea-form { border:1px solid var(--line); padding:32px; border-radius:16px; background:var(--white); }
.form-note { font-size:12px; color:var(--muted); margin-bottom:28px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.idea-form label,.idea-form legend { display:block; font-size:11px; font-weight:500; }
.idea-form label { margin-bottom:24px; }
.idea-form input,.idea-form textarea,.idea-form select { display:block; width:100%; min-height:44px; font-size:13px; border:0; border-bottom:1px solid var(--line); padding:10px 0; color:var(--ink); border-radius:0; background:transparent; }
.idea-form input:focus,.idea-form textarea:focus,.idea-form select:focus { border-color:var(--blue); }
.idea-form textarea { resize:vertical; }
.idea-form fieldset { padding:0; border:0; margin:0 0 24px; }
.choice-grid { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.choice-grid label { position:relative; margin:0; }
.choice-grid input { position:absolute; opacity:0; width:1px; height:1px; min-height:0; }
.choice-grid span { display:block; min-height:44px; border:1px solid var(--line); border-radius:99px; font-size:10px; padding:13px 12px; cursor:pointer; }
.choice-grid input:checked+span { border-color:var(--ink); background:var(--lime); }
.choice-grid input:focus-visible+span { outline:3px solid var(--blue); outline-offset:3px; }
.form-success { display:none; font-size:12px; padding:16px; border-left:3px solid var(--blue); background:var(--paper); margin-top:20px; }
.form-success.visible { display:block; }
.email-fallback { display:block; width:fit-content; font-size:11px; padding-block:12px; margin-top:12px; text-decoration:underline; text-underline-offset:4px; }
.form-disclaimer { display:block; font-size:9px; line-height:1.6; color:var(--muted); margin-top:16px; }
.faq-section { background:var(--white); }
.faq-list { border-top:1px solid var(--line); }
details { border-bottom:1px solid var(--line); padding:20px 0; }
summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:32px; list-style:none; font-size:13px; font-weight:500; }
summary::-webkit-details-marker { display:none; }
summary span { color:var(--blue); font-size:22px; line-height:1; transition:transform .2s; }
details[open] summary span { transform:rotate(45deg); }
details p { margin-top:16px; font-size:13px; color:var(--muted); }
.resource-note { color:var(--muted); font-size:12px; }
.resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 20px; align-items:stretch; }
.resource-grid article { display:grid; grid-template-rows:subgrid; grid-row:span 5; border:1px solid var(--line); background:var(--white); padding:28px; border-radius:12px; min-height:300px; transition:transform .2s,border-color .2s; }
.resource-tag { font-size:8px; letter-spacing:.12em; color:var(--blue); font-weight:600; }
.resource-grid h3 { font:31px/1.08 var(--serif); margin:28px 0 16px; }
.resource-grid p { font-size:14px; color:var(--muted); }
.resource-guide { margin-top:24px; border-top:1px solid var(--line); border-bottom:0; padding-bottom:0; }
.resource-guide summary { font-size:11px; min-height:44px; }
.resource-guide h4 { font-size:12px; font-weight:600; margin-top:24px; }
.resource-guide a { display:inline-block; padding-block:12px; margin-top:12px; font-size:10px; text-decoration:underline; text-underline-offset:4px; }

.site-footer { border-top:1px solid var(--line); padding:56px 0 24px; }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; padding-bottom:40px; }
.footer-brand p { color:var(--muted); font-size:12px; margin:20px 0 12px; max-width:260px; }
.footer-brand>a:last-child { font-size:11px; text-decoration:underline; text-underline-offset:4px; }
.footer-col { display:flex; flex-direction:column; align-items:start; gap:2px; font-size:11px; color:var(--muted); }
.footer-col h3 { font-size:10px; font-weight:600; color:var(--ink); margin-bottom:12px; }
.footer-col a { padding-block:7px; }
.footer-col a:hover { color:var(--blue); text-decoration:underline; }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid var(--line); padding-top:20px; gap:12px; color:var(--muted); font-size:9px; }
.footer-bottom a { display:inline-block; padding-block:8px; }

/* Content stays visible unless an observer is running */
.reveal { opacity:1; transform:none; }
.motion-ready .reveal { opacity:0; transform:translateY(18px); transition:opacity .6s var(--ease),transform .6s var(--ease); }
.motion-ready .reveal.in-view { opacity:1; transform:none; }
.hero-copy.in-view h1 { animation:enter .6s var(--ease) both; }
.hero-copy.in-view .hero-lede { animation:enter .5s var(--ease) .12s both; }
.hero-copy.in-view .hero-actions { animation:enter .45s var(--ease) .7s both; }
.blueprint.in-view .node-symbol { animation:enter .5s var(--ease) calc(.2s + var(--i)*.08s) backwards; }
.reading-progress { position:fixed; top:0; left:0; right:0; height:2px; z-index:60; background:var(--blue); transform:scaleX(0); transform-origin:left; }
@keyframes enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes draw-route { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes connect-vertical { from { transform:scaleY(0); } to { transform:scaleY(1); } }
body>main.section-pad { min-height:100svh; display:flex; align-items:center; }
body>main.section-pad h1.hero { padding:0; background:none; margin-block:28px; font:clamp(52px,7vw,96px)/1 var(--serif); }

@media(min-width:1600px) { .container,.ticker-track { width:min(1440px,calc(100% - 128px)); } }
@media(max-width:1200px) {
  .container,.ticker-track { width:calc(100% - 64px); }
  .primary-nav { gap:20px; } .primary-nav .button { margin-left:8px; }
  .primary-nav>a[href="#contact"]:not(.button) { display:none; }
  .hero h1 { font-size:clamp(62px,6.8vw,86px); } .hero-grid { gap:0; }
  .blueprint { height:500px; } .node-symbol { width:80px; height:90px; }
  .blueprint-top>span:last-child { display:none; } .blueprint-note { font-size:17px; }
  .hero-actions { gap:16px; } .hero-actions .button { gap:18px; padding-inline:20px; }
  .problem-grid,.system-grid,.journey-layout,.global-grid,.building-grid,.contact-grid,.faq-grid { gap:40px; }
  .system-links a { padding:9px; gap:5px; } .service-icon { width:38px; }
  .service-label strong { font-size:10px; } .service-label small { font-size:8px; }
  .stages-section>.container { gap:36px; }
  .journey-tab { font-size:8px; } .journey-tabs { gap:20px 0; }
  .deliver-grid article { padding:22px; } .deliver-grid h3 { font-size:28px; }
  .market-grid { grid-template-columns:.7fr 1.3fr; gap:24px; }
  .channel-categories strong { font-size:9px; } .channel-categories small { font-size:7px; }
  .ticker-aside { display:none; } .ticker-track { justify-content:space-between; }
}
@media(min-width:901px) and (max-width:1100px) {
  .problem-grid { grid-template-columns:1fr; }
}
@media(max-width:900px) {
  .nav-wrap { height:76px; } .menu-toggle { display:block; }
  .primary-nav { display:none; }
  .primary-nav.open { display:flex; position:absolute; top:76px; left:0; right:0; max-height:calc(100dvh - 76px); overflow:auto; background:var(--paper); padding:20px 32px; border-bottom:1px solid var(--line); align-items:stretch; flex-direction:column; gap:0; }
  .primary-nav.open>a { min-height:44px; padding-block:14px; }
  .primary-nav.open .button { margin:12px 0 0; }
  .primary-nav.open>a[href="#contact"]:not(.button) { display:block; }
  .hero { padding-top:32px; } .hero-grid { min-height:0; gap:16px; }
  .hero h1 { font-size:60px; } .hero-lede { font-size:12px; }
  .hero-actions { flex-wrap:wrap; gap:12px; } .hero-facts { gap:18px; margin-top:28px; }
  .hero-facts>div { padding-left:15px; } .hero-facts span { font-size:7px; }
  .blueprint { height:470px; } .node-symbol { width:66px; height:75px; }
  .blueprint-node { width:88px; } .node-caption { font-size:7px; gap:4px; padding:3px 4px; }
  .node-caption small { font-size:6px; } .blueprint-note { font-size:15px; bottom:75px; gap:3px; }
  .blueprint-top,.blueprint-bottom { font-size:6px; left:0; }
  .problem-grid { grid-template-columns:1fr; gap:40px; } .problem-grid .section-heading h2 { font-size:44px; }
  .note-back { width:180px; left:0; padding:18px; } .note-front { width:205px; right:0; padding:20px; }
  .note-front h3 { font-size:28px; } .note-front .text-link { font-size:8px; }
  .journey-layout,.system-grid,.global-grid,.building-grid,.contact-grid,.faq-grid { grid-template-columns:1fr; }
  .journey-intro,.channels-head,.deliver-head,.resources-head { align-items:start; flex-direction:column; gap:24px; margin-bottom:36px; }
  .journey-layout { gap:24px; } .journey-tabs { padding:12px 0; gap:12px 0; }
  .journey-tab { font-size:10px; } .journey-icon { width:64px; height:72px; }
  .journey-detail { min-height:0; } .service-list { font-size:12px; }
  .system-grid { gap:40px; } .system-section .section-heading { max-width:600px; }
  .service-network { max-width:650px; width:100%; margin:auto; }
  .system-links a { padding:14px; gap:10px; } .service-label strong { font-size:10px; }
  .service-label small { font-size:8px; } .service-icon { width:42px; }
  .stages-section>.container { grid-template-columns:1fr; gap:32px; }
  .stages-section .centered { text-align:center; }
  .vertical-flow { grid-template-columns:repeat(3,1fr); } .flow-header { align-items:start; flex-direction:column; gap:20px; }
  .market-grid { grid-template-columns:1fr; } .market-feature { display:block; }
  .commerce-visual { max-width:420px; margin-bottom:24px; } .market-feature h3 { margin-top:0; }
  .channel-categories strong { font-size:11px; } .channel-categories small { font-size:9px; }
  .deliver-grid { grid-template-columns:1fr 1fr; } .deliver-grid h3 { font-size:34px; }
  .global-grid .section-heading,.global-grid .global-network { grid-column:auto; grid-row:auto; }
  .global-network { width:100%; max-width:600px; margin:auto; }
  .building-quote { padding-left:28px; } .building-quote p { max-width:600px; }
  .resource-grid { grid-template-columns:1fr; gap:20px; } .resource-grid article { display:block; grid-row:auto; min-height:0; }
  .footer-top { grid-template-columns:repeat(3,1fr); gap:32px; } .footer-brand { grid-column:1/-1; }
}
@media(max-width:650px) {
  :root { --space:64px; } .container,.ticker-track { width:calc(100% - 40px); }
  .nav-wrap { gap:12px; } .logo-type { font-size:22px; } .logo-type small { font-size:9px; }
  .logo-mark { width:34px; height:34px; } .primary-nav.open { padding-inline:20px; }
  .hero-grid { grid-template-columns:1fr; gap:32px; padding-bottom:24px; }
  .hero-copy { padding-bottom:0; } .hero h1 { font-size:clamp(54px,12vw,80px); }
  .hero-lede { font-size:14px; max-width:400px; } .hero-actions { gap:20px; }
  .hero .eyebrow { font-size:8px; } .hero-facts { gap:24px; margin-top:32px; }
  .hero-facts span { font-size:9px; } .hero-facts>div { padding-left:20px; }
  .ticker-track { gap:8px; min-height:52px; font-size:8px; letter-spacing:.08em; } .ticker-track b { font-size:15px; }
  /* Full-size vertical controls on phones */
  .blueprint { height:auto; padding:48px 12px 40px; display:grid; grid-template-columns:1fr; gap:0; background-size:60px 104px; }
  .blueprint-route { display:none; } .blueprint-top { top:12px; left:12px; right:12px; font-size:7px; }
  .blueprint-top>span:last-child { display:block; font-size:5px; align-self:center; }
  .blueprint-node { width:100%; position:relative; left:auto; top:auto; transform:none; height:82px; flex-direction:row; gap:26px; }
  .node-symbol { width:64px; height:72px; flex-shrink:0; }
  .blueprint-node:after { content:''; position:absolute; top:72px; left:31px; height:16px; border-left:1px solid var(--blue); }
  .blueprint.in-view .blueprint-node:after { transform-origin:top; animation:connect-vertical .35s var(--ease) calc(.3s + var(--i)*.08s) both; }
  .blueprint-node:last-of-type:after { display:none; }
  .node-caption { font-size:11px; gap:10px; padding:5px 10px; } .node-caption small { font-size:9px; }
  .blueprint-note { display:none; } .blueprint-bottom { left:12px; right:12px; font-size:6px; }
  .problem-grid { grid-template-columns:1fr; gap:28px; } .problem-grid .section-heading h2 { font-size:46px; }
  .challenge-map { display:flex; flex-direction:column; gap:28px; min-height:0; max-width:420px; padding:12px 8px 0; }
  .note-sheet { position:relative; inset:auto; min-height:0; }
  .note-back { width:80%; align-self:start; padding:22px; transform:rotate(-4deg); }
  .note-front { width:88%; align-self:end; padding:24px; transform:rotate(3deg); }
  .note-front h3 { font-size:32px; } .note-label { font-size:8px; }
  .note-checks { font-size:11px; } .note-front .text-link { font-size:10px; }
  .hand-note { position:relative; inset:auto; align-self:center; font-size:22px; margin-top:0; }
  .section-heading h2 { font-size:46px; } .section-heading>p:not(.eyebrow) { font-size:14px; }
  .journey-tabs { grid-template-columns:1fr 1fr; gap:10px; padding:0; }
  .journey-connector { display:none; }
  .journey-tab:nth-of-type(n) { grid-column:auto; grid-row:auto; }
  .journey-tab { border:1px solid var(--line); min-height:142px; padding:12px 8px; }
  .journey-tab.active { border-color:var(--blue); }
  .journey-detail { padding:24px; } .journey-detail h3 { font-size:45px; }
  .detail-illustration { right:20px; top:20px; width:52px; height:59px; }
  .detail-kicker { font-size:7px; } .service-list { font-size:11px; }
  .system-section h2 { font-size:44px; }
  .service-network { height:auto; padding-top:140px; }
  .system-core { top:0; transform:translateX(-50%); width:110px; height:110px; }
  .system-routes { display:none; }
  .system-links { display:grid; grid-template-columns:1fr; gap:12px; }
  .system-links:before { content:''; position:absolute; left:50%; top:110px; height:30px; border-left:1px solid #8b9488; }
  .system-links a:nth-child(n) { position:relative; inset:auto; width:100%; min-height:76px; }
  .service-label strong { font-size:11px; } .service-label small { font-size:10px; }
  .stage-options { gap:8px; } .stage-option { font-size:10px; padding:16px 5px 24px; min-height:150px; gap:14px; }
  .mode-icon { width:44px; height:50px; } .stage-option>span { top:8px; right:9px; font-size:12px; }
  .stage-option.active:after { font-size:7px; } .stage-result>p { font-size:13px; }
  .flow-header h2 { font-size:36px; } .vertical-flow { grid-template-columns:1fr; gap:0; }
  .flow-item { border:0; position:relative; padding:0 0 24px; gap:18px; }
  .flow-item:before { content:''; position:absolute; left:12px; top:25px; bottom:0; border-left:1px solid #bcb3a2; }
  .flow-item:last-child:before { display:none; } .flow-item strong { font-size:10px; } .flow-item small { font-size:12px; }
  .market-feature { padding:24px; } .market-feature h3 { font-size:38px; }
  .channel-categories { grid-template-columns:1fr; gap:12px; }
  .channel-categories a { display:grid; grid-template-columns:45px 1fr; column-gap:16px; align-items:center; padding:16px; }
  .channel-icon { grid-row:1/3; margin:0; } .channel-categories small { grid-column:2; }
  .channel-categories strong { font-size:12px; } .channel-categories small { font-size:10px; }
  .brand-group { gap:40px; padding-right:40px; }
  .brand-wordmark { font-size:32px; }
  .brand-zepto,.brand-tira { font-size:42px; }
  .brand-minutes,.brand-amazon-now { font-size:28px; }
  .brand-row-3 .brand-wordmark { font-size:25px; }
  .brand-lane-label { font-size:7px; }
  .deliver-grid { grid-template-columns:1fr; gap:14px; } .deliver-grid article { padding:24px; }
  .deliver-grid h3 { margin-top:22px; font-size:36px; } .deliver-grid ul { font-size:12px; }
  .network-caption { font-size:6px; } .network-footer { gap:10px; } .network-footer span { font-size:6px; }
  .global-network svg g[font-family] { display:none; }
  .map-legend { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 24px; font-size:11px; color:#c0c9cc; }
  .map-legend span:before { content:'•'; color:var(--lime); margin-right:6px; }
  .building-grid { gap:36px; } .building-quote p { font-size:32px; }
  .why-grid { grid-template-columns:1fr 1fr; } .why-grid article { padding:24px 16px; }
  .why-grid article:nth-child(3n) { border-right:1px solid var(--line); } .why-grid article:nth-child(2n) { border-right:0; }
  .why-grid h3 { font-size:12px; } .why-grid p { font-size:11px; }
  .contact-intro h2 { font-size:64px; } .contact-grid,.faq-grid { gap:36px; }
  .idea-form { padding:24px 20px; } .form-row { grid-template-columns:1fr; gap:0; }
  .footer-top { grid-template-columns:1fr 1fr; gap:32px; } .footer-col a { min-height:40px; }
  .footer-bottom { flex-direction:column; } .reading-progress { display:none; }
}
/* Phone layouts: compact navigation, readable controls and independent footer columns. */
@media(max-width:650px) {
  html { scroll-padding-top:80px; }
  .container { width:calc(100% - 32px); }
  .nav-wrap { height:68px; }
  .logo { gap:10px; }
  .menu-toggle { flex-shrink:0; }
  .primary-nav.open { top:68px; max-height:calc(100vh - 68px); max-height:calc(100dvh - 68px); padding:12px 16px 20px; font-size:14px; }
  .hero { padding-top:28px; }
  .hero h1 { font-size:clamp(48px,12vw,72px); }
  .hero-lede,.section-heading>p:not(.eyebrow) { font-size:15px; }
  .hero-actions { gap:12px 20px; }
  .button,.text-link { font-size:12px; }
  .journey-detail,.market-feature,.idea-form { min-width:0; }
  .service-list { font-size:12px; }
  .flow-item strong { font-size:12px; }
  .flow-item small { font-size:14px; }
  .idea-form input,.idea-form textarea,.idea-form select { font-size:16px; }
  .site-footer { padding:36px 0 calc(80px + env(safe-area-inset-bottom,0px)); }
  .footer-top { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 12px; padding-bottom:24px; align-items:start; }
  .footer-brand { min-width:0; }
  .footer-brand p { max-width:340px; font-size:14px; margin:16px 0 8px; }
  .footer-brand>a:last-child { display:inline-flex; align-items:center; min-height:44px; font-size:13px; overflow-wrap:anywhere; }
  .footer-col { min-width:0; gap:0; font-size:12px; }
  .footer-col h3 { font-size:13px; margin-bottom:8px; }
  .footer-col a { display:flex; align-items:center; min-height:44px; padding-block:8px; line-height:1.5; max-width:100%; overflow-wrap:anywhere; }
  .footer-col:nth-child(2) { grid-column:1; grid-row:2; }
  .footer-col:nth-child(3) { grid-column:2; grid-row:2; }
  .footer-col:nth-child(4) { grid-column:3; grid-row:2; }
  .footer-bottom { font-size:11px; gap:8px; }
  .footer-bottom a { min-height:44px; padding-block:12px; }
  .whatsapp-float { width:48px; height:48px; right:calc(12px + env(safe-area-inset-right,0px)); bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
  .whatsapp-float svg { width:27px; height:27px; }
}
@media(max-width:360px) {
  .hero h1 { font-size:54px; } .hero-actions { gap:14px; flex-direction:column; align-items:start; }
  .hero-facts { gap:18px; } .hero-facts>div { padding-left:14px; } .hero-facts span { font-size:8px; }
  .blueprint-top>span:last-child { display:none; } .node-caption { font-size:10px; }
  .note-label { font-size:7px; }
  .note-checks { grid-template-columns:1fr; gap:8px; }
  .journey-detail { padding:22px; } .detail-top { gap:10px; } .detail-kicker { font-size:6px; }
  .service-list { grid-template-columns:1fr; }
  .stage-options { grid-template-columns:1fr; }
  .stage-option { flex-direction:row; justify-content:start; min-height:100px; padding:16px; gap:20px; font-size:13px; }
  .stage-option.active:after { right:14px; bottom:12px; font-size:8px; }
  .network-footer { flex-direction:column; align-items:start; }
  .brand-marquee-heading>span { font-size:7px; }
  .channel-list-groups { grid-template-columns:1fr; }
}
@media(max-width:900px) {
  .no-js .nav-wrap { height:auto; flex-wrap:wrap; padding-block:20px; }
  .no-js .menu-toggle { display:none; }
  .no-js .primary-nav { display:flex; flex-wrap:wrap; width:100%; gap:8px 24px; }
  .no-js .primary-nav>a[href="#contact"]:not(.button) { display:block; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .motion-ready .reveal { opacity:1; transform:none; }
  .motion-ready .route-draw,.motion-ready .system-routes path { stroke-dashoffset:0; }
  .reading-progress { display:none; }
}

/* Every channel stays available when motion or JavaScript is disabled. */
.no-js .brand-art { display:none; }

/* Crawlable service pages and practical founder guides. */
.service-detail-section { background:var(--paper-2); }
.service-detail-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:36px; }
.service-detail-card { display:flex; flex-direction:column; padding:28px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }
.service-detail-card h3 { font:32px/1.1 var(--serif); margin:16px 0; }
.service-detail-card p { font-size:13px; color:var(--muted); flex:1; }
.service-detail-card .text-link { margin-top:18px; font-size:12px; }
.service-detail-card>span { font-size:11px; color:var(--blue); }
.resource-full-guide { margin-top:16px; }
.content-header { min-height:94px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:18px; }
.content-nav { display:flex; align-items:center; gap:24px; font-size:12px; }
.content-nav>a:not(.button):hover { text-decoration:underline; text-underline-offset:5px; }
.content-hero { padding-top:32px; padding-bottom:64px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--muted); margin-bottom:54px; }
.breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.content-hero h1 { font:clamp(44px,5.4vw,76px)/1.04 var(--serif); max-width:1000px; margin-bottom:28px; }
.content-intro { max-width:830px; font-size:18px; color:var(--muted); }
.article-byline { margin-top:24px; font-size:12px; color:var(--muted); }
.content-layout { display:grid; grid-template-columns:260px minmax(0,800px); justify-content:space-between; gap:72px; padding-bottom:80px; align-items:start; }
.contents { position:sticky; top:120px; border-top:1px solid var(--line); padding-top:20px; }
.contents h2 { font:600 13px var(--sans); margin-bottom:12px; letter-spacing:0; }
.contents nav { display:flex; flex-direction:column; gap:16px; }
.contents a { font-size:12px; line-height:1.6; color:var(--muted); }
.contents a:hover { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.content-body { min-width:0; }
.content-body section { margin-bottom:44px; scroll-margin-top:115px; }
.content-body h2 { font:clamp(28px,3vw,38px)/1.15 var(--serif); margin-bottom:20px; }
.content-body p { margin-bottom:18px; }
.content-body ul,.content-body ol { padding-left:24px; margin:0 0 24px; }
.content-body li { padding-left:4px; margin-bottom:12px; }
.content-cta { padding:32px; background:var(--paper-2); border-radius:12px; }
.content-cta .eyebrow { color:var(--muted); margin-bottom:12px; }
.content-cta .text-link { display:flex; margin-top:12px; overflow-wrap:anywhere; }
.related-reading { padding-top:28px; border-top:1px solid var(--line); }
.related-reading a { display:block; padding:16px 0; border-bottom:1px solid var(--line); text-decoration:underline; text-underline-offset:5px; }
.content-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding-bottom:70px; font-size:12px; }
.content-footer>p { max-width:320px; color:var(--muted); }
.table-scroll { overflow:auto; margin:24px 0; }
.content-body table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }
.content-body caption { text-align:left; font-size:13px; margin-bottom:12px; color:var(--muted); }
.content-body th,.content-body td { border-bottom:1px solid var(--line); padding:14px 12px; vertical-align:top; }
.content-body th[scope=row] { font-weight:400; }
.content-body td { white-space:nowrap; }
@media(max-width:1100px) {
  .service-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .content-layout { grid-template-columns:210px minmax(0,1fr); gap:40px; }
}
@media(max-width:768px) {
  .content-layout { grid-template-columns:1fr; gap:36px; }
  .contents { position:static; }
  .contents nav { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; }
  .content-header { flex-wrap:wrap; }
  .content-nav { flex-wrap:wrap; gap:12px 20px; }
  .content-page .site-header { position:static; }
  .content-hero { padding-bottom:40px; }
  .breadcrumbs { margin-bottom:32px; }
}
@media(max-width:480px) {
  .service-detail-grid { grid-template-columns:1fr; }
  .content-header { gap:18px; }
  .content-nav { width:100%; }
  .content-nav .button { width:100%; }
  .contents nav { grid-template-columns:1fr; }
  .content-cta { padding:24px 20px; }
  .content-intro { font-size:16px; }
  .content-body { font-size:15px; }
  .content-body .text-link { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-art { padding-block:12px; }
  .brand-row:nth-child(n) .brand-lane { width:100%; margin-left:0; transform:none; border-radius:8px; }
  .brand-track { width:100%; will-change:auto; }
  .brand-group { width:100%; min-width:0; flex-wrap:wrap; justify-content:center; gap:20px 28px; padding:4px 16px; }
  .brand-group-copy { display:none; }
  .brand-wordmark,.brand-row-3 .brand-wordmark { font-size:24px; }
  .brand-instamart small { font-size:12px; }
}