/* V7: concise chapters, a consistent icon system, and room to read. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.idea{padding-block:105px 92px}
.idea .eyebrow{font-size:1rem;margin-bottom:22px;color:#6c6476}
.idea h2{font-size:clamp(2.25rem,4.9vw,4.35rem);line-height:1.13;max-width:26ch;margin-inline:auto}
.idea h2 .muted{color:#777080}
.handoff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:52px auto 0;max-width:1060px}
.handoff-item{display:flex;gap:17px;align-items:center;min-width:0}
.handoff-item small{font-size:.8125rem;letter-spacing:.035em;color:#746b80}
.handoff-item strong{font-size:1.0625rem;line-height:1.45;white-space:normal;margin-top:5px}
.app-icon{width:52px;height:52px;border:1px solid #5e00ff20;border-radius:16px;background:#5e00ff06;color:#5e00ff}
.app-icon .icon{width:28px;height:28px;stroke-width:1.55}
.idea-bridge{font-size:1.0625rem;line-height:1.6;margin-top:46px;max-width:44ch}
@media(max-width:800px){.idea{padding-block:70px}.idea h2{font-size:clamp(2rem,6.8vw,3.4rem)}.handoff{grid-template-columns:1fr;max-width:430px;gap:0;margin-top:29px}.handoff-item{padding-block:20px;gap:18px}.handoff-item+.handoff-item{border-top:1px solid #eeeaf2}.handoff-item strong{font-size:1.0625rem}.idea-bridge{margin-top:25px;font-size:1rem;max-width:30ch}}

/* The modal keeps the same header geometry; only the options underneath move. */
html{scrollbar-gutter:stable}
.navigation{height:auto;min-height:68px;background:#08070c;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-inner{height:auto;min-height:68px;gap:20px;padding-block:10px;flex-wrap:wrap}
.menu-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid #ffffff38;border-radius:30px;background:#ffffff06;color:#f7f2ff;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .16s,border-color .16s}
.nav-button-label{display:block;line-height:1;text-align:center;white-space:nowrap;transform:translateY(.097em)}
.menu-toggle:hover{background:#ffffff13;border-color:#ffffff65}
.menu-toggle:focus-visible{outline:2px solid #c49fff;outline-offset:4px}
.menu-glyph{position:relative;display:block;width:18px;height:18px;flex-shrink:0}
.menu-glyph i{position:absolute;display:block;width:18px;height:1.5px;background:currentColor;left:0;top:8.25px;border-radius:2px;transform:translateY(-3px);transform-origin:center;transition:transform .18s}
.menu-glyph i:last-child{transform:translateY(3px) scaleX(.72)}
.menu-toggle[aria-expanded=true] .menu-glyph i,.site-menu[data-state=open] .menu-close .menu-glyph i{transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-glyph i:last-child,.site-menu[data-state=open] .menu-close .menu-glyph i:last-child{transform:rotate(-45deg)}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;line-height:1;text-align:center;padding-block:10px}
body.menu-open{overflow:hidden;padding-right:var(--menu-scroll-compensation,0px)}
.site-menu{position:fixed;inset:0 auto auto 0;width:100%;max-width:none;height:auto;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#f8f7fc;box-shadow:none;overflow:visible;overscroll-behavior:contain;opacity:1;transform:none;transition:none;color-scheme:dark}
.site-menu:not([open]){display:none}
.site-menu::backdrop{background:#0906119c;opacity:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .18s ease}
.site-menu[data-state=open]::backdrop{opacity:1}
.site-menu[data-state=closing]{pointer-events:none}
.menu-bar{position:relative;z-index:1;background:#08070c;border-bottom:1px solid #ffffff1c}
.site-menu .menu-topbar{padding-block:10px;min-height:68px}
.menu-reveal{max-height:calc(100dvh - var(--nav-height,69px));overflow:auto;overscroll-behavior:contain;background:#110d19;border-bottom:1px solid #b796ef35;border-radius:0 0 26px 26px;box-shadow:0 22px 70px #0003;opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}
.site-menu[data-state=open] .menu-reveal{opacity:1;transform:translateY(0)}
.site-menu[data-state=closing] .menu-reveal{transform:translateY(-6px);transition-duration:.16s}
.site-menu .brand{outline-offset:5px}
.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;padding-block:26px 37px}
.menu-links>a{display:flex;gap:20px;align-items:center;min-height:100px;padding:23px 7px;border-bottom:1px solid #ffffff16;font-size:clamp(1.15rem,1.75vw,1.5rem);line-height:1.35;font-weight:500;letter-spacing:-.025em;transition:color .16s}
.menu-links>a>span:nth-child(2){flex:1;min-width:0}
.menu-links>a .menu-index{color:#9984b4;font-size:.8125rem;font-weight:400;letter-spacing:0}
.menu-links>a>.icon{width:22px;height:22px;color:#caa1ff;transition:transform .18s;opacity:.85}
.menu-links>a:hover,.menu-links>a:focus-visible{color:#caa1ff}
.menu-links>a:hover>.icon{transform:translate(2px,-2px)}
.static-nav{display:flex;flex-wrap:wrap;gap:20px;padding-block:18px;font-size:1rem}

/* Shorter explanations let the process carry the story. */
.hero-description{max-width:46ch}
.case-story{padding-top:86px}
.case-story .flow-explanation{max-width:49ch}
.case-sequence{margin-top:30px}
.automation-case{gap:74px;padding-block:54px 64px}
.automation-case:last-child{padding-bottom:80px}
.case-copy>p:not(.case-category){max-width:34ch;margin-top:21px}
.case-copy h3{font-size:clamp(2rem,3.4vw,3rem)}
.case-category{font-size:.875rem;letter-spacing:.035em}
.case-window figcaption{font-size:.875rem}
.case-request small{font-size:.8125rem;letter-spacing:.035em}
.case-request>p{font-size:1.125rem}
.route-marker .icon{width:20px;height:20px}
.case-outcome>span>.icon{width:20px;height:20px}
.case-outcome p{font-size:1rem}
.case-exception{font-size:.875rem;line-height:1.6;margin-top:17px;padding-top:15px}
.case-photo{display:block;width:100%;max-width:430px;margin-top:30px;border-radius:18px;overflow:hidden}
.case-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 50%;border-radius:inherit}
.human-chapter{padding-top:90px}
.human-heading h2{font-size:clamp(2.3rem,4.7vw,4.3rem)}
.human-heading .editorial-copy{font-size:1.125rem;font-weight:400;line-height:1.6;margin-top:24px;max-width:45ch}
.team-image{width:min(1160px,calc(100% - 96px));margin-top:40px}
.team-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 0;border-radius:24px}
.human-principles{padding-block:40px 82px;gap:44px}
.principle-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:#5e00ff;margin-bottom:17px}
.principle-icon .icon{width:30px;height:30px;stroke-width:1.5}
.human-principles h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em;margin-bottom:13px}
.human-principles p{font-size:1rem;line-height:1.6;margin:0}
.start-chapter{padding-block:86px 70px}
.start-chapter .chapter-heading>p:last-child{font-size:1.0625rem;margin-top:22px}
.explorer{margin-top:35px}
.next-chapter{padding-block:86px 78px;gap:68px}
.next-chapter h2{font-size:clamp(2.25rem,4.5vw,4rem)}
.engagement-steps h3{font-size:1.25rem}
.engagement-steps p{max-width:40ch}
.faq{padding-bottom:84px;gap:70px}
.faq h2{font-size:2.5rem}
.faq-answer p{max-width:58ch}
.business-icon .icon{width:30px;height:30px;stroke-width:1.55}
.business-choice .business-icon{line-height:1;display:inline-flex;align-items:center}
.pain-choice>.icon{width:20px;height:20px;color:#837291}
.primary-button>.icon,.hero-cta>.icon,.quiet>.icon{width:19px;height:19px}
.quiet>.icon{margin-left:6px}
.plus .icon{width:16px;height:16px;stroke-width:1.8}
.close-dialog .icon{width:21px;height:21px}
.chat-input button .icon{transform:rotate(-90deg)}
@media(max-width:1000px){.automation-case{gap:40px}.case-copy>p:not(.case-category){max-width:37ch}.case-category{font-size:.8125rem}.human-principles{gap:27px}.team-image{width:calc(100% - 64px)}.menu-links{column-gap:40px}}
@media(max-width:800px){
  .navigation,.nav-inner,.site-menu .menu-topbar{min-height:64px}
  .nav-inner{gap:12px;width:calc(100% - 36px);padding-block:9px}
  .nav-inner .brand{width:122px}
  .menu-toggle{gap:9px;padding-inline:13px;font-size:.875rem;min-height:44px}
  .nav-cta{min-height:44px;font-size:.875rem;padding-inline:15px}
  .menu-reveal{border-radius:0 0 22px 22px}
  .site-menu .menu-topbar{padding-block:9px}
  .menu-links{grid-template-columns:minmax(0,1fr);padding:12px 0 calc(25px + env(safe-area-inset-bottom))}
  .menu-links>a{min-height:79px;font-size:1.25rem;gap:16px;padding:21px 3px;line-height:1.4}
  .menu-links>a>.icon{width:21px;height:21px}
  .case-story{padding-top:68px}.case-sequence{margin-top:16px}
  .automation-case{gap:24px;padding-block:36px 40px}
  .automation-case:last-child{padding-bottom:56px}
  .case-copy h3{font-size:clamp(1.875rem,6.8vw,2.6rem)}
  .case-copy>p:not(.case-category){max-width:43ch;font-size:1rem;margin-top:16px}
  .case-photo{max-width:none;margin-top:23px;border-radius:16px}
  .case-photo img{aspect-ratio:2/1;object-position:50% 47%}
  .human-chapter{padding-top:65px}.human-heading h2{font-size:clamp(2rem,7.1vw,3.4rem)}
  .human-heading .editorial-copy{font-size:1rem;max-width:36ch;margin-top:20px}
  .team-image{width:calc(100% - 40px);margin-top:28px}
  .team-image img{aspect-ratio:4/3;border-radius:20px;object-position:50% 50%}
  .human-principles{padding-block:28px 60px;grid-template-columns:1fr;gap:0;max-width:570px}
  .human-principles article{position:relative;padding:22px 0 22px 61px}
  .human-principles article+article{border-top:1px solid #e9e3ef}
  .principle-icon{position:absolute;top:21px;left:0;margin:0;width:39px;height:39px}
  .principle-icon .icon{width:28px;height:28px}
  .human-principles h3{font-size:1.125rem;margin-bottom:8px}
  .human-principles p{font-size:1rem}
  .start-chapter{padding-block:64px 58px}.start-chapter .chapter-heading>p:last-child{font-size:1rem;max-width:32ch;margin-inline:auto}
  .explorer{margin-top:26px}
  .next-chapter{padding-block:62px;gap:29px}.next-chapter h2{font-size:clamp(2rem,7.2vw,3.4rem)}
  .engagement-steps h3{font-size:1.15rem}.engagement-steps p{font-size:1rem}
  .faq{gap:26px;padding-bottom:60px}.faq h2{font-size:2rem}
}
@media(max-width:370px){.nav-inner{width:calc(100% - 28px);gap:8px}.nav-inner .brand{width:104px}.menu-toggle{padding-inline:11px;gap:8px}.nav-cta{padding-inline:12px}.menu-links>a{font-size:1.125rem;gap:12px}.menu-index{min-width:16px}.case-category{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.site-menu::backdrop,.menu-reveal,.menu-links>a>.icon,.menu-toggle,.menu-glyph i{transition:none!important}.menu-reveal,.menu-links>a>.icon{transform:none!important}}
@media(forced-colors:active){.menu-toggle,.site-menu{border:1px solid ButtonText}.app-icon{color:CanvasText}.menu-glyph i{background:ButtonText}}
@media print{.menu-toggle,.site-menu,.static-nav{display:none!important}}