:root{
    --ivory:#F7F1E7;
    --ivory-deep:#EFE4D3;
    --terracotta:#C87352;
    --terracotta-deep:#B15F3F;
    --blush:#FFE5D9;
    --espresso:#8C5339;
    --ink:#2E2A22;
    --ink-soft:#6E6455;
    --line:rgba(46,42,34,0.15);
    --radius:3px;
    --max:1160px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0; background:var(--ivory); color:var(--ink); font-family:'Inter', sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;}
  ::selection{background:var(--terracotta); color:#fff;}
  a{color:inherit;} img{max-width:100%; display:block;}
  .wrap{max-width:var(--max); margin:0 auto; padding:0 28px;}
  h1,h2,h3{font-family:'Playfair Display', serif; font-weight:700; margin:0; color:var(--ink);}
  :focus-visible{outline:2px solid var(--espresso); outline-offset:3px;}
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  }
  .eyebrow{
    font-family:'Space Mono', monospace; text-transform:uppercase; letter-spacing:0.14em; font-size:12px;
    color:var(--terracotta); display:flex; align-items:center; gap:10px; margin-bottom:10px;
  }
  .eyebrow::before{content:''; width:22px; height:1px; background:var(--terracotta); display:inline-block;}
  .eyebrow.on-dark{color:var(--blush);}
  .eyebrow.on-dark::before{background:var(--blush);}

  /* ---------- ZELLIJ PATTERN (generated) ---------- */
  .zellij-bg{position:absolute; inset:0; z-index:0; pointer-events:none;}

  /* ---------- NAV ---------- */
  header.site{position:sticky; top:0; z-index:50; background:rgba(247,241,231,0.94); backdrop-filter:blur(6px); border-bottom:1px solid var(--line);}
  nav{max-width:var(--max); margin:0 auto; padding:12px 28px; display:flex; align-items:center; justify-content:space-between;}
  .nav-logo{height:38px; width:auto;}
  nav ul{list-style:none; display:flex; gap:28px; margin:0; padding:0;}
  nav ul a{text-decoration:none; font-size:14px; font-weight:600; color:var(--ink-soft); transition:color 0.2s;}
  nav ul a:hover{color:var(--terracotta);}
  .nav-links{display:flex; align-items:center; gap:22px;}
  .nav-cta{font-size:13.5px; font-weight:700; padding:10px 20px; background:var(--terracotta); color:#fff; border-radius:20px; text-decoration:none; transition:background 0.2s;}
  .nav-cta:hover{background:var(--terracotta-deep);}
  .lang-switch{display:flex; align-items:center; gap:2px; border:1px solid var(--line); border-radius:16px; padding:3px;}
  .lang-btn{font-family:'Space Mono', monospace; font-size:11px; font-weight:700; letter-spacing:0.04em; padding:5px 10px; border-radius:13px; border:none; background:transparent; color:var(--ink-soft); cursor:pointer; transition:background 0.2s, color 0.2s;}
  .lang-btn:hover{color:var(--ink);}
  .lang-btn.active{background:var(--espresso); color:#fff;}
  .menu-toggle{display:none; background:none; border:none; cursor:pointer;}
  .menu-toggle svg{width:24px; height:24px; color:var(--ink);}

  /* ---------- HERO ---------- */
  .hero{position:relative; overflow:hidden; padding:120px 0 90px; background:#3a2418;}
  .hero-bg{
    position:absolute; inset:-24px; z-index:0;
    background:url('images/hero-cover.jpg') center 32%/cover no-repeat;
    animation:heroZoom 24s ease-in-out infinite alternate;
  }
  .hero-overlay{
    position:absolute; inset:0; z-index:0;
    background:linear-gradient(165deg, rgba(46,32,24,0.78), rgba(140,83,57,0.5));
    animation:heroGlow 12s ease-in-out infinite alternate;
  }
  @keyframes heroZoom{from{transform:scale(1);} to{transform:scale(1.12);}}
  @keyframes heroGlow{from{opacity:1;} to{opacity:0.85;}}
  .hero .hero-pattern{opacity:0.16; z-index:0; animation:heroPatternDrift 70s linear infinite;}
  @keyframes heroPatternDrift{from{transform:translate(0,0) rotate(0deg);} to{transform:translate(-88px,-88px) rotate(6deg);}}
  .hero-particles{position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;}
  .hero-particles span{position:absolute; bottom:-20px; border-radius:50%; background:rgba(255,255,255,0.45); animation-name:heroParticleUp; animation-timing-function:ease-in; animation-iteration-count:infinite;}
  @keyframes heroParticleUp{
    0%{transform:translateY(0) translateX(0); opacity:0;}
    12%{opacity:0.7;}
    88%{opacity:0.3;}
    100%{transform:translateY(-620px) translateX(24px); opacity:0;}
  }
  .hero .wrap{position:relative; z-index:1; text-align:center; max-width:760px;}
  .hero-logo{width:220px; margin:0 auto; opacity:0; transform:scale(0.85); animation:heroIn 0.8s cubic-bezier(.2,.8,.2,1) forwards; filter:brightness(0) invert(1);}
  @keyframes heroIn{to{opacity:1; transform:scale(1);}}
  .hero .tagline{font-family:'Playfair Display', serif; font-style:italic; font-size:clamp(22px,3vw,30px); color:#fff; margin-top:20px;}
  .hero .sub{font-size:14px; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.82); margin-top:12px; font-weight:600;}
  .hero-ctas{display:flex; gap:14px; justify-content:center; margin-top:32px; flex-wrap:wrap;}
  .btn{font-family:'Inter', sans-serif; font-weight:700; font-size:15px; padding:14px 28px; border-radius:24px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; border:1.5px solid transparent; transition:transform 0.15s, box-shadow 0.15s;}
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--espresso); color:#fff;}
  .btn-primary:hover{box-shadow:0 8px 20px rgba(140,83,57,0.35);}
  .btn-ghost{background:transparent; color:var(--espresso); border-color:var(--espresso);}
  .btn-ghost:hover{background:var(--espresso); color:#fff;}
  .hero .btn-ghost{color:#fff; border-color:rgba(255,255,255,0.85);}
  .hero .btn-ghost:hover{background:#fff; color:var(--espresso);}
  @media (prefers-reduced-motion: reduce){.hero-logo{opacity:1; transform:none; animation:none;}}

  /* ---------- SECTION SHARED ---------- */
  section{padding:88px 0; position:relative;}
  section.tight{padding:60px 0;}
  .section-head{max-width:640px; margin-bottom:44px;}
  .section-head h2{font-size:clamp(28px,3.6vw,42px); line-height:1.1;}
  .section-head p{color:var(--ink-soft); font-size:16px; margin-top:14px;}
  .split{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}

  /* ---------- PHILOSOPHY FLOW ---------- */
  .flow{background:var(--ivory-deep); border-bottom:1px solid var(--line);}
  .flow-row{display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line);}
  .flow-step{padding:28px 20px 24px; border-inline-end:1px solid var(--line); position:relative;}
  .flow-step:last-child{border-inline-end:none;}
  .flow-step .num{font-family:'Space Mono', monospace; font-size:12px; color:var(--terracotta); letter-spacing:0.08em;}
  .flow-step h3{font-size:18px; margin-top:8px; font-weight:700;}
  .flow-step p{font-size:13.5px; color:var(--ink-soft); margin-top:6px;}

  /* ---------- WHO IT'S FOR ---------- */
  .audience-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .audience-card{border:1px solid var(--line); padding:26px 22px; background:#fff; border-radius:var(--radius); display:flex; flex-direction:column;}
  .audience-card .tag{font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--terracotta);}
  .audience-card h3{font-size:20px; margin-top:10px;}
  .audience-card p{font-size:14px; color:var(--ink-soft); margin-top:8px; flex-grow:1;}
  .audience-card a{margin-top:16px; font-size:13.5px; font-weight:700; text-decoration:none; color:var(--espresso); display:inline-flex; align-items:center; gap:6px;}

  /* ---------- EXPERIENCE CARDS ---------- */
  .card-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .exp-card{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff; transition:transform 0.2s, box-shadow 0.2s;}
  .exp-card:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(46,42,34,0.08);}
  .exp-visual{aspect-ratio:4/3; background:var(--blush); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
  .exp-visual svg{width:44px; height:44px; color:var(--terracotta); position:relative; z-index:1;}
  .exp-visual img{width:100%; height:100%; object-fit:cover;}
  .exp-body{padding:20px;}
  .exp-body h3{font-size:19px;}
  .exp-body p{font-size:13.5px; color:var(--ink-soft); margin:8px 0 16px;}
  .exp-book{margin-top:12px; font-size:13px; font-weight:700; color:var(--terracotta); text-decoration:none; display:inline-flex; align-items:center; gap:6px;}
  .exp-book:hover{color:var(--terracotta-deep);}
  .exp-more{margin-top:8px; font-size:12.5px; font-weight:600; color:var(--ink-soft); text-decoration:none; display:inline-flex; align-items:center; gap:6px;}
  .exp-more:hover{color:var(--ink);}
  .exp-links{display:flex; flex-direction:column; align-items:flex-start;}
  .premium .exp-more, .corp .exp-more, .bundle-card .exp-more{color:rgba(255,255,255,0.75);}
  .premium .exp-more:hover, .corp .exp-more:hover, .bundle-card .exp-more:hover{color:#fff;}
  .price{font-family:'Playfair Display', serif; font-weight:800; font-size:30px; color:var(--ink);}
  .price .dh{font-weight:600; color:var(--terracotta); font-size:19px; margin-inline-start:4px;}

  /* ---------- PREMIUM ---------- */
  .premium{background:var(--espresso); color:var(--blush);}
  .premium h2{color:#fff;}
  .premium p.lede{color:rgba(255,229,217,0.85); margin-top:14px; font-size:16px; max-width:48ch;}
  .perk{padding:16px 0; border-bottom:1px solid rgba(255,229,217,0.2);}
  .perk:first-child{padding-top:0;}
  .perk h3{font-size:16px; color:#fff; font-weight:700;}
  .perk p{margin:4px 0 0; font-size:13.5px; color:rgba(255,229,217,0.75);}
  .premium-prices{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .pp-card{border:1px solid rgba(255,229,217,0.3); border-radius:var(--radius); padding:20px;}
  .pp-card h3{font-size:15px; color:rgba(255,229,217,0.8); font-weight:600; margin-bottom:10px;}
  .pp-card .price{color:#fff;} .pp-card .price .dh{color:var(--blush);}

  /* ---------- BUNDLE ---------- */
  .bundle{background:var(--ivory-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .bundle-card{background:var(--terracotta); color:#fff; border-radius:var(--radius); padding:40px 36px;}
  .bundle-card h3{color:#fff; font-size:26px;}
  .bundle-card .price{color:#fff; font-size:52px;}
  .bundle-card .price .dh{color:rgba(255,255,255,0.7);}
  .bundle-card .valid{font-size:13.5px; font-style:italic; color:rgba(255,255,255,0.85); margin-top:6px;}
  .bundle-card ul{list-style:none; margin:22px 0 0; padding:0; border-top:1px solid rgba(255,255,255,0.3); padding-top:18px;}
  .bundle-card li{font-size:14.5px; padding:6px 0; display:flex; gap:10px;}
  .bundle-card li::before{content:'—'; opacity:0.7;}
  .bundle-visual{position:relative; aspect-ratio:1/1; border-radius:var(--radius); background:var(--blush); display:flex; align-items:center; justify-content:center; overflow:hidden;}
  .badge-spin{width:62%; animation:spin 40s linear infinite; position:relative; z-index:1;}
  @keyframes spin{from{transform:rotate(0deg);} to{transform:rotate(360deg);}}
  @media (prefers-reduced-motion: reduce){.badge-spin{animation:none;}}

  /* ---------- KIDS ---------- */
  .kids-hero{display:grid; grid-template-columns:0.9fr 1.1fr; gap:50px; align-items:start;}
  .kids-visual{position:relative; aspect-ratio:1/1; border-radius:var(--radius); background:var(--blush); display:flex; align-items:center; justify-content:center; overflow:hidden;}
  .kids-visual svg{width:80px; height:80px; color:var(--terracotta); position:relative; z-index:1;}
  .kids-card{border:1.5px solid var(--terracotta); border-radius:var(--radius); padding:28px 26px; background:#fff; position:relative;}
  .badge-tag{display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; background:var(--terracotta); color:#fff; padding:5px 12px; border-radius:14px; margin-bottom:14px;}
  .kids-card h3{font-size:24px;} .kids-card .price{font-size:44px; margin-top:8px;}
  .kids-card .per{font-size:13.5px; color:var(--ink-soft); font-style:italic; margin-top:4px;}
  .kids-card ul{list-style:none; padding:0; margin:20px 0 0;}
  .kids-card li{font-size:14.5px; padding:6px 0; padding-inline-start:20px; position:relative; color:var(--ink-soft);}
  .kids-card li::before{content:'✓'; position:absolute; inset-inline-start:0; color:var(--terracotta); font-weight:700;}
  .kids-note{margin-top:18px; background:var(--blush); border-radius:var(--radius); padding:14px 18px; font-size:13.5px; font-weight:600;}
  .kids-mini-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px;}
  .kids-mini{border:1px solid var(--line); border-radius:var(--radius); padding:20px; background:#fff;}
  .kids-mini h4{font-size:14px; font-weight:700; margin-bottom:4px; font-family:'Playfair Display',serif;}
  .kids-mini p.desc{font-size:12.5px; color:var(--ink-soft); margin:0 0 12px;}
  .kids-mini .price{font-size:26px;}

  /* ---------- CORPORATE ---------- */
  .corp{background:var(--ink); color:var(--ivory);}
  .corp h2{color:#fff;}
  .corp p.lede{color:rgba(247,241,231,0.75); margin-top:14px; font-size:16px; max-width:52ch;}
  .corp-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:36px;}
  .corp-card{border:1px solid rgba(247,241,231,0.25); border-radius:var(--radius); padding:28px 26px;}
  .corp-card h3{font-size:19px; color:#fff;}
  .corp-card p.desc{font-size:14px; color:rgba(247,241,231,0.65); margin-top:8px;}
  .corp-card .price{font-size:38px; color:#fff; margin-top:16px;}
  .corp-card .price .dh{color:var(--blush);}
  .corp-card .per{font-size:13px; font-style:italic; color:rgba(247,241,231,0.6); margin-top:4px;}
  .corp-note{margin-top:18px; font-size:13px; font-style:italic; color:rgba(247,241,231,0.55);}

  /* ---------- WHY CRAFTIFY ---------- */
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .why-card{background:var(--ivory); padding:32px 26px;}
  .why-card svg{width:30px; height:30px; color:var(--terracotta); margin-bottom:16px;}
  .why-card h3{font-size:18px;} .why-card p{font-size:13.5px; color:var(--ink-soft); margin-top:8px;}

  /* ---------- CREDIBILITY STRIP ---------- */
  .credibility{
    padding:22px 0 20px;
    background:var(--ivory);
    border-bottom:1px solid var(--line);
  }
  .credibility .wrap{text-align:center;}
  .credibility .eyebrow{display:inline-flex; margin-left:auto; margin-right:auto;}
  .partner-strip{margin-top:14px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
  .partner-track{display:flex; align-items:center; gap:44px; width:max-content; animation:partnerScroll 48s linear infinite;}
  .partner-track img{height:24px; width:auto; opacity:0.85; transition:opacity 0.2s;}
  .partner-track img:hover{opacity:1;}
  @keyframes partnerScroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}

  /* ---------- TESTIMONIALS ---------- */
  .review-summary{display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:22px;}
  .review-summary .stars{color:#E0A324; font-size:16px; letter-spacing:2px;}
  .review-summary .score{font-family:'Space Mono', monospace; font-size:14px; color:var(--ink-soft);}
  .review-summary .score b{color:var(--ink);}
  .review-summary .review-link{font-family:'Space Mono', monospace; font-size:12.5px; font-weight:700; letter-spacing:0.04em; color:var(--terracotta); text-decoration:none; border-bottom:1px solid var(--terracotta); padding-bottom:1px;}
  .review-summary .review-link:hover{color:var(--terracotta-deep); border-color:var(--terracotta-deep);}
  .testimonial-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .testimonial{background:var(--ivory); padding:20px 22px;}
  .testimonial p.quote{font-family:'Playfair Display', serif; font-size:15.5px; font-style:italic; line-height:1.4; color:var(--ink-soft);}
  .testimonial .who{margin-top:10px; font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.05em; color:var(--terracotta);}

  /* ---------- CONTACT ---------- */
  .contact{background:var(--blush); border-top:1px solid var(--line);}
  .contact .split{align-items:start;}
  .contact-list{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff;}
  .contact-row{padding:20px 24px; border-bottom:1px solid var(--line);}
  .contact-row:last-child{border-bottom:none;}
  .contact-row h4{font-family:'Playfair Display', serif; font-size:16px; font-weight:700;}
  .contact-row p{margin:4px 0 0; font-size:14.5px; color:var(--ink-soft);}
  .contact-art{position:relative; aspect-ratio:4/5; border-radius:var(--radius); background:linear-gradient(160deg,var(--espresso),var(--terracotta)); display:flex; align-items:center; justify-content:center; overflow:hidden;}
  .contact-art img{width:56%; position:relative; z-index:1; filter:brightness(0) invert(1); opacity:0.92;}
  .qr-note{font-size:13.5px; font-style:italic; color:var(--ink-soft); margin-top:16px;}
  .map-link{margin-top:6px; font-size:12.5px; font-weight:700; color:var(--terracotta); text-decoration:none; display:inline-flex; align-items:center; gap:4px;}
  .map-link:hover{color:var(--terracotta-deep);}

  /* ---------- FOOTER ---------- */
  footer{padding:44px 0; background:var(--espresso); color:var(--blush);}
  footer .wrap{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px;}
  footer img.foot-hand{width:34px; filter:brightness(0) invert(1);}
  footer .logotype{font-family:'Baloo 2', sans-serif; font-weight:800; font-size:24px; color:#fff; text-transform:uppercase;}
  footer .tagline{font-family:'Playfair Display', serif; font-style:italic; font-size:15px; color:rgba(255,229,217,0.8);}
  footer .fine{font-size:12.5px; color:rgba(255,229,217,0.55); margin-top:10px;}

  /* ---------- DETAIL PAGES (experience info pages) ---------- */
  .draft-banner{background:#FFF5D6; border-bottom:1px dashed #A9782E; font-family:'Inter',sans-serif; font-size:12.5px; color:#4a3c14; padding:10px 28px; line-height:1.6; text-align:center;}
  .breadcrumb{font-family:'Space Mono', monospace; font-size:12px; color:var(--ink-soft); text-decoration:none; display:inline-flex; align-items:center; gap:6px;}
  .breadcrumb:hover{color:var(--terracotta);}
  .detail-hero{background:var(--blush); border-bottom:1px solid var(--line); padding:40px 0 40px;}
  .detail-hero h1{font-size:clamp(32px,5vw,52px); margin-top:16px;}
  .detail-hero p.detail-lede{font-size:17px; color:var(--ink-soft); margin-top:14px; max-width:60ch;}
  .detail-hero.has-photo{padding:64px 0 56px; border-bottom:none;}
  .detail-hero.has-photo h1{color:#fff;}
  .detail-hero.has-photo p.detail-lede{color:rgba(255,255,255,0.9);}
  .detail-section{padding:56px 0; border-bottom:1px solid var(--line);}
  .detail-section:last-of-type{border-bottom:none;}
  .detail-section h2{font-size:clamp(24px,3vw,32px); margin-bottom:24px;}
  .steps-list{list-style:none; padding:0; margin:0; display:grid; gap:18px;}
  .steps-list li{display:flex; gap:16px; align-items:flex-start;}
  .steps-list .step-num{font-family:'Space Mono', monospace; font-size:13px; color:var(--terracotta); font-weight:700; border:1.5px solid var(--terracotta); border-radius:50%; width:30px; height:30px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .steps-list .step-text h4{font-size:16px; font-weight:700; font-family:'Playfair Display', serif;}
  .steps-list .step-text p{font-size:14px; color:var(--ink-soft); margin-top:4px;}
  .info-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .info-item{background:#fff; padding:22px;}
  .info-item .label{font-family:'Space Mono', monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--terracotta);}
  .info-item .value{font-size:15px; margin-top:6px; font-weight:600;}
  .includes-list{list-style:none; padding:0; margin:0;}
  .includes-list li{padding:10px 0; border-bottom:1px solid var(--line); font-size:14.5px; color:var(--ink-soft); padding-inline-start:24px; position:relative;}
  .includes-list li::before{content:'✓'; position:absolute; inset-inline-start:0; color:var(--terracotta); font-weight:700;}
  .includes-list li:last-child{border-bottom:none;}
  .detail-price-row{display:flex; gap:20px; flex-wrap:wrap; margin-top:10px;}
  .detail-price-card{border:1px solid var(--line); border-radius:var(--radius); padding:24px 26px; background:#fff; flex:1; min-width:200px;}
  .detail-price-card h3{font-size:13px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-soft); font-family:'Space Mono', monospace; font-weight:700;}
  .detail-price-card .per{font-size:12.5px; color:var(--ink-soft); font-style:italic; margin-top:6px;}
  .detail-cta{text-align:center; padding:60px 0; background:var(--espresso);}
  .detail-cta h2{color:#fff; font-size:clamp(26px,3.4vw,36px);}
  .detail-cta p{color:rgba(255,229,217,0.8); margin-top:10px;}
  .detail-cta .btn{margin-top:26px;}

  /* ---------- RTL / ARABIC ---------- */
  [dir="rtl"] body, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .tagline, [dir="rtl"] .quote, [dir="rtl"] .logotype{
    font-family:'Cairo', 'Inter', sans-serif;
  }
  [dir="rtl"] .quote{font-style:normal;}
  [dir="rtl"] .eyebrow{letter-spacing:0;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 980px){
    nav ul{display:none;} .menu-toggle{display:block;}
    .nav-links{gap:10px;}
    .nav-cta{padding:10px 14px;}
    .split{grid-template-columns:1fr;}
    .flow-row{grid-template-columns:1fr 1fr;}
    .flow-step{border-inline-end:1px solid var(--line); border-bottom:1px solid var(--line);}
    .audience-grid{grid-template-columns:1fr 1fr;}
    .card-grid{grid-template-columns:1fr 1fr;}
    .kids-hero{grid-template-columns:1fr;}
    .kids-mini-grid{grid-template-columns:1fr;}
    .corp-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr 1fr;}
    .premium-prices{grid-template-columns:1fr 1fr;}
    .testimonial-grid{grid-template-columns:1fr;}
    .info-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width: 560px){
    .card-grid{grid-template-columns:1fr;}
    .audience-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr;}
    .flow-row{grid-template-columns:1fr;}
    .premium-prices{grid-template-columns:1fr;}
    .info-grid{grid-template-columns:1fr;}
  }