:root{
    --teal:#1B4351;
    --teal-deep:#122e38;
    --aqua:#76C6D1;
    --aqua-pale:#EAF7F8;
    --apricot:#F2B8A0;
    --cream:#FAF7F2;
    --charcoal:#24343A;
    --slate:#60747B;
    --mist:#D8E4E6;
    --white:#FFFFFF;
    --shadow: 0 20px 50px -25px rgba(27,67,81,0.35);
    --radius-lg: 28px;
    --radius-md: 18px;
    --radius-sm: 12px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;}
  body{
    margin:0;
    overflow-x:hidden;
    font-family:'Inter',sans-serif;
    color:var(--charcoal);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    line-height:1.6;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  section{position:relative;}

  .wrap{
    max-width:1160px;
    margin:0 auto;
    padding:0 32px;
  }

  h1,h2,h3{
    font-family:'Inter',sans-serif;
    font-weight:700;
    line-height:1.12;
    letter-spacing:-0.02em;
    margin:0;
    color:var(--teal);
  }
  h1{font-size:clamp(2.4rem,4.6vw,4rem);}
  h2{font-size:clamp(1.8rem,3.1vw,2.5rem);}
  h3{font-size:1.15rem;letter-spacing:-0.01em;}
  p{margin:0;}
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:0.78rem;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--slate);
    margin-bottom:18px;
  }
  .eyebrow::before{
    content:"";
    width:14px;height:13px;
    background:url('../assets/Heart.svg') no-repeat center/contain;
    flex-shrink:0;
  }
  .lede{
    font-size:1.08rem;
    color:var(--slate);
    line-height:1.7;
    max-width:560px;
  }

  /* Buttons */
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 28px;
    border-radius:999px;
    font-weight:600;
    font-size:0.98rem;
    cursor:pointer;
    border:1.5px solid transparent;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{
    background:var(--teal);
    color:var(--white);
    box-shadow:0 14px 30px -14px rgba(27,67,81,0.55);
  }
  .btn-primary:hover{background:var(--teal-deep);}
  .btn-outline{
    background:transparent;
    color:var(--teal);
    border-color:var(--mist);
  }
  .btn-outline:hover{border-color:var(--teal);}
  .btn-light{
    background:var(--white);
    color:var(--teal);
  }
  .btn-on-teal{
    background:var(--aqua);
    color:var(--teal-deep);
  }

  /* ===== Header ===== */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(250,247,242,0.97);
    border-bottom:1px solid var(--mist);
  }
  .nav-row{
    position:relative;
    display:flex;align-items:center;justify-content:space-between;
    height:82px;
  }
  .logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .logo .wordmark{font-size:1.28rem;font-weight:700;}
  .logo .wordmark span:first-child{color:var(--aqua);}
  .logo .wordmark span:last-child{color:var(--teal);}
  .btn-sm{padding:9px 18px;font-size:0.82rem;}
  nav.primary-nav{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    display:flex;align-items:center;gap:26px;
    white-space:nowrap;
  }
  nav.primary-nav a{
    font-size:0.82rem;font-weight:500;color:var(--charcoal);
    position:relative;padding:6px 0;
    white-space:nowrap;
    flex-shrink:0;
  }
  nav.primary-nav a:not(:first-child)::before{
    content:"";position:absolute;left:-13px;top:50%;
    transform:translateY(-50%);
    width:1px;height:12px;
    background:var(--mist);
  }
  nav.primary-nav a::after{
    content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
    background:var(--aqua);transition:width .2s ease;
  }
  nav.primary-nav a:hover::after{width:100%;}
  .nav-mobile-cta{display:none;}
  .nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0;}
  .burger{display:none;background:none;border:none;cursor:pointer;padding:6px;}
  .burger span{display:block;width:24px;height:2px;background:var(--teal);margin:5px 0;border-radius:2px;transition:transform .25s ease, opacity .2s ease;}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .burger.open span:nth-child(2){opacity:0;}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* ===== Hero ===== */
  .hero{
    position:relative;
    padding:90px 0 110px;
    background:
      radial-gradient(circle at 85% 10%, var(--aqua-pale) 0%, transparent 55%),
      var(--cream);
    overflow:hidden;
  }
  .hero .wrap{
    position:relative;z-index:2;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:56px;
    align-items:center;
  }
  .hero h1{margin-bottom:22px;}
  .hero .lede{margin-bottom:34px;}
  .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}

  .hero-art{position:relative;display:flex;justify-content:center;align-items:center;}

  .hero-left-overlay{
    position:absolute;
    left:0;top:0;
    height:100%;width:auto;
    z-index:1;
    pointer-events:none;
    display:block;
  }

  /* Hero visual: pre-built SVG with embedded photo + animated turquoise ring */
  .hero-visual-wrap{
    position:relative;
    display:inline-block;
    width:100%;
    max-width:520px;
  }
  .hero-circle-anim{
    width:100%;
    height:auto;
    display:block;
  }
  .hero-heart-accent{
    position:absolute;
    top:-12px;left:-12px;
    width:34px;height:auto;
    z-index:2;
    pointer-events:none;
  }
  .hero-mobile-heart{display:none;pointer-events:none;}

  .hero-dots-decor{
    position:absolute;top:26px;right:26px;
    width:36px;height:auto;
    opacity:0.9;
    pointer-events:none;
    z-index:1;
  }
  .hero-wave{
    position:absolute;left:50%;right:auto;bottom:-1px;
    width:100vw;max-width:none;
    transform:translateX(-50%);
    height:90px;
    line-height:0;
    pointer-events:none;
    z-index:1;
  }
  .hero-wave img{
    width:100%;height:100%;
    display:block;
    object-fit:fill;
  }

  /* ===== Little details section ===== */
  .statement{
    padding:88px 0 190px;
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .statement .wrap{max-width:760px;}
  .statement h2{margin-bottom:20px;}
  .statement p{color:var(--slate);font-size:1.08rem;line-height:1.75;}
  .statement-wave{
    position:absolute;left:50%;bottom:-1px;
    transform:translateX(-50%);
    width:100vw;max-width:none;
    height:90px;
    display:block;
    object-fit:fill;
    pointer-events:none;
    z-index:1;
  }

  /* ===== Essentials grid ===== */
  .essentials{padding:20px 0 100px;position:relative;background:var(--cream);}
  .essentials .head{
    display:flex;align-items:flex-end;justify-content:space-between;
    gap:24px;margin-bottom:48px;flex-wrap:wrap;
  }
  .essentials .head p{max-width:480px;color:var(--slate);}
  .grid8{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
  }
  .card{
    background:var(--white);
    border:1px solid var(--mist);
    border-radius:var(--radius-md);
    padding:30px 26px 26px;
    position:relative;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}
  .card:nth-child(3n+2){background:var(--aqua-pale);}
  .essentials .card{
    min-height:250px;
    padding:34px 26px 30px;
  }
  .essentials .card:nth-child(odd){background:var(--white);}
  .essentials .card:nth-child(even){background:var(--aqua-pale);}
  .essentials .card .icon-img{margin-top:-18px;margin-bottom:18px;}
  .icon-circle{
    width:52px;height:52px;border-radius:50%;
    background:var(--white);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
    box-shadow:0 6px 16px -8px rgba(27,67,81,0.25);
  }
  .card:nth-child(3n+2) .icon-circle{background:var(--white);}
  .icon-circle svg{width:24px;height:24px;stroke:var(--teal);}
  .card h3{margin-bottom:8px;}
  .card p{font-size:0.92rem;color:var(--slate);line-height:1.55;}
  .card .heart{
    position:absolute;bottom:18px;right:20px;
    width:16px;height:16px;color:var(--aqua);opacity:0.7;
  }

  /* ===== Everything important (navy band with animation) ===== */
  .everything-band{
    padding:90px 0 100px;
    background:var(--teal);
    color:var(--white);
    overflow:hidden;
  }
  .everything-band h2{color:var(--white);}
  .everything-band p.lede{color:rgba(255,255,255,0.78);max-width:560px;}
  .everything-anim-wrap{
    margin-top:50px;
    display:flex;
    justify-content:center;
  }
  .everything-anim{
    width:100%;
    max-width:1100px;
    height:auto;
    aspect-ratio:1600/900;
    display:block;
    background:transparent;
  }

  /* Mobile-only alternating card list, replaces the SVG animation */
  .everything-mobile-cards{display:none;}
  @media (max-width:720px){
    .everything-anim-wrap{display:none;}
    .everything-band{padding-bottom:56px;}
    .everything-mobile-cards{
      display:flex;flex-direction:column;gap:14px;
      margin-top:40px;
    }
    .em-card{
      display:flex;align-items:center;gap:14px;
      background:rgba(255,255,255,0.07);
      border:1px solid rgba(255,255,255,0.14);
      border-radius:999px;
      padding:12px 22px;
    }
    .em-card.reveal{opacity:0;transform:translateX(-36px);transition:opacity .6s ease, transform .6s ease;}
    .em-card.reveal.in{opacity:1;transform:translateX(0);}
    .em-card.icon-right{flex-direction:row-reverse;text-align:right;}
    .em-card.from-right.reveal{transform:translateX(36px);}
    .em-card.from-right.reveal.in{transform:translateX(0);}
    .em-card .em-icon{
      flex-shrink:0;width:42px;height:42px;border-radius:50%;
      background:var(--white);
      display:flex;align-items:center;justify-content:center;
    }
    .em-card .em-icon img{width:24px;height:24px;display:block;}
    .em-card .em-text h4{margin:0;font-size:0.92rem;font-weight:700;line-height:1.3;}
    .em-card .em-text p{margin:2px 0 0;font-size:0.74rem;line-height:1.35;opacity:0.85;}
    .em-card.text-white .em-text h4,
    .em-card.text-white .em-text p{color:var(--white);}
    .em-card.text-aqua .em-text h4,
    .em-card.text-aqua .em-text p{color:var(--aqua);}
    .everything-mobile-cards .em-card:nth-child(1){transition-delay:0s;}
    .everything-mobile-cards .em-card:nth-child(2){transition-delay:.1s;}
    .everything-mobile-cards .em-card:nth-child(3){transition-delay:.2s;}
    .everything-mobile-cards .em-card:nth-child(4){transition-delay:.3s;}
    .everything-mobile-cards .em-card:nth-child(5){transition-delay:.4s;}
    .everything-mobile-cards .em-card:nth-child(6){transition-delay:.5s;}
    .everything-mobile-cards .em-card:nth-child(7){transition-delay:.6s;}
    .everything-mobile-cards .em-card:nth-child(8){transition-delay:.7s;}
  }

  /* ===== Conversation statement ===== */
  .conversation{
    padding:100px 0 130px;
    background:var(--aqua-pale);
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .conversation .wrap{max-width:720px;position:relative;z-index:2;}
  .conversation p.lede{margin:0 auto 30px;color:var(--slate);}
  .conversation-left-overlay{
    position:absolute;left:0;top:0;
    height:100%;width:auto;
    z-index:1;
    pointer-events:none;
    display:block;
  }
  .conversation-wave{
    position:absolute;left:50%;bottom:-1px;
    transform:translateX(-50%);
    width:100vw;max-width:none;
    height:90px;
    display:block;
    object-fit:fill;
    pointer-events:none;
    z-index:1;
  }
  .tagline{
    font-family:'Inter',sans-serif;
    font-weight:700;
    font-size:clamp(1.3rem,2.4vw,1.7rem);
    color:var(--teal);
    letter-spacing:-0.01em;
  }

  /* ===== Stay connected ===== */
  .connect{padding:100px 0;}
  .connect .wrap{
    display:grid;grid-template-columns:0.95fr 1.05fr;gap:60px;align-items:center;
  }
  .chat-mock{
    display:flex;
    justify-content:center;
  }
  .chat-anim{
    width:100%;
    max-width:570px;
    height:auto;
    aspect-ratio:570/364;
    display:block;
    background:transparent;
  }

  /* ===== AI band ===== */
  .ai-band{
    padding:100px 0;
    background:var(--teal-deep);
    color:var(--white);
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .ai-band::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 20% 20%, rgba(118,198,209,0.18), transparent 45%),
               radial-gradient(circle at 80% 80%, rgba(242,184,160,0.12), transparent 45%);
  }
  .ai-band .wrap{position:relative;z-index:2;max-width:680px;}
  .ai-band .icon-img{margin:0 auto 26px;}
  .ai-left-overlay{
    position:absolute;left:0;top:0;
    height:100%;width:auto;
    z-index:1;
    pointer-events:none;
    display:block;
  }
  .ai-band h2{color:var(--white);margin-bottom:18px;}
  .ai-band p.lede{color:rgba(255,255,255,0.78);margin:0 auto 34px;}

  @media (max-width:720px){
    .ai-band .wrap{z-index:3;}
    .ai-band::after{
      content:"";position:absolute;inset:0;z-index:2;
      background:linear-gradient(180deg, rgba(18,46,56,0.78), rgba(18,46,56,0.88));
    }
  }

  /* ===== Privacy ===== */
  .privacy{padding:100px 0;}
  .privacy-card{
    background:var(--cream);
    border:1px solid var(--mist);
    border-radius:var(--radius-lg);
    padding:56px;
    display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;
  }
  .privacy-card .icon-img{flex-shrink:0;}
  .privacy-mobile-icon{display:none;}
  .privacy h2{margin-bottom:12px;}
  .privacy p.lede{margin-bottom:10px;max-width:520px;}
  .privacy .note{font-size:0.88rem;color:var(--teal);font-weight:600;}

  /* ===== Moments that matter ===== */
  .moments{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:160px 0;
    background:var(--cream);
    overflow:hidden;
  }
  .moments-blob{
    position:absolute;
    top:-70px;left:-100px;
    width:440px;height:auto;
    z-index:0;
    pointer-events:none;
  }
  .moments-photos{
    position:absolute;
    inset:0;
    left:0;right:0;
    max-width:1680px;
    margin:0 auto;
    z-index:1;
    pointer-events:none;
  }
  .mm-photo{
    position:absolute;
    overflow:hidden;
    background:var(--mist);
    border:6px solid var(--white);
    box-shadow:var(--shadow);
  }
  .mm-photo img{width:100%;height:100%;object-fit:cover;display:block;}

  .mm-p1{ left:15%; top:7%;   width:15%; aspect-ratio:1/1.05; border-radius:46% 54% 57% 43%/45% 41% 59% 55%; }
  .mm-p2{ left:5%;  top:33%;  width:19%; aspect-ratio:1/0.94; border-radius:58% 42% 44% 56%/50% 55% 45% 50%; }
  .mm-p3{ left:16%; top:65%;  width:15%; aspect-ratio:1/1.1;  border-radius:42% 58% 55% 45%/55% 46% 54% 45%; }
  .mm-p4{ right:17%;top:8%;   width:15%; aspect-ratio:1/1.05; border-radius:54% 46% 43% 57%/41% 45% 55% 59%; }
  .mm-p5{ right:5%; top:31%;  width:16.5%;aspect-ratio:1/1.08;border-radius:47% 53% 60% 40%/53% 49% 51% 47%; }
  .mm-p6{ right:18%;top:58%;  width:15%; aspect-ratio:1/1.06; border-radius:56% 44% 46% 54%/44% 58% 42% 56%; }
  .mm-p7{ right:5%; top:70%;  width:14%; aspect-ratio:1/1.06; border-radius:44% 56% 53% 47%/57% 45% 55% 43%; }

  .mm-heart{position:absolute;width:20px;height:auto;z-index:2;pointer-events:none;animation:heart-float 5s ease-in-out infinite;}
  .mm-heart.mm-h1{left:13%; top:26%; width:18px; animation-delay:0s;}
  .mm-heart.mm-h2{left:22%; top:50%; width:15px; animation-delay:1s;}
  .mm-heart.mm-h3{right:24%;top:22%; width:17px; animation-delay:1.6s;}
  .mm-heart.mm-h4{right:12%;top:47%; width:21px; animation-delay:2.3s;}
  .mm-heart.mm-h5{right:23%;top:68%; width:15px; animation-delay:3s;}
  .mm-heart.mm-h6{left:24%; top:80%; width:17px; animation-delay:0.6s;}

  @keyframes mm-drift-a{
    0%{transform:translate(0,0);}
    50%{transform:translate(10px,-16px);}
    100%{transform:translate(0,0);}
  }
  @keyframes mm-drift-b{
    0%{transform:translate(0,0);}
    50%{transform:translate(-12px,12px);}
    100%{transform:translate(0,0);}
  }
  @keyframes mm-drift-c{
    0%{transform:translate(0,0);}
    50%{transform:translate(9px,13px);}
    100%{transform:translate(0,0);}
  }
  .mm-float-a{animation:mm-drift-a 7.5s ease-in-out infinite;}
  .mm-float-b{animation:mm-drift-b 8.5s ease-in-out infinite;}
  .mm-float-c{animation:mm-drift-c 6.8s ease-in-out infinite;}
  .mm-p2{animation-delay:.3s;}
  .mm-p3{animation-delay:1.1s;}
  .mm-p4{animation-delay:.6s;}
  .mm-p5{animation-delay:1.6s;}
  .mm-p6{animation-delay:.9s;}
  .mm-p7{animation-delay:2.1s;}

  .moments-content{position:relative;z-index:3;max-width:600px;margin:0 auto;text-align:center;}
  .mm-heart-badge{width:32px;height:auto;margin:0 auto 16px;animation:mm-pulse 2.6s ease-in-out infinite;}
  @keyframes mm-pulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.14);}
  }
  .moments-content h2{font-size:clamp(2.2rem,4.3vw,3.3rem);margin-bottom:22px;}
  .moments-content h2 .accent{color:var(--aqua);}
  .moments-content .lede{margin:0 auto 34px;max-width:480px;}

  .moments-photos-mobile{display:none;}

  @media (max-width:1180px){
    .mm-p1,.mm-p4{width:14%;}
    .mm-p2,.mm-p5{width:17%;}
    .mm-p3,.mm-p6,.mm-p7{width:13%;}
  }

  @media (max-width:980px){
    .moments{min-height:auto;padding:96px 0 64px;display:block;}
    .moments-blob{width:280px;top:-40px;left:-60px;opacity:0.75;}
    .moments-photos{display:none;}
    .moments-content{margin-bottom:36px;}
    .moments-photos-mobile{
      display:flex;flex-wrap:wrap;justify-content:center;gap:16px;
      max-width:560px;margin:0 auto;position:relative;z-index:2;
    }
    .mmm-photo{
      width:86px;height:86px;border-radius:50%;overflow:hidden;flex-shrink:0;
      border:4px solid var(--white);box-shadow:var(--shadow);
      animation:mm-drift-a 6s ease-in-out infinite;
    }
    .mmm-photo img{width:100%;height:100%;object-fit:cover;display:block;}
    .mmm-photo:nth-child(2n){animation-name:mm-drift-b;}
    .mmm-photo:nth-child(3n){animation-name:mm-drift-c;}
    .mmm-photo:nth-child(1){animation-delay:0s;}
    .mmm-photo:nth-child(2){animation-delay:.4s;}
    .mmm-photo:nth-child(3){animation-delay:.8s;}
    .mmm-photo:nth-child(4){animation-delay:1.2s;}
    .mmm-photo:nth-child(5){animation-delay:1.6s;}
    .mmm-photo:nth-child(6){animation-delay:2s;}
    .mmm-photo:nth-child(7){animation-delay:2.4s;}
  }

  @media (max-width:720px){
    .moments{padding:70px 0 54px;}
    .moments-blob{display:none;}
    .moments-content h2{font-size:clamp(1.9rem,7.4vw,2.4rem);}
    .mmm-photo{width:66px;height:66px;border-width:3px;}
    .moments-photos-mobile{gap:10px;max-width:320px;}
  }

  @media (prefers-reduced-motion: reduce){
    .mm-photo,.mmm-photo,.mm-heart,.mm-heart-badge{animation:none !important;}
  }

  /* ===== Closing ===== */
  .closing{
    padding:120px 0;
    text-align:center;
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 120%, var(--aqua-pale), transparent 60%),
      var(--cream);
  }
  .closing .wrap{position:relative;z-index:2;}
  .closing h2{font-size:clamp(2rem,3.6vw,2.8rem);margin-bottom:16px;}
  .closing .tagline{display:block;margin-bottom:36px;color:var(--slate);font-weight:600;}
  .closing-side-img{
    position:absolute;top:50%;
    transform:translateY(-50%);
    width:220px;height:auto;
    z-index:1;
    pointer-events:none;
    display:block;
  }
  .closing-side-img.closing-left{left:0;}
  .closing-side-img.closing-right{right:0;}

  /* ===== Footer ===== */
  footer{
    background:var(--teal-deep);
    color:rgba(255,255,255,0.75);
    padding:80px 0 30px;
  }
  .footer-top{
    display:grid;
    grid-template-columns:2.9fr repeat(4,1fr);
    gap:36px;
    padding-bottom:56px;
    border-bottom:1px solid rgba(255,255,255,0.12);
  }
  .footer-brand .logo .wordmark span:first-child{color:var(--aqua);}
  .footer-brand .logo .wordmark span:last-child{color:var(--white);}
  .footer-brand p{margin-top:16px;font-size:0.88rem;line-height:1.7;max-width:260px;color:rgba(255,255,255,0.6);}

  .footer-social{display:flex;gap:12px;margin-top:22px;}
  .footer-social a{
    width:38px;height:38px;border-radius:50%;
    background:rgba(255,255,255,0.08);
    display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,0.75);
    transition:background .15s ease, color .15s ease, transform .15s ease;
  }
  .footer-social a svg{width:17px;height:17px;display:block;}
  .footer-social a:hover{background:var(--aqua);color:var(--teal-deep);transform:translateY(-2px);}

  .footer-badges{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;}
  .footer-badge{
    display:inline-flex;align-items:center;gap:12px;
    padding:12px 20px;border-radius:12px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.16);
    transition:background .15s ease, border-color .15s ease, transform .15s ease;
  }
  .footer-badge:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.32);transform:translateY(-2px);}
  .footer-badge-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--white);}
  .footer-badge-icon svg{width:100%;height:100%;display:block;}
  .footer-badge-text{display:flex;flex-direction:column;line-height:1.3;}
  .footer-badge-text small{font-size:0.7rem;color:rgba(255,255,255,0.62);letter-spacing:0.03em;}
  .footer-badge-text strong{font-size:1.05rem;font-weight:600;color:var(--white);}

  /* Web badge starts its own row, below App Store / Google Play, but
     keeps the same content-sized width as the other two badges — this
     invisible spacer forces the line break without stretching it. */
  .footer-badges-break{flex-basis:100%;width:0;height:0;margin:0;padding:0;}

  .foot-col h4{
    color:var(--white);font-size:0.82rem;font-weight:600;
    text-transform:uppercase;letter-spacing:0.06em;margin-bottom:18px;
  }
  .foot-col li{margin-bottom:12px;}
  .foot-col a{font-size:0.9rem;color:rgba(255,255,255,0.72);transition:color .15s ease;}
  .foot-col a:hover{color:var(--aqua);}
  .footer-bottom{
    padding-top:28px;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;
    font-size:0.82rem;color:rgba(255,255,255,0.5);
  }
  .footer-bottom a{color:rgba(255,255,255,0.5);}
  .footer-bottom a:hover{color:var(--aqua);}

  /* ===== Reveal on scroll ===== */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    html{scroll-behavior:auto;}
  }

  /* ===== Responsive ===== */
  @media (max-width: 980px){
    .grid8{grid-template-columns:repeat(2,1fr);}
    .hero .wrap{grid-template-columns:1fr;}
    .hero-art{order:-1;}
    .hero-visual-wrap{max-width:420px;margin:0 auto;}
    .hero-heart-accent{width:28px;top:-10px;left:-10px;}
    .connect .wrap{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr 1fr;}
    .privacy-card{grid-template-columns:1fr;text-align:center;justify-items:center;}
  }
  @media (max-width: 720px){
    .hero-art{margin-top:-28px;}
    .hero-visual-wrap{max-width:360px;}
    .hero-heart-accent{width:22px;top:-8px;left:-8px;}
    .hero-mobile-heart{
      display:block;position:absolute;width:16px;height:auto;z-index:2;
      animation:heart-float 5s ease-in-out infinite;
    }
    .hero-mobile-heart.hmh-1{top:6%;right:2%;width:18px;animation-delay:0s;}
    .hero-mobile-heart.hmh-2{bottom:10%;left:-4%;width:14px;animation-delay:1.3s;}
    .hero-mobile-heart.hmh-3{bottom:-4%;right:16%;width:16px;animation-delay:2.6s;}
    .hero-dots-decor{width:26px;top:16px;right:16px;}
    .hero-wave{height:56px;}
    .hero-ctas{flex-wrap:nowrap;gap:10px;}
    .hero-ctas .btn{flex:1 1 0;min-width:0;padding:12px 10px;font-size:0.85rem;white-space:normal;text-align:center;}
    .statement{padding-bottom:140px;}
    .statement-wave{height:56px;}
    .conversation-wave{height:56px;}
    .privacy-card .icon-img.lg{display:none;}
    .privacy-mobile-icon{display:block;width:216px;height:auto;max-width:100%;margin:0 auto;}
    nav.primary-nav{
      position:fixed;inset:82px 0 0 0;background:var(--cream);
      flex-direction:column;align-items:flex-start;gap:0;
      padding:20px 32px;transform:translateX(100%);
      transition:transform .25s ease;
      z-index:60;
      overflow-y:auto;
    }
    nav.primary-nav.open{transform:translateX(0);}
    nav.primary-nav a{width:100%;padding:16px 0;border-bottom:1px solid var(--mist);}
    nav.primary-nav a::before{display:none;}
    .nav-mobile-cta{display:inline-flex;margin-top:22px;width:100%;}
    nav.primary-nav a.nav-mobile-cta{
      color:var(--white);
      padding:14px 28px;
      border-bottom:none;
      justify-content:center;
    }
    nav.primary-nav a.nav-mobile-cta:hover{color:var(--white);}
    .burger{display:block;}
    .nav-right .btn-primary{display:none;}
    .hero-left-overlay{opacity:0.5;}
    .conversation-left-overlay{opacity:0.5;}
    .ai-left-overlay{opacity:0.5;}
    .closing-side-img{display:none;}
    .grid8{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr;gap:40px;text-align:center;}
    .footer-brand{display:flex;flex-direction:column;align-items:center;}
    .footer-brand .logo{justify-content:center;}
    .footer-brand p{margin-left:auto;margin-right:auto;}
    .footer-social{justify-content:center;}
    .footer-badges{justify-content:center;}
    .footer-bottom{flex-direction:column;justify-content:center;text-align:center;}
    .privacy-card{padding:36px 24px;}
    .wrap{padding:0 22px;}
  }

  /* ===============================================
     REAL ASSET COMPONENTS (logo, icon placeholder, heart separator)
     =============================================== */
  .logo img{height:34px;width:auto;display:block;}
  .footer-logo img{height:83px;width:auto;display:block;}

  .icon-img{
    width:52px;height:52px;border-radius:50%;
    box-shadow:0 6px 16px -8px rgba(27,67,81,0.25);
    background:var(--white);
  }
  .icon-img.lg{width:72px;height:72px;}
  .icon-img.xl{width:96px;height:96px;box-shadow:0 14px 30px -14px rgba(27,67,81,0.35);}

  .heart-sep{
    display:inline-block;width:13px;height:13px;
    vertical-align:-1px;margin:0 8px;
    color:var(--apricot);
  }
  .heart-sep svg{width:100%;height:100%;}

  /* ===============================================
     SHARED PAGE-HERO (for inner pages)
     =============================================== */
  .page-hero{
    padding:78px 0 70px;
    background:radial-gradient(circle at 85% 10%, var(--aqua-pale) 0%, transparent 55%), var(--cream);
    text-align:center;
    overflow:hidden;
  }
  .page-hero .wrap{max-width:720px;position:relative;z-index:3;}
  .page-hero .icon-img{margin:0 auto 26px;}
  .page-hero h1{margin-bottom:18px;}
  .page-hero .lede{margin:0 auto;}
  .page-hero .hero-ctas{justify-content:center;margin-top:32px;}

  /* ---- Split variant: text left, art right (e.g. Safety & Privacy) ---- */
  .page-hero.page-hero-split{text-align:left;}
  .page-hero-split .wrap{
    max-width:1160px;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:56px;
    align-items:center;
    text-align:left;
  }
  .page-hero-split .lede{margin:0;max-width:520px;}
  .page-hero-split .hero-ctas{justify-content:flex-start;margin-top:32px;}
  .page-hero-split .page-hero-art{display:flex;justify-content:center;align-items:center;position:relative;}
  .page-hero-split .page-hero-art img{width:100%;max-width:340px;height:auto;display:block;}
  .page-hero-art .floating-heart.art-fh-1{top:6%;left:12%;width:16px;animation-delay:0s;}
  .page-hero-art .floating-heart.art-fh-2{top:66%;left:8%;width:20px;animation-delay:1.3s;}
  .page-hero-art .floating-heart.art-fh-3{top:74%;left:78%;width:15px;animation-delay:2.4s;}
  @media (max-width:980px){
    .page-hero-split .wrap{grid-template-columns:1fr;text-align:center;}
    .page-hero-split .lede{margin:0 auto;}
    .page-hero-split .hero-ctas{justify-content:center;}
    .page-hero-split .page-hero-art{order:-1;margin-bottom:12px;}
    .page-hero-split .page-hero-art img{max-width:240px;}
  }

  /* How It Works hero art — 60% larger than the standard split-hero size */
  .page-hero-art.hero-art-xl img{max-width:544px;}
  @media (max-width:980px){
    .page-hero-art.hero-art-xl img{max-width:384px;}
  }
  @media (max-width:720px){
    .page-hero-split .page-hero-art.hero-art-xl{
      order:1;
      margin-top:-64px;
      margin-left:-22px;margin-right:-22px;
      margin-bottom:0;
    }
    .page-hero-art.hero-art-xl img{max-width:461px;transform:scale(1.2);}
  }

  /* ---- Reversed split variant: art left, text right (e.g. PeekaWhom AI) ---- */
  .page-hero-split.art-left .wrap{grid-template-columns:1fr 1fr;}
  .page-hero-split.art-left .page-hero-art{order:-1;}
  @media (max-width:980px){
    .page-hero-split.art-left .wrap{grid-template-columns:1fr;}
    .page-hero-split.art-left .page-hero-art{order:-1;}
  }

  /* ---- Header sized to match the home hero exactly (e.g. PeekaWhom AI) ---- */
  .page-hero.hero-size-home{padding:90px 0 110px;}
  @media (max-width:720px){
    .page-hero.hero-size-home{padding:70px 0 90px;}
  }

  /* Large art sized to match the height of a 2-line heading block */
  .page-hero-art.hero-art-xxl img{max-width:515px;}
  @media (max-width:980px){
    .page-hero-art.hero-art-xxl img{max-width:320px;}
  }

  /* ---- Floating background icons behind hero text (e.g. Features) ---- */
  .page-hero-floating-icons{
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    max-width:1400px;
    height:auto;
    opacity:0.75;
    z-index:2;
    pointer-events:none;
    display:block;
  }
  @media (max-width:720px){
    .page-hero-floating-icons{opacity:0.7;width:1050px;max-width:none;}
  }

  /* ---- Small floating hearts decoration (e.g. About) ---- */
  .floating-heart{
    position:absolute;
    width:20px;height:auto;
    z-index:1;
    pointer-events:none;
    animation:heart-float 5s ease-in-out infinite;
  }
  .floating-heart.fh-1{top:20%;left:16%;width:16px;animation-delay:0s;}
  .floating-heart.fh-2{top:68%;left:12%;width:22px;animation-delay:1.1s;}
  .floating-heart.fh-3{top:24%;left:84%;width:18px;animation-delay:2.2s;}
  .floating-heart.fh-4{top:64%;left:88%;width:14px;animation-delay:3.3s;}
  @keyframes heart-float{
    0%{transform:translateY(0) rotate(0deg);}
    50%{transform:translateY(-16px) rotate(6deg);}
    100%{transform:translateY(0) rotate(0deg);}
  }
  @media (max-width:720px){
    .floating-heart{display:none;}
  }
  @media (prefers-reduced-motion: reduce){
    .floating-heart{animation:none;}
  }

  /* ===============================================
     ALERT CALLOUT (e.g. PeekaWhom AI human-check notice)
     =============================================== */
  .alert-callout{
    max-width:760px;margin:0 auto;
    display:flex;gap:22px;align-items:flex-start;
    background:var(--white);
    border:2px solid var(--apricot);
    border-radius:var(--radius-lg);
    padding:34px 38px;
    box-shadow:0 24px 55px -32px rgba(242,184,160,0.85);
  }
  .alert-callout .alert-icon{
    flex-shrink:0;width:54px;height:54px;border-radius:50%;
    background:rgba(242,184,160,0.28);
    display:flex;align-items:center;justify-content:center;
  }
  .alert-callout .alert-icon svg{width:26px;height:26px;stroke:#D9784F;}
  .alert-callout .alert-body h3{color:var(--teal);margin-bottom:6px;font-size:1.15rem;}
  .alert-callout .alert-body p{color:var(--slate);margin:0;font-size:0.98rem;line-height:1.65;}
  @media (max-width:720px){
    .alert-callout{flex-direction:column;align-items:flex-start;padding:28px 24px;gap:16px;}
  }
  .two-card-grid{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;}
  @media (max-width:720px){
    .two-card-grid{grid-template-columns:1fr;}
  }
  .three-card-grid{grid-template-columns:repeat(3,1fr);}
  @media (max-width:720px){
    .three-card-grid{grid-template-columns:1fr;}
  }

  /* ===============================================
     CONTACT FORM
     =============================================== */
  .contact-form-card{
    max-width:760px;margin:0 auto;
    background:var(--white);
    border:1px solid var(--mist);
    border-radius:var(--radius-lg);
    padding:44px 48px;
    box-shadow:var(--shadow);
  }
  .form-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;
  }
  .form-field{display:flex;flex-direction:column;}
  .form-field.full{grid-column:1 / -1;}
  .form-field label{
    font-size:0.85rem;font-weight:600;color:var(--teal);margin-bottom:8px;
  }
  .form-field label .req{color:var(--apricot);margin-left:2px;}
  .form-field input[type="text"],
  .form-field input[type="email"],
  .form-field input[type="tel"],
  .form-field select,
  .form-field textarea{
    font-family:'Inter',sans-serif;
    font-size:0.96rem;
    color:var(--charcoal);
    background:var(--cream);
    border:1px solid var(--mist);
    border-radius:var(--radius-sm);
    padding:13px 16px;
    width:100%;
    transition:border-color .18s ease, box-shadow .18s ease;
  }
  .form-field input:focus,
  .form-field select:focus,
  .form-field textarea:focus{
    outline:none;
    border-color:var(--aqua);
    box-shadow:0 0 0 3px rgba(118,198,209,0.25);
    background:var(--white);
  }
  .form-field textarea{resize:vertical;min-height:130px;line-height:1.5;}
  .phone-field{display:flex;gap:10px;}
  .phone-field select{
    flex:0 0 152px;
    background:var(--cream);
    cursor:pointer;
  }
  .phone-field input{flex:1 1 auto;min-width:0;}
  .form-field select{cursor:pointer;}
  .other-field{display:none;margin-top:14px;}
  .other-field.show{display:flex;}
  .form-submit-row{margin-top:8px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
  .form-note{font-size:0.82rem;color:var(--slate);}
  .form-status{
    font-size:0.9rem;font-weight:600;
    display:none;
  }
  .form-status.show{display:block;}
  .form-status.ok{color:var(--teal);}
  .form-status.error{color:#C2492E;}
  .captcha-field label{display:flex;align-items:center;flex-wrap:wrap;gap:4px;}
  .captcha-field label span:not(.req){
    display:inline-flex;align-items:center;justify-content:center;
    min-width:24px;padding:2px 6px;
    background:var(--cream);border:1px solid var(--mist);border-radius:6px;
    color:var(--teal);font-weight:700;
  }

  /* ===== WhatsApp band (Contact page) ===== */
  .whatsapp-band{
    max-width:760px;margin:0 auto;
    background:var(--white);
    border:1px solid var(--mist);
    border-radius:var(--radius-lg);
    padding:26px 32px;
    box-shadow:var(--shadow);
    display:flex;align-items:center;gap:20px;
  }
  .whatsapp-band-icon{
    width:52px;height:52px;border-radius:50%;
    background:#E7F9EE;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .whatsapp-band-icon svg{width:26px;height:26px;color:#25D366;}
  .whatsapp-band-text{flex:1 1 auto;min-width:0;}
  .whatsapp-band-text h3{margin-bottom:4px;}
  .whatsapp-band-text p{color:var(--slate);font-size:0.92rem;}
  .whatsapp-band-btn{flex-shrink:0;}
  .whatsapp-band-btn svg{width:18px;height:18px;}
  @media (max-width:640px){
    .whatsapp-band{flex-direction:column;text-align:center;padding:28px 24px;}
  }

  @media (max-width:720px){
    .contact-form-card{padding:30px 24px;}
    .form-grid{grid-template-columns:1fr;}
    .phone-field{flex-direction:column;}
    .phone-field select{flex:1 1 auto;}
  }

  /* ===============================================
     GENERIC CONTENT BLOCKS
     =============================================== */
  .section{padding:88px 0;}
  .section.bg-cream{background:var(--cream);}
  .section.bg-aqua{background:var(--aqua-pale);}
  .section.bg-teal{background:var(--teal);color:var(--white);}
  .section.bg-teal h2{color:var(--white);}
  .section.bg-teal p{color:rgba(255,255,255,0.78);}
  .section.tight{padding:60px 0;}

  /* section that hosts side illustrations, like the home "closing" band */
  .section.has-side-art{position:relative;overflow:hidden;}
  .section.has-side-art .wrap{position:relative;z-index:2;}

  /* generic decorative wave divider, reusable between any two sections */
  .section-wave{
    position:absolute;left:50%;right:auto;bottom:-1px;
    width:100vw;max-width:none;
    transform:translateX(-50%);
    height:80px;
    line-height:0;
    pointer-events:none;
    z-index:1;
  }
  .section-wave img{width:100%;height:100%;display:block;object-fit:fill;}
  .section-wave.flip{transform:translateX(-50%) scaleY(-1);}
  .sw-host{overflow:hidden;}
  @media (max-width:720px){
    .section-wave{height:48px;}
  }

  .two-col{
    display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  }
  .two-col img{border-radius:var(--radius-lg);box-shadow:var(--shadow);}
  .two-col.reverse{direction:rtl;}
  .two-col.reverse > *{direction:ltr;}

  .stack{max-width:620px;}
  .stack.center{margin:0 auto;text-align:center;}
  .stack p.lede{margin-top:16px;}
  .stack h2{margin-bottom:6px;}

  /* ===== Numbered steps (How It Works) — animated card grid ===== */
  .steps-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  }
  .step-card{display:flex;flex-direction:column;}
  .step-num{
    width:52px;height:52px;border-radius:50%;
    background:var(--teal);color:var(--white);
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:1.1rem;
    margin-bottom:18px;
    flex-shrink:0;
  }
  .step-card h3{margin-bottom:8px;}
  .step-card p{color:var(--slate);}
  /* stagger the scroll-reveal so cards load one after another */
  .steps-grid .reveal:nth-child(1){transition-delay:0s;}
  .steps-grid .reveal:nth-child(2){transition-delay:.12s;}
  .steps-grid .reveal:nth-child(3){transition-delay:.24s;}
  .steps-grid .reveal:nth-child(4){transition-delay:.36s;}
  .steps-grid .reveal:nth-child(5){transition-delay:.48s;}
  .steps-grid .reveal:nth-child(6){transition-delay:.6s;}
  .steps-grid .reveal:nth-child(7){transition-delay:.72s;}
  .steps-grid .reveal:nth-child(8){transition-delay:.84s;}
  .steps-grid .reveal:nth-child(9){transition-delay:.96s;}
  @media (max-width:980px){
    .steps-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:720px){
    .steps-grid{grid-template-columns:1fr;}
  }

  /* stagger utility for row-item lists (For Organizations, Safety & Privacy) */
  .row-list .reveal:nth-child(1){transition-delay:0s;}
  .row-list .reveal:nth-child(2){transition-delay:.08s;}
  .row-list .reveal:nth-child(3){transition-delay:.16s;}
  .row-list .reveal:nth-child(4){transition-delay:.24s;}
  .row-list .reveal:nth-child(5){transition-delay:.32s;}
  .row-list .reveal:nth-child(6){transition-delay:.4s;}
  .row-list .reveal:nth-child(7){transition-delay:.48s;}
  .row-list .reveal:nth-child(8){transition-delay:.56s;}
  .row-list .reveal:nth-child(9){transition-delay:.64s;}
  .row-list .reveal:nth-child(10){transition-delay:.72s;}

  /* ===== Feature list (Features page) ===== */
  .feature-list{
    display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  }
  .feature-list .card{display:flex;flex-direction:column;gap:6px;}

  /* ===== Pricing cards ===== */
  .pricing-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:28px;
    max-width:840px;margin:0 auto;
  }
  .price-card{
    background:var(--white);border:1px solid var(--mist);
    border-radius:var(--radius-lg);padding:40px 34px;
    display:flex;flex-direction:column;
  }
  .price-card.featured{
    background:var(--teal);color:var(--white);border-color:transparent;
    box-shadow:var(--shadow);
  }
  .price-card.featured h3, .price-card.featured .price{color:var(--white);}
  .price-card.featured p{color:rgba(255,255,255,0.78);}
  .price-card h3{margin-bottom:8px;}
  .price-card .price{font-size:2.2rem;font-weight:700;color:var(--teal);margin:18px 0 6px;}
  .price-card .price span{font-size:0.95rem;font-weight:500;color:var(--slate);}
  .price-card.featured .price span{color:rgba(255,255,255,0.7);}
  .price-card ul{margin:22px 0 28px;display:flex;flex-direction:column;gap:12px;}
  .price-card li{
    display:flex;align-items:flex-start;gap:10px;font-size:0.92rem;
  }
  .price-card li svg{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--aqua);}
  .price-card .btn{margin-top:auto;}

  .faq-block{max-width:720px;margin:0 auto;}
  .faq-item{
    border-bottom:1px solid var(--mist);padding:22px 0;
  }
  .faq-item summary{
    font-weight:600;color:var(--teal);cursor:pointer;
    font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;
    gap:16px;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:"+";font-size:1.4rem;color:var(--aqua);flex-shrink:0;font-weight:400;
  }
  .faq-item[open] summary::after{content:"–";}
  .faq-item p{margin-top:14px;color:var(--slate);font-size:0.95rem;line-height:1.7;}

  .row-list{display:flex;flex-direction:column;max-width:760px;margin:0 auto;}
  .row-item{
    display:grid;grid-template-columns:52px 1fr;gap:20px;
    padding:26px 0;border-bottom:1px solid var(--mist);align-items:flex-start;
  }
  .row-item:last-child{border-bottom:none;}
  .row-item h3{margin-bottom:6px;}
  .row-item p{color:var(--slate);font-size:0.95rem;}

  .contact-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  }
  .contact-card{
    background:var(--white);border:1px solid var(--mist);
    border-radius:var(--radius-md);padding:28px;
    display:flex;gap:16px;align-items:flex-start;
  }
  .contact-card h3{margin-bottom:6px;font-size:1rem;}
  .contact-card a.mail{color:var(--teal);font-weight:600;font-size:0.94rem;}
  .contact-card p{color:var(--slate);font-size:0.88rem;margin-top:4px;}

  .value-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  }
  .value-card{
    background:var(--aqua-pale);border-radius:var(--radius-md);
    padding:28px;font-size:0.95rem;color:var(--teal);font-weight:600;line-height:1.6;
  }

  .note-banner{
    background:var(--aqua-pale);border-radius:var(--radius-md);
    padding:26px 30px;display:flex;gap:16px;align-items:flex-start;
    max-width:760px;margin:40px auto 0;
  }
  .note-banner p{font-size:0.92rem;color:var(--teal);line-height:1.65;}

  @media (max-width: 980px){
    .two-col{grid-template-columns:1fr;}
    .feature-list{grid-template-columns:repeat(2,1fr);}
    .pricing-grid{grid-template-columns:1fr;}
    .contact-grid,.value-grid{grid-template-columns:1fr;}
  }
  @media (max-width: 720px){
    .feature-list{grid-template-columns:1fr;}
    .step-row{grid-template-columns:44px 1fr;}
    .step-num{width:40px;height:40px;font-size:0.95rem;}
    .row-item{grid-template-columns:44px 1fr;}
  }

  /* nav active state */
  nav.primary-nav a.active{color:var(--teal);}
  nav.primary-nav a.active::after{width:100%;}

  /* AI page capability lists (moved from inline) */
  .price-card__list li, .two-col li{display:flex;align-items:flex-start;gap:10px;font-size:0.94rem;color:var(--charcoal);}
  .two-col li svg{width:16px;height:16px;flex-shrink:0;margin-top:4px;color:var(--teal);}

  /* ===============================================
     LEGAL / TRUST PAGE TEMPLATE
     =============================================== */
  .legal-hero{
    padding:64px 0 44px;
    background:var(--cream);
    border-bottom:1px solid var(--mist);
  }
  .legal-hero .wrap{max-width:780px;}
  .legal-hero h1{font-size:clamp(1.8rem,3vw,2.3rem);}
  .legal-hero .lede{
    margin-top:12px;color:var(--slate);font-weight:600;font-size:0.95rem;
  }
  .legal-body{padding:60px 0 30px;}
  .legal-content{max-width:760px;margin:0 auto;}
  .legal-content h2{
    font-size:1.2rem;color:var(--teal);margin:40px 0 14px;letter-spacing:-0.01em;
  }
  .legal-content h2:first-child{margin-top:0;}
  .legal-content p{
    color:var(--charcoal);font-size:0.98rem;line-height:1.75;margin-bottom:16px;
  }
  .legal-content ul{
    margin:0 0 20px;padding-left:22px;display:flex;flex-direction:column;gap:10px;
  }
  .legal-content li{color:var(--charcoal);font-size:0.96rem;line-height:1.65;}

  .legal-nav-strip{
    max-width:760px;margin:20px auto 80px;padding-top:36px;border-top:1px solid var(--mist);
  }
  .legal-nav-strip h3{
    font-size:0.78rem;text-transform:uppercase;letter-spacing:0.07em;color:var(--slate);margin-bottom:16px;font-weight:600;
  }
  .legal-nav-strip .pills{display:flex;flex-wrap:wrap;gap:10px;}
  .legal-nav-strip .pills a{
    font-size:0.84rem;padding:8px 15px;border:1px solid var(--mist);border-radius:999px;color:var(--teal);
  }
  .legal-nav-strip .pills a:hover{border-color:var(--teal);}
  .legal-nav-strip .pills a.current{background:var(--aqua-pale);border-color:transparent;font-weight:600;}

  .legal-note{
    max-width:760px;margin:0 auto 40px;background:var(--aqua-pale);
    border-radius:var(--radius-sm);padding:16px 20px;font-size:0.86rem;color:var(--teal);
  }