/* Breadcrumb, page hero, contact layout, internal sections — from contact.html */
    .section{ padding: clamp(72px, 9vw, 120px) 0; }
    .section--alt{
      background: var(--cream-soft);
      border-top: 1px solid var(--line-soft);
      border-bottom: 1px solid var(--line-soft);
    }
    .reveal--d1{ transition-delay: .08s; }
    .reveal--d2{ transition-delay: .16s; }
    .reveal--d3{ transition-delay: .24s; }
    .btn--ghost-dark{
      background:transparent;color:var(--cream-soft);border:1px solid rgba(245,239,228,.3);
    }
    .btn--ghost-dark:hover{background:rgba(245,239,228,.08);border-color:var(--cream-soft)}
    .btn--gold{
      background:var(--gold);color:var(--sage-900);box-shadow:0 10px 24px -12px rgba(184,158,117,.5);
    }
    .btn--gold:hover{background:var(--cream-soft);transform:translateY(-2px)}
    .eyebrow--light{color:var(--gold)}
    .eyebrow--light::before,.eyebrow--light.eyebrow--center::after{background:var(--gold);opacity:1}

    /* ================================================================
       BREADCRUMB
    ================================================================ */
    .breadcrumb{padding:13px 0;border-bottom:1px solid var(--line-soft);background:var(--cream-soft)}
    .breadcrumb__inner{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
    .breadcrumb__inner a{color:var(--muted);transition:color .25s var(--ease)}
    .breadcrumb__inner a:hover{color:var(--sage-900)}
    .breadcrumb__inner svg{width:12px;height:12px;color:var(--line);transform:rotate(180deg);flex-shrink:0}
    .breadcrumb__inner .current{color:var(--ink-soft);font-weight:500}

    /* ================================================================
       1. INTERNAL HERO
    ================================================================ */
    .page-hero{
      padding:clamp(56px,8vw,100px) 0 clamp(64px,9vw,110px);
      position:relative;overflow:hidden;
    }
    .page-hero::before{
      content:"";position:absolute;inset:0;pointer-events:none;
      background:
        radial-gradient(70% 60% at 80% 15%,rgba(138,154,141,.12),transparent 55%),
        radial-gradient(50% 60% at 10% 85%,rgba(184,158,117,.09),transparent 60%);
    }
    .page-hero__inner{
      position:relative;z-index:2;
      display:grid;grid-template-columns:1.15fr 0.85fr;
      gap:clamp(40px,6vw,80px);align-items:center;
    }
    .page-hero__text .eyebrow{margin-bottom:24px}
    .page-hero__h1{
      font-family:var(--font-display);font-weight:700;
      font-size:clamp(38px,5.2vw,64px);line-height:1.18;
      color:var(--sage-900);letter-spacing:-.01em;margin-bottom:8px;
    }
    .page-hero__sub{
      font-family:var(--font-display);font-weight:400;font-style:italic;
      font-size:clamp(17px,2vw,22px);color:var(--accent-deep);
      margin-bottom:26px;line-height:1.55;
    }
    .page-hero__lead{
      font-size:clamp(15.5px,1.3vw,17px);color:var(--ink-soft);
      line-height:1.95;max-width:54ch;margin-bottom:36px;
    }
    .page-hero__ctas{display:flex;gap:14px;flex-wrap:wrap}

    /* Hero visual panel */
    .page-hero__visual{
      position:relative;border-radius:var(--radius-lg);overflow:hidden;
      aspect-ratio:4/3;box-shadow:var(--shadow-md);
    }
    .page-hero__visual img{width:100%;height:100%;object-fit:cover}
    .page-hero__visual::after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(135deg,rgba(46,59,49,.18),transparent 60%);
      pointer-events:none;
    }
    .page-hero__visual-note{
      position:absolute;bottom:20px;right:20px;left:20px;z-index:2;
      background:rgba(245,239,228,.92);backdrop-filter:blur(8px);
      border-radius:10px;padding:14px 18px;
      display:flex;align-items:center;gap:12px;
      font-size:13px;color:var(--ink-soft);
      border:1px solid rgba(255,255,255,.5);
      box-shadow:var(--shadow-sm);
    }
    .page-hero__visual-note svg{width:16px;height:16px;color:var(--sage-600);flex-shrink:0}
    .page-hero__visual-note b{color:var(--sage-900);font-weight:600;display:block;margin-bottom:2px;font-size:13.5px}

    /* ================================================================
       2. INTRO / APPROACH
    ================================================================ */
    .approach__grid{
      display:grid;grid-template-columns:1fr 1fr;
      gap:clamp(40px,6vw,90px);align-items:center;
    }
    .approach__text .eyebrow{margin-bottom:22px}
    .approach__title{
      font-family:var(--font-display);font-weight:700;
      font-size:clamp(28px,3.5vw,42px);line-height:1.28;
      color:var(--sage-900);margin-bottom:22px;
    }
    .approach__title em{font-style:italic;color:var(--accent-deep);font-weight:400}
    .approach__body p{font-size:16.5px;color:var(--ink-soft);line-height:1.95;margin:0 0 20px}
    .approach__body p:last-child{margin-bottom:0}
    .approach__body strong{color:var(--sage-900);font-weight:600}
    .approach__points{display:grid;gap:18px}
    .approach__point{
      display:flex;gap:18px;align-items:flex-start;
      padding:20px 22px;background:var(--white);
      border:1px solid var(--line-soft);border-radius:var(--radius-md);
      transition:border-color .35s var(--ease),transform .35s var(--ease);
    }
    .approach__point:hover{border-color:var(--sage-400);transform:translateX(-4px)}
    .approach__point-icon{
      width:40px;height:40px;border-radius:50%;
      background:var(--cream-deep);color:var(--sage-800);
      display:grid;place-items:center;flex-shrink:0;
      transition:background .35s var(--ease);
    }
    .approach__point:hover .approach__point-icon{background:var(--sage-800);color:var(--cream-soft)}
    .approach__point-icon svg{width:18px;height:18px}
    .approach__point-body h4{
      font-family:var(--font-display);font-size:17px;font-weight:700;
      color:var(--sage-900);margin-bottom:5px;
    }
    .approach__point-body p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}

    /* ================================================================
       3. SERVICES GRID
    ================================================================ */
    .services__grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
    }
    .svc{
      background:var(--white);border:1px solid var(--line-soft);
      border-radius:var(--radius-lg);padding:36px 30px;
      display:flex;flex-direction:column;position:relative;
      transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
    }
    .svc:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--sage-400)}
    .svc__num{
      position:absolute;top:28px;left:28px;
      font-family:var(--font-latin);font-style:italic;
      font-size:15px;color:var(--accent);letter-spacing:.05em;
    }
    .svc__icon{
      width:54px;height:54px;border-radius:50%;
      background:var(--cream-deep);color:var(--sage-800);
      display:grid;place-items:center;margin-bottom:24px;
      transition:background .35s var(--ease),color .35s var(--ease);
    }
    .svc:hover .svc__icon{background:var(--sage-800);color:var(--cream-soft)}
    .svc__icon svg{width:24px;height:24px}
    .svc__title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--sage-900);margin-bottom:14px;line-height:1.35}
    .svc__desc{font-size:14.5px;color:var(--muted);line-height:1.85;margin-bottom:20px;flex-grow:1}
    .svc__for{
      padding:16px 18px;background:var(--cream-soft);border-radius:var(--radius-md);
      margin-bottom:22px;
    }
    .svc__for-label{font-size:11px;letter-spacing:.18em;color:var(--sage-600);display:block;margin-bottom:8px;font-weight:500}
    .svc__for-text{font-size:13.5px;color:var(--ink-soft);line-height:1.7}
    .svc__cta{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--sage-800);font-size:14px;font-weight:500;
      padding-bottom:2px;border-bottom:1px solid transparent;
      width:fit-content;transition:all .3s var(--ease);
    }
    .svc__cta svg{width:13px;height:13px;transition:transform .35s var(--ease)}
    .svc:hover .svc__cta{color:var(--sage-900);border-bottom-color:var(--sage-600)}
    .svc:hover .svc__cta svg{transform:translateX(-4px)}

    /* ================================================================
       4. WHICH SERVICE IS RIGHT FOR ME
    ================================================================ */
    .matcher__intro{
      display:grid;grid-template-columns:0.9fr 1.1fr;
      gap:clamp(40px,6vw,80px);align-items:start;
      margin-bottom:clamp(40px,5vw,64px);
    }
    .matcher__intro-left .eyebrow{margin-bottom:22px}
    .matcher__intro-title{
      font-family:var(--font-display);font-weight:700;
      font-size:clamp(28px,3.5vw,42px);line-height:1.28;
      color:var(--sage-900);margin-bottom:0;
    }
    .matcher__intro-title em{font-style:italic;color:var(--accent-deep);font-weight:400}
    .matcher__intro-body{font-size:16px;color:var(--ink-soft);line-height:1.9}
    .matcher__note{
      margin-top:22px;padding:18px 22px;
      background:linear-gradient(135deg,rgba(168,145,122,.12),rgba(138,154,141,.08));
      border-radius:var(--radius-md);border-right:3px solid var(--accent);
      font-size:15px;color:var(--ink-soft);line-height:1.8;
    }

    .signals__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .signal{
      display:grid;grid-template-columns:auto 1fr;gap:16px;
      padding:24px 22px;background:var(--white);
      border:1px solid var(--line-soft);border-radius:var(--radius-md);
      align-items:start;transition:border-color .35s var(--ease),box-shadow .35s var(--ease);
    }
    .signal:hover{border-color:var(--sage-400);box-shadow:var(--shadow-sm)}
    .signal__dot{
      width:10px;height:10px;border-radius:50%;
      background:var(--accent);margin-top:7px;flex-shrink:0;
    }
    .signal__text{font-size:15px;color:var(--ink-soft);line-height:1.8}
    .signal__text b{
      display:block;font-family:var(--font-display);font-size:17px;
      color:var(--sage-900);font-weight:700;margin-bottom:6px;
    }
    .signal__service{
      grid-column:2;font-size:12px;letter-spacing:.12em;
      color:var(--accent-deep);font-weight:500;margin-top:10px;
      display:inline-flex;align-items:center;gap:6px;
    }
    .signal__service svg{width:12px;height:12px}

    /* ================================================================
       5. HOW SESSIONS ARE DELIVERED
    ================================================================ */
    .delivery__grid{
      display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
    }
    .delivery-card{
      background:rgba(245,239,228,.06);border:1px solid rgba(245,239,228,.12);
      border-radius:var(--radius-lg);padding:30px 24px;
      transition:border-color .4s var(--ease),background .4s var(--ease);
    }
    .delivery-card:hover{border-color:var(--gold);background:rgba(245,239,228,.1)}
    .delivery-card__icon{
      width:48px;height:48px;border-radius:50%;
      background:rgba(245,239,228,.1);color:var(--gold);
      display:grid;place-items:center;margin-bottom:20px;
      border:1px solid rgba(184,158,117,.3);
    }
    .delivery-card__icon svg{width:22px;height:22px}
    .delivery-card__title{
      font-family:var(--font-display);font-size:19px;font-weight:700;
      color:var(--cream-soft);margin-bottom:12px;line-height:1.35;
    }
    .delivery-card__desc{font-size:14px;color:rgba(245,239,228,.68);line-height:1.8}

    /* ================================================================
       6. WHY THIS THERAPEUTIC STYLE
    ================================================================ */
    .why__grid{
      display:grid;grid-template-columns:0.85fr 1.15fr;
      gap:clamp(40px,6vw,80px);align-items:center;
    }
    .why__visual{
      position:relative;border-radius:var(--radius-lg);overflow:hidden;
      aspect-ratio:3/4;box-shadow:var(--shadow-md);max-width:380px;
    }
    .why__visual img{width:100%;height:100%;object-fit:cover}
    .why__visual::after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(to top,rgba(46,59,49,.5),transparent 55%);
      pointer-events:none;
    }
    .why__visual-quote{
      position:absolute;bottom:22px;right:20px;left:20px;z-index:2;
      font-family:var(--font-display);font-style:italic;
      font-size:17px;color:var(--cream-soft);line-height:1.6;
    }
    .why__text .eyebrow{margin-bottom:22px}
    .why__title{
      font-family:var(--font-display);font-weight:700;
      font-size:clamp(28px,3.5vw,42px);line-height:1.28;
      color:var(--sage-900);margin-bottom:22px;
    }
    .why__title em{font-style:italic;color:var(--accent-deep);font-weight:400}
    .why__lead{font-size:16.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:32px}
    .why__list{display:grid;gap:14px}
    .why__item{
      display:flex;gap:16px;align-items:flex-start;
      padding:18px 20px;background:var(--cream-soft);
      border-radius:var(--radius-md);border:1px solid var(--line-soft);
      transition:border-color .3s var(--ease);
    }
    .why__item:hover{border-color:var(--sage-400)}
    .why__item-check{
      width:22px;height:22px;border-radius:50%;
      background:var(--sage-800);color:var(--cream-soft);
      display:grid;place-items:center;flex-shrink:0;margin-top:1px;
    }
    .why__item-check svg{width:11px;height:11px}
    .why__item-text{font-size:15px;color:var(--ink-soft);line-height:1.75}
    .why__item-text b{color:var(--sage-900);font-weight:600;display:block;margin-bottom:3px}

    /* ================================================================
       7. RELATED PATHWAYS
    ================================================================ */
    .pathways__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .pathway{
      background:var(--white);border:1px solid var(--line-soft);
      border-radius:var(--radius-lg);padding:34px 28px;
      display:flex;flex-direction:column;
      transition:transform .45s var(--ease),box-shadow .45s var(--ease);
    }
    .pathway:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
    .pathway__icon{
      width:50px;height:50px;border-radius:50%;
      background:var(--cream-deep);color:var(--sage-800);
      display:grid;place-items:center;margin-bottom:20px;
    }
    .pathway__icon svg{width:22px;height:22px}
    .pathway__tag{font-size:11px;letter-spacing:.18em;color:var(--accent-deep);margin-bottom:10px;display:block;font-weight:500}
    .pathway__title{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--sage-900);line-height:1.4;margin-bottom:12px}
    .pathway__desc{font-size:14px;color:var(--muted);line-height:1.8;flex-grow:1;margin-bottom:22px}
    .pathway__link{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--sage-800);font-size:14px;font-weight:500;
      border-bottom:1px solid transparent;padding-bottom:2px;
      width:fit-content;transition:all .3s var(--ease);
    }
    .pathway__link svg{transition:transform .35s var(--ease)}
    .pathway:hover .pathway__link{color:var(--sage-900);border-bottom-color:var(--sage-600)}
    .pathway:hover .pathway__link svg{transform:translateX(-4px)}

    /* ================================================================
       8. FINAL CTA
    ================================================================ */
    .page-cta{padding:clamp(72px,9vw,120px) 0}
    .page-cta__inner{
      position:relative;border-radius:var(--radius-lg);overflow:hidden;
      background:var(--sage-900);padding:clamp(48px,6vw,80px);
      text-align:center;box-shadow:var(--shadow-lg);
    }
    .page-cta__inner::before{
      content:"";position:absolute;inset:0;pointer-events:none;
      background:
        radial-gradient(60% 70% at 80% 20%,rgba(184,158,117,.14),transparent 60%),
        radial-gradient(50% 60% at 20% 80%,rgba(138,154,141,.1),transparent 60%);
    }
    .page-cta .eyebrow{justify-content:center;margin-bottom:22px;position:relative}
    .page-cta__title{
      font-family:var(--font-display);font-weight:700;
      font-size:clamp(30px,4vw,48px);color:var(--cream-soft);
      line-height:1.3;margin-bottom:20px;position:relative;
    }
    .page-cta__title em{font-style:italic;color:var(--gold);font-weight:400}
    .page-cta__body{
      font-size:16.5px;color:rgba(245,239,228,.75);line-height:1.9;
      max-width:56ch;margin:0 auto 36px;position:relative;
    }
    .page-cta__actions{
      display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;
    }

    /* ================================================================
       FOOTER
    ================================================================ */
    footer{background:var(--cream-deep);padding:72px 0 28px;color:var(--ink-soft);border-top:1px solid var(--line)}
    .footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:52px;border-bottom:1px solid var(--line)}
    .footer__brand .brand{margin-bottom:20px}
    .footer__about{font-size:14.5px;line-height:1.85;color:var(--muted);max-width:40ch;margin:0 0 22px}
    .footer__social{display:flex;gap:10px}
    .footer__social a{width:38px;height:38px;border-radius:50%;background:var(--cream-soft);border:1px solid var(--line);display:grid;place-items:center;color:var(--sage-800);transition:all .3s var(--ease)}
    .footer__social a:hover{background:var(--sage-800);color:var(--cream-soft);border-color:var(--sage-800)}
    .footer__social svg{width:16px;height:16px}
    .footer__col h5{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--sage-900);margin-bottom:20px}
    .footer__col ul li{margin-bottom:12px}
    .footer__col ul a{font-size:14px;color:var(--muted);transition:color .25s var(--ease)}
    .footer__col ul a:hover{color:var(--sage-900)}
    .footer__contact p{margin:0 0 14px;font-size:14px;color:var(--muted);line-height:1.7;display:flex;gap:10px;align-items:flex-start}
    .footer__contact svg{width:15px;height:15px;flex-shrink:0;color:var(--sage-600);margin-top:3px}
    .footer__contact-cta{margin-top:18px}
    .footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:26px;font-size:13px;color:var(--muted);gap:20px;flex-wrap:wrap}
    .footer__legal{display:flex;gap:24px;flex-wrap:wrap}
    .footer__legal a{color:var(--muted);transition:color .25s var(--ease)}
    .footer__legal a:hover{color:var(--sage-900)}

    /* ================================================================
       BOOKING STEPS — consultations page
    ================================================================ */
    .booking__grid{
      display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
    }
    .booking__step{
      background:var(--white);border:1px solid var(--line-soft);border-radius:var(--radius-md);
      padding:28px 22px;text-align:center;transition:border-color .35s var(--ease);
    }
    .booking__step:hover{border-color:var(--sage-400)}
    .booking__step-num{
      font-family:var(--font-latin);font-style:italic;font-size:30px;line-height:1;
      color:var(--accent);display:block;margin-bottom:14px;
    }
    .booking__step-title{
      font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--sage-900);
      margin-bottom:10px;line-height:1.35;
    }
    .booking__step p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}

    .delivery__grid--pair{grid-template-columns:repeat(2,1fr);max-width:920px;margin:0 auto}

    /* ================================================================
       CONTACT PAGE — form & channels
    ================================================================ */
    #contact-panel{scroll-margin-top:100px}
    .contact-panel{padding:0 0 clamp(72px,9vw,120px)}
    .contact-layout{
      display:grid;grid-template-columns:1.08fr 0.92fr;
      gap:clamp(28px,5vw,48px);align-items:start;
    }
    /* مجموعة كتل FSE — يضمن الشبكة إن غيّرت الكتلة الأنماط الافتراضية */
    #contact-panel .contact-layout.wp-block-group.is-layout-grid{
      display:grid;
      grid-template-columns:1.08fr 0.92fr;
      gap:clamp(28px,5vw,48px);
      align-items:start;
    }
    .contact-card{
      background:var(--white);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
      padding:clamp(26px,4vw,40px);height:100%;
    }
    .contact-card__title{
      font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.6vw,28px);
      color:var(--sage-900);margin-bottom:10px;line-height:1.3;
    }
    .contact-card__sub{
      font-size:14.5px;color:var(--muted);line-height:1.75;margin-bottom:clamp(22px,3vw,30px);
    }
    .form-row{margin-bottom:18px}
    .form-row label{
      display:block;font-size:13px;font-weight:600;color:var(--sage-800);
      margin-bottom:8px;letter-spacing:.02em;
    }
    .form-row input,.form-row select,.form-row textarea{
      width:100%;padding:14px 16px;font-family:var(--font-body);font-size:15px;
      border:1px solid var(--line);border-radius:var(--radius-md);background:var(--cream-soft);
      color:var(--ink);transition:border-color .25s var(--ease),background .25s var(--ease);
    }
    .form-row input::placeholder,.form-row textarea::placeholder{color:var(--sage-400)}
    .form-row input:focus,.form-row select:focus,.form-row textarea:focus{
      outline:none;border-color:var(--sage-600);background:var(--white);
    }
    .form-row textarea{min-height:140px;resize:vertical;line-height:1.75}
    .form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;align-items:center}
    .form-note{
      font-size:12.5px;color:var(--muted);line-height:1.75;margin-top:18px;padding-top:18px;
      border-top:1px solid var(--line-soft);
    }
    .contact-channel{
      display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:var(--radius-md);
      border:1px solid var(--line-soft);margin-bottom:12px;background:var(--cream-soft);
      transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);
    }
    .contact-channel:last-child{margin-bottom:0}
    .contact-channel:hover{
      border-color:var(--sage-400);transform:translateX(-4px);box-shadow:var(--shadow-sm);
    }
    .contact-channel__icon{
      width:48px;height:48px;border-radius:50%;flex-shrink:0;
      display:grid;place-items:center;background:var(--cream-deep);color:var(--sage-800);
    }
    .contact-channel__icon svg{width:22px;height:22px}
    .contact-channel--whatsapp .contact-channel__icon{background:#25D366;color:#fff}
    .contact-channel--whatsapp .contact-channel__icon svg{color:#fff}
    .contact-channel__body h4{
      font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--sage-900);
      margin:0 0 6px;line-height:1.35;
    }
    .contact-channel__body p{font-size:13.5px;color:var(--muted);margin:0 0 10px;line-height:1.6}
    .contact-channel__body .btn{padding:11px 20px;font-size:14px}
    #contact-msg{display:none;margin-top:14px;padding:14px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.65}
    #contact-msg.is-error{background:#fdeeee;color:#7a2e2e;border:1px solid #f5c2c2}
    #contact-msg.is-ok{background:rgba(85,107,90,.12);color:var(--sage-900);border:1px solid rgba(85,107,90,.25)}

    /* ================================================================
       RESPONSIVE — tablet
    ================================================================ */
    @media (max-width:1024px){
      .contact-layout{grid-template-columns:1fr}
      #contact-panel .contact-layout.wp-block-group.is-layout-grid{grid-template-columns:1fr}
      .booking__grid{grid-template-columns:repeat(2,1fr)}
      .page-hero__inner,.approach__grid,.why__grid{grid-template-columns:1fr}
      .page-hero__inner{gap:44px}
      .page-hero__visual{order:-1;max-width:540px;margin:0 auto;aspect-ratio:16/9}
      .services__grid{grid-template-columns:repeat(2,1fr)}
      .matcher__intro{grid-template-columns:1fr}
      .delivery__grid{grid-template-columns:repeat(2,1fr)}
      .delivery__grid--pair{grid-template-columns:repeat(2,1fr);max-width:100%}
      .pathways__grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
      .why__visual{max-width:100%;aspect-ratio:16/9}
      .footer__grid{grid-template-columns:1fr 1fr;gap:40px}
    }

    /* ================================================================
       RESPONSIVE — mobile
    ================================================================ */
    @media (max-width:720px){
      body{font-size:15.5px}
      .wrap{padding:0 20px}
      .topbar__inner{padding:14px 0 10px;gap:12px}
      .topbar__meta{gap:10px}
      .topbar__meta .bar,.topbar__meta>span:nth-of-type(2){display:none}
      .topbar__meta svg{width:12px;height:12px}
      .topbar__cta{font-size:11.5px}
      .nav__inner{padding:14px 0}
      .nav__links,.nav__cta{display:none}
      .nav__toggle{display:flex}
      .brand__mark{width:36px;height:36px}
      .brand__name{font-size:16px}
      .brand__role{font-size:10px;margin-top:3px}

      .page-hero{padding:34px 0 56px}
      .page-hero__h1{font-size:30px}
      .page-hero__sub{font-size:16px;margin-bottom:18px}
      .page-hero__lead{font-size:15px;margin-bottom:26px}
      .page-hero__ctas{gap:10px}
      .page-hero__ctas .btn{flex:1 1 auto;justify-content:center}
      .page-hero__visual-note{font-size:12px}

      .section{padding:60px 0}
      .section-title{font-size:26px}
      .approach__title,.why__title,.matcher__intro-title{font-size:26px}

      .approach__points{gap:14px}
      .approach__point{padding:16px 18px;gap:14px}
      .approach__point-icon{width:36px;height:36px}
      .approach__point-icon svg{width:16px;height:16px}
      .approach__point-body h4{font-size:16px}

      .services__grid{grid-template-columns:1fr;gap:18px}
      .svc{padding:28px 24px}
      .svc__title{font-size:20px}
      .svc__desc{font-size:14px}

      .signals__grid{grid-template-columns:1fr;gap:14px}
      .signal{padding:20px 18px;gap:14px}
      .signal__text{font-size:14.5px}
      .signal__text b{font-size:16px}

      .delivery__grid{grid-template-columns:1fr;gap:14px}
      .delivery__grid--pair{grid-template-columns:1fr}
      .delivery-card{padding:24px 20px}
      .booking__grid{grid-template-columns:1fr;gap:14px}
      .booking__step{padding:22px 18px}
      .delivery-card__title{font-size:17px}

      .why__lead{font-size:15.5px;margin-bottom:24px}
      .why__list{gap:10px}
      .why__item{padding:15px 17px;gap:12px}
      .why__item-text{font-size:14.5px}

      .pathways__grid{grid-template-columns:1fr;max-width:100%}
      .pathway{padding:28px 24px}
      .pathway__title{font-size:19px}

      .page-cta__inner{padding:38px 22px}
      .page-cta__title{font-size:26px}
      .page-cta__body{font-size:15px}
      .page-cta__actions .btn{flex:1 1 auto;justify-content:center}

      .footer__grid{grid-template-columns:1fr;gap:32px;padding-bottom:32px}
      .footer__bottom{flex-direction:column;align-items:flex-start;gap:12px;padding-top:22px;font-size:12.5px}
      .footer__legal{gap:18px}
    }

    @media (max-width:420px){
      .wrap{padding:0 18px}
      .page-hero__h1,.section-title,.approach__title,.why__title,.matcher__intro-title,.page-cta__title{font-size:24px}
    }