/* ============ TOKENS ============ */
  :root{
    --ink:#274337;
    --ink-soft:#365747;
    --paper:#f6f2e9;
    --paper-dim:#efe9db;
    --cobalt:#456f58;
    --cobalt-bright:#628f70;
    --stone:#9a9282;
    --stone-dark:#6b6555;
    --line-on-paper: rgba(22,21,15,.13);
    --line-on-ink: rgba(39,67,55,.18);
    --paper-70: rgba(246,242,233,.72);
    --ink-70: rgba(39,67,55,.72);
    --shadow-ink: 0 24px 60px -30px rgba(39,67,55,.28);
    --ease: cubic-bezier(.22,.61,.36,1);
    --dur-s: 220ms;
    --dur-m: 380ms;
    --dur-l: 620ms;
    --radius-s: 2px;
    --font-display: 'Frank Ruhl Libre', 'Noto Serif Hebrew', Georgia, serif;
    --font-body: 'Heebo', 'Noto Sans Hebrew', Arial, sans-serif;
    color-scheme: light;
  }
  @media (prefers-reduced-motion: reduce){
    :root{ --dur-s:1ms; --dur-m:1ms; --dur-l:1ms; }
    html{ scroll-behavior:auto !important; }
  }

  *,*::before,*::after{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; direction:rtl; }
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
    direction:rtl;
    text-align:right;
  }
  img,svg{ max-width:100%; display:block; }
  a{ color:inherit; }
  button{ font-family:inherit; }
  ul{ margin:0; padding:0; list-style:none; }
  h1,h2,h3,h4,p{ margin:0; }
  h1,h2,h3,h4{ font-family:var(--font-display); font-weight:600; }

  :focus-visible{ outline:2px solid var(--cobalt); outline-offset:3px; border-radius:1px; }
  .ink :focus-visible{ outline-color: var(--paper); }

  .visually-hidden{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  .skip-link{
    position:fixed; inset-inline-start:12px; top:-60px; z-index:200;
    background:var(--ink); color:var(--paper); padding:12px 20px;
    border-radius:var(--radius-s); transition: top var(--dur-s) var(--ease);
    font-size:14px; font-weight:600;
  }
  .skip-link:focus{ top:12px; }

  /* ============ LAYOUT PRIMITIVES ============ */
  .container{ width:100%; max-width:1240px; margin-inline:auto; padding-inline:20px; }
  @media (min-width:640px){ .container{ padding-inline:32px; } }
  @media (min-width:1024px){ .container{ padding-inline:48px; } }
  @media (min-width:1440px){ .container{ padding-inline:64px; } }

  .section{ padding-block:clamp(64px, 9vw, 128px); position:relative; }
  .section--tight{ padding-block:clamp(48px, 6vw, 88px); }
  .ink{ background:#cfe4d2; color:var(--ink); }
  .paper{ background:var(--paper); color:var(--ink); }
  .paper-dim{ background:var(--paper-dim); color:var(--ink); }

  .hairline{ border:0; border-top:1px solid var(--line-on-paper); }
  .ink .hairline{ border-top-color:var(--line-on-ink); }

  .eyebrow{
    display:inline-flex; align-items:center; gap:12px;
    font-size:12.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
    color:var(--cobalt-bright);
  }
  .paper .eyebrow, .paper-dim .eyebrow{ color:var(--cobalt); }
  .eyebrow::before{ content:''; width:26px; height:1px; background:currentColor; flex:none; }

  .lede{ font-size:clamp(17px,1.9vw,20px); line-height:1.65; color:var(--stone-dark); max-width:42ch; }
  .ink .lede{ color:var(--ink-70); }

  /* Buttons */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    font-family:var(--font-body); font-weight:700; font-size:15.5px;
    padding:16px 30px; border-radius:2px; border:1px solid transparent;
    cursor:pointer; text-decoration:none; white-space:normal; text-align:center;
    transition: background var(--dur-s) var(--ease), color var(--dur-s) var(--ease), border-color var(--dur-s) var(--ease), transform var(--dur-s) var(--ease);
    min-height:52px; max-width:100%;
  }
  .btn:active{ transform:translateY(1px); }
  .btn--primary{ background:var(--cobalt); color:var(--paper); border-color:var(--cobalt); }
  .btn--primary:hover{ background:var(--cobalt-bright); border-color:var(--cobalt-bright); }
  .btn--outline{ background:transparent; color:var(--ink); border-color:var(--ink); }
  .btn--outline:hover{ background:var(--ink); color:var(--paper); }
  .ink .btn--outline{ color:var(--ink); border-color:var(--ink); }
  .ink .btn--outline:hover{ background:var(--ink); color:var(--paper); }
  .btn--ghost{ background:transparent; color:var(--cobalt-bright); padding-inline:4px; min-height:0; }
  .ink .btn--ghost{ color:var(--ink); }
  .btn--ghost::after{ content:'←'; transition:transform var(--dur-s) var(--ease); }
  .btn--ghost:hover::after{ transform:translateX(-4px); }
  .btn--block{ width:100%; }
  @media (min-width:640px){ .btn--block{ width:auto; } }

  .btn-row{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; }

  /* ============ HEADER ============ */
  .site-header{
    position:sticky; top:0; z-index:100;
    background:var(--paper-70); -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4);
    border-bottom:1px solid var(--line-on-paper);
    transition: padding var(--dur-m) var(--ease);
  }
  .site-header__inner{
    display:flex; align-items:center; justify-content:space-between;
    padding-block:20px; transition: padding var(--dur-m) var(--ease);
  }
  .site-header.is-compact .site-header__inner{ padding-block:12px; }
  .logo{
    font-family:var(--font-display); font-weight:700; font-size:22px;
    letter-spacing:.04em; text-decoration:none; color:var(--ink);
  }
  .logo span{ color:var(--cobalt); }
  .main-nav{ display:none; }
  @media (min-width:1024px){
    .main-nav{ display:flex; align-items:center; gap:40px; }
    .main-nav__links{ display:flex; gap:32px; }
    .main-nav__links a{
      text-decoration:none; font-size:15px; font-weight:600; color:var(--ink);
      position:relative; padding-block:4px;
    }
    .main-nav__links a::after{
      content:''; position:absolute; inset-inline-start:0; bottom:0; height:1px; width:0;
      background:var(--cobalt); transition:width var(--dur-s) var(--ease);
    }
    .main-nav__links a:hover::after, .main-nav__links a:focus-visible::after{ width:100%; }
  }
  .header-actions{ display:flex; align-items:center; gap:16px; }
  .header-actions .btn{ display:none; }
  @media (min-width:1024px){ .header-actions .btn{ display:inline-flex; padding:12px 24px; min-height:44px; font-size:14.5px; } }

  .menu-toggle{
    display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px;
    width:46px; height:46px; background:transparent; border:1px solid var(--line-on-paper);
    border-radius:2px; cursor:pointer;
  }
  @media (min-width:1024px){ .menu-toggle{ display:none; } }
  .menu-toggle span{ width:20px; height:1.5px; background:var(--ink); transition:transform var(--dur-s) var(--ease), opacity var(--dur-s) var(--ease); }
  .menu-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

  .mobile-menu{
    position:fixed; inset:0; z-index:99; background:#cfe4d2; color:var(--ink);
    display:flex; flex-direction:column; justify-content:center;
    padding:100px 28px 48px; opacity:0; visibility:hidden; pointer-events:none;
    transition: opacity var(--dur-m) var(--ease), visibility var(--dur-m);
  }
  .mobile-menu.is-open{ opacity:1; visibility:visible; pointer-events:auto; }
  @media (min-width:1024px){ .mobile-menu{ display:none; } }
  .mobile-menu__links{ display:flex; flex-direction:column; gap:6px; }
  .mobile-menu__links a{
    text-decoration:none; color:var(--ink); font-family:var(--font-display);
    font-size:clamp(30px,9vw,40px); font-weight:600; padding-block:12px;
    border-bottom:1px solid var(--line-on-paper);
  }
  .mobile-menu .btn{ margin-top:32px; }
  .mobile-menu__meta{ margin-top:auto; padding-top:32px; color:var(--ink-70); font-size:14px; }

  /* ============ REVEAL ============ */
  .reveal{ opacity:1; transform:none; }
  html.js-anim .reveal{ opacity:0; transform:translateY(22px); transition: opacity var(--dur-l) var(--ease), transform var(--dur-l) var(--ease); }
  html.js-anim .reveal.is-visible{ opacity:1; transform:none; }

  /* ============ HERO ============ */
  .hero{ background:#b9d5be; color:var(--ink); position:relative; overflow:hidden; padding-block:120px 64px; }
  @media (min-width:1024px){ .hero{ padding-block:0; min-height:92vh; display:flex; align-items:center; } }
  .hero__grid{
    display:grid; gap:40px;
    grid-template-columns:1fr;
    grid-template-areas:"copy" "portrait" "trust";
  }
  .hero__copy{ grid-area:copy; }
  .hero__portrait{ grid-area:portrait; }
  .hero__trust{ grid-area:trust; }
  @media (min-width:1024px){
    .hero__grid{
      grid-template-columns:1.05fr 1fr;
      grid-template-areas:"copy portrait" "trust portrait";
      column-gap:64px; row-gap:0; align-items:start;
    }
    .hero__portrait{ align-self:center; }
  }
  .hero__eyebrow{ color:var(--cobalt); }
  .hero__title{
    margin-top:22px; font-size:clamp(38px,7.4vw,68px); line-height:1.06; font-weight:600; letter-spacing:-.01em;
  }
  .hero__title em{ font-style:normal; color:var(--cobalt); }
  .hero__lede{ margin-top:24px; font-size:clamp(17px,2vw,19px); color:var(--ink-70); max-width:46ch; line-height:1.7; }
  .hero__ctas{ margin-top:36px; }
  .hero__trust{
    margin-top:48px; display:flex; flex-wrap:wrap; gap:20px 32px; padding-top:28px; border-top:1px solid var(--line-on-ink);
  }
  .hero__trust li{ display:flex; align-items:center; gap:10px; font-size:14px; color:var(--ink-70); font-weight:500; }
  .hero__trust li::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--cobalt); flex:none; }

  /* Portrait plate (abstract, non-photographic) */
  .portrait{
    position:relative; aspect-ratio:4/5; width:100%; max-width:500px; margin-inline:auto;
    background:linear-gradient(145deg, #dcebd9 0%, #a8c8af 100%);
    overflow:hidden; border-radius:1px;
  }
  .portrait::before{
    content:'נ'; position:absolute; inset-inline-end:-4%; top:-14%; font-family:var(--font-display);
    font-size:min(60vw,420px); color:var(--paper); opacity:.05; line-height:1; pointer-events:none; font-weight:700;
  }
  .portrait__mark{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% center; transform:scale(1.18); }
  .portrait__frame{
    position:absolute; inset:16px; border:1px solid rgba(74,114,168,.5); pointer-events:none;
  }
  .portrait__caption{
    position:absolute; inset-inline-start:28px; bottom:28px; writing-mode:vertical-rl;
    font-size:12px; letter-spacing:.16em; color:var(--ink-70); font-weight:600;
  }
  .portrait__tag{
    position:absolute; top:28px; inset-inline-end:28px; font-size:12px; letter-spacing:.1em;
    color:var(--ink-70); font-weight:600; text-align:end;
  }
  .portrait__grain{
    position:absolute; inset:0; opacity:.5; mix-blend-mode:overlay; pointer-events:none;
  }

  /* ============ PROBLEM ============ */
  .problem__head{ display:flex; flex-direction:column; gap:16px; max-width:640px; }
  .problem__title{ font-size:clamp(28px,4.6vw,44px); margin-top:14px; }
  .problem__grid{
    margin-top:56px; display:grid; grid-template-columns:1fr; gap:0;
    border-top:1px solid var(--line-on-paper);
  }
  @media (min-width:768px){ .problem__grid{ grid-template-columns:repeat(2,1fr); } }
  @media (min-width:1024px){ .problem__grid{ grid-template-columns:repeat(4,1fr); } }
  .problem__card{
    padding:36px 8px 32px; border-bottom:1px solid var(--line-on-paper);
    border-inline-end:1px solid var(--line-on-paper);
  }
  @media (min-width:768px){
    .problem__card:nth-child(2n){ border-inline-end:none; }
  }
  @media (min-width:1024px){
    .problem__card{ border-inline-end:1px solid var(--line-on-paper); padding-inline:28px; }
    .problem__card:nth-child(2n){ border-inline-end:1px solid var(--line-on-paper); }
    .problem__card:last-child{ border-inline-end:none; }
  }
  .problem__num{ font-family:var(--font-display); font-size:14px; color:var(--cobalt); font-weight:700; }
  .problem__card h3{ margin-top:18px; font-size:20px; font-weight:600; }
  .problem__card p{ margin-top:12px; color:var(--stone-dark); font-size:15px; line-height:1.7; }

  /* ============ BIG IDEA ============ */
  .big-idea{ text-align:center; }
  .big-idea__title{
    font-size:clamp(34px,7.6vw,88px); line-height:1.08; font-weight:600;
    max-width:16ch; margin-inline:auto;
  }
  .big-idea__title .dim{ color:var(--stone); }
  .big-idea__body{ margin:36px auto 0; max-width:52ch; font-size:clamp(16px,1.8vw,19px); color:var(--paper-70); line-height:1.75; }

  /* ============ METHOD ============ */
  .method__head{ display:flex; flex-direction:column; gap:16px; max-width:640px; }
  .method__title{ font-size:clamp(28px,4.6vw,44px); margin-top:14px; }
  .method__list{ margin-top:56px; display:flex; flex-direction:column; }
  .method__item{
    display:grid; grid-template-columns:auto 1fr; gap:20px 24px; align-items:start;
    padding-block:32px; border-top:1px solid var(--line-on-paper);
  }
  .method__list .method__item:last-child{ border-bottom:1px solid var(--line-on-paper); }
  @media (min-width:768px){
    .method__item{ grid-template-columns:120px 1fr; gap:32px; padding-block:40px; }
  }
  .method__num{ font-family:var(--font-display); font-size:clamp(34px,5vw,54px); color:var(--cobalt); font-weight:500; line-height:1; }
  .method__item h3{ font-size:clamp(19px,2.4vw,24px); font-weight:600; }
  .method__item p{ margin-top:10px; color:var(--stone-dark); font-size:15.5px; max-width:56ch; line-height:1.7; }

  /* ============ DIAGNOSTIC ============ */
  .diagnostic{ }
  .diagnostic__panel{
    margin-top:48px; background:var(--paper); border:1px solid var(--line-on-paper);
    padding:28px 20px; position:relative;
  }
  @media (min-width:640px){ .diagnostic__panel{ padding:44px 40px; } }
  .diagnostic__top{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .diagnostic__step-label{ font-size:13px; font-weight:700; color:var(--stone-dark); font-variant-numeric:tabular-nums; }
  .diagnostic__disclaimer-btn{ font-size:12.5px; color:var(--stone-dark); text-decoration:underline; background:none; border:0; cursor:pointer; padding:4px; }
  .diagnostic__track{ margin-top:16px; height:3px; background:var(--line-on-paper); position:relative; overflow:hidden; }
  .diagnostic__progress{ position:absolute; inset-inline-start:0; top:0; bottom:0; width:20%; background:var(--cobalt); transition:width var(--dur-m) var(--ease); }
  .diagnostic__question{ margin-top:32px; font-size:clamp(20px,3vw,26px); font-weight:600; font-family:var(--font-display); min-height:2.4em; }
  .diagnostic__options{ margin-top:28px; display:flex; flex-direction:column; gap:12px; }
  .diagnostic__option{
    text-align:start; padding:18px 20px; border:1px solid var(--line-on-paper); background:transparent;
    font-family:var(--font-body); font-size:15.5px; color:var(--ink); cursor:pointer; border-radius:2px;
    display:flex; align-items:center; gap:14px; transition: border-color var(--dur-s) var(--ease), background var(--dur-s) var(--ease);
    min-height:52px;
  }
  .diagnostic__option:hover{ border-color:var(--cobalt); background:var(--paper-dim); }
  .diagnostic__option:focus-visible{ border-color:var(--cobalt); }
  .diagnostic__option-letter{
    flex:none; width:26px; height:26px; border:1px solid var(--line-on-paper); border-radius:50%;
    display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:var(--stone-dark);
  }
  .diagnostic__nav{ margin-top:28px; display:flex; justify-content:space-between; align-items:center; }
  .diagnostic__back{ background:none; border:0; color:var(--stone-dark); font-size:14px; font-weight:600; cursor:pointer; padding:8px; visibility:hidden; }
  .diagnostic__back.is-visible{ visibility:visible; }
  .diagnostic__result{ display:none; }
  .diagnostic__result.is-active{ display:block; }
  .diagnostic__result-eyebrow{ color:var(--cobalt); }
  .diagnostic__result-title{ margin-top:16px; font-size:clamp(24px,4vw,34px); }
  .diagnostic__result-body{ margin-top:16px; font-size:16.5px; color:var(--stone-dark); line-height:1.75; max-width:58ch; }
  .diagnostic__result-note{ margin-top:20px; font-size:13px; color:var(--stone); border-inline-start:2px solid var(--line-on-paper); padding-inline-start:14px; max-width:58ch; line-height:1.6; }
  .diagnostic__result-prompt{ margin-top:28px; font-size:17px; font-weight:600; }
  .diagnostic__result-actions{ margin-top:14px; display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
  .diagnostic__restart{ background:none; border:0; color:var(--stone-dark); font-size:14px; font-weight:600; cursor:pointer; text-decoration:underline; padding:8px; }
  .diagnostic__q-live{ position:relative; }

  /* ============ SERVICES ============ */
  .services__grid{ margin-top:56px; display:grid; grid-template-columns:1fr; gap:1px; background:var(--line-on-paper); }
  @media (min-width:900px){ .services__grid{ grid-template-columns:repeat(3,1fr); } }
  .service-card{ background:var(--paper); padding:36px 28px 32px; display:flex; flex-direction:column; }
  .service-card__duration{ font-size:13px; font-weight:700; letter-spacing:.08em; color:var(--cobalt); text-transform:uppercase; }
  .service-card h3{ margin-top:16px; font-size:24px; font-weight:600; }
  .service-card p{ margin-top:14px; color:var(--stone-dark); font-size:15px; line-height:1.75; flex:1; }
  .service-card .btn{ margin-top:24px; align-self:flex-start; }

  /* ============ BEFORE/AFTER ============ */
  .compare__title{ font-size:clamp(28px,4.6vw,44px); text-align:center; }
  .compare__grid{ margin-top:52px; display:grid; grid-template-columns:1fr; gap:1px; background:var(--line-on-ink); }
  @media (min-width:768px){ .compare__grid{ grid-template-columns:1fr 1fr; } }
  .compare__col{ padding:32px 24px; }
  @media (min-width:768px){ .compare__col{ padding:44px; } }
  .compare__col--before{ background:#b9d5be; color:var(--ink); }
  .compare__col--after{ background:#cfe4d2; color:var(--ink); }
  .compare__label{ font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-70); }
  .compare__col--after .compare__label{ color:var(--cobalt); }
  .compare__list{ margin-top:22px; display:flex; flex-direction:column; gap:18px; }
  .compare__list li{ display:flex; gap:14px; align-items:flex-start; font-size:16px; color:var(--ink); line-height:1.6; }
  .compare__col--after li{ color:var(--ink); }
  .compare__icon{ flex:none; width:20px; height:20px; margin-top:2px; }

  /* ============ ABOUT ============ */
  .about__grid{ display:flex; flex-direction:column; gap:40px; }
  @media (min-width:1024px){ .about__grid{ flex-direction:row; gap:72px; align-items:flex-start; } }
  .about__portrait{ flex:0 0 38%; }
  .about__portrait .portrait{ max-width:none; aspect-ratio:4/5; }
  .about__content{ flex:1; }
  .about__title{ font-size:clamp(28px,4.6vw,42px); margin-top:14px; }
  .about__quote{
    margin-top:28px; font-size:clamp(18px,2.2vw,22px); font-family:var(--font-display);
    line-height:1.6; color:var(--ink); border-inline-start:2px solid var(--cobalt); padding-inline-start:20px;
  }
  .about__text{ margin-top:24px; color:var(--stone-dark); font-size:15.5px; line-height:1.8; max-width:60ch; }
  .about__facts{ margin-top:36px; display:grid; grid-template-columns:1fr; gap:0; border-top:1px solid var(--line-on-paper); }
  @media (min-width:560px){ .about__facts{ grid-template-columns:1fr 1fr; } }
  .about__fact{ padding:18px 0; border-bottom:1px solid var(--line-on-paper); }
  @media (min-width:560px){ .about__fact:nth-child(odd){ padding-inline-end:24px; border-inline-end:1px solid var(--line-on-paper); } .about__fact:nth-child(even){ padding-inline-start:24px; } }
  .about__fact-label{ font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--cobalt); }
  .about__fact-value{ margin-top:8px; font-size:15px; color:var(--ink); line-height:1.6; }

  /* ============ TRUST ============ */
  .trust__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center; }
  .trust__num{ font-family:var(--font-display); font-size:clamp(32px,6vw,56px); color:var(--cobalt-bright); font-weight:600; font-variant-numeric:tabular-nums; }
  .trust__label{ margin-top:8px; font-size:13.5px; color:var(--paper-70); font-weight:500; }

  /* ============ TESTIMONIALS ============ */
  .testimonials__grid{ margin-top:52px; display:grid; grid-template-columns:1fr; gap:1px; background:var(--line-on-paper); }
  @media (min-width:900px){ .testimonials__grid{ grid-template-columns:repeat(3,1fr); } }
  .testimonial{ background:var(--paper); padding:32px 26px; display:flex; flex-direction:column; }
  .testimonial__mark{ font-family:var(--font-display); font-size:40px; color:var(--cobalt); line-height:1; }
  .testimonial p{ margin-top:14px; font-size:15.5px; line-height:1.75; color:var(--ink); flex:1; }
  .testimonial footer{ margin-top:20px; font-size:14px; color:var(--stone-dark); font-weight:600; }

  /* ============ FAQ ============ */
  .faq__title{ font-size:clamp(28px,4.6vw,44px); }
  .faq__list{ margin-top:44px; border-top:1px solid var(--line-on-paper); }
  .faq__item{ border-bottom:1px solid var(--line-on-paper); }
  .faq__q{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px;
    padding:22px 4px; background:none; border:0; cursor:pointer; text-align:start;
    font-family:var(--font-body); font-size:clamp(16px,2vw,18.5px); font-weight:600; color:var(--ink);
  }
  .faq__plus{ flex:none; width:22px; height:22px; position:relative; }
  .faq__plus::before,.faq__plus::after{ content:''; position:absolute; background:var(--cobalt); top:50%; left:50%; transform:translate(-50%,-50%); transition:transform var(--dur-s) var(--ease), opacity var(--dur-s) var(--ease); }
  .faq__plus::before{ width:16px; height:1.5px; }
  .faq__plus::after{ width:1.5px; height:16px; }
  .faq__q[aria-expanded="true"] .faq__plus::after{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
  .faq__a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows var(--dur-m) var(--ease); }
  .faq__a.is-open{ grid-template-rows:1fr; }
  .faq__a-inner{ overflow:hidden; }
  .faq__a p{ padding:0 4px 24px; max-width:64ch; color:var(--stone-dark); font-size:15.5px; line-height:1.75; }

  /* ============ FINAL CTA ============ */
  .final-cta{ text-align:center; }
  .final-cta__title{ font-size:clamp(32px,6.4vw,64px); line-height:1.12; max-width:20ch; margin-inline:auto; }
  .final-cta__body{ margin:28px auto 0; max-width:48ch; font-size:clamp(16px,1.8vw,18px); color:var(--paper-70); }
  .final-cta .btn-row{ justify-content:center; margin-top:40px; }

  /* ============ CONTACT ============ */
  .contact__grid{ display:flex; flex-direction:column; gap:48px; }
  @media (min-width:1024px){ .contact__grid{ flex-direction:row; gap:80px; } }
  .contact__info{ flex:0 0 34%; }
  .contact__title{ font-size:clamp(28px,4.6vw,40px); margin-top:14px; }
  .contact__info p{ margin-top:18px; color:var(--stone-dark); font-size:15.5px; line-height:1.75; max-width:40ch; }
  .contact__channels{ margin-top:32px; display:flex; flex-direction:column; gap:16px; }
  .contact__channel{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); font-weight:600; font-size:15px; padding-block:6px; }
  .contact__channel svg{ flex:none; }
  .contact__form{ flex:1; }
  .field{ display:flex; flex-direction:column; gap:8px; margin-bottom:22px; }
  .field label{ font-size:13.5px; font-weight:700; color:var(--ink); }
  .field .opt{ font-weight:400; color:var(--stone-dark); }
  .field input, .field textarea{
    font-family:var(--font-body); font-size:16px; padding:14px 16px; border:1px solid var(--line-on-paper);
    background:var(--paper); color:var(--ink); border-radius:2px; transition:border-color var(--dur-s) var(--ease);
    min-height:50px;
  }
  .field textarea{ min-height:120px; resize:vertical; }
  .field input:focus, .field textarea:focus{ border-color:var(--cobalt); }
  .field input:invalid[data-touched="true"]{ border-color:#8a3b3b; }
  .field-row{ display:grid; grid-template-columns:1fr; gap:0 20px; }
  @media (min-width:560px){ .field-row{ grid-template-columns:1fr 1fr; } }
  .contact__error{ font-size:12.5px; color:#8a3b3b; min-height:16px; }
  .contact__success{
    display:none; padding:28px; border:1px solid var(--cobalt); background:var(--paper-dim);
    text-align:center;
  }
  .contact__success.is-active{ display:block; }
  .contact__success h3{ font-size:20px; }
  .contact__success p{ margin-top:8px; color:var(--stone-dark); font-size:15px; }
  .contact__form.is-sent form{ display:none; }
  .contact__note{ margin-top:14px; font-size:12.5px; color:var(--stone); }

  /* ============ FOOTER ============ */
  .site-footer{ padding-block:56px 32px; }
  .footer__top{ display:flex; flex-direction:column; gap:36px; padding-bottom:36px; border-bottom:1px solid var(--line-on-ink); }
  @media (min-width:768px){ .footer__top{ flex-direction:row; justify-content:space-between; } }
    .footer__brand .logo{ color:var(--ink); }
    .footer__brand p{ margin-top:14px; color:var(--ink-70); font-size:14px; max-width:34ch; line-height:1.7; }
  .footer__cols{ display:flex; gap:56px; flex-wrap:wrap; }
    .footer__col h4{ font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-70); }
  .footer__col ul{ margin-top:16px; display:flex; flex-direction:column; gap:10px; }
    .footer__col a{ text-decoration:none; color:var(--ink-70); font-size:14.5px; }
    .footer__col a:hover{ color:var(--ink); }
    .footer__bottom{ margin-top:28px; display:flex; flex-direction:column; gap:12px; font-size:13px; color:var(--ink-70); }
  @media (min-width:768px){ .footer__bottom{ flex-direction:row; justify-content:space-between; } }

  /* WhatsApp float */
  .wa-float{
    position:fixed; inset-inline-end:20px; bottom:20px; z-index:80;
    width:56px; height:56px; border-radius:50%; background:var(--cobalt); color:var(--paper);
    display:flex; align-items:center; justify-content:center; text-decoration:none;
    box-shadow:var(--shadow-ink); transition:transform var(--dur-s) var(--ease), background var(--dur-s) var(--ease);
  }
  .wa-float:hover{ background:var(--cobalt-bright); transform:translateY(-3px); }

  /* ============ PREMIUM EDITORIAL OVERRIDES ============ */
  :root{
    --ink:#18372d;
    --ink-soft:#2d5544;
    --paper:#f7f8f3;
    --paper-dim:#e9f0e6;
    --cobalt:#2f6b4f;
    --cobalt-bright:#4b8968;
    --stone:#78877a;
    --stone-dark:#52645a;
    --line-on-paper:rgba(24,55,45,.14);
    --line-on-ink:rgba(24,55,45,.14);
    --paper-70:rgba(247,248,243,.76);
    --ink-70:rgba(24,55,45,.72);
    --shadow-ink:0 28px 70px -36px rgba(24,55,45,.34);
    --radius-s:0;
  }
  body{ background:var(--paper); color:var(--ink); line-height:1.7; }
  .container{ max-width:1280px; }
  .section{ padding-block:clamp(78px,10vw,148px); }
  .section--tight{ padding-block:clamp(56px,7vw,92px); }
  .eyebrow{ color:var(--cobalt); font-size:11px; letter-spacing:.2em; }
  .eyebrow::before{ width:34px; background:currentColor; }
  .lede{ color:var(--stone-dark); line-height:1.8; }
  h1,h2,h3,h4{ letter-spacing:0; }
  .site-header{ background:rgba(247,248,243,.84); border-bottom-color:var(--line-on-paper); }
  .site-header__inner{ padding-block:18px; }
  .main-nav__links{ gap:34px; }
  .main-nav__links a{ font-size:14px; color:var(--ink-soft); }
  .btn{ border-radius:999px; padding-inline:26px; box-shadow:none; }
  .btn--small{ min-height:42px; padding-block:10px; padding-inline:21px; font-size:14px; }
  .btn--primary{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
  .btn--primary:hover{ background:var(--cobalt); border-color:var(--cobalt); transform:translateY(-2px); }
  .btn--outline{ border-color:rgba(24,55,45,.35); }
  .btn--outline:hover{ background:var(--ink); color:var(--paper); transform:translateY(-2px); }

  .hero{ min-height:min(860px,92vh); padding-block:clamp(88px,11vw,150px) 70px; background:var(--paper); color:var(--ink); }
  .hero::after{ content:''; position:absolute; inset-inline-end:0; top:0; width:42%; height:100%; background:var(--paper-dim); z-index:0; }
  .hero__grid{ position:relative; z-index:1; grid-template-areas:'copy portrait' 'trust portrait'; grid-template-columns:1fr 1.04fr; column-gap:clamp(48px,7vw,112px); align-items:center; }
  .hero__copy{ max-width:590px; }
  .hero__title{ margin-top:24px; font-size:clamp(44px,6vw,78px); line-height:1.03; letter-spacing:-.025em; }
  .hero__title em,.method__title em,.final-cta__title em{ color:var(--cobalt); font-style:normal; }
  .hero__lede{ max-width:38ch; margin-top:26px; font-size:clamp(17px,1.7vw,20px); color:var(--stone-dark); }
  .hero__ctas{ margin-top:34px; }
  .hero__trust{ gap:14px 24px; margin-top:44px; padding-top:20px; border-top-color:var(--line-on-paper); }
  .hero__trust li{ font-size:13px; color:var(--stone-dark); }
  .hero__trust li::before{ background:var(--cobalt); }
  .portrait{ max-width:590px; aspect-ratio:4/5; background:var(--paper-dim); box-shadow:var(--shadow-ink); }
  .portrait::before{ color:var(--ink); }
  .portrait__mark{ object-position:60% center; transform:scale(1.22); }
  .portrait__overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(24,55,45,.02),rgba(24,55,45,.2)); z-index:1; pointer-events:none; }
  .portrait__frame{ inset:20px; border-color:rgba(247,248,243,.72); z-index:2; }
  .portrait__tag,.portrait__caption{ color:var(--paper); z-index:3; text-shadow:0 1px 12px rgba(0,0,0,.25); }
  .portrait__index{ position:absolute; inset-inline-start:26px; top:25px; z-index:3; color:var(--paper); font:600 11px var(--font-body); letter-spacing:.16em; }
  .visual-note{ margin-top:17px; color:var(--stone-dark); font:500 13px/1.6 var(--font-body); }

  .problem{ background:var(--paper); }
  .problem__head{ max-width:100%; }
  .problem__title{ font-size:clamp(34px,5vw,62px); line-height:1.06; letter-spacing:-.02em; }
  .problem__title em,.problem__head h2 em{ color:var(--cobalt); font-style:normal; }
  .problem__grid{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:clamp(40px,10vw,150px); align-items:end; border:0; }
  .problem__copy{ max-width:34ch; color:var(--stone-dark); font-size:17px; line-height:1.85; }
  .problem__copy p+p{ margin-top:18px; }
  .signals{ margin-top:76px; display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line-on-paper); }
  .signal{ padding:24px 24px 0; border-inline-start:1px solid var(--line-on-paper); }
  .signal:first-child{ padding-inline-start:0; border-inline-start:0; }
  .signal span{ color:var(--cobalt); font:600 13px var(--font-body); letter-spacing:.12em; }
  .signal h3{ margin-top:22px; font-size:21px; }
  .signal p{ margin-top:9px; color:var(--stone-dark); font-size:14px; line-height:1.7; }
  .big-idea{ background:var(--ink); color:var(--paper); text-align:right; }
  .big-idea .eyebrow{ color:#b8d6bd; }
  .big-idea__eyebrow{ justify-content:flex-start; }
  .big-idea__title{ margin-top:22px !important; max-width:14ch; margin-inline:0; font-size:clamp(42px,7vw,92px); line-height:1; letter-spacing:-.035em; }
  .big-idea__title .dim{ color:#a7c5ad; }
  .big-idea__body{ margin:30px 0 0; color:rgba(247,248,243,.7); max-width:45ch; }

  .method{ background:var(--paper); }
  .method__head{ max-width:720px; }
  .method__title{ font-size:clamp(34px,5vw,62px); line-height:1.05; letter-spacing:-.025em; }
  .method__title--offset{ margin-top:14px; }
  .diagnostic__info{ display:none; margin-top:14px; }
  .method__list{ margin-top:64px; }
  .method__item{ grid-template-columns:120px 1fr; min-height:150px; padding-block:30px; }
  .method__num{ color:var(--cobalt); font-size:54px; }
  .method__item h3{ font-size:25px; }
  .method__item p{ max-width:48ch; }

  .diagnostic{ background:var(--paper-dim); }
  .diagnostic__panel{ margin-top:0; border:0; box-shadow:0 24px 60px -42px rgba(24,55,45,.4); padding:38px; }
  .diagnostic__layout{ display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(36px,8vw,120px); align-items:start; }
  .diagnostic__question{ font-size:clamp(23px,3vw,32px); line-height:1.2; }
  .diagnostic__option{ border-radius:999px; padding-inline:20px; transition:transform var(--dur-s) var(--ease), border-color var(--dur-s) var(--ease), background var(--dur-s) var(--ease); }
  .diagnostic__option:hover{ transform:translateX(-4px); }

  .services{ background:var(--paper); }
  .services__grid{ margin-top:62px; grid-template-columns:1.15fr 1fr 1fr; gap:1px; background:var(--line-on-paper); }
  .service-card{ padding:38px 30px 32px; min-height:390px; }
  .service-card--featured{ background:var(--ink); color:var(--paper); }
  .service-card--featured p,.service-card--featured li{ color:rgba(247,248,243,.72); }
  .service-card h3{ font-size:28px; }
  .service-card p{ max-width:28ch; }
  .service-card ul{ margin-top:22px; display:grid; gap:8px; font-size:14px; color:var(--stone-dark); }
  .service-card li::before{ content:'—'; margin-inline-end:8px; color:var(--cobalt); }
  .service-card .btn{ margin-top:auto; align-self:flex-start; }
  .service-card--featured .btn{ background:var(--paper); color:var(--ink); border-color:var(--paper); }

  .compare{ background:var(--paper-dim); }
  .compare__grid{ margin-top:0; grid-template-columns:.8fr 1.2fr; gap:clamp(36px,8vw,120px); background:none; align-items:start; }
  .compare__title{ text-align:right; font-size:clamp(34px,5vw,62px); line-height:1.05; }
  .compare__steps{ display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid var(--line-on-paper); }
  .compare__steps>div{ padding:24px; border-inline-start:1px solid var(--line-on-paper); }
  .compare__steps>div:first-child{ border-inline-start:0; }
  .compare__steps span{ color:var(--cobalt); font-size:12px; font-weight:800; letter-spacing:.16em; }
  .compare__steps p{ margin-top:42px; font:600 20px/1.5 var(--font-display); }
  .compare__col--before,.compare__col--after{ background:transparent; }

  .about{ background:var(--paper); }
  .about__grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,8vw,120px); align-items:center; }
  .about__portrait{ width:100%; }
  .about__portrait .portrait{ aspect-ratio:4/5; }
  .about__title{ font-size:clamp(35px,5vw,62px); line-height:1.05; }
  .about__title em{ color:var(--cobalt); font-style:normal; }
  .about__quote{ border-inline-start-color:var(--cobalt); font-size:clamp(21px,2.6vw,30px); }
  .about__facts{ margin-top:40px; }

  .trust__grid{ grid-template-columns:repeat(4,1fr); }
  .testimonials__grid{ grid-template-columns:repeat(3,1fr); }
  .testimonial{ padding:34px 28px; }
  .testimonial__mark{ font:600 15px var(--font-body); color:var(--cobalt); letter-spacing:.12em; }
  .testimonial p{ font:600 22px/1.45 var(--font-display); }

  .faq{ background:var(--paper-dim); }
  .faq__title{ font-size:clamp(34px,5vw,62px); }
  .faq__q{ min-height:70px; font-size:18px; }

  .final-cta{ background:var(--ink); color:var(--paper); }
  .final-cta__title{ font-size:clamp(38px,6vw,76px); }
  .final-cta__body{ color:rgba(247,248,243,.72); }
  .final-cta .btn--primary{ background:var(--paper); color:var(--ink); border-color:var(--paper); }
  .final-cta .btn--outline{ color:var(--paper); border-color:rgba(247,248,243,.48); }

  .contact__title{ font-size:clamp(35px,5vw,62px); line-height:1.05; }
  .contact__channel--placeholder{ color:var(--stone-dark); font-size:13px; font-weight:500; }
  .field input,.field textarea{ background:transparent; border-width:0 0 1px; border-radius:0; padding-inline:0; }
  .field input:focus,.field textarea:focus{ box-shadow:none; border-color:var(--cobalt); }
  .contact__success{ border:1px solid var(--cobalt); background:var(--paper-dim); }
  .site-footer{ background:var(--ink); color:var(--paper); }
  .site-footer .logo,.site-footer .footer__brand p,.site-footer .footer__col h4,.site-footer .footer__col a,.site-footer .footer__bottom{ color:rgba(247,248,243,.72); }
  .site-footer .logo{ color:var(--paper); }
  .site-footer .footer__col a:hover{ color:var(--paper); }
  .wa-float{ background:var(--ink); border:1px solid rgba(247,248,243,.35); }

  @media (max-width:1023px){
    .hero__grid{ grid-template-areas:'copy' 'portrait' 'trust'; grid-template-columns:1fr; }
    .hero::after{ width:100%; height:42%; top:auto; bottom:0; }
    .hero__copy{ max-width:680px; }
    .hero__visual{ max-width:620px; width:100%; }
    .diagnostic__layout,.compare__grid{ grid-template-columns:1fr; gap:42px; }
    .about__grid{ grid-template-columns:1fr; }
    .about__portrait{ max-width:620px; }
  }
  @media (max-width:767px){
    .container{ padding-inline:20px; }
    .hero{ min-height:0; padding-block:80px 60px; }
    .hero__title{ max-width:100%; font-size:clamp(36px,10.5vw,56px); line-height:1.08; }
    .hero__actions{ display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
    .hero__actions .btn{ width:100%; }
    .portrait{ aspect-ratio:4/5; }
    .signals,.services__grid,.testimonials__grid{ grid-template-columns:1fr; }
    .signal{ padding:22px 0; border-inline-start:0; border-bottom:1px solid var(--line-on-paper); }
    .signal:first-child{ padding-top:22px; }
    .big-idea__title{ font-size:clamp(43px,12vw,70px); }
    .method__item{ grid-template-columns:62px 1fr; gap:16px; min-height:0; }
    .method__num{ font-size:38px; }
    .diagnostic__panel{ padding:24px 18px; }
    .services__grid{ gap:1px; }
    .service-card{ min-height:0; padding:30px 22px; }
    .compare__steps{ grid-template-columns:1fr; }
    .compare__steps>div{ border-inline-start:0; border-bottom:1px solid var(--line-on-paper); }
    .compare__steps p{ margin-top:22px; }
    .trust__grid{ grid-template-columns:repeat(2,1fr); gap:24px 12px; }
    .trust__num{ font-size:30px; }
    .footer__top{ gap:28px; }
  }

  /* ============ MOVING TESTIMONIAL STRIP ============ */
  .testimonials__trust{ gap:18px; }
  .testimonials__stars,.testimonial__stars{
    display:inline-block;
    color:#d6a84c;
    font-size:clamp(19px,2.2vw,27px);
    letter-spacing:.14em;
    line-height:1;
    text-shadow:0 0 5px rgba(214,168,76,.55), 0 0 15px rgba(214,168,76,.2);
  }
  .testimonials__ticker{ position:relative; gap:42px; border-block:0; margin-top:34px; padding-block:18px; background:var(--ink); color:rgba(247,248,243,.8); }
  .testimonials__ticker::before,.testimonials__ticker::after{ content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none; }
  .testimonials__ticker::before{ inset-inline-start:0; background:linear-gradient(90deg,var(--ink),transparent); }
  .testimonials__ticker::after{ inset-inline-end:0; background:linear-gradient(270deg,var(--ink),transparent); }
  .testimonials__ticker span{ font-size:13px; }
  .testimonials__ticker span::first-letter{ color:#d6a84c; }
  .testimonials__grid--full{
    display:flex;
    flex-wrap:nowrap;
    gap:18px;
    overflow:hidden;
    margin-inline:calc(50% - 50vw);
    padding-inline:5vw;
    border:0;
    direction:rtl;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent 100%);
  }
  .testimonials__grid--full .testimonial,
  .testimonials__grid--full .testimonial + .testimonial,
  .testimonials__grid--full .testimonial:nth-child(3n+1),
  .testimonials__grid--full .testimonial:nth-child(2n+1){
    flex:0 0 min(360px,31vw);
    min-height:285px;
    padding:28px 26px;
    border:1px solid var(--line-on-paper);
    background:var(--paper);
  }
  .testimonials__grid--full .testimonial:hover{ transform:translateY(-5px); }
  .testimonials__grid--full .testimonial blockquote{ font-size:20px; }
  @media (min-width:768px){
    .testimonials__grid--full{ animation:testimonials-loop 48s linear infinite; }
    .testimonials__grid--full:hover{ animation-play-state:paused; }
  }
  @keyframes testimonials-loop{ from{ transform:translateX(0); } to{ transform:translateX(39%); } }
  @media (max-width:767px){
    .testimonials__ticker{ margin-inline:-20px; padding-inline:20px; }
    .testimonials__grid--full{ margin-inline:-20px; padding-inline:20px; gap:14px; -webkit-mask-image:linear-gradient(90deg,transparent 0,black 7%,black 93%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,black 7%,black 93%,transparent 100%); }
    .testimonials__grid--full .testimonial,
    .testimonials__grid--full .testimonial + .testimonial,
    .testimonials__grid--full .testimonial:nth-child(3n+1),
    .testimonials__grid--full .testimonial:nth-child(2n+1){ flex-basis:min(315px,82vw); min-height:300px; }
  }
  @media (prefers-reduced-motion:reduce){
    .testimonials__grid--full{ animation:none; overflow-x:auto; scroll-snap-type:x proximity; }
    .testimonials__grid--full .testimonial{ scroll-snap-align:start; }
  }

  /* Final strip correction: animate the track, keep the viewport still. */
  .testimonials__grid--full{ display:block; overflow:hidden; width:100%; max-width:100%; margin-inline:0; padding-inline:0; -webkit-mask-image:none; mask-image:none; }
  .testimonials__track{ display:flex; flex-wrap:nowrap; gap:18px; width:max-content; direction:rtl; }
  .testimonials__grid--full .testimonial,
  .testimonials__grid--full .testimonial + .testimonial,
  .testimonials__grid--full .testimonial:nth-child(3n+1),
  .testimonials__grid--full .testimonial:nth-child(2n+1){ flex:0 0 min(360px,31vw); }
  .testimonials__track .testimonial__stars{ font-size:clamp(19px,2.2vw,27px); color:#d6a84c; text-shadow:0 0 5px rgba(214,168,76,.55),0 0 15px rgba(214,168,76,.2); }
  @media (min-width:768px){
    .testimonials__track{ animation:testimonials-track-loop 48s linear infinite; }
    .testimonials__grid--full:hover .testimonials__track{ animation-play-state:paused; }
  }
  @keyframes testimonials-track-loop{ from{ transform:translateX(0); } to{ transform:translateX(39%); } }
  @media (max-width:767px){
    .testimonials__grid--full{ margin-inline:-20px; width:calc(100% + 40px); max-width:none; padding-inline:20px; overflow-x:auto; }
    .testimonials__track{ gap:14px; }
    .testimonials__grid--full .testimonial,
    .testimonials__grid--full .testimonial + .testimonial,
    .testimonials__grid--full .testimonial:nth-child(3n+1),
    .testimonials__grid--full .testimonial:nth-child(2n+1){ flex-basis:min(315px,82vw); }
  }
  @media (prefers-reduced-motion:reduce){
    .testimonials__track{ animation:none; }
    .testimonials__grid--full{ overflow-x:auto; scroll-snap-type:x proximity; }
    .testimonials__grid--full .testimonial{ scroll-snap-align:start; }
  }

  /* ============ TESTIMONIAL SYSTEM ============ */
  .testimonials__subtitle{ margin-top:18px; max-width:34ch; color:var(--stone-dark); font-size:18px; line-height:1.7; }
  .testimonials__trust{ display:flex; align-items:center; gap:14px; margin-top:38px; color:var(--ink); font-size:13px; font-weight:700; }
  .testimonials__stars,.testimonial__stars{ color:#bd8d45; letter-spacing:.12em; font-family:var(--font-body); }
  .testimonials__stars{ font-size:14px; }
  .testimonials__ticker{ display:flex; gap:34px; overflow:hidden; margin-top:26px; padding-block:15px; border-block:1px solid var(--line-on-paper); color:var(--stone-dark); font:500 12px var(--font-body); white-space:nowrap; }
  .testimonials__ticker span{ flex:none; }
  .testimonials__grid--full{ margin-top:36px; grid-template-columns:repeat(3,1fr); border-top:0; }
  .testimonials__grid--full .testimonial{ min-height:270px; padding:26px 26px 28px 0; border-top:1px solid var(--line-on-paper); border-bottom:1px solid var(--line-on-paper); transition:background var(--dur-m) var(--ease), transform var(--dur-m) var(--ease); }
  .testimonials__grid--full .testimonial + .testimonial{ padding-inline-start:26px; }
  .testimonials__grid--full .testimonial:nth-child(3n+1){ padding-inline-start:0; border-inline-start:0; }
  .testimonials__grid--full .testimonial:hover{ background:var(--paper-dim); transform:translateY(-3px); }
  .testimonial__top{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .testimonial__stars{ font-size:12px; }
  .testimonial__number{ color:var(--stone); font:600 11px var(--font-body); letter-spacing:.15em; }
  .testimonials__grid--full blockquote{ margin:34px 0 0; max-width:27ch; color:var(--ink); font:500 19px/1.6 var(--font-display); }
  .testimonials__grid--full figcaption{ display:flex; flex-direction:column; gap:3px; margin-top:26px; font-style:normal; }
  .testimonials__grid--full figcaption strong{ font-size:14px; }
  .testimonials__grid--full figcaption span{ color:var(--stone-dark); font-size:12px; }
  @media (max-width:1023px){
    .testimonials__grid--full{ grid-template-columns:repeat(2,1fr); }
    .testimonials__grid--full .testimonial:nth-child(3n+1){ padding-inline-start:26px; border-inline-start:1px solid var(--line-on-paper); }
    .testimonials__grid--full .testimonial:nth-child(2n+1){ padding-inline-start:0; border-inline-start:0; }
  }
  @media (max-width:767px){
    .testimonials__ticker{ margin-inline:-20px; padding-inline:20px; gap:26px; }
    .testimonials__grid--full{ grid-template-columns:1fr; margin-top:28px; }
    .testimonials__grid--full .testimonial,.testimonials__grid--full .testimonial + .testimonial,.testimonials__grid--full .testimonial:nth-child(3n+1),.testimonials__grid--full .testimonial:nth-child(2n+1){ min-height:0; padding:26px 0; border-inline-start:0; }
    .testimonials__grid--full blockquote{ margin-top:24px; max-width:31ch; font-size:20px; }
  }

  /* ============ INTERNAL PAGE SHELL ============ */
  .inner-hero{ padding-block:clamp(100px,14vw,190px) clamp(70px,9vw,120px); background:var(--paper-dim); border-bottom:1px solid var(--line-on-paper); }
  .inner-hero h1,.page-hero h1{ margin-top:24px; max-width:14ch; font:600 clamp(42px,6vw,78px)/1.04 var(--font-display); letter-spacing:-.025em; }
  .inner-hero h1 em,.page-hero h1 em{ color:var(--cobalt); font-style:normal; }
  .inner-hero .lede,.page-hero .lede{ margin-top:28px; max-width:39ch; }
  .inner-page .method__item h2{ font:600 clamp(24px,3vw,34px)/1.2 var(--font-display); }
  .inner-page .method__item small{ display:block; margin-top:16px; color:var(--cobalt); font-size:13px; font-weight:700; }
  .inner-page .method__list{ max-width:900px; }
  .inner-cta{ margin-top:56px; }
  .page-hero__grid{ display:grid; grid-template-columns:1fr auto; gap:48px; align-items:end; }
  .page-hero{ background:var(--paper-dim); }
  .page-hero__index{ padding-bottom:8px; color:var(--cobalt); font:700 11px/1.8 var(--font-body); letter-spacing:.16em; text-align:end; }
  .page-hero__index span{ color:var(--stone-dark); font-size:9px; }
  .contact-page{ min-height:calc(100vh - 80px); display:flex; align-items:center; }
  .contact-page .contact__title em{ color:var(--cobalt); font-style:normal; }
  .inner-page .site-footer{ margin-top:0; }
  .inner-page .footer__grid{ display:grid; grid-template-columns:1fr auto auto; gap:40px; align-items:end; }
  .inner-page .footer__grid p{ margin-top:12px; color:rgba(247,248,243,.7); font-size:14px; }
  .inner-page .footer__grid nav{ display:flex; gap:24px; flex-wrap:wrap; }
  .inner-page .footer__grid nav a{ color:rgba(247,248,243,.76); text-decoration:none; font-size:14px; }
  .inner-page .footer__legal{ margin-top:0 !important; white-space:nowrap; }
  @media (max-width:767px){
    .page-hero__grid{ grid-template-columns:1fr; gap:30px; }
    .page-hero__index{ text-align:start; }
    .inner-hero h1,.page-hero h1{ font-size:clamp(39px,11vw,58px); }
    .inner-page .footer__grid{ grid-template-columns:1fr; gap:24px; }
    .inner-page .footer__grid nav{ gap:14px 20px; }
    .inner-page .footer__legal{ white-space:normal; }
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{ animation-duration:1ms !important; transition-duration:1ms !important; scroll-behavior:auto !important; }
  }

  /* ============ FINAL ART DIRECTION ============ */
  .hero{ isolation:isolate; }
  .hero::before{ content:'NOAM / 01'; position:absolute; inset-inline-start:clamp(20px,5vw,72px); top:50%; transform:rotate(-90deg) translateX(50%); transform-origin:left center; color:rgba(24,55,45,.38); font:700 10px var(--font-body); letter-spacing:.22em; z-index:1; }
  .hero__copy{ position:relative; }
  .hero__copy::after{ content:''; position:absolute; inset-inline-start:-54px; top:8px; width:1px; height:86px; background:var(--cobalt); opacity:.5; }
  .hero__title{ max-width:8.5ch; }
  .hero__lede{ max-width:31ch; }
  .hero__portrait{ position:relative; }
  .hero__portrait::before{ content:''; position:absolute; inset-inline-end:-24px; top:-24px; width:110px; height:110px; border-top:1px solid var(--cobalt); border-inline-end:1px solid var(--cobalt); opacity:.6; }
  .portrait{ border:1px solid rgba(24,55,45,.15); }
  .portrait__mark{ transition:transform 900ms var(--ease), filter 900ms var(--ease); filter:saturate(.88) contrast(1.03); }
  .portrait:hover .portrait__mark{ transform:scale(1.27); filter:saturate(1) contrast(1.05); }
  .portrait__overlay{ background:linear-gradient(180deg,rgba(24,55,45,.01) 45%,rgba(24,55,45,.34) 100%); }
  .portrait__caption{ letter-spacing:.22em; }

  .problem__grid{ grid-template-columns:repeat(4,1fr); gap:0; margin-top:56px; border-top:1px solid var(--line-on-paper); }
  .problem__card{ min-height:220px; padding:28px 24px 20px; border-bottom:1px solid var(--line-on-paper); border-inline-end:1px solid var(--line-on-paper); transition:background var(--dur-m) var(--ease), transform var(--dur-m) var(--ease); }
  .problem__card:first-child{ padding-inline-start:0; }
  .problem__card:last-child{ border-inline-end:0; }
  .problem__card:hover{ background:var(--paper-dim); transform:translateY(-4px); }
  .problem__card h3{ font-size:23px; }
  .problem__card p{ max-width:20ch; }
  .problem__head .lede{ display:none; }

  .big-idea{ overflow:hidden; }
  .big-idea::after{ content:'→'; position:absolute; inset-inline-end:7vw; bottom:8%; color:rgba(184,214,189,.36); font:400 clamp(90px,14vw,190px) var(--font-display); line-height:.5; }
  .big-idea__body{ max-width:38ch; }

  .method{ overflow:hidden; }
  .method__list{ position:relative; }
  .method__list::before{ content:''; position:absolute; inset-inline-start:59px; top:0; bottom:0; width:1px; background:var(--line-on-paper); }
  .method__item{ position:relative; z-index:1; background:var(--paper); transition:padding-inline var(--dur-m) var(--ease), background var(--dur-m) var(--ease); }
  .method__item::before{ content:''; position:absolute; inset-inline-start:54px; top:50%; width:11px; height:11px; border:1px solid var(--cobalt); background:var(--paper); transform:translateY(-50%) rotate(45deg); transition:background var(--dur-m) var(--ease); }
  .method__item:hover{ padding-inline:18px; background:var(--paper-dim); }
  .method__item:hover::before{ background:var(--cobalt); }
  .method__item:nth-child(2) .method__num,.method__item:nth-child(4) .method__num{ color:var(--stone); }

  .diagnostic__panel{ border-top:3px solid var(--ink); }
  .diagnostic__track{ height:5px; background:rgba(24,55,45,.1); }
  .diagnostic__progress{ background:var(--cobalt); }
  .diagnostic__question{ max-width:19ch; }
  .diagnostic__options{ gap:8px; }
  .diagnostic__option{ position:relative; overflow:hidden; border-radius:0; background:rgba(247,248,243,.52); }
  .diagnostic__option::after{ content:'↗'; position:absolute; inset-inline-end:20px; color:var(--cobalt); opacity:0; transform:translateX(8px); transition:opacity var(--dur-s) var(--ease), transform var(--dur-s) var(--ease); }
  .diagnostic__option:hover::after,.diagnostic__option.is-selected::after{ opacity:1; transform:none; }
  .diagnostic__option.is-selected{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
  .diagnostic__option.is-selected .diagnostic__option-letter{ border-color:var(--paper); color:var(--paper); }
  .diagnostic__result-title{ max-width:16ch; }

  .services__grid{ background:transparent; gap:0; align-items:stretch; }
  .service-card{ border-top:1px solid var(--line-on-paper); border-bottom:1px solid var(--line-on-paper); background:transparent; transition:background var(--dur-m) var(--ease), padding var(--dur-m) var(--ease); }
  .service-card + .service-card{ border-inline-start:1px solid var(--line-on-paper); }
  .service-card:hover{ background:var(--paper-dim); padding-top:30px; }
  .service-card--featured{ position:relative; background:var(--ink); border:0; padding:44px 34px 36px; box-shadow:var(--shadow-ink); }
  .service-card--featured:hover{ background:var(--ink-soft); padding-top:38px; }
  .service-card--featured::before{ content:'01'; position:absolute; inset-inline-end:28px; top:22px; color:rgba(247,248,243,.4); font:600 11px var(--font-body); letter-spacing:.18em; }
  .service-card h3{ line-height:1.15; }
  .service-card .btn{ border-radius:999px; }

  .compare{ position:relative; overflow:hidden; }
  .compare::before{ content:'SHIFT'; position:absolute; inset-inline-end:-.04em; top:18%; color:rgba(24,55,45,.045); font:700 clamp(100px,19vw,270px) var(--font-body); letter-spacing:.08em; line-height:1; }
  .compare__grid{ position:relative; z-index:1; }
  .compare__intro{ padding-top:4px; }
  .compare__steps>div{ min-height:210px; transition:background var(--dur-m) var(--ease); }
  .compare__steps>div:hover{ background:rgba(247,248,243,.55); }
  .compare__steps>div:last-child{ background:var(--ink); color:var(--paper); border-inline-start:0; }
  .compare__steps>div:last-child span{ color:#b8d6bd; }

  .about__portrait{ position:relative; display:block; }
  .about__portrait::before{ content:'05 / PROFILE'; position:absolute; inset-inline-start:-1px; bottom:-27px; color:var(--cobalt); font:700 10px var(--font-body); letter-spacing:.2em; }
  .about__portrait img{ filter:saturate(.88); }
  .about__portrait .portrait{ box-shadow:var(--shadow-ink); }
  .about__content{ padding-block:10px; }
  .about__quote{ max-width:21ch; }
  .about__facts{ border-top-color:var(--line-on-paper); }
  .about__fact{ border-bottom-color:var(--line-on-paper); }

  .testimonials__grid{ background:transparent; gap:0; border-top:1px solid var(--line-on-paper); }
  .testimonial{ border-bottom:1px solid var(--line-on-paper); background:transparent; padding:30px 26px 30px 0; }
  .testimonial + .testimonial{ border-inline-start:1px solid var(--line-on-paper); padding-inline-start:26px; }
  .testimonial:hover{ background:var(--paper-dim); }
  .testimonial p{ max-width:17ch; }

  .faq__grid{ display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(40px,10vw,150px); align-items:start; }
  .faq__list{ margin-top:0; }
  .faq__q{ padding-block:26px; }
  .faq__a p{ max-width:50ch; }

  .hero__copy,.hero__portrait{ animation:hero-in 800ms var(--ease) both; }
  .hero__portrait{ animation-delay:120ms; }
  @keyframes hero-in{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }

  @media (max-width:1023px){
    .hero__copy::after{ inset-inline-start:-24px; }
    .problem__grid{ grid-template-columns:repeat(2,1fr); }
    .problem__card:nth-child(2n){ border-inline-end:0; }
    .method__list::before{ inset-inline-start:30px; }
    .method__item::before{ inset-inline-start:25px; }
    .faq__grid{ grid-template-columns:1fr; gap:42px; }
    .about__portrait .portrait{ max-width:620px; }
  }
  @media (max-width:767px){
    .hero::before{ display:none; }
    .hero__copy::after{ display:none; }
    .hero__title{ max-width:9ch; }
    .hero__portrait::before{ inset-inline-end:-10px; top:-10px; }
    .problem__grid{ grid-template-columns:1fr; margin-top:38px; }
    .problem__card,.problem__card:first-child{ min-height:0; padding:22px 0; border-inline-end:0; }
    .problem__card:hover{ transform:none; }
    .big-idea::after{ inset-inline-end:-10px; bottom:7%; }
    .method__list::before{ inset-inline-start:24px; }
    .method__item::before{ inset-inline-start:19px; width:9px; height:9px; }
    .method__item:hover{ padding-inline:0; }
    .service-card + .service-card{ border-inline-start:0; }
    .service-card--featured{ padding:36px 24px 30px; }
    .compare__steps>div{ min-height:0; }
    .testimonial,.testimonial + .testimonial{ border-inline-start:0; padding-inline:0; }
    .testimonial p{ max-width:24ch; }
    .about__portrait::before{ bottom:-22px; }
  }