/*
  Canonical site font: IBM Plex Sans Hebrew.
  Loaded weights: 400 Regular, 500 Medium, 600 SemiBold, 700 Bold.
  Self-hosted files: IBMPlexSansHebrew-400-he-latn.woff2,
  IBMPlexSansHebrew-500-he-latn.woff2, IBMPlexSansHebrew-600-he-latn.woff2,
  IBMPlexSansHebrew-700-he-latn.woff2.
  Upstream: IBM Plex, https://github.com/IBM/plex, SIL Open Font License 1.1.
  Canonical fallback: "Segoe UI", Tahoma, Arial, sans-serif.
*/
@font-face {
  font-family: "IBM Plex Sans Hebrew";
  src: url("/assets/fonts/IBMPlexSansHebrew-400-he-latn.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0590-05FF, U+2000-206F, U+20AA, U+FB1D-FB4F;
}

/* 2026 idea-first strategy layer. Legacy is isolated in legacy-system.css. */
/* Intentionally unlayered so the new visual strategy overrides the legacy system layer. */
  :root {
    --theme-color: #121315;
    --ink: #171717;
    --ink-soft: #303338;
    --forest: #182d38;
    --forest-deep: #121315;
    --paper: #f7f5f0;
    --paper-warm: #eeece7;
    --paper-soft: #fbfaf7;
    --white: #fff;
    --copper: #2457e6;
    --copper-dark: #183faf;
    --focus: #2457e6;
    --gold: #6d8ef1;
    --mint: #8db6aa;
    --muted: #686868;
    --line: #dedcd6;
    --shadow-sm: 0 16px 44px rgba(18,19,21,.08);
    --shadow: 0 30px 90px rgba(18,19,21,.14);
  }
  body { background: radial-gradient(circle at 12% 2%, rgba(36,87,230,.08), transparent 28rem), var(--paper); }
  ::selection { background: rgba(36,87,230,.24); }
  .btn { background: var(--copper); border-color: var(--copper); color: var(--white); }
  .btn:hover { background: var(--copper-dark); border-color: var(--copper-dark); }
  .btn-secondary { background: transparent; color: var(--ink); border-color: var(--line); }
  .section-dark .btn-secondary,.contact-section .btn-secondary { color:var(--white); border-color:rgba(255,255,255,.34); }
  .section-dark, .contact-section { background: var(--forest-deep); }
  .hero { min-height: auto; padding-block: clamp(5.5rem,9vw,8.5rem); }
  .umbrella-hero-grid, .strategy-hero-grid, .case-highlight-grid, .reliability-grid, .difference-grid, .narrative-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr); gap:clamp(2.5rem,6vw,6rem); align-items:center; }
  .umbrella-hero .hero-title { max-width: 16.5ch; }
  .hero-promise { max-width: 48rem; padding-inline-start:1rem; border-inline-start:3px solid var(--copper); }
  .idea-visual { position:relative; min-height:34rem; isolation:isolate; }
  .idea-portrait { position:absolute; inset:0 3rem 0 0; margin:0; overflow:hidden; border-radius:2.2rem; box-shadow:var(--shadow); }
  .idea-portrait img { width:100%; height:100%; object-fit:cover; object-position:36% 50%; }
  .idea-layer { position:absolute; z-index:2; border:1px solid rgba(255,255,255,.55); box-shadow:var(--shadow-sm); }
  .idea-note { inset-block-start:2rem; inset-inline-start:-1rem; max-width:15rem; padding:1rem 1.2rem; border-radius:1rem; background:#fffdf8; transform:rotate(-2deg); }
  .idea-note small,.idea-note strong { display:block; }
  .idea-flow { inset:45% 7% auto auto; display:flex; gap:.45rem; padding:.7rem; border-radius:99px; background:rgba(18,19,21,.82); }
  .idea-flow span { width:.65rem; height:.65rem; border-radius:50%; background:#fff; opacity:.78; }
  .idea-product { inset-block:auto -2rem; inset-inline:auto auto; inset-inline-start:-1.5rem; display:flex; align-items:center; gap:.8rem; width:max-content; max-width:calc(100% - 1rem); padding:.55rem .9rem; border-radius:1.3rem; color:#fff; background:#121315; }
  .idea-product img { width:4.2rem; height:8.2rem; object-fit:contain; }
  .idea-product small,.idea-product strong { display:block; }
  .route-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
  .route-choice-card { min-height:22rem; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(1.5rem,3vw,2.5rem); border:1px solid var(--line); border-radius:2rem; background:#fff; box-shadow:var(--shadow-sm); transition:transform .3s ease,box-shadow .3s ease; }
  .route-choice-card:hover { transform:translateY(-.4rem); box-shadow:var(--shadow); }
  .route-choice-card h3 { font-size:clamp(1.8rem,3vw,3rem); line-height:1.08; max-width:14ch; }
  .route-business { color:#fff; background:linear-gradient(145deg,#102f2d,#121315); border-color:transparent; }
  .route-business .text-link,.route-business .card-kicker { color:#b6c8ff; }
  .idea-moment-copy,.narrow-copy,.closing-copy { max-width:56rem; margin-inline:auto; text-align:center; }
  .idea-moment-copy .section-title { max-width:18ch; margin-inline:auto; }
  .idea-moment-copy p { max-width:48rem; margin-inline:auto; }
  .idea-moment-payoff { margin-block:2.5rem 1.4rem!important; font-size:clamp(1.25rem,2vw,1.7rem); }
  .idea-moment-signature { color:#8eabff; font-size:1.3rem; }
  .process-line,.start-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; border:1px solid rgba(255,255,255,.12); border-radius:1.5rem; overflow:hidden; background:rgba(255,255,255,.1); }
  .process-line-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .process-line article,.start-grid article { padding:1.5rem; background:rgba(255,255,255,.06); }
  .section-soft .start-grid,.section-white .start-grid { border-color:var(--line); background:var(--line); }
  .section-soft .start-grid article,.section-white .start-grid article { background:#fff; }
  .process-line span,.start-grid span { color:var(--copper-dark); font-weight:700; }
  .handoff-visual { display:grid; gap:1rem; }
  .handoff-long,.handoff-direct { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.65rem; padding:1.2rem; border:1px solid var(--line); border-radius:1.2rem; background:#fff; }
  .handoff-long { opacity:.58; }.handoff-direct { border-color:rgba(36,87,230,.4); box-shadow:0 0 0 4px rgba(36,87,230,.07); }
  .one-person-section { overflow:hidden; }
  .one-person-system { display:grid; justify-items:center; gap:.8rem; padding:clamp(1.4rem,3vw,2.4rem); border:1px solid rgba(255,255,255,.14); border-radius:2rem; background:radial-gradient(circle at 50% 46%,rgba(36,87,230,.26),transparent 48%),rgba(255,255,255,.045); box-shadow:0 30px 80px rgba(0,0,0,.2); }
  .system-input,.system-output,.system-core { width:min(100%,24rem); padding:1rem 1.25rem; border:1px solid rgba(255,255,255,.16); border-radius:1.2rem; text-align:center; background:rgba(255,255,255,.06); }
  .system-input small,.system-input strong,.system-output small,.system-output strong,.system-core small,.system-core strong { display:block; }
  .system-input small,.system-output small,.system-core small { color:rgba(255,255,255,.65); }
  .system-input strong,.system-output strong { font-size:clamp(1.2rem,2vw,1.55rem); }
  .system-core { border-color:rgba(109,142,241,.7); background:#fff; color:var(--ink); box-shadow:0 18px 55px rgba(36,87,230,.25); }
  .system-core small { color:var(--muted); }
  .system-core strong { font-size:clamp(2rem,4vw,3.4rem); line-height:1; }
  .system-core div { display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem; margin-top:.85rem; }
  .system-core i { padding:.35rem .6rem; border:1px solid var(--line); border-radius:99px; font-size:.8rem; font-style:normal; }
  .system-arrow { color:#9db3ff; font-size:1.55rem; line-height:1; }
  .product-layers { display:grid; place-items:center; min-height:25rem; padding:2rem; border-radius:2rem; color:#fff; background:radial-gradient(circle,rgba(36,87,230,.45),transparent 55%),#121315; box-shadow:var(--shadow); }
  .product-layers>strong { font-size:clamp(1.7rem,3vw,3rem); }.product-layers>span { color:#a9bdff; }
  .product-layers>div { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; }.product-layers i { padding:.6rem .9rem; border:1px solid rgba(255,255,255,.2); border-radius:99px; font-style:normal; }
  .clean-list { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.55rem; }.clean-list li { padding:.55rem .8rem; border:1px solid currentColor; border-radius:99px; }
  .case-device-stage { display:grid; place-items:center; min-height:30rem; border-radius:2rem; background:radial-gradient(circle,rgba(36,87,230,.35),transparent 58%); }
  .case-device-stage img { max-height:38rem; width:auto; object-fit:contain; filter:drop-shadow(0 28px 45px rgba(0,0,0,.3)); }
  .case-quote { margin:2rem 0; padding:1.4rem; border-inline-start:3px solid var(--copper); background:rgba(255,255,255,.06); border-radius:.8rem; }
  .section-white .case-quote { background:var(--paper-soft); }.case-quote footer { color:var(--muted); }
  .proof-section { overflow:hidden; }
  .proof-editorial { display:grid; grid-template-columns:minmax(18rem,1fr) minmax(0,1.618fr); gap:clamp(2rem,4vw,4rem); padding:clamp(2rem,5vw,4.5rem); border-radius:clamp(2rem,4vw,3.5rem); color:#fff; background:radial-gradient(circle at 12% 18%,rgba(36,87,230,.28),transparent 28rem),linear-gradient(145deg,#101216,#181b22); box-shadow:0 34px 90px rgba(18,19,21,.18); }
  .proof-thesis { align-self:start; }
  .proof-thesis .section-title { max-width:13ch; margin-bottom:1.35rem; }
  .proof-thesis > p:not(.eyebrow) { color:rgba(255,255,255,.76); }
  .proof-thesis-strong { padding-inline-start:1rem; border-inline-start:3px solid #8da8ff; }
  .proof-responsibility { display:grid; gap:0; margin:2rem 0 0; padding:0; list-style:none; border-block:1px solid rgba(255,255,255,.13); }
  .proof-responsibility li { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.85rem; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.1); }
  .proof-responsibility li:last-child { border-bottom:0; }
  .proof-responsibility span { color:#a9bdff; font-size:.8rem; font-weight:700; }
  .proof-responsibility strong,.proof-responsibility small { display:block; }
  .proof-responsibility small { margin-top:.18rem; color:rgba(255,255,255,.62); }
  .proof-case { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(11rem,.82fr); gap:clamp(1.5rem,3vw,2.5rem); align-items:center; padding:clamp(1.4rem,3vw,2.25rem); border:1px solid rgba(255,255,255,.14); border-radius:2rem; background:rgba(255,255,255,.055); }
  .proof-case-kicker { margin:0 0 .65rem; color:#a9bdff; font-size:.82rem; font-weight:700; letter-spacing:.02em; }
  .proof-case h3 { max-width:16ch; margin:.25rem 0 1rem; color:#fff; font-size:clamp(1.75rem,2.7vw,3.25rem); line-height:1.08; text-wrap:balance; }
  .proof-case-copy > p:not(.proof-case-kicker) { color:rgba(255,255,255,.74); }
  .proof-case .clean-list { margin-block:1.25rem; }
  .proof-case .clean-list li { color:rgba(255,255,255,.78); border-color:rgba(255,255,255,.22); font-size:.8rem; }
  .proof-case .case-quote { margin:1.2rem 0 1.4rem; padding:1rem 1.1rem; }
  .proof-case .case-quote p { margin:0; color:#fff; font-size:.96rem; }
  .proof-case .case-quote footer { margin-top:.45rem; color:rgba(255,255,255,.76); }
  .proof-device { display:grid; place-items:center; min-height:25rem; border-radius:1.5rem; background:radial-gradient(circle,rgba(36,87,230,.34),transparent 63%); }
  .proof-device img { width:auto; max-height:32rem; object-fit:contain; filter:drop-shadow(0 24px 38px rgba(0,0,0,.34)); }
  .idea-scope-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; margin:0 0 1.4rem; }
  .idea-scope-strip span { display:flex; align-items:center; justify-content:center; min-height:3rem; padding:.65rem .8rem; border:1px solid rgba(36,87,230,.18); border-radius:999px; color:var(--copper-dark); background:#f7f8ff; font-weight:700; text-align:center; }
  .idea-type-grid,.pain-grid,.solution-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
  .idea-type-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .idea-type-grid article,.pain-card,.solution-card { padding:1.5rem; border:1px solid var(--line); border-radius:1.3rem; background:#fff; }
  .idea-type-grid-four article { min-height:13rem; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(1.4rem,3vw,2.1rem); }
  .idea-example { margin-bottom:auto; color:var(--copper-dark); font-size:.82rem; font-weight:700; letter-spacing:.02em; }
  .section-dark .solution-card { border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.06); }
  .start-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .decision-note { max-width:56rem; margin:1.2rem auto 0; padding:1.2rem 1.4rem; border:1px solid rgba(36,87,230,.18); border-radius:1.2rem; text-align:center; background:#fff; box-shadow:var(--shadow-sm); }
  .decision-note strong { display:block; margin-bottom:.2rem; font-size:1.1rem; }
  .decision-note p { margin:0; color:var(--muted); }
  .strategy-offer { display:grid; grid-template-columns:1.6fr 1fr; gap:2rem; align-items:center; }
  .offer-price { display:flex; align-items:baseline; gap:.7rem; margin-block:1.3rem; }.offer-price strong,.map-price { font-size:clamp(2.5rem,5vw,5rem); line-height:1; }
  .case-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }.case-gallery figure { margin:0; display:grid; place-items:center; gap:1rem; }.case-gallery img { max-height:46rem; width:auto; object-fit:contain; filter:drop-shadow(0 25px 45px rgba(0,0,0,.2)); }
  .nav-toggle { display:none; position:relative; place-items:center; width:3rem; height:3rem; padding:.65rem; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--ink); cursor:pointer; }
  .nav-toggle > span:not(.sr-only) { display:block; width:1.25rem; height:2px; border-radius:9px; background:currentColor; transition:transform .2s ease,opacity .2s ease; }
  .nav-toggle[aria-expanded="true"] > span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] > span:nth-child(2) { opacity:0; }
  .nav-toggle[aria-expanded="true"] > span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
  .strategy-hero { padding-block:clamp(4rem,6vw,6.5rem); }
  .hero-visual { position:relative; min-height:34rem; isolation:isolate; }
  .hero-portrait { position:absolute; inset:0; margin:0; overflow:hidden; border-radius:2rem; box-shadow:var(--shadow); }
  .hero-portrait img { width:100%; height:100%; object-fit:cover; object-position:40% 50%; }
  .hero-product-card { position:absolute; z-index:2; inset:auto auto -1.5rem -1rem; display:flex; align-items:center; gap:.85rem; width:max-content; max-width:80%; padding:.7rem 1rem; border:1px solid rgba(255,255,255,.28); border-radius:1.25rem; color:#fff; background:rgba(18,19,21,.9); box-shadow:var(--shadow-sm); backdrop-filter:blur(12px); }
  .hero-product-card img { width:3.3rem; height:6.4rem; object-fit:contain; }
  .hero-product-card strong,.hero-product-card small { display:block; }
  .hero-product-card small { color:#c7d3ff; }
  .hero-testimonial { max-width:40rem; margin:1.25rem 0 0; padding:1rem 1.1rem; border-inline-start:3px solid var(--copper); border-radius:.8rem; background:rgba(255,255,255,.7); }
  .hero-testimonial p { margin:0; }
  .hero-testimonial footer { margin-top:.45rem; color:var(--muted); font-size:.85rem; }
  .proof-strip { padding-block:1rem; border-block:1px solid var(--line); background:#fff; }
  .proof-strip-inner { display:grid; grid-template-columns:auto minmax(16rem,1fr) auto; gap:1.2rem; align-items:center; }
  .proof-strip-inner > div { display:flex; align-items:center; gap:.55rem; }
  .proof-strip-inner p { margin:0; color:var(--muted); }
  .proof-dot { width:.6rem; height:.6rem; border-radius:50%; background:#18a86b; box-shadow:0 0 0 .35rem rgba(24,168,107,.12); }
  .early-proof { padding-block:1.2rem; border-block:1px solid var(--line); background:#fff; }
  .early-proof-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.65rem 1rem; text-align:center; }
  .early-proof-inner p { margin:0; }
  .map-route-grid .route-choice-card { min-height:20rem; color:var(--ink); background:#fff; border-color:var(--line); }
  .map-route-grid .route-choice-card:first-child { background:linear-gradient(145deg,#eff3ff,#fff); border-color:rgba(36,87,230,.24); }
  .map-route-grid .route-choice-card:last-child { background:linear-gradient(145deg,#f5f1ff,#fff); border-color:rgba(109,81,189,.22); }
  .map-route-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.2rem; }
  .closing-copy .map-route-actions { justify-content:center; }
  .role-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin-top:2rem; text-align:right; }
  .role-grid article { padding:1rem; border:1px solid var(--line); border-radius:1rem; background:var(--paper-soft); }
  .role-grid strong { display:block; margin-bottom:.35rem; }
  .mobile-sticky-cta { display:none; }
  @keyframes ideaPulse { 50% { opacity:.3; transform:scale(.7); } }
  @media (max-width:980px) {
    .umbrella-hero-grid,.strategy-hero-grid,.case-highlight-grid,.reliability-grid,.difference-grid,.narrative-grid { grid-template-columns:1fr; }
    .idea-visual,.hero-visual { min-height:29rem; }.process-line { grid-template-columns:1fr 1fr; }.process-line:not(.process-line-four) article:last-child { grid-column:1/-1; }
    .nav-toggle { display:grid; }.nav-actions[data-nav-menu] { position:absolute; inset:calc(100% + .5rem) 1rem auto; display:none; padding:1rem; border:1px solid var(--line); border-radius:1rem; background:#fff; box-shadow:var(--shadow); }.nav-actions[data-nav-menu].is-open { display:grid; }
    .proof-editorial { grid-template-columns:1fr; }
  }
  @media (max-width:680px) {
    .hero { padding-block:4rem; }.hero-copy { text-align:center; }.hero-copy .eyebrow,.hero-actions { justify-content:center; }.hero-title { margin-inline:auto; }.hero-promise { padding:0; border:0; }
    .hero-title { font-size:clamp(2.45rem,10.4vw,2.85rem); }
    .hero-actions { display:grid; }.hero-actions .btn { width:100%; }.idea-visual,.hero-visual { min-height:23rem; }.idea-portrait,.hero-portrait { inset:0; }.idea-portrait img,.hero-portrait img { object-position:40% 50%; }.idea-note { inset-inline-start:0; }.idea-product { inset-inline-start:0; }.hero-product-card { inset:auto .5rem -1rem auto; }
    .route-choice-grid,.idea-type-grid,.pain-grid,.solution-grid,.start-grid,.strategy-offer,.case-gallery { grid-template-columns:1fr; }
    .route-choice-card { min-height:0; padding:1.4rem; }.process-line { grid-template-columns:1fr; }.process-line article:last-child { grid-column:auto; }
    .section-head,.section-intro { text-align:center; }.section-head .eyebrow { justify-content:center; }.section-title { text-wrap:balance; }
    .case-device-stage { min-height:24rem; }.product-layers { min-height:19rem; }.proof-strip-inner { grid-template-columns:1fr; gap:.55rem; text-align:center; }.proof-strip-inner > div { justify-content:center; }.map-route-actions { display:grid; grid-template-columns:1fr; }.role-grid { grid-template-columns:1fr; }.mobile-sticky-cta { display:block; position:fixed; z-index:80; inset:auto 5.25rem 1.1rem 5.25rem; bottom:max(1.1rem,env(safe-area-inset-bottom)); text-align:center; padding:.7rem .8rem; border-radius:99px; color:#fff; background:var(--copper); box-shadow:var(--shadow); opacity:0; pointer-events:none; transform:translateY(1rem); transition:opacity .25s ease,transform .25s ease; }.mobile-sticky-cta.is-active { opacity:1; pointer-events:auto; transform:none; }
    .proof-section { padding-block:4rem; }
    .proof-editorial { padding:1.35rem; border-radius:2rem; }
    .proof-thesis { text-align:center; }
    .proof-thesis .eyebrow { justify-content:center; }
    .proof-thesis .section-title { margin-inline:auto; }
    .proof-thesis-strong { padding:0; border:0; }
    .proof-responsibility { text-align:right; }
    .proof-case { grid-template-columns:1fr; padding:1.15rem; }
    .proof-case h3 { max-width:none; }
    .proof-device { grid-row:1; min-height:20rem; }
    .proof-case-copy { grid-row:2; }
    .proof-device img { max-height:25rem; }
    .idea-scope-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media (prefers-reduced-motion:reduce) { .idea-flow span { animation:none; } }
@font-face {
  font-family: "IBM Plex Sans Hebrew";
  src: url("/assets/fonts/IBMPlexSansHebrew-500-he-latn.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0590-05FF, U+2000-206F, U+20AA, U+FB1D-FB4F;
}
@font-face {
  font-family: "IBM Plex Sans Hebrew";
  src: url("/assets/fonts/IBMPlexSansHebrew-600-he-latn.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0590-05FF, U+2000-206F, U+20AA, U+FB1D-FB4F;
}
@font-face {
  font-family: "IBM Plex Sans Hebrew";
  src: url("/assets/fonts/IBMPlexSansHebrew-700-he-latn.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0590-05FF, U+2000-206F, U+20AA, U+FB1D-FB4F;
}
@layer reset, tokens, base, components, pages, responsive, accessibility;

@layer tokens {
  :root {
    --theme-color: #0a2421;
    --asset-nav-portrait: "/assets/portrait-nav-192.webp";
    --asset-about-portrait: "/assets/daniel-ai-builder.webp";
    --focal-nav-portrait: 50% 42%;
    --focal-about-portrait: 29% 50%;
    --ink: #111918;
    --ink-soft: #26312e;
    --forest: #163b35;
    --forest-deep: #0a2421;
    --forest-light: #27574d;
    --paper: #f4f0e7;
    --paper-warm: #ebe3d7;
    --paper-soft: #fbf8f2;
    --white: #fffdf8;
    --copper: #b76f45;
    --copper-dark: #8e4f31;
    --gold: #d3a468;
    --mint: #79d5c2;
    --muted: #59645f;
    --muted-dark: #3f4c47;
    --line: rgba(17, 25, 24, .14);
    --line-light: rgba(255, 253, 248, .16);
    --shadow-sm: 0 14px 38px rgba(15, 24, 22, .09);
    --shadow: 0 28px 82px rgba(15, 24, 22, .15);
    --radius-sm: 16px;
    --radius: 26px;
    --radius-lg: 40px;
    --container: 1180px;
    --font-site: "IBM Plex Sans Hebrew", "Segoe UI", Tahoma, Arial, sans-serif;
    --font-display: var(--font-site);
    --font-body: var(--font-site);
    --text-body: 1.0625rem;
    --text-secondary: .9375rem;
    --text-label: .875rem;
    --text-small: .8125rem;
    --text-eyebrow: clamp(1.05rem, 1.15vw, 1.2rem);
    --text-eyebrow-hero: clamp(1.2rem, 1.5vw, 1.42rem);
    --title-hero: clamp(2.8rem, 4.65vw, 5.25rem);
    --title-section: clamp(2.25rem, 3.8vw, 4.1rem);
    --title-card: clamp(1.45rem, 2.1vw, 2.2rem);
    --golden-major: 1.618fr;
    --golden-minor: 1fr;
    --golden-space-1: 1rem;
    --golden-space-2: 1.618rem;
    --golden-space-3: 2.618rem;
    --space-section: clamp(5rem, 8vw, 7.75rem);
    --space-block: clamp(2rem, 4vw, 4rem);
    --dur-fast: 200ms;
    --dur-base: 350ms;
    --ease-standard: cubic-bezier(.22, 1, .36, 1);
  }
}

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; background: var(--paper); overflow-x: hidden; }
  body { margin: 0; min-width: 320px; overflow-x: hidden; }
  img { display: block; max-width: 100%; }
  a { color: inherit; text-decoration: none; }
  button, input, textarea { font: inherit; }
  button { color: inherit; }
  fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
  summary { list-style: none; }
  summary::-webkit-details-marker { display: none; }
}

@layer base {
  body {
    color: var(--ink);
    background:
      radial-gradient(circle at 8% 6%, rgba(183, 111, 69, .11), transparent 26rem),
      var(--paper);
    font-family: var(--font-body);
    font-size: var(--text-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
  }
  :is(h1, h2, h3, blockquote) { overflow-wrap: normal; hyphens: none; }
  :is(p, li) { text-wrap: pretty; }
  :is(
    .hero-pain,
    .hero-value,
    .quiet-filter,
    .router-concrete,
    .router-continuation,
    .router-filter,
    .section-intro,
    .scene-close,
    .section-note,
    .ownership-note,
    .idea-strip,
    .price-line,
    .route-crosslink > .container,
    .forgiveness-strip > .container,
    .human-strip p,
    .closing-copy > p
  ) {
    text-wrap: balance;
  }
  body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");
  }
  ::selection { background: rgba(183, 111, 69, .3); }
  .container { width: min(calc(100% - 2.75rem), var(--container)); margin-inline: auto; }
  .section { position: relative; padding-block: var(--space-section); scroll-margin-top: 6rem; }
  .section-dark { background: var(--forest-deep); color: var(--white); }
  .section-soft { background: var(--paper-warm); }
  .section-white { background: var(--white); }
  .display {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.045em;
    text-wrap: balance;
  }
  .hero-title { max-width: 13ch; font-size: var(--title-hero); }
  .section-title { max-width: 18ch; font-size: var(--title-section); }
  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 var(--golden-space-1);
    color: var(--copper-dark);
    font-size: var(--text-eyebrow);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.018em;
  }
  .eyebrow::before { content: ""; width: var(--golden-space-3); height: 1px; background: currentColor; }
  .eyebrow-light { color: var(--gold); }
  .hero-copy > .eyebrow {
    margin-bottom: var(--golden-space-2);
    font-size: var(--text-eyebrow-hero);
  }
  .section-head {
    display: grid;
    grid-template-columns: minmax(0, var(--golden-major)) minmax(17rem, var(--golden-minor));
    gap: var(--golden-space-3);
    align-items: end;
    margin-bottom: var(--space-block);
  }
  .section-intro { margin: 0; color: var(--muted); font-size: var(--text-body); }
  .section-dark .section-intro { color: rgba(255, 253, 248, .72); }
  .skip-link {
    position: fixed;
    inset-block-start: .75rem;
    inset-inline-start: .75rem;
    z-index: 12000;
    transform: translateY(-180%);
    padding: .7rem 1rem;
    border-radius: 999px;
    background: var(--ink);
    color: var(--white);
  }
  .skip-link:focus { transform: none; }
  :focus-visible { outline: 3px solid var(--copper); outline-offset: 4px; }
  [dir="ltr"] { unicode-bidi: isolate; }
}

@layer components {
  .site-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 1000;
    padding-block: .7rem;
    background: rgba(244, 240, 231, .88);
    border-bottom: 1px solid rgba(17, 25, 24, .08);
    backdrop-filter: blur(18px) saturate(1.1);
  }
  .nav-shell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    min-height: 3.5rem;
  }
  .brand { display: inline-flex; align-items: center; gap: .75rem; min-width: 0; }
  .brand-avatar {
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    object-position: var(--focal-nav-portrait);
    border: 2px solid rgba(183, 111, 69, .5);
    border-radius: 50%;
    box-shadow: 0 8px 22px rgba(17, 25, 24, .15);
  }
  .brand-copy { display: grid; line-height: 1.18; }
  .brand-copy strong { font-family: var(--font-display); font-size: 1rem; }
  .brand-copy small { margin-top: .18rem; color: var(--muted); font-size: var(--text-label); }
  .nav-actions { display: flex; align-items: center; justify-content: center; gap: .65rem; width: 100%; padding-inline: 11rem; }
  .nav-actions > .btn { position: absolute; inset-inline-end: 0; }
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 3.5rem;
    padding: .8rem 1.35rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--copper), var(--gold));
    color: var(--ink);
    font-size: var(--text-secondary);
    font-weight: 700;
    cursor: pointer;
    transition: transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard);
  }
  .btn:hover, .btn:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(183, 111, 69, .22); }
  .btn-small { min-height: 2.8rem; padding: .55rem 1rem; font-size: var(--text-label); }
  .btn-secondary { border-color: var(--line); background: transparent; color: var(--ink); box-shadow: none; }
  .section-dark .btn-secondary { border-color: var(--line-light); color: var(--white); }
  .btn[disabled] { opacity: .58; cursor: wait; transform: none; box-shadow: none; }
  .text-link { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--copper-dark); font-size: var(--text-secondary); font-weight: 700; }
  .text-link .motion-arrow, .btn .motion-arrow { transition: transform var(--dur-fast) var(--ease-standard); }
  .nav-actions a[aria-current="page"] { color: var(--forest); text-decoration: underline; text-decoration-color: var(--copper); text-decoration-thickness: 2px; text-underline-offset: .45rem; }
  .nav-actions .btn[aria-current="page"] { color: var(--ink); text-decoration: none; box-shadow: 0 0 0 3px rgba(211, 164, 104, .22); }
  .text-link:hover .motion-arrow, .btn:hover .motion-arrow { transform: translateX(-4px); }
  @media (min-width: 981px) {
    .nav-actions { gap: clamp(1.15rem, 1.8vw, 1.8rem); }
    .nav-actions > a:not(.btn) {
      position: relative;
      padding-block: .55rem;
      transition: color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
    }
    .nav-actions > a:not(.btn)::after {
      content: "";
      position: absolute;
      inset: auto 0 .12rem;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--copper), var(--gold));
      opacity: 0;
      transform: scaleX(.2);
      transform-origin: center;
      transition: opacity var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
    }
    .nav-actions > a:not(.btn):hover,
    .nav-actions > a:not(.btn):focus-visible {
      color: var(--forest);
      transform: translateY(-2px);
    }
    .nav-actions > a:not(.btn):hover::after,
    .nav-actions > a:not(.btn):focus-visible::after,
    .nav-actions > a:not(.btn)[aria-current="page"]::after {
      opacity: 1;
      transform: scaleX(1);
    }
    .nav-actions > a:not(.btn)[aria-current="page"] { text-decoration: none; }
  }
  .hero {
    position: relative;
    padding-block: clamp(4.5rem, 8vw, 8rem);
    overflow: hidden;
  }
  .hero::before {
    content: "";
    position: absolute;
    inset: -16rem auto auto -12rem;
    width: 34rem;
    height: 34rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(121, 213, 194, .18), rgba(183, 111, 69, .08) 42%, transparent 70%);
    pointer-events: none;
  }
  .hero-grid { display: grid; grid-template-columns: minmax(0, var(--golden-major)) minmax(22rem, var(--golden-minor)); gap: clamp(var(--golden-space-3), 5vw, 6rem); align-items: center; }
  .hero-lede { max-width: 43rem; margin: 1.5rem 0 0; color: var(--muted-dark); font-size: clamp(1.05rem, 1.35vw, 1.22rem); }
  .hero-pain { max-width: 43rem; margin: 1rem 0 0; color: var(--ink); font-size: var(--text-secondary); font-weight: 600; }
  .hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
  .hero-micro, .cta-micro { margin: .7rem .2rem 0; color: var(--muted); font-size: var(--text-label); }
  .hero-value {
    max-width: 43rem;
    margin-top: 1.1rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 253, 248, .7);
    color: var(--muted-dark);
    font-size: var(--text-secondary);
    box-shadow: var(--shadow-sm);
  }
  .quiet-filter { max-width: 43rem; margin: .8rem 0 0; color: var(--muted); font-size: var(--text-label); }
  .mockup-frame {
    position: relative;
    padding: 1rem;
    border: 1px solid rgba(121, 213, 194, .2);
    border-radius: var(--radius-lg);
    background: linear-gradient(145deg, #123c36, #071b19);
    box-shadow: var(--shadow);
    overflow: hidden;
  }
  .mockup-frame::after {
    content: "";
    position: absolute;
    inset: -45% -80%;
    background: linear-gradient(115deg, transparent 43%, rgba(255,255,255,.12) 50%, transparent 57%);
    transform: translateX(-36%) rotate(4deg);
    pointer-events: none;
  }
  .mockup-frame::before {
    content: attr(data-demo-label);
    display: inline-flex;
    margin: .15rem .35rem .75rem;
    color: var(--mint);
    font-size: var(--text-label);
    font-weight: 700;
  }
  .mockup-surface { padding: 1.25rem; border-radius: calc(var(--radius) - .4rem); background: var(--paper-soft); color: var(--ink); }
  .chat-demo { display: grid; gap: .75rem; }
  .chat-bubble { max-width: 88%; padding: .85rem 1rem; border-radius: 1.1rem 1.1rem .3rem 1.1rem; background: var(--white); box-shadow: 0 8px 24px rgba(17, 25, 24, .08); font-size: var(--text-secondary); }
  .chat-bubble.reply { justify-self: end; border-radius: 1.1rem 1.1rem 1.1rem .3rem; background: #daf5e8; }
  .chat-status { color: var(--forest-light); font-size: var(--text-label); font-weight: 700; }
  .demo-pending { opacity: 0; transform: translateY(.65rem); }
  .chat-bubble, .chat-status { transition: opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard); }
  .whatsapp-frame { padding: .8rem; }
  .whatsapp-screen { position: relative; border-radius: calc(var(--radius) - .35rem); background: #efeae2; color: #17221f; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); overflow: hidden; }
  .whatsapp-header { display: grid; grid-template-columns: 2.7rem 1fr auto; gap: .75rem; align-items: center; padding: .75rem .85rem; background: #0f594d; color: var(--white); }
  .whatsapp-header strong, .whatsapp-header small { display: block; }
  .whatsapp-header strong { font-size: var(--text-secondary); }
  .whatsapp-header small { margin-top: .08rem; color: rgba(255,255,255,.72); font-size: var(--text-small); }
  .whatsapp-avatar { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: 50%; background: linear-gradient(145deg, var(--gold), var(--copper)); color: var(--ink); font-weight: 700; }
  .whatsapp-actions { display: flex; align-items: center; gap: .75rem; direction: ltr; color: rgba(255,255,255,.86); }
  .whatsapp-actions i { font-style: normal; font-size: 1.25rem; line-height: 1; }
  .whatsapp-chat { display: grid; gap: .62rem; min-height: 29rem; padding: 1rem .85rem; background-color: #efeae2; background-image: radial-gradient(circle at 15% 20%, rgba(15,89,77,.045) 0 2px, transparent 2px), radial-gradient(circle at 75% 70%, rgba(183,111,69,.05) 0 2px, transparent 2px); background-size: 32px 32px, 42px 42px; }
  .whatsapp-day, .whatsapp-event { width: fit-content; margin-inline: auto; padding: .28rem .62rem; border-radius: .55rem; background: rgba(255,255,255,.8); color: var(--muted-dark); font-size: var(--text-small); box-shadow: 0 4px 12px rgba(17,25,24,.08); }
  .whatsapp-event { background: #fff4d8; color: #6d5932; }
  .whatsapp-chat .chat-bubble { position: relative; margin: 0; background: var(--white); }
  .whatsapp-chat .chat-bubble.reply { background: #d9fdd3; }
  .chat-time { display: inline-flex; align-items: center; gap: .18rem; margin-inline-start: .55rem; color: #72807b; font-size: .68rem; white-space: nowrap; transform: translateY(.2rem); }
  .chat-time b { color: #2c91d8; font-weight: 700; letter-spacing: -.18em; }
  .whatsapp-chat .chat-status { display: flex; align-items: center; gap: .45rem; width: fit-content; margin: .1rem auto 0; padding: .45rem .7rem; border-radius: 999px; background: rgba(15,89,77,.1); text-align: center; }
  .whatsapp-chat .chat-status::before { content: ""; flex: 0 0 .5rem; width: .5rem; height: .5rem; border-radius: 50%; background: #19a974; box-shadow: 0 0 0 4px rgba(25,169,116,.12); }
  .whatsapp-composer { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin: .65rem; padding: .55rem .65rem .55rem 1rem; border-radius: 999px; background: var(--white); color: #7a8581; font-size: var(--text-secondary); }
  .whatsapp-composer i { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #1b8b78; color: var(--white); font-style: normal; }
  .scope-demo { display: grid; gap: .65rem; }
  .scope-row { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border-radius: .9rem; background: var(--paper-warm); font-size: var(--text-secondary); }
  .scope-row span { color: var(--copper-dark); font-size: var(--text-label); font-weight: 700; }
  .scope-row.is-cut { position: relative; opacity: .72; }
  .scope-row.is-cut::after { content: ""; position: absolute; inset-inline: .8rem; inset-block-start: 50%; height: 2px; background: var(--copper); transform-origin: right; }
  .map-demo { display: grid; gap: .55rem; counter-reset: map; }
  .map-demo-row { display: grid; grid-template-columns: 2rem 1fr; gap: .7rem; align-items: center; padding: .75rem; border-radius: .85rem; background: var(--paper-warm); font-size: var(--text-secondary); }
  .map-demo-row::before { counter-increment: map; content: "0" counter(map); color: var(--copper-dark); font-size: var(--text-label); font-weight: 700; }
  .card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .scene-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .scene-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .scene-card { min-width: 0; padding: 1.55rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper-soft); box-shadow: 0 8px 26px rgba(17, 25, 24, .045); transition: transform var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard); }
  .scene-card blockquote { margin: 0; color: var(--forest); font: 600 clamp(1.15rem, 1.6vw, 1.45rem)/1.35 var(--font-display); }
  .scene-card p { margin: .75rem 0 0; color: var(--muted); font-size: var(--text-secondary); }
  .scene-close { margin: 1.5rem auto 0; color: var(--forest); font-weight: 700; text-align: center; }
  .card {
    min-width: 0;
    padding: 1.55rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(255, 253, 248, .72);
    box-shadow: 0 8px 26px rgba(17, 25, 24, .045);
    transition: transform var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);
  }
  .card:hover, .scene-card:hover { transform: translateY(-5px); border-color: rgba(183,111,69,.36); box-shadow: 0 18px 42px rgba(17,25,24,.11); }
  .card h3 { margin: 1rem 0 0; font: 600 var(--title-card)/1.18 var(--font-display); letter-spacing: -.025em; }
  .card p { margin: .75rem 0 0; color: var(--muted); font-size: var(--text-secondary); }
  .card-kicker { color: var(--copper-dark); font-size: var(--text-label); font-weight: 700; }
  .card-dark { border-color: var(--line-light); background: rgba(255, 255, 255, .055); color: var(--white); }
  .card-dark p { color: rgba(255, 253, 248, .7); }
  .step-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .process-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
  .process-grid .card h3 { font-size: clamp(1.18rem, 1.55vw, 1.5rem); }
  .step-card { position: relative; min-height: 15rem; }
  .step-card > span { color: var(--gold); font: 700 var(--text-label)/1 var(--font-display); }
  .case-stack { display: grid; gap: 1.25rem; }
  .case-connector { margin: 2rem auto .2rem; color: var(--forest); font: 600 clamp(1.35rem, 2.2vw, 2rem)/1.35 var(--font-display); text-align: center; text-wrap: balance; }
  .case-study {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 43%);
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: center;
    min-height: 34rem;
    padding: clamp(2rem, 4vw, 4rem);
    border-radius: var(--radius-lg);
    background: linear-gradient(145deg, var(--forest), var(--forest-deep));
    color: var(--white);
    box-shadow: var(--shadow);
  }
  .case-study-copy { max-width: 42rem; }
  .case-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .7rem; color: var(--gold); font-size: var(--text-label); font-weight: 700; }
  .case-study h3 { margin: 1.25rem 0 0; font: 600 clamp(1.8rem, 2.65vw, 3rem)/1.1 var(--font-display); letter-spacing: -.03em; text-wrap: balance; }
  .case-points { display: grid; gap: .75rem; margin-top: 1.35rem; }
  .case-points p { margin: 0; color: rgba(255, 253, 248, .74); font-size: var(--text-secondary); }
  .case-points strong { color: var(--white); }
  .case-outcome { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--line-light); color: var(--gold); font-size: var(--text-secondary); font-weight: 700; }
  .tag-list { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.2rem; }
  .tag-list span { padding: .45rem .7rem; border: 1px solid var(--line-light); border-radius: 999px; color: rgba(255, 253, 248, .82); font-size: var(--text-label); }
  .case-media { position: relative; min-width: 0; }
  .case-media-frame { padding: .8rem; border: 1px solid rgba(121, 213, 194, .2); border-radius: 2rem; background: #071918; box-shadow: 0 24px 50px rgba(0, 0, 0, .28); overflow: hidden; transition: transform var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard); }
  .case-study:hover .case-media-frame { transform: translateY(-4px) rotate(-.35deg); border-color: rgba(121,213,194,.42); box-shadow: 0 30px 62px rgba(0,0,0,.34); }
  .case-media-frame img { width: 100%; height: auto; border-radius: 1.35rem; }
  .case-media-frame.phone { width: min(100%, 21rem); margin-inline: auto; }
  .case-media-frame.phone img { max-height: 34rem; object-fit: contain; background: #030706; }
  .browser-bar { display: flex; align-items: center; gap: .35rem; min-height: 2rem; padding-inline: .35rem; color: rgba(255,255,255,.72); font-size: var(--text-label); }
  .browser-bar i { width: .45rem; height: .45rem; border-radius: 50%; background: var(--copper); }
  .browser-bar strong { margin-inline-start: auto; font-weight: 600; }
  .faq-layout { display: grid; grid-template-columns: minmax(14rem, .55fr) minmax(0, 1fr); gap: 4rem; align-items: start; }
  .faq-list { border-top: 1px solid var(--line); }
  .faq-list details { border-bottom: 1px solid var(--line); }
  .faq-list summary { position: relative; min-height: 3.5rem; padding: 1.25rem 2.6rem 1.25rem 0; cursor: pointer; font: 600 1.1rem/1.4 var(--font-display); }
  .faq-list summary::before { content: "+"; position: absolute; inset-inline-start: 0; color: var(--copper-dark); font-size: 1.35rem; }
  .faq-list details[open] summary::before { content: "×"; }
  .faq-answer { padding: 0 0 1.25rem; color: var(--muted); font-size: var(--text-secondary); }
  .faq-answer p { margin: 0; }
  .notice { padding: 1rem 1.1rem; border-inline-start: 3px solid var(--copper); border-radius: .75rem; background: rgba(255, 253, 248, .65); color: var(--muted-dark); font-size: var(--text-secondary); }
  .offer-card { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper-soft); box-shadow: var(--shadow-sm); }
  .offer-card p { margin: 0; }
  .product-map-offer { align-items: flex-start; }
  .product-map-offer > div { flex: 1; }
  .product-map-outputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1rem; margin: 0 0 1.2rem; padding: 0; list-style: none; }
  .product-map-outputs li { position: relative; padding-inline-start: 1.1rem; color: var(--ink-soft); font-weight: 600; }
  .product-map-outputs li::before { content: ""; position: absolute; inset-block-start: .62em; inset-inline-start: 0; width: .42rem; height: .42rem; border-radius: 50%; background: var(--copper); box-shadow: 0 0 0 .28rem rgba(190, 126, 75, .1); }
  .offer-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; align-items: stretch; }
  .offer-grid .not-fit { grid-column: 1 / -1; }
  .faq-after-offer { margin-top: var(--space-block); }
  .deliverable-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .deliverable-grid .card:nth-child(n + 4) { grid-column: span 1; }
  .ownership-note { margin: 1.3rem 0 0; color: var(--forest); font-weight: 700; text-align: center; }
  .idea-strip { max-width: 56rem; margin: 2rem auto 0; padding: 1rem 0; border-block: 1px solid var(--line); color: var(--muted-dark); font-size: var(--text-secondary); text-align: center; }
  .idea-strip > p { margin: 0 auto .7rem; }
  .idea-strip > .eyebrow { margin-bottom: .7rem; }
  .product-map-title { margin: 0 0 .7rem; font-size: clamp(1.75rem, 3vw, 2.6rem); }
  .idea-strip .text-link { margin-inline-start: .4rem; }
  .forgiveness-strip { padding-block: 1.5rem; background: var(--paper-warm); color: var(--muted-dark); font-size: var(--text-secondary); font-weight: 600; text-align: center; }
  .section-note { max-width: 50rem; margin: 1.4rem auto 0; color: rgba(255,253,248,.72); font-size: var(--text-secondary); text-align: center; }
  .fit-filter { max-width: 58rem; margin-inline: auto; }
  .fit-filter-title { max-width: 22ch; font-size: clamp(2rem, 3.2vw, 3.35rem); }
  .fit-list { margin: 1.75rem 0 0; padding: 0; border-block: 1px solid var(--line); list-style: none; }
  .fit-list li { position: relative; margin: 0; padding: 1rem 2rem 1rem 0; border-bottom: 1px solid var(--line); color: var(--muted-dark); font-size: var(--text-secondary); text-wrap: balance; }
  .fit-list li:last-child { border-bottom: 0; }
  .fit-list li::before { content: "✓"; position: absolute; inset-block-start: 1rem; inset-inline-start: 0; color: var(--copper-dark); font-weight: 700; }
  .fit-not-fit { margin-top: 1.25rem; padding-top: 1.1rem; border-top: 1px solid var(--line); color: var(--muted); }
  .fit-not-fit strong { display: block; color: var(--muted-dark); font-size: var(--text-label); }
  .fit-not-fit p { max-width: 50rem; margin: .35rem 0 0; color: inherit; font-size: var(--text-secondary); text-wrap: balance; }
  .fit-filter-about { margin-top: 2rem; }
  .fit-filter-about .fit-filter-title { font-size: clamp(1.65rem, 2.2vw, 2.2rem); }
  .fit-filter-about .fit-list { margin-top: 1.2rem; }
  .fit-filter-map { margin-bottom: var(--space-block); }
  .testimonial { max-width: 54rem; margin: 1.5rem auto 0; padding: 1.15rem 1.3rem 1.15rem 1.6rem; border-inline-start: 3px solid var(--copper); border-radius: var(--radius-sm); background: rgba(255, 253, 248, .66); box-shadow: var(--shadow-sm); }
  .testimonial blockquote { margin: 0; color: var(--ink-soft); font: 600 clamp(1.05rem, 1.55vw, 1.28rem)/1.6 var(--font-display); text-wrap: balance; }
  .testimonial figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-top: .65rem; color: var(--muted); font-size: var(--text-label); font-style: normal; }
  .testimonial figcaption i { color: var(--copper); font-style: normal; }
  .testimonial-hero { margin: 1.2rem 0 0; padding-block: .9rem; background: rgba(255, 253, 248, .82); }
  .testimonial-hero blockquote { font-size: var(--text-secondary); }
  .testimonial-case { margin: 1rem 0 0; padding: .9rem 1rem .9rem 1.25rem; border-color: var(--gold); background: rgba(255, 253, 248, .08); box-shadow: none; }
  .testimonial-case blockquote { color: rgba(255, 253, 248, .9); font-size: var(--text-secondary); }
  .testimonial-case figcaption { color: rgba(255, 253, 248, .62); }
  .testimonial-offer { margin-top: 1.25rem; }
  .testimonial-map { margin-top: calc(var(--space-block) * -0.35); margin-bottom: var(--space-block); }
  .testimonial-personal { max-width: none; margin: 1.5rem 0 0; padding-block: .95rem; background: rgba(255, 253, 248, .48); box-shadow: none; }
  .testimonial-personal blockquote { font-size: var(--text-secondary); }
  .map-price-head { margin-bottom: 1.5rem; }
  .price-line { margin: 1rem 0 0; color: var(--muted-dark); font-size: var(--text-label); }
  .price-line strong { color: var(--copper-dark); }
  .principle-copy { max-width: 62rem; }
  .principle-copy .section-title { max-width: 19ch; }
  .closing-copy { max-width: 52rem; text-align: center; }
  .closing-copy .section-title, .closing-copy .eyebrow { margin-inline: auto; justify-content: center; }
  .closing-copy .hero-actions { justify-content: center; }
  .phone-link-light { justify-content: center; margin-top: .5rem; color: var(--gold); }
  .contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
  .contact-form-panel { display: grid; align-content: center; }
  .contact-form { padding: clamp(1.3rem, 2.4vw, 1.75rem); border-radius: var(--radius); background: var(--paper); color: var(--ink); box-shadow: var(--shadow); }
  .field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .field { display: grid; gap: .45rem; margin-bottom: 1rem; }
  .field.full { grid-column: 1 / -1; }
  .field label, .choice-label { color: var(--muted-dark); font-size: var(--text-label); font-weight: 700; }
  .field input, .field textarea {
    width: 100%;
    min-height: 3.25rem;
    padding: .8rem 1rem;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--white);
    color: var(--ink);
    font-size: 1rem;
  }
  .field input[type="tel"] { text-align: right; }
  .field textarea { min-height: 8rem; resize: vertical; }
  .field :is(input, textarea)[aria-invalid="true"] { border-color: #a23d31; box-shadow: 0 0 0 3px rgba(162, 61, 49, .12); }
  .field-error { min-height: 1.3rem; color: #8b3028; font-size: var(--text-label); }
  .choice-list { display: flex; flex-wrap: wrap; gap: .55rem; margin: .55rem 0 1.2rem; }
  .choice { position: relative; }
  .choice input { position: absolute; opacity: 0; }
  .choice span { display: inline-flex; align-items: center; min-height: 2.75rem; padding: .55rem .8rem; border: 1px solid var(--line); border-radius: 999px; background: var(--white); font-size: var(--text-label); cursor: pointer; }
  .choice input:checked + span { border-color: var(--copper); background: #f2dfcf; }
  .choice input:focus-visible + span { outline: 3px solid var(--focus, var(--copper)); outline-offset: 3px; }
  .form-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
  .form-footer small, .privacy-consent { color: var(--muted); font-size: var(--text-label); }
  .form-status { min-height: 1.5rem; margin-top: .6rem; font-size: var(--text-secondary); }
  .form-status.success { color: var(--forest); }
  .form-status.error { color: #8b3028; }
  .form-honey { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
  .human-strip { display: grid; grid-template-columns: auto 1fr; gap: 1.2rem; align-items: center; max-width: 52rem; margin: 1.3rem auto 0; padding: 1.1rem; border-radius: var(--radius); background: rgba(255, 253, 248, .74); box-shadow: var(--shadow-sm); }
  .human-strip img { width: 6.75rem; height: 6.75rem; object-fit: cover; object-position: var(--focal-nav-portrait); border-radius: 50%; }
  .human-strip strong { display: block; font-family: var(--font-display); font-size: 1.15rem; }
  .human-strip p { margin: .35rem 0 0; color: var(--muted); font-size: var(--text-secondary); }
  .footer { padding-block: 2rem; background: #071918; color: rgba(255, 253, 248, .7); }
  .footer-grid { display: grid; justify-items: center; gap: 1.35rem; text-align: center; }
  .footer-brand { display: grid; justify-items: center; width: 100%; }
  .footer-brand strong { color: var(--white); font-family: var(--font-display); }
  .footer-brand small { margin-top: .2rem; font-size: var(--text-label); }
  .footer-nav-wrap { display: grid; justify-items: center; gap: .85rem; width: 100%; min-width: 0; }
  .footer-links { display: grid; justify-items: center; width: 100%; gap: .65rem; font-size: var(--text-label); }
  .footer-links-main, .footer-links-meta { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; gap: .55rem 1.2rem; }
  .footer-links-meta { color: rgba(255, 253, 248, .58); font-size: .82rem; }
  .footer-links :is(a, button) { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0; border: 0; background: none; color: inherit; line-height: 1.25; white-space: nowrap; cursor: pointer; text-decoration: underline; text-underline-offset: .25rem; }
  .footer-copy { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: .75rem; white-space: nowrap; }
  .floating-whatsapp, .accessibility-toggle {
    position: fixed;
    z-index: 9800;
    inset-block-end: 1.1rem;
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border: 0;
    border-radius: 50%;
    color: var(--white);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .22);
    cursor: pointer;
  }
  .floating-whatsapp { right: auto; left: 1.1rem; background: #1fa463; font-size: 1.45rem; }
  .floating-whatsapp img { width: 1.65rem; height: 1.65rem; filter: brightness(0) invert(1); }
  .accessibility-toggle { right: 1.1rem; left: auto; background: #20242a; font-size: 1.35rem; }
  .accessibility-panel {
    position: fixed;
    z-index: 9799;
    right: 1.1rem;
    inset-block-end: 5.2rem;
    width: min(20rem, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid var(--line-light);
    border-radius: var(--radius-sm);
    background: var(--ink);
    color: var(--white);
    box-shadow: var(--shadow);
  }
  .accessibility-panel[hidden] { display: none; }
  .accessibility-panel-head { display: flex; align-items: center; justify-content: space-between; }
  .accessibility-panel-head button { width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: var(--white); }
  .accessibility-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .8rem; }
  .accessibility-actions button { min-height: 2.75rem; border: 1px solid var(--line-light); border-radius: .65rem; background: rgba(255,255,255,.06); color: var(--white); font-size: var(--text-label); }
  .accessibility-dialog { width: min(40rem, calc(100% - 2rem)); padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); color: var(--ink); box-shadow: var(--shadow); }
  .accessibility-dialog::backdrop { background: rgba(7, 15, 14, .75); }
  .dialog-close { float: left; width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%; background: var(--forest); color: var(--white); }
  .dialog-close + h2 { margin-top: 0; font-family: var(--font-display); }
}

@layer pages {
  .router-page { padding-block: clamp(2.5rem, 6vw, 5rem); }
  .router-intro { max-width: 62rem; margin-inline: auto; text-align: center; }
  .router-intro .eyebrow {
    max-width: 38rem;
    justify-content: center;
    margin-inline: auto;
    font-size: clamp(1.05rem, 1.55vw, 1.25rem);
    line-height: 1.45;
    text-wrap: balance;
  }
  .router-intro .hero-title { max-width: 19ch; margin-inline: auto; }
  .router-concrete { max-width: 55rem; margin: 1.25rem auto 0; color: var(--muted-dark); font-weight: 600; }
  .router-continuation { max-width: 48rem; margin: .7rem auto 0; color: var(--muted); font-size: var(--text-secondary); }
  .router-question { margin: 2rem 0 1rem; color: var(--forest); font: 700 1.2rem/1.3 var(--font-display); }
  .doors { display: grid; grid-template-columns: 1.08fr 1fr; gap: 1rem; }
  .door {
    position: relative;
    display: flex;
    min-height: 20rem;
    flex-direction: column;
    padding: 2rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: rgba(255, 253, 248, .78);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);
  }
  .door-primary { border-color: rgba(183, 111, 69, .46); background: linear-gradient(145deg, var(--forest), var(--forest-deep)); color: var(--white); }
  .door:hover, .door:focus-visible { transform: translateY(-3px) rotate(.2deg); box-shadow: var(--shadow); }
  .door h2 { max-width: 17ch; margin: .8rem 0 0; font: 600 clamp(1.85rem, 3vw, 2.8rem)/1.08 var(--font-display); letter-spacing: -.035em; }
  .door p { margin: .8rem 0 0; color: var(--muted); font-size: var(--text-secondary); }
  .door-primary p { color: rgba(255, 253, 248, .7); }
  .chaos-strip { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.2rem; }
  .chaos-strip span { padding: .45rem .7rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: var(--text-label); transition: transform var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard); }
  .door-primary .chaos-strip span { border-color: var(--line-light); color: rgba(255, 253, 248, .78); }
  .door-action { margin-top: auto; padding-top: 1.4rem; color: var(--copper); font-weight: 700; }
  .door-primary .door-action { color: var(--gold); }
  .router-unsure { display: block; width: fit-content; margin: .8rem auto 0; }
  .router-filter { max-width: 55rem; margin: .6rem auto 0; color: var(--muted); font-size: var(--text-label); text-align: center; }
  .route-crosslink { padding: 1rem; border-block: 1px solid var(--line); background: var(--paper-warm); color: var(--muted-dark); text-align: center; font-size: var(--text-secondary); }
  .business-hero { background: linear-gradient(135deg, rgba(255,253,248,.94), rgba(244,240,231,.78)); }
  .about-grid { display: grid; grid-template-columns: minmax(18rem, .75fr) minmax(0, 1.25fr); gap: clamp(2.5rem, 6vw, 5rem); align-items: center; }
  .about-portrait { height: 35rem; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
  .about-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: var(--focal-about-portrait); }
  .about-copy p { color: var(--muted); }
  .about-copy .honesty-line { color: var(--muted-dark); font-weight: 600; }
  .decision-quote { margin-top: 1.2rem; padding: 1.1rem; border-inline-start: 3px solid var(--copper); background: rgba(255,255,255,.55); color: var(--muted-dark); font-weight: 600; }
  .ai-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin-top: 1.3rem; }
  .ai-rail div { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-sm); }
  .ai-rail strong { display: block; font-size: var(--text-secondary); }
  .ai-rail small { display: block; margin-top: .3rem; color: var(--muted); font-size: var(--text-label); }
  .commercial-card .map-inline { display: block; margin-top: .8rem; color: var(--gold); font-size: var(--text-label); font-weight: 700; }
  .contact-section { background: var(--forest-deep); color: var(--white); }
  .contact-section .section-title { max-width: 15ch; }
  .contact-section .section-intro { color: rgba(255,253,248,.7); }
  .direct-contact { display: grid; gap: .7rem; margin-top: 1.3rem; }
  .direct-contact a { display: grid; }
  .direct-contact small { color: rgba(255,253,248,.62); font-size: var(--text-label); }
  .direct-contact strong { color: var(--white); }
  .map-price { display: block; margin-top: 1rem; color: var(--copper-dark); font: 700 clamp(3.2rem, 6vw, 5.2rem)/1 var(--font-display); }
  .privacy-page, .not-found-page { min-height: 70vh; }
  .legal-card { max-width: 52rem; margin-inline: auto; padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-sm); }
  .legal-card h2 { margin-top: 2rem; font-family: var(--font-display); }
  .mini-doors { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 2rem; }
  .mini-door { padding: 1.3rem; border-radius: var(--radius); background: var(--forest); color: var(--white); }
  .mini-door:nth-child(2) { background: var(--white); color: var(--ink); border: 1px solid var(--line); }
  .legal-card > p { color: var(--muted-dark); }
  .legal-card .mini-doors + .text-link { margin-top: 1rem; }
}

@layer responsive {
  @media (max-width: 900px) {
    .hero-grid, .case-study, .about-grid, .contact-grid { grid-template-columns: 1fr; }
    .hero-copy { max-width: 48rem; }
    .case-study { min-height: 0; }
    .case-media { grid-row: 1; }
    .case-media-frame { width: min(100%, 34rem); margin-inline: auto; }
    .card-grid { grid-template-columns: 1fr 1fr; }
    .step-grid { grid-template-columns: 1fr; }
    .step-card { min-height: 0; }
    .faq-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .ai-rail { grid-template-columns: 1fr; }
    .process-grid { grid-template-columns: 1fr 1fr; }
    .process-grid > :last-child { grid-column: 1 / -1; }
    .scene-grid-four { grid-template-columns: 1fr 1fr; }
    .offer-grid { grid-template-columns: 1fr; }
    .offer-grid .not-fit { grid-column: auto; }
  }
  @media (max-width: 700px) {
    :root { --space-section: 4rem; --space-block: 2rem; --text-eyebrow: clamp(1rem, 4.4vw, 1.12rem); --text-eyebrow-hero: clamp(1.12rem, 5vw, 1.28rem); --title-hero: clamp(2.15rem, 9.25vw, 2.75rem); --title-section: clamp(1.95rem, 8vw, 2.45rem); }
    .container { width: min(calc(100% - 1.75rem), var(--container)); }
    .site-header { padding-block: .5rem; }
    .nav-shell { justify-content: flex-start; }
    .nav-actions { width: auto; padding-inline: 1rem; }
    .nav-actions > .btn { position: static; }
    .brand-avatar { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; }
    .brand-copy small { display: none; }
    .nav-actions .btn { display: none; }
    .hero { padding-block: 3.2rem; }
    .hero-grid { gap: 2rem; }
    .hero-copy, .section-head, .faq-layout > :first-child { text-align: center; }
    .hero-title, .section-title { margin-inline: auto; }
    .eyebrow { justify-content: center; }
    .hero-copy > .eyebrow { margin-bottom: var(--golden-space-1); }
    .hero-actions, .hero-actions .btn { width: 100%; }
    .hero-actions { display: grid; }
    .hero-micro, .cta-micro, .quiet-filter { text-align: center; }
    .section-head { grid-template-columns: 1fr; gap: 1rem; }
    .card-grid { grid-template-columns: 1fr; }
    .scene-grid, .scene-grid-four, .process-grid, .deliverable-grid { grid-template-columns: 1fr; }
    .process-grid > :last-child { grid-column: auto; }
    .scene-card { padding: 1.2rem; }
    .offer-card { align-items: flex-start; flex-direction: column; gap: .75rem; }
    .product-map-outputs { grid-template-columns: 1fr; }
    .fit-filter { text-align: center; }
    .fit-filter-title { margin-inline: auto; }
    .fit-filter .eyebrow { justify-content: center; }
    .fit-list { text-align: right; }
    .fit-list li { padding: .9rem 1.75rem .9rem 0; }
    .fit-list li::before { inset-block-start: .9rem; }
    .fit-not-fit { text-align: center; }
    .fit-not-fit p { margin-inline: auto; }
    .testimonial { text-align: right; }
    .testimonial-hero { margin-inline: auto; }
    .doors { grid-template-columns: 1fr; gap: .75rem; }
    .door { min-height: 17rem; padding: 1.5rem; }
    .door-primary { min-height: 20rem; }
    .human-strip { grid-template-columns: 4.5rem 1fr; gap: .85rem; }
    .human-strip img { width: 4.5rem; height: 4.5rem; }
    .case-study { padding: 1.35rem; border-radius: 1.8rem; }
    .case-study h3 { font-size: 1.75rem; line-height: 1.14; }
    .whatsapp-chat { min-height: 0; padding: .8rem .7rem; }
    .whatsapp-chat .chat-bubble { max-width: 92%; padding: .72rem .8rem; }
    .case-media-frame.phone { width: min(100%, 18rem); }
    .field-grid { grid-template-columns: 1fr; }
    .field.full { grid-column: auto; }
    .form-footer { align-items: stretch; flex-direction: column; }
    .form-footer .btn { width: 100%; }
    .footer-grid { justify-items: center; }
    .footer-nav-wrap { display: grid; justify-items: center; width: 100%; gap: .45rem; }
    .footer-links { display:grid; justify-items:center; width:100%; gap:1.2rem; font-size:var(--text-small); }
    .footer-links-main { display:flex; justify-content:center; flex-wrap:wrap; width:100%; gap:.5rem; }
    .footer-links-main :is(a,button) { flex:0 1 9.25rem; }
    .footer-links-meta { display:flex; justify-content:center; flex-wrap:wrap; width:100%; gap:.35rem .8rem; padding-top:.9rem; border-top:1px solid rgba(255,255,255,.12); font-size:.78rem; }
    .footer-links :is(a,button) { justify-content:center; white-space:normal; text-align:center; }
    .footer-copy { justify-content: center; min-height: 1.5rem; }
    .footer { padding-bottom: 6.5rem; }
    .floating-whatsapp { display: none; }
    .floating-whatsapp, .accessibility-toggle { width: 3.25rem; height: 3.25rem; }
    .mini-doors { grid-template-columns: 1fr; }
    .about-portrait { height: 22rem; }
    .router-page { padding-block: 1.8rem 2.5rem; }
    .router-intro .eyebrow { margin-bottom: .6rem; }
    .router-concrete { margin-top: .8rem; }
    .router-continuation { margin-top: .45rem; }
    .router-question { margin-block: 1.15rem .65rem; }
    .router-filter { margin-top: .45rem; }
    .closing-copy { text-align: center; }
  }
}

@layer accessibility {
  .motion-ready [data-hero-motion] {
    transform: translateY(.75rem);
    transition: transform var(--dur-base) var(--ease-standard);
  }
  .motion-ready [data-reveal] {
    opacity: 0;
    transform: translateY(1.125rem) scale(.99);
    transition: opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);
  }
  .motion-ready [data-hero-motion].is-visible { transform: none; }
  .motion-ready [data-reveal].is-visible { opacity: 1; transform: none; }
  .motion-ready .scope-demo .scope-row { opacity: 0; transform: translateY(.875rem); transition: opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard); }
  .motion-ready .scope-demo .scope-row:nth-child(2) { transition-delay: 80ms; }
  .motion-ready .scope-demo .scope-row:nth-child(3) { transition-delay: 160ms; }
  .motion-ready .scope-demo.is-animated .scope-row { opacity: 1; transform: none; }
  .motion-ready .scope-demo .scope-row.is-cut::after { transform: scaleX(0); transition: transform var(--dur-base) var(--ease-standard); }
  .motion-ready .scope-demo.is-animated .scope-row.is-cut::after { transform: scaleX(1); transition-delay: 400ms; }
  .motion-ready .scope-demo.is-animated .scope-row.is-cut { opacity: .58; transition-delay: 400ms; }
  .motion-ready .door .chaos-strip span { animation: chaos-pulse 2.8s var(--ease-standard) calc(var(--chip-index, 0) * 110ms) infinite alternate; }
  .motion-ready .mockup-frame::after { animation: system-scan 7s ease-in-out 1.2s infinite; }
  .motion-ready .whatsapp-chat .chat-status::before { animation: status-pulse 1.8s ease-in-out infinite; }
  @keyframes chaos-pulse { to { transform: translateY(-.25rem); opacity: .72; } }
  @keyframes system-scan { 0%, 35% { transform: translateX(-36%) rotate(4deg); opacity: 0; } 52% { opacity: .9; } 70%, 100% { transform: translateX(36%) rotate(4deg); opacity: 0; } }
  @keyframes status-pulse { 50% { transform: scale(.82); box-shadow: 0 0 0 7px rgba(25,169,116,.04); } }
  html.a11y-text { font-size: 112.5%; }
  html.a11y-contrast { filter: contrast(1.22); }
  html.a11y-grayscale { filter: grayscale(1); }
  html.a11y-links a { text-decoration: underline !important; text-underline-offset: .25rem; }
  html.a11y-motion *, html.a11y-motion *::before, html.a11y-motion *::after { animation: none !important; transition: none !important; }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
    [data-hero-motion], [data-reveal], .scope-demo .scope-row { opacity: 1 !important; transform: none !important; }
    .scope-demo .scope-row.is-cut::after { transform: scaleX(1) !important; }
  }
}

/* Homepage v43: one question per section, one owner from diagnosis to code. */
.home-page .home-hero {
  position: relative;
  display: grid;
  align-items: center;
  min-height: calc(100svh - 4.75rem);
  padding-block: clamp(3.6rem, 6vw, 6.5rem);
  color: var(--white);
  background: #09151b;
  isolation: isolate;
}
.home-page .home-hero::before {
  z-index: 1;
  inset: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background:
    linear-gradient(to left, rgba(5, 14, 19, .93) 0%, rgba(5, 14, 19, .78) 38%, rgba(5, 14, 19, .2) 72%, rgba(5, 14, 19, .08) 100%),
    linear-gradient(to top, rgba(5, 14, 19, .58), transparent 42%);
}
.home-page .home-hero .umbrella-hero-grid {
  position: relative;
  z-index: 2;
  display: block;
}
.home-page .home-hero .hero-copy {
  position: relative;
  z-index: 2;
  width: min(100%, 49rem);
  margin-inline-end: auto;
  padding: clamp(1.35rem, 2vw, 1.85rem);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: clamp(1.35rem, 2.4vw, 2.2rem);
  background: linear-gradient(145deg, rgba(8, 19, 25, .62), rgba(8, 19, 25, .27));
  box-shadow: 0 30px 90px rgba(0, 0, 0, .3);
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
}
.home-page .home-hero .hero-title {
  max-width: none;
  margin-top: 0;
  color: var(--white);
  font-size: clamp(3.65rem, 5vw, 5.8rem);
  line-height: .94;
  letter-spacing: -.045em;
}
.home-page .home-hero .hero-title > span,
.home-page .home-hero .hero-title > span > span { display: block; }
.home-page .home-hero .hero-title-answer { margin-top: .22em; color: #f1b178; font-weight: 700; }
.home-page .hero-kicker {
  margin-top: clamp(.85rem, 1.35vw, 1.15rem);
  margin-bottom: .8rem;
  padding: .55rem .9rem;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .11);
  color: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
  backdrop-filter: blur(10px);
}
.home-page .hero-kicker::before { width: 1.35rem; }
.home-page .home-hero .hero-lede {
  max-width: none;
  margin-top: .75rem;
  color: rgba(255, 255, 255, .88);
  font-size: clamp(1.08rem, 1.35vw, 1.28rem);
  text-wrap: balance;
}
.home-page .hero-ai-note { max-width: none; margin: .65rem 0 0; color: rgba(255, 255, 255, .65); font-size: var(--text-secondary); text-wrap: balance; }
.home-page .home-hero .hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: none; gap: .65rem; margin-top: 1.15rem; }
.home-page .home-hero .hero-actions .btn { width: 100%; min-height: 3.25rem; justify-content: center; padding-inline: .85rem; text-align: center; }
.home-page .home-hero .hero-micro { max-width: none; margin-top: .55rem; color: rgba(255, 255, 255, .62); text-align: center; }
.home-page .hero-outcome {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: .7rem 1rem;
  align-items: center;
  width: 100%;
  margin: .8rem 0 0;
  padding: .82rem 1rem;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .045));
  color: rgba(255, 255, 255, .84);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}
.home-page .hero-outcome-time { display: grid; grid-row: 1; grid-template-rows: auto auto; place-content: center; place-items: center; align-self: stretch; gap: .3rem; min-width: 6rem; padding-inline-end: 1rem; border-inline-end: 1px solid rgba(255, 255, 255, .16); white-space: nowrap; text-align: center; }
.home-page .hero-outcome-time strong { color: #f1b178; font: 700 clamp(2.65rem, 4vw, 3.6rem)/.82 var(--font-display); }
.home-page .hero-outcome-time span { color: var(--white); font-size: .9rem; font-weight: 700; }
.home-page .hero-outcome-value { display: grid; gap: .18rem; align-content: center; min-width: 0; }
.home-page .hero-outcome-value span { font-size: var(--text-small); font-weight: 500; line-height: 1.35; text-wrap: balance; }
.home-page .hero-outcome-value b { max-width: none; color: var(--white); font-size: var(--text-secondary); font-weight: 700; line-height: 1.35; text-wrap: balance; }
.home-page .hero-outcome small { margin-top: .12rem; color: rgba(255, 255, 255, .58); font-size: var(--text-small); line-height: 1.35; text-align: right; }
.home-page .home-hero .btn-secondary { border-color: rgba(255, 255, 255, .34); color: var(--white); background: rgba(8, 19, 25, .22); }
.home-page .home-hero .btn-secondary:hover { border-color: rgba(255, 255, 255, .62); background: rgba(8, 19, 25, .48); }
.home-page .home-hero .idea-visual { position: absolute; z-index: 0; inset: 0; min-height: 0; }
.home-page .idea-portrait { inset: 0; border-radius: 0; box-shadow: none; }
.home-page .idea-portrait img { object-position: 60% 50%; }
.hero-901-teaser {
  position: absolute;
  z-index: 3;
  inset-inline-start: auto;
  inset-inline-end: clamp(1.25rem, 3vw, 3rem);
  inset-block-end: clamp(1.25rem, 3vw, 2.5rem);
  display: flex;
  align-items: center;
  gap: .9rem;
  width: max-content;
  max-width: calc(100% - 1rem);
  padding: .7rem 1rem;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 1.4rem;
  background: rgba(18, 19, 21, .92);
  color: var(--white);
  box-shadow: 0 22px 56px rgba(0, 0, 0, .27);
  backdrop-filter: blur(14px);
  transition: transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);
}
.hero-901-teaser:hover { transform: translateY(-4px); box-shadow: 0 28px 66px rgba(0, 0, 0, .34); }
.hero-901-teaser img { width: 3.5rem; height: 7rem; object-fit: contain; }
.hero-901-teaser span, .hero-901-teaser small, .hero-901-teaser strong, .hero-901-teaser em { display: block; }
.hero-901-teaser small { color: rgba(255, 255, 255, .68); font-size: var(--text-small); }
.hero-901-teaser strong { margin-top: .12rem; font: 700 1.55rem/1 var(--font-display); }
.hero-901-teaser em { margin-top: .4rem; color: #a9bdff; font-size: var(--text-small); font-style: normal; }
.route-head { grid-template-columns: 1fr; }
.route-head .section-title { max-width: none; }
.route-product { background: linear-gradient(145deg, #fff, #f3f5ff); border-color: rgba(36, 87, 230, .2); }
.route-choice-card { position: relative; overflow: hidden; padding-top: clamp(6.5rem, 9vw, 8rem); }
.route-card-arrows {
  position: absolute;
  inset-block-start: 1.25rem;
  left: 50%;
  display: flex;
  gap: 1.2rem;
  height: 4.4rem;
  transform: translateX(-50%);
  pointer-events: none;
}
.route-card-arrows i {
  position: relative;
  display: block;
  width: 1px;
  height: 3.8rem;
  background: linear-gradient(to bottom, transparent, currentColor 24%, currentColor 82%, transparent);
  color: rgba(241, 177, 120, .88);
  transform-origin: 50% 100%;
  animation: route-arrow-drift 2.8s ease-in-out infinite alternate;
}
.route-card-arrows i:first-child { transform: rotate(-8deg); animation-delay: -.9s; }
.route-card-arrows i:last-child { transform: rotate(8deg); }
.route-card-arrows i::after {
  content: "";
  position: absolute;
  inset-block-end: .05rem;
  left: 50%;
  width: .72rem;
  height: .72rem;
  border-inline-end: 1px solid currentColor;
  border-block-end: 1px solid currentColor;
  transform: translateX(-50%) rotate(45deg);
}
.route-product .route-card-arrows i { color: rgba(36, 87, 230, .58); }
@keyframes route-arrow-drift { to { translate: 0 .45rem; opacity: .62; } }
.route-choice-card p { max-width: 38rem; color: var(--muted); }
.route-business p { color: rgba(255, 255, 255, .72); }
.route-choice-card .text-link { margin-top: auto; padding-top: 1.25rem; }
.scene-close .text-link { display: inline; }
.route-emotional-bridge {
  position: relative;
  display: grid;
  grid-template-columns: minmax(15rem, .78fr) minmax(24rem, 1.22fr);
  gap: clamp(1.25rem, 4vw, 4rem);
  align-items: center;
  margin-top: clamp(2.2rem, 4vw, 3.5rem);
  padding: clamp(1.4rem, 2.4vw, 2rem) clamp(1rem, 2.5vw, 2rem);
  overflow: hidden;
  border-block: 1px solid rgba(17, 53, 50, .17);
  background: linear-gradient(110deg, rgba(239, 228, 214, .5), rgba(255, 255, 255, 0) 52%);
}
.route-emotional-bridge::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--copper) 24%, var(--copper) 76%, transparent);
}
.route-emotional-bridge h3 {
  max-width: 15ch;
  margin: 0;
  color: var(--forest);
  font: 600 clamp(1.75rem, 2.8vw, 2.75rem)/1.08 var(--font-display);
  letter-spacing: -.03em;
  text-wrap: balance;
}
.route-emotional-bridge h3 span { color: var(--copper-dark); }
.route-emotional-bridge > div { display: grid; gap: .65rem; align-items: start; }
.route-emotional-bridge p { max-width: 43rem; margin: 0; color: var(--muted-dark); font-size: clamp(1rem, 1.35vw, 1.16rem); line-height: 1.65; text-wrap: balance; }
.route-emotional-bridge p strong { color: var(--forest); font-weight: 700; }
.route-emotional-bridge .text-link { width: fit-content; color: var(--copper-dark); font-weight: 700; }
.case-story-section { overflow: hidden; }
.case-story-section::before { content: ""; position: absolute; inset: 12% auto auto -12rem; width: 34rem; height: 34rem; border-radius: 50%; background: radial-gradient(circle, rgba(36, 87, 230, .26), transparent 68%); pointer-events: none; }
.case-section-head {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, .72fr);
  gap: clamp(1.5rem, 3.5vw, 3.5rem);
  align-items: end;
  margin-bottom: clamp(2rem, 3.5vw, 3.25rem);
  padding: clamp(1.45rem, 3vw, 2.6rem);
  overflow: hidden;
  border: 1px solid rgba(121, 213, 194, .2);
  border-radius: clamp(1.35rem, 2.5vw, 2.2rem);
  background:
    radial-gradient(circle at 92% 14%, rgba(36, 87, 230, .26), transparent 18rem),
    linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .07);
}
.case-section-heading { position: relative; z-index: 1; }
.case-section-head .section-title { max-width: 16ch; color: var(--white); }
.case-section-head .section-intro { position: relative; z-index: 1; max-width: 33rem; margin-bottom: .1rem; color: rgba(255, 255, 255, .72); }
.case-story { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.case-story-primary, .case-story-supporting { grid-template-columns: minmax(0, .92fr) minmax(28rem, 1.08fr); }
.case-story-primary {
  position: relative;
  padding: clamp(1.4rem, 3vw, 2.65rem);
  overflow: hidden;
  border: 1px solid rgba(241, 177, 120, .3);
  border-radius: clamp(1.5rem, 3vw, 2.4rem);
  background:
    radial-gradient(circle at 12% 12%, rgba(241, 177, 120, .13), transparent 22rem),
    radial-gradient(circle at 92% 78%, rgba(36, 87, 230, .2), transparent 26rem),
    linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
  box-shadow: 0 34px 100px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .08);
}
.case-story-primary::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, transparent, #f1b178 30%, #79d5c2 70%, transparent);
  opacity: .9;
}
.case-story-primary .case-story-copy > .eyebrow {
  width: fit-content;
  padding: .36rem .65rem;
  border: 1px solid rgba(121, 213, 194, .2);
  border-radius: 999px;
  background: rgba(121, 213, 194, .075);
}
.case-story-primary .case-story-copy > .eyebrow::before { display: none; }
.case-story-copy { max-width: 48rem; }
.case-story-showcase { display: grid; gap: 1rem; align-self: start; min-width: 0; }
.case-story-showcase .case-story-media { width: 100%; }
.case-story-showcase .case-proof-stack { margin-top: 0; }
.case-story-deep-link { justify-self: start; margin-top: .15rem; }
.case-story-copy .section-title { max-width: 17ch; }
.case-story-copy > p:not(.eyebrow, .case-result) { color: rgba(255, 255, 255, .72); }
.case-story-copy > p strong { color: var(--white); }
.case-result { margin-top: 1.5rem; padding: 1rem 1.15rem; border-inline-start: 3px solid var(--gold); border-radius: .8rem; background: rgba(255, 255, 255, .06); color: var(--white); font-weight: 600; }
.case-story .case-quote { max-width: 42rem; }
.case-story .case-quote p { color: var(--white); }
.case-story .case-quote footer { margin-top: .55rem; color: var(--gold); }
.case-story-media { position: relative; display: grid; place-items: center; min-height: 38rem; }
.case-story-media img { position: relative; z-index: 2; width: auto; max-height: 38rem; object-fit: contain; filter: drop-shadow(0 28px 48px rgba(0, 0, 0, .42)); }
.case-story + .case-story { margin-top: clamp(3.5rem, 6vw, 6rem); padding-top: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255, 255, 255, .14); }
.case-story-supporting .section-title { max-width: 18ch; }
.case-story-supporting .case-story-copy > p:not(.eyebrow, .case-result, .case-status) { color: rgba(255, 255, 255, .72); }
.case-story-supporting .case-story-copy > p strong { color: var(--white); }
.case-story-wide { min-height: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .13); border-radius: 1.7rem; background: rgba(255, 255, 255, .04); box-shadow: 0 28px 80px rgba(0, 0, 0, .25); }
.case-story-wide img { width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 9; object-fit: cover; border-radius: inherit; filter: none; }
.case-story-workflow { border-color: rgba(241, 177, 120, .24); background: #081412; }
.case-story-workflow img { object-position: center; }
.case-story-product-mockup { border-color: rgba(109, 142, 241, .23); background: #080f12; }
.case-story-product-mockup img { object-position: center; }
.case-story-music .case-story-media { grid-column: 1; grid-row: 1; }
.case-story-music .case-story-copy { grid-column: 2; }
.case-status { margin-top: 1rem; color: rgba(255, 255, 255, .58); font-size: var(--text-label); }
.case-phone-glow { position: absolute; inset: 16% -16%; border-radius: 50%; background: radial-gradient(circle, rgba(36, 87, 230, .5), rgba(109, 142, 241, .08) 48%, transparent 70%); filter: blur(6px); }
.case-difference { display: grid; grid-template-columns: minmax(16rem, .78fr) minmax(22rem, 1.22fr); gap: clamp(1.25rem, 3vw, 2.75rem); align-items: start; margin-top: clamp(3rem, 5vw, 4.5rem); padding: clamp(1.4rem, 3vw, 2.4rem); overflow: hidden; border: 1px solid rgba(255, 255, 255, .15); border-radius: 1.6rem; background: radial-gradient(circle at 8% 8%, rgba(121, 213, 194, .11), transparent 20rem), linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)); box-shadow: 0 26px 72px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .05); }
.case-difference-heading > span { display: block; margin-bottom: .7rem; color: var(--gold); font-size: var(--text-label); font-weight: 700; }
.case-difference h3 { margin: 0; color: var(--white); font: 600 clamp(1.65rem, 2.25vw, 2.35rem)/1.12 var(--font-display); }
.case-difference-thesis { position: relative; display: grid; gap: .55rem; padding: clamp(1rem, 2vw, 1.35rem) 0; border-block: 1px solid rgba(121, 213, 194, .3); background: transparent; }
.case-difference-thesis::before { content: "01"; position: absolute; inset-block-start: -.55rem; inset-inline-end: 0; padding-inline-start: .55rem; background: #172123; color: #79d5c2; font: 700 .72rem/1 var(--font-display); letter-spacing: .08em; }
.case-difference-thesis strong { max-width: 24ch; color: var(--white); font-size: clamp(1.1rem, 1.75vw, 1.4rem); line-height: 1.45; text-wrap: balance; }
.case-difference-thesis p { margin: 0; color: rgba(255, 255, 255, .72); }
.case-difference-ai { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(16rem, .78fr) minmax(22rem, 1.22fr); gap: clamp(1rem, 3vw, 2.75rem); padding-top: clamp(1.25rem, 2.5vw, 2rem); border-top: 1px solid rgba(255, 255, 255, .12); }
.case-difference-ai-heading > span { display: block; color: #79d5c2; font-size: var(--text-label); font-weight: 700; }
.case-difference-ai-heading h4 { max-width: 13ch; margin: .6rem 0 0; color: var(--white); font: 600 clamp(1.45rem, 2.25vw, 2.2rem)/1.12 var(--font-display); }
.case-difference-ai-copy { display: grid; gap: .65rem; }
.case-difference-ai-copy p { margin: 0; color: rgba(255, 255, 255, .7); }
.case-difference-ai-copy strong { position: relative; display: block; margin-top: .45rem; padding: 1rem 2.25rem 0 0; border-block-start: 1px solid rgba(241, 177, 120, .42); color: var(--white); line-height: 1.55; text-wrap: balance; }
.case-difference-ai-copy strong::before { content: "↙"; position: absolute; inset-block-start: .95rem; inset-inline-end: 0; color: #f1b178; font-size: 1.1rem; }
.case-work-close { margin: clamp(2.5rem, 5vw, 4.5rem) auto 0; color: rgba(255, 255, 255, .78); font-size: clamp(1.15rem, 1.8vw, 1.45rem); font-weight: 600; text-align: center; text-wrap: balance; }
.case-work-close a { color: var(--gold); font-weight: 700; }
.home-process .section-head { grid-template-columns: 1fr; }
.home-process .section-title { max-width: 22ch; }
.home-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.home-process-step { display: flex; flex-direction: column; min-height: 22rem; padding: clamp(1.5rem, 3vw, 2.4rem); border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255, 255, 255, .78); box-shadow: var(--shadow-sm); }
.home-process-step.is-featured { border-color: rgba(36, 87, 230, .34); background: linear-gradient(145deg, #fff, #eef2ff); transform: translateY(-.8rem); }
.home-process-step > span { color: var(--copper-dark); font: 700 var(--text-label)/1 var(--font-display); }
.home-process-step h3 { margin: 1.2rem 0 0; font: 600 clamp(1.65rem, 2.4vw, 2.35rem)/1.1 var(--font-display); }
.home-process-step p { color: var(--muted); }
.home-process-step small, .home-process-step .text-link { margin-top: auto; padding-top: 1rem; }
.home-process-step small { color: var(--muted); }
.process-close { max-width: 56rem; margin: 2rem auto 0; color: var(--forest); font-weight: 700; text-align: center; text-wrap: balance; }
.about-cinematic {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(48rem, 64vw, 59rem);
  overflow: hidden;
  color: var(--white);
  background: #0a1415;
}
.about-cinematic::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(to left, rgba(6, 17, 20, .97) 0%, rgba(6, 17, 20, .82) 40%, rgba(6, 17, 20, .3) 68%, rgba(6, 17, 20, .12) 100%);
}
.about-cinematic-media { position: absolute; z-index: 0; inset: 0; margin: 0; }
.about-cinematic-media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.about-cinematic-shell { position: relative; z-index: 2; display: flex; justify-content: flex-start; }
.about-cinematic-card {
  width: min(100%, 48rem);
  padding: clamp(1.5rem, 3vw, 2.6rem);
  border: 1px solid rgba(255, 255, 255, .19);
  border-radius: clamp(1.4rem, 2.5vw, 2.2rem);
  background: linear-gradient(145deg, rgba(7, 20, 23, .78), rgba(7, 20, 23, .48));
  box-shadow: 0 34px 100px rgba(0, 0, 0, .32);
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
}
.about-cinematic-card .section-title { max-width: 17ch; color: var(--white); font-size: clamp(2.55rem, 4vw, 4.75rem); line-height: 1; text-wrap: balance; }
.about-cinematic-card > p:not(.eyebrow, .about-closing) { max-width: 41rem; color: rgba(255, 255, 255, .76); }
.about-origin { display: grid; gap: .42rem; color: rgba(255, 255, 255, .65) !important; }
.about-origin > span { display: block; }
.about-origin .about-manifesto { color: rgba(255, 255, 255, .94); font: 600 clamp(1.08rem, 1.65vw, 1.3rem)/1.45 var(--font-display); text-wrap: balance; }
.about-origin b { color: #f1b178; font-weight: 700; }
.about-principles {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.9rem, 2vw, 1.4rem);
  margin-top: 1.8rem;
  padding-top: 1.25rem;
}
.about-principles::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(121, 213, 194, .12), rgba(121, 213, 194, .78) 50%, rgba(241, 177, 120, .16));
}
.about-principles div {
  position: relative;
  padding: .45rem .15rem .2rem;
  background: transparent;
  transition: transform .28s ease;
}
.about-principles div::before {
  content: "";
  position: absolute;
  inset-block-start: -1.62rem;
  inset-inline-start: .15rem;
  width: .7rem;
  height: .7rem;
  border: 2px solid #0a1719;
  border-radius: 50%;
  background: #79d5c2;
  box-shadow: 0 0 0 4px rgba(121, 213, 194, .12), 0 0 18px rgba(121, 213, 194, .26);
  transition: background-color .28s ease, box-shadow .28s ease, transform .28s ease;
}
.about-principles div:hover { transform: translateY(-3px); }
.about-principles div:hover::before { background: #f1b178; box-shadow: 0 0 0 4px rgba(241, 177, 120, .13), 0 0 20px rgba(241, 177, 120, .3); transform: scale(1.08); }
.about-principles strong, .about-principles span { display: block; }
.about-principles strong { color: #f1b178; font-size: var(--text-secondary); }
.about-principles span { max-width: 23ch; margin-top: .32rem; color: rgba(255, 255, 255, .66); font-size: var(--text-label); line-height: 1.5; }
.home-page .about-closing { position: relative; display: grid; grid-template-columns: 1fr; justify-items: center; gap: .55rem; margin-top: 1.65rem; padding: 1.15rem 1rem 0; border-block-start: 1px solid rgba(241, 177, 120, .48); background: transparent; color: rgba(255, 255, 255, .94); text-align: center; }
.home-page .about-closing::before { content: "מה זה חוסך"; color: #f1b178; font: 700 .78rem/1.35 var(--font-display); letter-spacing: .01em; }
.home-page .about-closing strong { max-width: 38ch; margin-inline: auto; font-size: clamp(1.05rem, 1.8vw, 1.35rem); line-height: 1.45; text-wrap: balance; }
.home-page .faq-answer p + p { margin-top: .75rem; }
.price-after-pilot { color: var(--copper-dark); font-size: var(--text-label); }
.contact-copy { align-self: center; max-width: 38rem; }
.contact-copy .section-title > span { display: block; margin-top: .28em; color: #f1b178; }
.contact-whatsapp { margin-top: 1.5rem; }
.phone-link-light { display: inline-flex; gap: .45rem; }
.contact-form-title { margin: 0 0 1rem; color: var(--white); font: 600 clamp(1.25rem, 1.8vw, 1.6rem)/1.3 var(--font-display); }

@media (max-width: 900px) {
  .case-story, .case-story-primary, .case-story-supporting { grid-template-columns: 1fr; }
  .case-story-media { grid-row: 1; min-height: 28rem; }
  .case-story-media img { max-height: 29rem; }
  .case-story-music .case-story-media, .case-story-music .case-story-copy { grid-column: auto; grid-row: auto; }
  .case-story-supporting .case-story-media { grid-row: auto; }
  .case-difference { grid-template-columns: 1fr; }
  .case-difference-thesis, .case-difference-ai { grid-template-columns: 1fr; }
  .home-process-grid { grid-template-columns: 1fr; }
  .home-process-step { min-height: 0; }
  .home-process-step.is-featured { transform: none; }
  .contact-copy { position: static; }
  .about-cinematic { min-height: auto; align-items: end; padding-block: 29rem 1.25rem; }
  .about-cinematic::after { background: linear-gradient(to top, rgba(6, 17, 20, .99) 0%, rgba(6, 17, 20, .82) 48%, rgba(6, 17, 20, .12) 82%); }
  .about-cinematic-media img { object-position: 38% 16%; }
  .about-cinematic-card { width: 100%; }
}

@media (max-width: 700px) {
  .home-page .home-hero {
    display: block;
    min-height: auto;
    padding-block: 17.5rem 1rem;
  }
  .home-page .home-hero::before {
    background:
      linear-gradient(to top, rgba(5, 14, 19, .98) 0%, rgba(5, 14, 19, .66) 48%, rgba(5, 14, 19, .1) 76%, rgba(5, 14, 19, .02) 100%),
      linear-gradient(to left, rgba(5, 14, 19, .24), transparent 68%);
  }
  .home-page .home-hero .idea-visual {
    inset: 0 0 auto;
    height: 27rem;
  }
  .home-page .home-hero .hero-copy {
    width: 100%;
    padding: 1.05rem .95rem .95rem;
    border-radius: 1.35rem;
    background: linear-gradient(145deg, rgba(8, 19, 25, .64), rgba(8, 19, 25, .38));
    backdrop-filter: blur(15px) saturate(1.05);
    -webkit-backdrop-filter: blur(15px) saturate(1.05);
  }
  .home-page .hero-kicker { width: fit-content; margin: .72rem auto .55rem; padding: .44rem .7rem; font-size: .9rem; }
  .home-page .home-hero .hero-title { max-width: 12.5ch; font-size: clamp(2.35rem, 10.8vw, 3.4rem); line-height: .96; }
  .home-page .home-hero .hero-title-answer { margin-top: .16em; }
  .home-page .hero-lede, .home-page .hero-ai-note { margin-inline: auto; }
  .home-page .home-hero .hero-lede { margin-top: .55rem; font-size: .96rem; line-height: 1.52; }
  .home-page .hero-ai-note { margin-top: .5rem; font-size: .86rem; line-height: 1.5; }
  .home-page .home-hero .hero-actions { grid-template-columns: 1fr; gap: .5rem; margin-top: .85rem; }
  .home-page .home-hero .hero-actions .btn { min-height: 3rem; }
  .home-page .home-hero .hero-micro { margin-top: .42rem; font-size: .78rem; }
  .home-page .hero-outcome { grid-template-columns: auto minmax(0, 1fr); gap: .45rem .7rem; margin-top: .65rem; padding: .7rem .75rem; text-align: right; }
  .home-page .hero-outcome-time { grid-row: 1 / span 2; padding-inline-end: 0; padding-inline-start: .7rem; border-inline-end: 0; border-inline-start: 1px solid rgba(255, 255, 255, .16); }
  .home-page .hero-outcome-time strong { font-size: 1.75rem; }
  .home-page .hero-outcome-time span { font-size: .78rem; }
  .home-page .hero-outcome-value { gap: .05rem; }
  .home-page .hero-outcome-value span { font-size: .78rem; }
  .home-page .hero-outcome-value b { font-size: .88rem; }
  .home-page .hero-outcome small { max-width: none; font-size: .72rem; text-align: right; }
  .home-page .idea-portrait img { object-position: 34% 50%; filter: brightness(1.08) contrast(1.03) saturate(1.03); }
  .home-page .home-hero .hero-901-teaser { display: none; }
  .route-choice-card h3 { max-width: none; font-size: clamp(1.7rem, 8vw, 2.3rem); }
  .route-choice-card { padding-top: 5.8rem; }
  .route-emotional-bridge { grid-template-columns: 1fr; gap: .75rem; margin-top: 2rem; padding: 1.35rem .85rem; text-align: center; }
  .route-emotional-bridge::before { inset: 0 50% auto auto; width: 3.2rem; height: 2px; transform: translateX(50%); background: linear-gradient(to left, transparent, var(--copper), transparent); }
  .route-emotional-bridge h3 { max-width: 14ch; margin-inline: auto; font-size: clamp(1.85rem, 8.4vw, 2.4rem); }
  .route-emotional-bridge > div { justify-items: center; }
  .route-emotional-bridge p { font-size: .96rem; line-height: 1.58; text-wrap: balance; }
  .route-card-arrows { inset-block-start: 1rem; height: 3.7rem; }
  .route-card-arrows i { height: 3.15rem; }
  .case-story-copy { text-align: right; }
  .case-story-copy .eyebrow { justify-content: flex-start; }
  .case-story-copy .section-title { margin-inline: 0; }
  .case-story-media { min-height: 25rem; }
  .case-story-media img { max-height: 25rem; }
  .case-story-showcase { margin-top: .25rem; }
  .case-story-deep-link { width: 100%; justify-content: center; }
  .case-difference { text-align: right; }
  .case-difference-thesis p, .case-difference-ai-copy p { font-size: .94rem; line-height: 1.58; }
  .case-difference-thesis, .case-difference-ai { gap: .75rem; }
  .case-difference-ai-heading h4 { max-width: none; }
  .case-difference-ai-copy strong { padding: 1rem 2rem 0 0; border-inline-start: 0; border-block-start: 1px solid rgba(241, 177, 120, .42); text-align: right; }
  .home-process-step { text-align: right; }
  .contact-copy { text-align: center; }
  .contact-copy .eyebrow { justify-content: center; }
  .contact-copy .section-title { max-width: 13ch; margin-inline: auto; text-wrap: balance; }
  .contact-copy .section-intro, .contact-copy .cta-micro { max-width: 31rem; margin-inline: auto; text-wrap: pretty; }
  .contact-grid { gap: 2.25rem; }
  .contact-form-panel { width: 100%; }
  .contact-form textarea { min-height: 6.5rem; }
  .contact-whatsapp { width: 100%; }
  .phone-link-light { justify-content: center; width: 100%; }
  .contact-form-title { text-align: center; }
  .about-cinematic { padding-block-start: 24rem; }
  .about-cinematic-card { padding: 1.3rem 1.1rem; border-radius: 1.35rem; }
  .about-cinematic-card .section-title { max-width: 16ch; margin-inline: 0; font-size: clamp(2.2rem, 9.4vw, 3.15rem); text-align: right; }
  .about-cinematic-card .eyebrow { justify-content: flex-start; }
  .about-principles { grid-template-columns: 1fr; gap: .75rem; padding: 0 1.3rem 0 0; }
  .about-principles::before { inset: .4rem .25rem .45rem auto; width: 1px; height: auto; background: linear-gradient(to bottom, rgba(121, 213, 194, .76), rgba(241, 177, 120, .18)); }
  .about-principles div { display: block; padding: .1rem .65rem .8rem 0; }
  .about-principles div::before { inset-block-start: .35rem; inset-inline-start: auto; inset-inline-end: -1.4rem; }
  .about-principles span { margin-top: 0; }
}

/* Homepage refinement: quieter navigation, proof module and color bridges. */
.home-page .hero-kicker::before { display: none; }
.home-page .route-choice-card { padding-top: clamp(1.5rem, 3vw, 2.5rem); }

.case-proof-stack {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 0;
  margin-top: 1.6rem;
  overflow: hidden;
  border: 1px solid rgba(241, 177, 120, .22);
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 12% 20%, rgba(36, 87, 230, .2), transparent 17rem),
    linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025));
  box-shadow: 0 24px 64px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08);
}
.case-proof-build { padding: 1.35rem; }
.case-proof-label {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: #f1b178;
  font-size: var(--text-label);
  font-weight: 700;
}
.case-proof-label::before {
  content: "";
  width: .62rem;
  height: .62rem;
  border-radius: 50%;
  background: #79d5c2;
  box-shadow: 0 0 0 .32rem rgba(121, 213, 194, .1), 0 0 1.1rem rgba(121, 213, 194, .55);
}
.case-proof-build p { margin: .75rem 0 0; color: var(--white); font-weight: 600; }
.case-proof-chips { display: flex; flex-wrap: wrap; gap: .42rem; margin-top: 1rem; }
.case-proof-chips span {
  padding: .34rem .62rem;
  border: 1px solid rgba(121, 213, 194, .22);
  border-radius: 999px;
  color: rgba(255, 255, 255, .76);
  background: rgba(7, 23, 26, .44);
  font-size: .76rem;
}
.case-story .case-proof-stack .case-quote {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: none;
  margin: 0;
  padding: 1.45rem 1.35rem;
  border: 0;
  border-inline-start: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  background: linear-gradient(155deg, rgba(241, 177, 120, .14), rgba(255, 255, 255, .025));
}
.case-story .case-proof-stack .case-quote::before {
  content: "״";
  position: absolute;
  inset-block-start: .35rem;
  inset-inline-end: .85rem;
  color: rgba(241, 177, 120, .3);
  font: 700 4rem/1 var(--font-display);
}
.case-story .case-proof-stack .case-quote p { position: relative; margin: 0; font-size: .98rem; line-height: 1.65; }
.case-story .case-proof-stack .case-quote footer { width: fit-content; margin-top: .9rem; padding: .3rem .62rem; border-radius: 999px; background: rgba(241, 177, 120, .12); font-size: .78rem; }

.section-transition {
  position: relative;
  z-index: 5;
  height: clamp(2.4rem, 4vw, 4.25rem);
  margin: 0;
  pointer-events: none;
}
.section-transition::after {
  content: "";
  position: absolute;
  inset: 50% 8% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(241, 177, 120, .55), rgba(121, 213, 194, .34), transparent);
  opacity: .65;
  animation: section-bridge-glow 4.8s ease-in-out infinite alternate;
}
.transition-hero-light { background: linear-gradient(to bottom, #09151b, var(--white)); }
.transition-light-dark { background: linear-gradient(to bottom, var(--white), var(--forest-deep)); }
.transition-dark-soft { background: linear-gradient(to bottom, var(--forest-deep), var(--paper-warm)); }
.transition-soft-dark { background: linear-gradient(to bottom, var(--paper-warm), #0a1415); }
@keyframes section-bridge-glow { to { opacity: .28; transform: scaleX(.78); } }

@media (max-width: 700px) {
  .home-page .site-header {
    position: absolute;
    inset: 0 0 auto;
    padding-block: .7rem;
    background: transparent;
    border-bottom: 0;
    backdrop-filter: none;
  }
  .home-page .nav-shell { min-height: 3rem; }
  .home-page .nav-toggle {
    border-color: rgba(255, 255, 255, .32);
    color: var(--white);
    background: rgba(7, 20, 25, .46);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
    backdrop-filter: blur(12px);
  }
  .home-page .nav-actions[data-nav-menu] {
    border-color: rgba(255, 255, 255, .2);
    color: var(--white);
    background: rgba(7, 20, 25, .9);
    box-shadow: 0 22px 54px rgba(0, 0, 0, .28);
    backdrop-filter: blur(18px) saturate(1.08);
  }
  .accessibility-toggle { right: .35rem; }
  .home-page .idea-portrait img { object-position: 24% 50%; }
  .home-page .route-choice-card { padding-top: 1.4rem; }
  .home-page .home-process .eyebrow::before,
  .home-page #faq .eyebrow::before,
  .home-page .contact-section .eyebrow::before { display: none; }
  .case-proof-stack { grid-template-columns: 1fr; }
  .case-story .case-proof-stack .case-quote { border-inline-start: 0; border-top: 1px solid rgba(255, 255, 255, .12); }
  .section-transition { height: 2.5rem; }
  .about-cinematic-media {
    inset: 0 0 auto;
    height: 32rem;
  }
  .about-cinematic-media img { object-position: 22% 50%; }
}

/* Mobile clarity pass: less density, cleaner hierarchy and intentional line breaks. */
.home-page .case-section-head .eyebrow {
  width: fit-content;
  padding: .42rem .72rem;
  border: 1px solid rgba(121, 213, 194, .22);
  border-radius: 999px;
  background: rgba(121, 213, 194, .07);
  color: #9de3d3;
}
.home-page .case-section-head .eyebrow::before { display: none; }
.home-page .faq-free-call {
  padding: .95rem 1rem;
  border: 1px solid rgba(36, 87, 230, .16);
  border-radius: .9rem;
  background: rgba(36, 87, 230, .055);
  color: var(--muted-dark);
}
.home-page .faq-free-call strong { display: block; margin-bottom: .25rem; color: var(--ink); }

@media (max-width: 700px) {
  .home-page .home-hero { padding-block: 15.75rem .8rem; }
  .home-page .home-hero .idea-visual { height: 24.5rem; }
  .home-page .home-hero .hero-copy {
    padding: .92rem .82rem .82rem;
    border-radius: 1.2rem;
  }
  .home-page .home-hero .hero-title {
    max-width: 11.5ch;
    font-size: clamp(2.05rem, 9.25vw, 2.72rem);
    line-height: .98;
  }
  .home-page .hero-kicker {
    margin: .6rem auto .45rem;
    padding: .38rem .62rem;
    font-size: .8rem;
  }
  .home-page .home-hero .hero-lede {
    max-width: 31rem;
    margin-top: .45rem;
    font-size: .91rem;
    line-height: 1.45;
  }
  .home-page .hero-ai-note { display: none; }
  .home-page .home-hero .hero-actions { gap: .28rem; margin-top: .72rem; }
  .home-page .home-hero .hero-actions .btn { min-height: 2.9rem; }
  .home-page .home-hero .hero-actions .btn-secondary {
    min-height: 2.35rem;
    padding: .35rem .5rem;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .82);
    font-size: .86rem;
    text-decoration: underline;
    text-underline-offset: .26rem;
  }
  .home-page .hero-outcome {
    grid-template-columns: minmax(0, 1fr) 5.35rem;
    gap: .35rem .75rem;
    margin-top: .45rem;
    padding: .72rem .72rem;
    border-radius: .85rem;
    direction: ltr;
  }
  .home-page .hero-outcome-time { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; padding: 0 0 0 .72rem; border: 0; border-inline-start: 1px solid rgba(255, 255, 255, .16); direction: rtl; }
  .home-page .hero-outcome-time strong { font-size: 3rem; line-height: .8; }
  .home-page .hero-outcome-time span { font-size: .8rem; }
  .home-page .hero-outcome-value { grid-column: 1; grid-row: 1; justify-items: center; direction: rtl; text-align: center; }
  .home-page .hero-outcome-value span { font-size: .76rem; }
  .home-page .hero-outcome-value b { max-width: 26ch; font-size: .88rem; line-height: 1.4; text-align: center; text-wrap: balance; }
  .home-page .hero-outcome small { font-size: .7rem; text-align: center; }

  .home-page .case-section-head {
    grid-template-columns: 1fr;
    gap: .7rem;
    margin-bottom: 2.35rem;
    padding: 1.15rem 1rem 1.2rem;
    text-align: right;
  }
  .home-page .case-section-head > div { display: grid; justify-items: start; }
  .home-page .case-section-head .eyebrow { justify-content: flex-start; margin: 0 0 .85rem; }
  .home-page .case-section-head .section-title {
    max-width: 12ch;
    margin-inline: 0;
    font-size: clamp(2.2rem, 10vw, 3rem);
    line-height: 1.02;
    text-align: right;
    text-wrap: balance;
  }
  .home-page .case-section-head .section-intro {
    max-width: 30rem;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: .98rem;
    line-height: 1.55;
    text-align: right;
    text-wrap: pretty;
  }
  .home-page .case-story-primary {
    padding: 1.05rem .9rem 1.1rem;
    border-radius: 1.45rem;
  }

  .about-cinematic { padding-block-start: 21.5rem; }
  .about-cinematic-media { height: 29rem; }
  .about-cinematic-card { padding: 1.15rem .95rem 1rem; }
  .about-cinematic-card .section-title {
    max-width: 16ch;
    font-size: clamp(2rem, 8.7vw, 2.85rem);
    line-height: 1.02;
  }
  .about-cinematic-card > p:not(.eyebrow, .about-closing) {
    font-size: .95rem;
    line-height: 1.58;
    text-wrap: pretty;
  }
  .about-principles { margin-top: 1.5rem; }
  .about-principles div { display: block; padding: .1rem .65rem .8rem 0; text-align: right; }
  .about-principles strong { font-size: .98rem; }
  .about-principles span { margin-top: .22rem; font-size: .82rem; line-height: 1.4; }
  .home-page .about-closing {
    margin-top: 1rem;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: .45rem;
    padding: 1rem .4rem 0;
    border-inline-start: 0;
    border-block-start: 1px solid rgba(241, 177, 120, .48);
    text-align: center;
  }
  .home-page .about-closing::before { letter-spacing: .01em; }

  .footer { padding-block: 2.1rem 6rem; }
  .footer-grid { justify-items: center; gap: 1.35rem; }
  .footer-brand { width: 100%; text-align: center; }
  .footer-brand strong { font-size: 1.25rem; }
  .footer-brand small { margin: .35rem auto 0; text-wrap: balance; }
  .footer-nav-wrap { justify-items: center; width: 100%; gap: .9rem; }
  .footer-links { justify-items: center; width: 100%; gap: .9rem; }
  .footer-links-main { justify-content: center; gap: .5rem; }
  .footer-links-main :is(a,button) { justify-content: center; min-height: 2.7rem; padding: .5rem .7rem; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.035); text-align: center; text-decoration: none; }
  .footer-links-meta { justify-content: center; gap: .35rem .8rem; padding-top: .8rem; }
  .footer-links-meta :is(a,button) { min-height: 2.25rem; font-size: .74rem; text-underline-offset: .2rem; }
  .footer-copy { width: 100%; }
}

/* 2026-08-25 visual mastering sweep: rhythm, symmetry and editorial polish. */
.home-page {
  --home-card-radius: clamp(1.35rem, 2.4vw, 2rem);
  --home-hairline: rgba(17, 25, 24, .12);
}

.home-page .section > .container {
  position: relative;
}

.home-page :is(.route-head, .home-process .section-head) {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.home-page .route-head {
  justify-items: center;
  text-align: center;
}

.home-page .route-head .section-title {
  max-width: 22ch;
  margin-inline: auto;
  line-height: 1.02;
}

.home-page .route-choice-grid {
  grid-auto-rows: 1fr;
  align-items: stretch;
  gap: clamp(1rem, 2vw, 1.4rem);
}

.home-page .route-choice-card {
  min-height: 27rem;
  height: 100%;
  padding: clamp(1.55rem, 2.8vw, 2.35rem);
  border-radius: var(--home-card-radius);
  isolation: isolate;
  box-shadow: 0 18px 52px rgba(17, 25, 24, .09);
  transition: transform .35s var(--ease-standard), box-shadow .35s var(--ease-standard), border-color .35s var(--ease-standard);
}

.home-page .route-choice-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 12% 10%, rgba(36, 87, 230, .12), transparent 18rem);
  opacity: 0;
  transition: opacity .35s var(--ease-standard);
}

.home-page .route-choice-card:hover {
  transform: translateY(-.45rem);
  border-color: rgba(36, 87, 230, .28);
  box-shadow: 0 30px 76px rgba(17, 25, 24, .14);
}

.home-page .route-choice-card:hover::after { opacity: 1; }

.home-page .route-choice-card .card-kicker {
  width: fit-content;
  margin-bottom: 1rem;
  padding: .38rem .68rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  line-height: 1.2;
  opacity: .84;
}

.home-page .route-choice-card h3 {
  max-width: 15ch;
  margin: 0;
  text-wrap: balance;
}

.home-page .route-choice-card p {
  margin-top: 1rem;
  line-height: 1.65;
}

.home-page .route-emotional-bridge {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  border: 1px solid rgba(17, 53, 50, .13);
  border-radius: var(--home-card-radius);
  box-shadow: 0 18px 48px rgba(17, 25, 24, .055);
}

.home-page .case-section-head,
.home-page .case-story-primary,
.home-page .case-difference {
  border-radius: var(--home-card-radius);
}

.home-page .case-story + .case-story {
  margin-top: clamp(3rem, 5vw, 5rem);
  padding-top: clamp(2.75rem, 4.5vw, 4.5rem);
}

.home-page .case-story-supporting {
  gap: clamp(2rem, 4.5vw, 4.5rem);
}

.home-page .case-story-supporting .case-story-copy {
  align-self: center;
}

.home-page .case-story-wide {
  border-radius: var(--home-card-radius);
  transition: transform .38s var(--ease-standard), border-color .38s var(--ease-standard), box-shadow .38s var(--ease-standard);
}

.home-page .case-story-supporting:hover .case-story-wide {
  transform: translateY(-.35rem);
  border-color: rgba(121, 213, 194, .3);
  box-shadow: 0 34px 88px rgba(0, 0, 0, .31);
}

.home-page .home-process .section-head {
  grid-template-columns: 1fr;
}

.home-page .home-process .section-title {
  max-width: 20ch;
}

.home-page .home-process-grid {
  grid-auto-rows: 1fr;
  gap: clamp(.85rem, 1.8vw, 1.2rem);
}

.home-page .home-process-step,
.home-page .home-process-step.is-featured {
  position: relative;
  min-height: 22rem;
  height: 100%;
  border-radius: var(--home-card-radius);
  transform: none;
  overflow: hidden;
  box-shadow: 0 16px 42px rgba(17, 25, 24, .075);
  transition: transform .32s var(--ease-standard), box-shadow .32s var(--ease-standard), border-color .32s var(--ease-standard);
}

.home-page .home-process-step::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(36, 87, 230, .58), transparent);
  opacity: .52;
}

.home-page .home-process-step.is-featured::before {
  background: linear-gradient(90deg, transparent, var(--copper), var(--gold), transparent);
  opacity: 1;
}

.home-page .home-process-step:hover {
  transform: translateY(-.35rem);
  border-color: rgba(36, 87, 230, .25);
  box-shadow: 0 26px 62px rgba(17, 25, 24, .12);
}

.home-page .process-close {
  position: relative;
  max-width: 50rem;
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
  padding-top: 1.2rem;
}

.home-page .process-close::before {
  content: "";
  position: absolute;
  inset: 0 25% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(36, 87, 230, .45), transparent);
}

.home-page .about-cinematic-card {
  width: min(100%, 47rem);
  border-radius: var(--home-card-radius);
}

.home-page .about-role-intro {
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.65;
}

.home-page .about-origin {
  margin-top: 1.25rem;
  padding-block: 1.1rem;
  border-block: 1px solid rgba(255, 255, 255, .11);
}

.home-page .about-closing {
  max-width: 42rem;
  margin-inline: auto;
}

.home-page #faq .faq-layout {
  gap: clamp(2rem, 5vw, 4.25rem);
}

.home-page #faq .faq-layout > :first-child {
  position: sticky;
  top: 7rem;
}

.home-page #faq .section-title {
  max-width: 11ch;
}

.home-page .faq-list {
  border-top-color: rgba(17, 25, 24, .18);
}

.home-page .faq-list details {
  padding-inline: .85rem;
  border-radius: .85rem;
  transition: background-color .25s var(--ease-standard), box-shadow .25s var(--ease-standard);
}

.home-page .faq-list details:hover,
.home-page .faq-list details[open] {
  background: rgba(255, 255, 255, .58);
}

.home-page .faq-list details[open] {
  box-shadow: inset 3px 0 rgba(36, 87, 230, .48);
}

.home-page .faq-list summary {
  padding-block: 1.35rem;
  font-size: clamp(1.05rem, 1.35vw, 1.18rem);
}

.home-page .contact-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 0;
  align-items: stretch;
}

.home-page .contact-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  max-width: none;
  padding-inline-end: clamp(2rem, 5vw, 4.5rem);
}

.home-page .contact-copy .section-intro {
  max-width: 35rem;
}

.home-page .contact-form-panel {
  padding-inline-start: clamp(2rem, 5vw, 4.5rem);
  border-inline-start: 1px solid rgba(255, 255, 255, .14);
}

.home-page .contact-form {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--home-card-radius);
  box-shadow: 0 30px 88px rgba(0, 0, 0, .24);
}

.home-page .contact-form :is(input, textarea) {
  border-radius: .9rem;
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.home-page .contact-form :is(input, textarea):focus {
  border-color: rgba(36, 87, 230, .7);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(36, 87, 230, .1);
  outline: 0;
}

.home-page .footer-grid {
  max-width: 64rem;
  margin-inline: auto;
}

.home-page .footer-brand {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.home-page .footer-links-main {
  gap: .65rem clamp(1rem, 2vw, 1.5rem);
}

.home-page .footer-links-main a {
  position: relative;
  text-decoration: none;
}

.home-page .footer-links-main a::after {
  content: "";
  position: absolute;
  inset: auto 0 .35rem;
  height: 1px;
  background: currentColor;
  opacity: .45;
  transform: scaleX(.45);
  transition: opacity .22s ease, transform .22s ease;
}

.home-page .footer-links-main a:hover::after,
.home-page .footer-links-main a:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

/* 901 case study: a focused proof page, not a generic project gallery. */
.project-901-page { overflow-x: clip; background: var(--paper); }
.project-901-page .site-header { background: rgba(255, 253, 248, .9); backdrop-filter: blur(18px); }
.project-901-hero {
  position: relative;
  min-height: calc(100svh - 4.75rem);
  display: grid;
  align-items: center;
  padding-block: clamp(4.5rem, 7vw, 7.5rem);
  background:
    radial-gradient(circle at 18% 44%, rgba(36, 87, 230, .13), transparent 35%),
    linear-gradient(135deg, #fffdf8 0%, #f3f0e9 58%, #eef2f5 100%);
  isolation: isolate;
}
.project-901-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(36, 87, 230, .35), transparent);
}
.project-901-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(28rem, .98fr);
  gap: clamp(2.5rem, 5vw, 5.5rem);
  align-items: center;
}
.project-901-hero-copy { position: relative; z-index: 2; }
.project-901-hero-copy .eyebrow { margin-bottom: 1.25rem; }
.project-901-hero-copy .hero-title {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(3.5rem, 5.7vw, 6.4rem);
  line-height: .93;
  letter-spacing: -.052em;
}
.project-901-hero-copy .hero-title span { color: var(--copper-dark); }
.project-901-hero-thesis {
  max-width: 40rem;
  margin: 1.55rem 0 0;
  color: var(--forest);
  font-size: clamp(1.2rem, 1.7vw, 1.55rem);
  font-weight: 700;
  line-height: 1.48;
  text-wrap: balance;
}
.project-901-hero-copy .hero-lede { max-width: 41rem; margin-top: .9rem; color: var(--muted-dark); text-wrap: balance; }
.project-901-hero-copy .hero-actions { margin-top: 1.55rem; }
.project-site-link,
.case-story-site-link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 1rem;
  color: var(--blue);
  font-size: .92rem;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .35rem;
  transition: color .2s ease, transform .2s ease;
}
.project-site-link:hover,
.project-site-link:focus-visible,
.case-story-site-link:hover,
.case-story-site-link:focus-visible { color: var(--copper-dark); transform: translateX(-.2rem); }
.project-901-hero-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 35rem;
}
.project-901-hero-visual::before {
  content: "";
  position: absolute;
  width: min(92%, 35rem);
  aspect-ratio: 1;
  border: 1px solid rgba(36, 87, 230, .15);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36, 87, 230, .16), transparent 67%);
  box-shadow: 0 0 0 2rem rgba(255,255,255,.28), 0 0 0 4rem rgba(255,255,255,.16);
}
.project-901-hero-visual img {
  position: relative;
  z-index: 1;
  width: min(115%, 49rem);
  height: auto;
  max-width: none;
  filter: drop-shadow(0 35px 45px rgba(12, 30, 46, .2));
  transform: translateX(-2%);
}
.project-901-start { padding-block: clamp(5rem, 8vw, 8rem); }
.project-901-start-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .92fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: center;
}
.project-901-start-heading .section-title { max-width: 13ch; }
.project-901-start-copy > p:first-child { margin: 0; color: var(--muted-dark); font-size: clamp(1.12rem, 1.5vw, 1.35rem); line-height: 1.75; }
.project-901-pivot { margin: 1.5rem 0 0; padding-inline-start: 1.25rem; border-inline-start: 3px solid var(--copper); }
.project-901-pivot span, .project-901-pivot strong { display: block; }
.project-901-pivot span { color: var(--copper-dark); font-size: .82rem; font-weight: 700; }
.project-901-pivot strong { max-width: 24ch; margin-top: .3rem; color: var(--forest); font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.35; }
.project-901-diagnosis {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 4rem minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  margin-top: clamp(3rem, 5vw, 5rem);
  padding: 1.1rem;
  border: 1px solid var(--line);
  border-radius: 1.6rem;
  background: linear-gradient(145deg, var(--paper-soft), #fff);
  box-shadow: var(--shadow-sm);
}
.project-901-diagnosis > div:not(.project-901-diagnosis-arrow) { display: grid; align-content: center; min-height: 9rem; padding: 1.25rem 1.4rem; }
.project-901-diagnosis span { color: var(--muted); font-size: .82rem; font-weight: 700; }
.project-901-diagnosis strong { max-width: 26ch; margin-top: .3rem; font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.4; }
.project-901-diagnosis > div:last-child { border-radius: 1rem; background: var(--forest); color: var(--white); }
.project-901-diagnosis > div:last-child span { color: var(--gold); }
.project-901-diagnosis-arrow { display: grid; place-items: center; color: var(--copper); font-size: 2rem; }
.project-901-solution { position: relative; padding-block: clamp(5rem, 8vw, 8rem); overflow: hidden; }
.project-901-solution::before {
  content: "";
  position: absolute;
  inset: -25% auto auto -10%;
  width: 35rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36, 87, 230, .22), transparent 65%);
}
.project-901-section-head { position: relative; align-items: end; }
.project-901-section-head .section-title { max-width: 16ch; }
.project-901-section-head .section-intro { max-width: 32rem; color: rgba(255,255,255,.67); font-size: 1.05rem; }
.project-901-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  border-block: 1px solid rgba(255,255,255,.16);
}
.project-901-flow article { position: relative; min-height: 14rem; padding: 1.6rem 1.4rem; }
.project-901-flow article + article { border-inline-start: 1px solid rgba(255,255,255,.13); }
.project-901-flow article::after {
  content: "";
  position: absolute;
  inset: auto 1.4rem 0;
  height: 2px;
  background: linear-gradient(90deg, var(--blue), var(--copper));
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .3s ease;
}
.project-901-flow article:hover::after { transform: scaleX(1); }
.project-901-flow article > span { color: var(--gold); font: 700 1rem/1 var(--font-display); }
.project-901-flow h3 { margin: 2.7rem 0 0; color: var(--white); font-size: clamp(1.2rem, 1.7vw, 1.5rem); }
.project-901-flow p { margin: .55rem 0 0; color: rgba(255,255,255,.62); line-height: 1.65; }
.project-901-product { padding-block: clamp(5rem, 8vw, 8rem); }
.project-901-product-heading { max-width: 55rem; margin-inline: auto; text-align: center; }
.project-901-product-heading .eyebrow { justify-content: center; }
.project-901-product-heading .section-title { margin-inline: auto; max-width: 17ch; }
.project-901-product-heading .project-site-link { margin-inline: auto; }
.project-901-dashboard { margin: clamp(2.5rem, 5vw, 4.5rem) 0 0; padding: clamp(1rem, 2vw, 1.7rem); border: 1px solid var(--line); border-radius: 2rem; background: #091a1e; box-shadow: 0 35px 80px rgba(10, 31, 43, .2); }
.project-901-dashboard img { width: 100%; height: auto; border-radius: 1.2rem; }
.project-901-dashboard figcaption { margin-top: .8rem; color: rgba(255,255,255,.56); font-size: .8rem; text-align: center; }
.project-901-mobile-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; max-width: 58rem; margin: 1.25rem auto 0; }
.project-901-mobile-gallery figure { display: grid; place-items: center; gap: 1rem; min-height: 34rem; margin: 0; padding: 1.5rem; border: 1px solid var(--line); border-radius: 1.5rem; background: rgba(255,255,255,.62); }
.project-901-mobile-gallery img { width: auto; height: auto; max-height: 30rem; filter: drop-shadow(0 25px 30px rgba(7,25,34,.18)); }
.project-901-mobile-gallery figcaption { color: var(--muted-dark); font-size: .85rem; font-weight: 700; }
.project-901-proof { padding-block: clamp(5rem, 8vw, 8rem); }
.project-901-proof-grid { display: grid; grid-template-columns: minmax(20rem, .9fr) minmax(0, 1.1fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.project-901-proof-copy { position: sticky; top: 7rem; }
.project-901-proof-copy .section-title { max-width: 13ch; }
.project-901-proof-copy > p:last-child { max-width: 36rem; color: var(--muted-dark); font-size: 1.08rem; line-height: 1.75; }
.project-901-role { border-block: 1px solid var(--line); }
.project-901-role article { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 1rem; align-items: start; padding: 1.35rem .25rem; }
.project-901-role article + article { border-top: 1px solid var(--line); }
.project-901-role article > span { color: var(--copper-dark); font: 700 1rem/1.4 var(--font-display); }
.project-901-role strong { display: block; color: var(--forest); font-size: 1.15rem; }
.project-901-role p { margin: .3rem 0 0; color: var(--muted); line-height: 1.6; }
.project-901-quote {
  position: relative;
  max-width: 68rem;
  margin: clamp(3.5rem, 7vw, 6rem) auto 0;
  padding: clamp(2rem, 4vw, 3.8rem);
  border-radius: 2rem;
  background: linear-gradient(135deg, var(--forest), #112a31);
  color: var(--white);
  box-shadow: 0 28px 70px rgba(7, 25, 34, .22);
  text-align: center;
}
.project-901-quote::before { content: "״"; position: absolute; inset: .4rem 1.2rem auto auto; color: rgba(241,177,120,.22); font: 700 6rem/1 var(--font-display); }
.project-901-quote p { position: relative; max-width: 33ch; margin: 0 auto; font: 600 clamp(1.55rem, 2.7vw, 2.35rem)/1.45 var(--font-display); text-wrap: balance; }
.project-901-quote footer { width: fit-content; margin: 1.4rem auto 0; padding: .4rem .75rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: var(--gold); font-size: .8rem; }
.project-901-contact { padding-block: clamp(4.5rem, 7vw, 7rem); }
.project-901-contact-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }
.project-901-contact .section-title { max-width: 15ch; }
.project-901-contact-action { padding-inline-start: clamp(1.5rem, 4vw, 3rem); border-inline-start: 1px solid rgba(255,255,255,.18); }
.project-901-contact-action p { margin: 0 0 1.2rem; color: rgba(255,255,255,.7); font-size: 1.05rem; line-height: 1.65; }
.project-901-contact-action .btn { width: 100%; justify-content: center; }
.project-901-contact-action small { display: block; margin-top: .7rem; color: rgba(255,255,255,.52); text-align: center; }
.case-story-site-link { margin-inline-start: 1rem; color: #a9bdff; }

/* The comparison is one argument, not two disconnected columns. */
.home-page .case-difference {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.35rem;
  max-width: 72rem;
  margin-inline: auto;
  padding: clamp(2rem, 4vw, 3.6rem);
  text-align: center;
}
.home-page .case-difference-heading > span,
.home-page .case-difference-ai-heading > span { margin-bottom: .65rem; }
.home-page .case-difference h3,
.home-page .case-difference-ai-heading h4 { max-width: 22ch; margin-inline: auto; text-wrap: balance; }
.home-page .case-difference-thesis {
  justify-items: center;
  max-width: 58rem;
  width: 100%;
  margin-inline: auto;
  padding: 1.4rem 1rem;
}
.home-page .case-difference-thesis::before { inset-inline: 50% auto; transform: translateX(50%); }
.home-page .case-difference-thesis strong { max-width: 34ch; }
.home-page .case-difference-thesis p { max-width: 52rem; text-wrap: balance; }
.home-page .case-difference-ai {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 1rem;
  padding-top: 1.6rem;
}
.home-page .case-difference-ai-copy { justify-items: center; max-width: 58rem; }
.home-page .case-difference-ai-copy p { max-width: 52rem; text-wrap: balance; }
.home-page .case-difference-ai-copy strong {
  max-width: 45rem;
  margin: .7rem auto 0;
  padding: 1.1rem 1.25rem 0;
  text-align: center;
  text-wrap: balance;
}
.home-page .case-difference-ai-copy strong::before { display: none; }

/* Homepage desktop navigation belongs to the hero, not to a separate white strip. */
@media (min-width: 701px) {
  .home-page .site-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 1000;
    padding-block: .85rem;
    background: transparent;
    border-bottom: 0;
    color: var(--white);
    backdrop-filter: none;
  }
  .home-page .nav-shell { min-height: 3.65rem; }
  .home-page .nav-actions {
    width: min(100%, 66rem);
    min-height: 3.55rem;
    margin-inline: auto;
    padding: .36rem 1.1rem .36rem 10.8rem;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(7,20,25,.66), rgba(7,20,25,.36));
    box-shadow: 0 18px 50px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.07);
    backdrop-filter: blur(18px) saturate(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(1.1);
  }
  .home-page .nav-actions > a:not(.btn) { color: rgba(255,255,255,.82); }
  .home-page .nav-actions > a:not(.btn):hover,
  .home-page .nav-actions > a:not(.btn):focus-visible { color: #f1b178; }
  .home-page .nav-actions > .btn { inset-inline-end: .38rem; min-width: 9.7rem; }
  .home-page .home-hero { min-height: 100svh; }
}

/* A single, centred argument: diagnosis first, code second. */
.home-page .case-difference-thesis::before { display: none; }
.home-page .case-difference-heading,
.home-page .case-difference-ai-heading { display: grid; justify-items: center; }
.home-page .case-difference-ai-copy {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.35rem) clamp(.85rem, 2vw, 1.5rem);
  border-radius: 1.15rem;
  background: linear-gradient(135deg, rgba(121,213,194,.07), rgba(255,255,255,.025));
}
.home-page .case-difference-ai-copy strong {
  width: min(100%, 45rem);
  border-block-start-color: rgba(241,177,120,.34);
}

@media (max-width: 700px) {
  .home-page .case-difference { padding: 1.45rem 1rem; text-align: center; }
  .home-page .case-difference h3,
  .home-page .case-difference-ai-heading h4 { max-width: 15ch; }
  .home-page .case-difference-thesis { padding-inline: .35rem; }
  .home-page .case-difference-thesis strong,
  .home-page .case-difference-thesis p,
  .home-page .case-difference-ai-copy p,
  .home-page .case-difference-ai-copy strong { text-align: center; }
}

@media (max-width: 900px) {
  .project-901-hero { min-height: 0; }
  .project-901-hero-grid,
  .project-901-start-grid,
  .project-901-proof-grid,
  .project-901-contact-grid { grid-template-columns: 1fr; }
  .project-901-hero-visual { grid-row: 2; min-height: 24rem; }
  .project-901-hero-visual img { width: min(110%, 42rem); }
  .project-901-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-901-flow article:nth-child(3) { border-inline-start: 0; }
  .project-901-flow article:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.13); }
  .project-901-proof-copy { position: static; }
  .project-901-contact-action { padding: 1.5rem 0 0; border-inline-start: 0; border-top: 1px solid rgba(255,255,255,.18); }
}

@media (max-width: 700px) {
  .project-901-page .site-header { background: rgba(255,253,248,.94); }
  .project-901-hero { padding-block: 3.2rem 2.5rem; }
  .project-901-hero-grid { gap: 1.8rem; }
  .project-901-hero-copy { text-align: center; }
  .project-901-hero-copy .eyebrow { justify-content: center; margin-bottom: .85rem; }
  .project-901-hero-copy .hero-title { max-width: 10ch; margin-inline: auto; font-size: clamp(2.8rem, 13vw, 4rem); line-height: .94; text-wrap: balance; }
  .project-901-hero-thesis { margin-top: 1rem; font-size: 1.12rem; }
  .project-901-hero-copy .hero-lede { margin-top: .75rem; font-size: 1rem; line-height: 1.65; }
  .project-901-hero-copy .hero-actions { gap: .55rem; margin-top: 1.15rem; }
  .project-901-hero-copy .hero-actions .btn { min-height: 3.15rem; font-size: .88rem; }
  .project-901-hero-copy .project-site-link { margin-inline: auto; }
  .project-901-hero-visual { min-height: 16rem; }
  .project-901-hero-visual::before { width: 74%; box-shadow: 0 0 0 1rem rgba(255,255,255,.2); }
  .project-901-hero-visual img { width: 118%; transform: none; }
  .project-901-start { padding-block: 4rem; }
  .project-901-start-grid { gap: 1.4rem; text-align: center; }
  .project-901-start-heading .eyebrow { justify-content: center; }
  .project-901-start-heading .section-title { margin-inline: auto; }
  .project-901-pivot { padding: 1rem 0 0; border-inline-start: 0; border-top: 2px solid var(--copper); }
  .project-901-pivot strong { margin-inline: auto; }
  .project-901-diagnosis { grid-template-columns: 1fr; margin-top: 2.2rem; padding: .75rem; }
  .project-901-diagnosis > div:not(.project-901-diagnosis-arrow) { min-height: 7rem; text-align: center; }
  .project-901-diagnosis strong { margin-inline: auto; }
  .project-901-diagnosis-arrow { height: 2rem; transform: rotate(-90deg); }
  .project-901-section-head { text-align: center; }
  .project-901-section-head .eyebrow { justify-content: center; }
  .project-901-section-head .section-title,
  .project-901-section-head .section-intro { margin-inline: auto; }
  .project-901-flow { grid-template-columns: 1fr; }
  .project-901-flow article { min-height: 0; padding: 1.3rem .2rem; text-align: center; }
  .project-901-flow article + article { border-inline-start: 0; border-top: 1px solid rgba(255,255,255,.13); }
  .project-901-flow h3 { margin-top: .7rem; }
  .project-901-flow article::after { display: none; }
  .project-901-dashboard { margin-top: 2rem; padding: .65rem; border-radius: 1.25rem; }
  .project-901-mobile-gallery { grid-template-columns: 1fr 1fr; gap: .65rem; }
  .project-901-mobile-gallery figure { min-height: 20rem; padding: .75rem .4rem; border-radius: 1rem; }
  .project-901-mobile-gallery img { max-height: 17rem; }
  .project-901-mobile-gallery figcaption { font-size: .72rem; text-align: center; }
  .project-901-proof-copy { text-align: center; }
  .project-901-proof-copy .eyebrow { justify-content: center; }
  .project-901-proof-copy .section-title,
  .project-901-proof-copy > p:last-child { margin-inline: auto; }
  .project-901-role article { grid-template-columns: 2.7rem minmax(0,1fr); text-align: right; }
  .project-901-quote { padding: 2.2rem 1.25rem; border-radius: 1.4rem; }
  .project-901-quote::before { font-size: 4rem; }
  .project-901-contact-grid { text-align: center; }
  .project-901-contact .eyebrow { justify-content: center; }
  .project-901-contact .section-title { margin-inline: auto; }
  .project-901-contact-action { padding-top: 1.25rem; }
  .case-story-site-link { display: flex; justify-content: center; margin: .9rem auto 0; }
}

@media (max-width: 900px) {
  .home-page #faq .faq-layout > :first-child { position: static; }
  .home-page #faq .section-title { max-width: 16ch; }
  .home-page .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .home-page .contact-copy { padding-inline-end: 0; }
  .home-page .contact-form-panel { padding: 2.5rem 0 0; border-inline-start: 0; border-block-start: 1px solid rgba(255, 255, 255, .14); }
}

@media (max-width: 700px) {
  .home-page { --space-section: clamp(4.35rem, 16vw, 5.5rem); }
  .home-page .container { width: min(calc(100% - 1.9rem), var(--container)); }
  .home-page .route-head { margin-bottom: 1.8rem; }
  .home-page .route-head .section-title { max-width: 15ch; font-size: clamp(2.05rem, 9vw, 2.75rem); }
  .home-page .route-choice-card { min-height: 25rem; height: 25rem; padding: 1.35rem; border-radius: 1.45rem; }
  .home-page .route-choice-card h3 { font-size: clamp(1.7rem, 7.7vw, 2.2rem); }
  .home-page .route-emotional-bridge { margin-top: 1.75rem; border-radius: 1.25rem; }
  .home-page .case-story + .case-story { margin-top: 2.75rem; padding-top: 2.5rem; }
  .home-page .case-story-supporting { gap: 1.5rem; }
  .home-page .home-process .section-head { margin-bottom: 1.7rem; }
  .home-page .home-process .section-title { max-width: 14ch; font-size: clamp(2.05rem, 8.8vw, 2.75rem); }
  .home-page .home-process-grid { gap: .8rem; }
  .home-page .home-process-step,
  .home-page .home-process-step.is-featured { min-height: 19rem; padding: 1.35rem; border-radius: 1.35rem; }
  .home-page .home-process-step:hover { transform: none; }
  .home-page .about-cinematic-card { border-radius: 1.35rem; }
  .home-page .about-origin { margin-top: 1rem; padding-block: .9rem; }
  .home-page .faq-list details { padding-inline: .5rem; border-radius: .7rem; }
  .home-page .faq-list details[open] { box-shadow: inset 2px 0 rgba(36, 87, 230, .48); }
  .home-page .contact-grid { gap: 2rem; }
  .home-page .contact-form-panel { padding-top: 2rem; }
  .home-page .contact-form { border-radius: 1.35rem; }
  .home-page .footer-brand { padding-bottom: .8rem; }
  .home-page .footer-links-main a::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page :is(.route-choice-card, .case-story-wide, .home-process-step) { transition: none; }
  .home-page :is(.route-choice-card, .case-story-wide, .home-process-step):hover { transform: none; }
}