:root{
    --cream:#faf6ec;
    --cream-deep:#f2ecdd;
    --forest:#3c4a35;
    --forest-deep:#2a3527;
    --sage:#7e9a71;
    --sage-deep:#5f7a55;
    --sage-tint:#e2ead9;
    --honey:#c9973f;
    --honey-tint:#f3e3c2;
    --ink:#2b2a24;
    --ink-soft:#5c5a4f;
    --white:#ffffff;
    --line:#e3ddc9;
    --shadow: 0 20px 40px -20px rgba(60,74,53,0.25);
    --radius-blob: 62% 38% 55% 45% / 45% 55% 45% 55%;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth; overflow-x:hidden; max-width:100%;}
  body{
    margin:0;
    font-family:'Work Sans', sans-serif;
    color:var(--ink);
    background:var(--cream);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    max-width:100%;
    position:relative;
  }
  h1,h2,h3,.display{
    font-family:'Fraunces', serif;
    color:var(--forest-deep);
    margin:0;
    line-height:1.08;
    letter-spacing:-0.01em;
  }
  em{font-style:italic; color:var(--sage-deep);}
  p{line-height:1.65; color:var(--ink-soft); margin:0;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .eyebrow{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:500;
    color:var(--sage-deep);
    letter-spacing:0.02em;
    font-size:0.95rem;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{
    content:"";
    width:26px; height:1px;
    background:var(--honey);
    display:inline-block;
  }
  .wrap{max-width:1160px; margin:0 auto; padding:0 28px;}
  section{padding:110px 0;}
  @media (max-width:720px){ section{padding:70px 0;} }

  /* Buttons */
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Work Sans', sans-serif; font-weight:600; font-size:0.95rem;
    padding:15px 28px; border-radius:100px; border:1px solid transparent;
    cursor:pointer; transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
    white-space:nowrap;
  }
  .btn-primary{ background:var(--forest-deep); color:var(--cream); }
  .btn-primary:hover{ background:var(--sage-deep); transform:translateY(-2px); box-shadow:var(--shadow); }
  .btn-ghost{ background:transparent; color:var(--forest-deep); border-color:var(--forest-deep); }
  .btn-ghost:hover{ background:var(--forest-deep); color:var(--cream); }
  .btn-honey{ background:var(--honey); color:var(--forest-deep); }
  .btn-honey:hover{ transform:translateY(-2px); box-shadow:var(--shadow); }
  .btn-sm{ padding:11px 20px; font-size:0.85rem; min-height:44px; }
  .btn-block{ width:100%; justify-content:center; }

  /* Header */
  header{
    position:sticky; top:0; z-index:500;
    background:rgba(250,246,236,0.9);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 28px; max-width:1160px; margin:0 auto;
  }
  .brand{ display:flex; align-items:center; gap:12px; }
  .brand img{ width:42px; height:42px; border-radius:50%; object-fit:cover; }
  .brand-name{ font-family:'Fraunces', serif; font-weight:600; font-size:1.25rem; color:var(--forest-deep); }
  .brand-tag{ font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--sage-deep); display:block; margin-top:-2px;}
  nav.links{ display:flex; gap:34px; align-items:center; }
  nav.links a{ font-size:0.93rem; font-weight:500; color:var(--ink); position:relative; }
  nav.links a::after{
    content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:var(--honey);
    transition:width .25s ease;
  }
  nav.links a:hover::after{ width:100%; }
  nav.links a.active{ color:var(--forest-deep); font-weight:600; }
  nav.links a.active::after{ width:100%; background:var(--sage-deep); }
  .mobile-menu a.active{ color:var(--sage-deep); font-weight:700; }
  .nav-cta{ display:flex; gap:12px; align-items:center; }
  .hamburger{ display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;}
  .hamburger span{ width:24px; height:2px; background:var(--forest-deep); display:block; }
  @media (max-width:920px){
    nav.links{ display:none; }
    .hamburger{ display:flex; }
    .nav-cta .btn-ghost{ display:none; }
  }
  .mobile-menu{
    display:none; flex-direction:column; padding:10px 28px 26px; gap:16px;
    background:var(--cream); border-bottom:1px solid var(--line);
  }
  .mobile-menu.open{ display:flex; }
  .mobile-menu a{ font-weight:500; }

  /* Hero */
  .hero{
    padding:80px 0 60px;
    display:grid; grid-template-columns:1.05fr 0.95fr; gap:50px; align-items:center;
  }
  @media (max-width:900px){ .hero{ grid-template-columns:1fr; padding-top:50px; } }
  .hero h1{ font-size:clamp(2.3rem, 4.6vw, 3.6rem); margin:18px 0 22px; font-weight:600; }
  .hero p.lead{ font-size:1.1rem; max-width:520px; margin-bottom:34px; }
  .hero-actions{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:30px;}
  .hero-quote{
    display:flex; gap:14px; align-items:flex-start; max-width:460px;
    padding-top:22px; border-top:1px solid var(--line);
  }
  .hero-quote .mark{ font-family:'Fraunces', serif; font-size:2.4rem; color:var(--honey); line-height:0.6; }
  .hero-quote p{ font-style:italic; font-family:'Fraunces', serif; color:var(--forest-deep); font-size:1.02rem; }

  .hero-art{ position:relative; display:flex; align-items:center; justify-content:center; min-height:420px;}
  .blob{
    width:min(420px,90%); aspect-ratio:1/1;
    background:linear-gradient(150deg, var(--sage-tint), var(--cream-deep));
    border-radius:var(--radius-blob);
    display:flex; align-items:center; justify-content:center;
    position:relative;
    animation:blobmove 12s ease-in-out infinite;
  }
  @keyframes blobmove{
    0%,100%{ border-radius:62% 38% 55% 45% / 45% 55% 45% 55%; }
    50%{ border-radius:45% 55% 40% 60% / 55% 40% 60% 40%; }
  }
  .blob img{ width:62%; }
  .float-card{
    position:absolute; background:var(--white); border-radius:18px; padding:14px 18px;
    box-shadow:var(--shadow); display:flex; align-items:center; gap:10px; font-size:0.85rem; font-weight:600;
  }
  .float-1{ top:6%; left:2%; color:var(--forest-deep); }
  .float-2{ bottom:8%; right:-6%; color:var(--forest-deep); }
  .float-card .dot{ width:9px; height:9px; border-radius:50%; background:var(--honey); }
  .steam{ position:absolute; top:-30px; right:20%; width:30px; opacity:0.6; }
  @media (max-width:520px){ .float-card{ font-size:0.72rem; padding:10px 14px;} }

  /* Section headers */
  .sec-head{ max-width:640px; margin-bottom:56px; }
  .sec-head h2{ font-size:clamp(1.8rem,3.2vw,2.5rem); margin-top:14px; font-weight:600;}
  .sec-head p{ margin-top:16px; font-size:1.02rem; }
  .center{ text-align:center; margin-left:auto; margin-right:auto; }

  /* Why cards */
  .why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
  @media (max-width:880px){ .why-grid{ grid-template-columns:1fr; } }
  .why-card{
    background:var(--white); border:1px solid var(--line); border-radius:24px; padding:36px 30px;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .why-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
  .why-card .icon-badge{ transition:transform .4s cubic-bezier(.34,1.56,.64,1), background .3s ease, color .3s ease; }
  .why-card:hover .icon-badge{ transform:scale(1.15) rotate(-6deg); background:var(--honey-tint); color:var(--honey); }
  .icon-badge{
    width:54px; height:54px; border-radius:16px; background:var(--sage-tint);
    display:flex; align-items:center; justify-content:center; margin-bottom:20px; color:var(--sage-deep);
  }
  .why-card h3{ font-size:1.25rem; margin-bottom:10px; font-weight:600; }

  /* Services */
  .services-band{ background:var(--forest-deep); color:var(--cream); border-radius:36px; padding:70px 40px;}
  .services-band .sec-head h2, .services-band .sec-head p{ color:var(--cream); }
  .services-band .eyebrow{ color:var(--honey); }
  .services-band .eyebrow::before{ background:var(--cream); }
  .services-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(250,246,236,0.15); border-radius:20px; overflow:hidden;}
  @media (max-width:900px){ .services-grid{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width:520px){ .services-grid{ grid-template-columns:1fr;} }
  .service-item{ background:var(--forest-deep); padding:30px 26px; transition:background .3s ease; }
  .service-item:hover{ background:#4a5c42; }
  .service-item .icon-badge{ background:rgba(250,246,236,0.1); color:var(--honey); transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
  .service-item:hover .icon-badge{ transform:scale(1.15) rotate(-6deg); }
  .service-item h4{ font-family:'Fraunces',serif; font-size:1.05rem; margin:6px 0 8px; font-weight:600; color:var(--cream);}
  .service-item p{ color:#cfd6c6; font-size:0.92rem; }

  /* How it works */
  .steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; counter-reset:step; }
  @media (max-width:900px){ .steps{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .steps{ grid-template-columns:1fr; } }
  .step{ position:relative; padding:30px 22px 26px; border:1px solid var(--line); border-radius:22px; background:var(--white); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
  .step:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:var(--sage); }
  .step .num{ transition:color .3s ease, transform .3s ease; }
  .step:hover .num{ color:var(--sage-deep); transform:scale(1.1); }
  .step .num{
    font-family:'Fraunces', serif; font-weight:600; font-size:1.6rem; color:var(--honey);
    display:block; margin-bottom:14px;
  }
  .step h4{ font-family:'Fraunces', serif; font-size:1.08rem; margin-bottom:8px; color:var(--forest-deep); font-weight:600;}
  .step p{ font-size:0.92rem; }

  /* Testimonials */
  .testi-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
  @media (max-width:800px){ .testi-grid{ grid-template-columns:1fr; } }
  .testi-card{
    background:var(--sage-tint); border-radius:26px; padding:36px; position:relative;
    transition:transform .35s ease, box-shadow .35s ease;
  }
  .testi-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
  .stars{ color:var(--honey); letter-spacing:2px; font-size:1.05rem; margin-bottom:16px; }
  .testi-card p.quote{ font-family:'Fraunces', serif; font-style:italic; font-size:1.08rem; color:var(--forest-deep); margin-bottom:24px; }
  .testi-author{ display:flex; align-items:center; gap:12px; }
  .avatar{ width:42px; height:42px; border-radius:50%; background:var(--forest-deep); color:var(--cream); display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:600;}
  .testi-author span{ font-weight:600; color:var(--forest-deep); font-size:0.95rem; }

  /* Pricing */
  .pricing-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:stretch; }
  @media (max-width:900px){ .pricing-grid{ grid-template-columns:1fr; } }
  .price-card{
    background:var(--white); border:1px solid var(--line); border-radius:28px; padding:38px 32px;
    display:flex; flex-direction:column; transition:transform .3s ease, box-shadow .3s ease;
  }
  .price-card:hover{ transform:translateY(-6px); }
  .price-card.featured{
    background:var(--forest-deep); color:var(--cream); border-color:var(--forest-deep);
    box-shadow:var(--shadow); transform:scale(1.04);
  }
  @media (max-width:900px){ .price-card.featured{ transform:none; } }
  .price-card.featured h3, .price-card.featured .price-amount{ color:var(--cream); }
  .price-card.featured p{ color:#d9ddd0; }
  .badge{
    align-self:flex-start; background:var(--honey); color:var(--forest-deep); font-size:0.72rem; font-weight:700;
    letter-spacing:0.06em; text-transform:uppercase; padding:6px 12px; border-radius:100px; margin-bottom:16px;
  }
  .price-card h3{ font-family:'Fraunces', serif; font-size:1.3rem; margin-bottom:10px; font-weight:600;}
  .price-amount{ font-family:'Fraunces', serif; font-size:2.6rem; color:var(--forest-deep); font-weight:600; }
  .price-amount span{ font-family:'Work Sans',sans-serif; font-size:0.95rem; font-weight:500; color:var(--ink-soft); }
  .price-card.featured .price-amount span{ color:#d9ddd0; }
  .price-desc{ margin:14px 0 26px; font-size:0.92rem; }
  .price-feats{ list-style:none; padding:0; margin:0 0 30px; display:flex; flex-direction:column; gap:12px; flex-grow:1;}
  .price-feats li{ display:flex; gap:10px; align-items:flex-start; font-size:0.92rem; }
  .price-feats li.no{ opacity:0.5; }
  .check{ color:var(--sage-deep); flex-shrink:0; }
  .price-card.featured .check{ color:var(--honey); }
  .cross{ color:#c0785a; flex-shrink:0; }

  /* CTA band */
  .cta-band{
    background:linear-gradient(135deg, var(--sage-tint), var(--honey-tint));
    border-radius:32px; padding:64px 48px; display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap;
  }
  .cta-band h2{ font-size:clamp(1.6rem,3vw,2.1rem); max-width:520px; font-weight:600;}
  .cta-band .btn-primary{ flex-shrink:0; }

  /* Footer */
  footer{ background:var(--forest-deep); color:#cfd6c6; padding:70px 0 30px; margin-top:60px; }
  .footer-grid{ display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:40px; margin-bottom:50px;}
  @media (max-width:800px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:520px){ .footer-grid{ grid-template-columns:1fr; } }
  footer .brand-name, footer .brand-tag{ color:var(--cream); }
  footer p{ color:#b7c0aa; font-size:0.92rem; margin-top:14px; max-width:280px;}
  footer h5{ color:var(--cream); font-family:'Fraunces',serif; font-weight:600; margin-bottom:16px; font-size:0.98rem;}
  footer ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px;}
  footer a{ color:#cfd6c6; font-size:0.92rem; transition:color .25s ease, padding-left .25s ease; }
  footer ul a:hover{ padding-left:4px; }
  footer a:hover{ color:var(--honey); }
  .footer-bottom{ border-top:1px solid rgba(255,255,255,0.12); padding-top:26px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; font-size:0.82rem; color:#9aa590;}
  .footer-bottom a{ color:#9aa590; }
  .footer-bottom a:hover{ color:var(--honey); }

  /* Cookie banner */
  #cookie-banner{
    position:fixed; bottom:20px; left:20px; right:20px; max-width:620px; margin:0 auto;
    background:var(--white); border:1px solid var(--line); border-radius:22px; padding:26px 28px;
    box-shadow:var(--shadow); z-index:2000; display:none;
  }
  #cookie-banner.show{ display:block; animation:riseUp .4s ease; }
  @keyframes riseUp{ from{ transform:translateY(30px); opacity:0;} to{ transform:translateY(0); opacity:1;} }
  #cookie-banner h4{ font-family:'Fraunces',serif; font-size:1.05rem; margin-bottom:8px; color:var(--forest-deep); font-weight:600;}
  #cookie-banner p{ font-size:0.87rem; margin-bottom:18px; }
  .cookie-actions{ display:flex; gap:10px; flex-wrap:wrap; }
  .cookie-prefs{ display:none; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); flex-direction:column; gap:12px;}
  .cookie-prefs.show{ display:flex; }
  .cookie-row{ display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; }
  .switch{ position:relative; width:40px; height:22px; }
  .switch input{ opacity:0; width:0; height:0; }
  .slider{ position:absolute; inset:0; background:var(--line); border-radius:100px; cursor:pointer; transition:.2s;}
  .slider::before{ content:""; position:absolute; width:16px; height:16px; left:3px; top:3px; background:white; border-radius:50%; transition:.2s;}
  input:checked + .slider{ background:var(--sage); }
  input:checked + .slider::before{ transform:translateX(18px); }
  input:disabled + .slider{ background:var(--sage-deep); opacity:0.6; }

  /* Modal */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(43,42,36,0.55); z-index:3000; display:none;
    align-items:flex-start; justify-content:center; overflow-y:auto; padding:40px 20px;
    backdrop-filter:blur(2px);
  }
  .modal-overlay.show{ display:flex; }
  .modal{
    background:var(--cream); border-radius:28px; max-width:620px; width:100%; padding:40px;
    position:relative; box-shadow:var(--shadow); margin:auto 0;
  }
  .modal-close{
    position:absolute; top:20px; right:20px; width:36px; height:36px; border-radius:50%;
    border:1px solid var(--line); background:var(--white); cursor:pointer; font-size:1.1rem; color:var(--ink-soft);
    display:flex; align-items:center; justify-content:center;
  }
  .modal-close:hover{ background:var(--forest-deep); color:var(--cream); }
  .modal h3{ font-size:1.5rem; margin-bottom:8px; font-weight:600;}
  .modal .sub{ font-size:0.92rem; margin-bottom:28px; }
  .tabs{ display:flex; gap:8px; margin-bottom:26px; background:var(--cream-deep); padding:5px; border-radius:100px; }
  .tab{ flex:1; text-align:center; padding:10px; border-radius:100px; font-weight:600; font-size:0.88rem; cursor:pointer; color:var(--ink-soft); }
  .tab.active{ background:var(--forest-deep); color:var(--cream); }
  .field{ margin-bottom:18px; }
  .field label{ display:block; font-size:0.85rem; font-weight:600; color:var(--forest-deep); margin-bottom:6px; }
  .field .hint{ font-weight:600; color:var(--honey); font-size:0.78rem; }
  .field-error{ animation:fieldShake .3s ease; }
  .field-error input, .field-error textarea{ border-color:#c0453a !important; background:#fdf1ef; }
  .field-error label{ color:#c0453a !important; }
  @keyframes fieldShake{ 0%,100%{ transform:translateX(0); } 25%{ transform:translateX(-4px); } 75%{ transform:translateX(4px); } }
  @media (prefers-reduced-motion: reduce){ .field-error{ animation:none; } }
  .field input, .field select, .field textarea{
    width:100%; padding:13px 15px; border-radius:12px; border:1px solid var(--line);
    font-family:'Work Sans',sans-serif; font-size:0.92rem; background:var(--white); color:var(--ink);
  }
  .field textarea{ resize:vertical; min-height:70px; }
  .field input:focus, .field select:focus, .field textarea:focus{ outline:2px solid var(--sage); outline-offset:1px; }
  .row2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  @media (max-width:480px){ .row2{ grid-template-columns:1fr; } }
  .radio-group{ display:flex; gap:18px; }
  .radio-opt{ display:flex; align-items:center; gap:6px; font-size:0.88rem; }
  .check-opt{ display:flex; align-items:flex-start; gap:10px; font-size:0.85rem; margin-bottom:12px; }
  .check-opt input{ margin-top:3px; }

  /* Questionnaire steps */
  .q-progress{ display:flex; gap:6px; margin-bottom:26px; }
  .q-progress span{ height:5px; flex:1; background:var(--line); border-radius:10px; overflow:hidden; }
  .q-progress span i{ display:block; height:100%; width:0%; background:var(--sage-deep); transition:width .3s ease; }
  .q-progress span.done i{ width:100%; }
  .q-progress span.active i{ width:100%; background:var(--honey); }
  .q-section-title{ font-family:'Fraunces',serif; font-size:1.15rem; color:var(--forest-deep); margin-bottom:4px; font-weight:600;}
  .q-section-sub{ font-size:0.85rem; margin-bottom:22px; }
  .modal-nav{ display:flex; justify-content:space-between; margin-top:8px; gap:10px; }
  .step-panel{ display:none; }
  .step-panel.active{ display:block; }
  .success-box{ text-align:center; padding:20px 0; }
  .success-icon{
    width:70px; height:70px; border-radius:50%; background:var(--sage-tint); color:var(--sage-deep);
    display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
  }
  .plan-pick{ display:flex; flex-direction:column; gap:12px; margin-top:20px; }
  .plan-opt{
    border:1px solid var(--line); border-radius:16px; padding:16px 18px; display:flex; justify-content:space-between;
    align-items:center; cursor:pointer; transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease;
  }
  .plan-opt:hover{ border-color:var(--sage-deep); transform:translateY(-3px) scale(1.015); box-shadow:var(--shadow); background:var(--sage-tint); }
  .plan-opt strong{ display:block; font-family:'Fraunces',serif; color:var(--forest-deep); font-size:1rem;}
  .plan-opt span.p{ color:var(--honey); font-weight:700; }

  /* Scroll reveal */
  .reveal{ opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease; }
  .reveal.active{ opacity:1; transform:none; }

  /* Header scrolled state */
  header.scrolled{ box-shadow:0 8px 24px -18px rgba(60,74,53,0.35); }

  /* Marquee ticker */
  .marquee-wrap{ overflow:hidden; background:var(--forest-deep); padding:16px 0; }
  .marquee-track{ display:flex; gap:0; width:max-content; animation:scrollmq 28s linear infinite; }
  .marquee-wrap:hover .marquee-track{ animation-play-state:paused; }
  .marquee-track span{
    color:var(--cream); font-family:'Fraunces',serif; font-style:italic; font-size:1rem;
    padding:0 34px; white-space:nowrap; display:flex; align-items:center; gap:12px;
  }
  .marquee-track span::after{ content:"◆"; color:var(--honey); font-size:0.6rem; margin-left:34px; }
  @keyframes scrollmq{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

  /* Trust bar */
  .trust-bar{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
  @media (max-width:820px){ .trust-bar{ grid-template-columns:1fr 1fr; } }
  @media (max-width:480px){ .trust-bar{ grid-template-columns:1fr; } }
  .trust-item{ display:flex; align-items:center; gap:14px; padding:18px 6px; border-radius:16px; transition:background .3s ease; }
  .trust-item:hover{ background:var(--white); }
  .trust-item .icon-badge{ margin-bottom:0; flex-shrink:0; width:46px; height:46px; transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
  .trust-item:hover .icon-badge{ transform:scale(1.12) rotate(-6deg); }
  .trust-item strong{ display:block; font-family:'Fraunces',serif; font-size:0.98rem; color:var(--forest-deep); font-weight:600;}
  .trust-item span{ font-size:0.82rem; color:var(--ink-soft); }

  /* Decorative section blobs */
  .decor{ position:relative; isolation:isolate; overflow:hidden; }
  .decor::before{
    content:""; position:absolute; z-index:-1; width:520px; height:520px; border-radius:50%;
    background:radial-gradient(circle, var(--sage-tint) 0%, transparent 70%);
    top:-180px; right:-220px; opacity:0.7;
  }

  /* FAQ accordion */
  .faq-list{ display:flex; flex-direction:column; gap:14px; max-width:760px; }
  .faq-item{ border:1px solid var(--line); border-radius:18px; background:var(--white); overflow:hidden; }
  .faq-q{
    display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 26px;
    cursor:pointer; font-family:'Fraunces',serif; font-weight:600; color:var(--forest-deep); font-size:1.02rem;
  }
  .faq-q .plus{ font-size:1.3rem; color:var(--honey); transition:transform .3s ease; flex-shrink:0; }
  .faq-item.open .faq-q .plus{ transform:rotate(45deg); }
  .faq-a{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
  .faq-a p{ padding:0 26px 22px; font-size:0.92rem; }
  .faq-item.open .faq-a{ max-height:220px; }

  /* Testimonial carousel dots */
  .testi-dots{ display:flex; gap:8px; justify-content:center; margin-top:34px; }
  .testi-dots button{ width:9px; height:9px; border-radius:50%; border:none; background:var(--line); cursor:pointer; padding:0; }
  .testi-dots button.active{ background:var(--sage-deep); width:22px; border-radius:100px; transition:width .25s ease; }

  /* Sticky mobile CTA */
  .mobile-cta{
    position:fixed; bottom:0; left:0; right:0; background:var(--white); border-top:1px solid var(--line);
    padding:14px 18px; display:none; z-index:1500; box-shadow:0 -10px 30px -20px rgba(0,0,0,0.3);
    transform:translateY(100%); transition:transform .35s ease;
  }
  .mobile-cta.show{ transform:translateY(0); }
  @media (max-width:720px){ .mobile-cta{ display:flex; gap:10px; align-items:center; } }
  .mobile-cta span{ font-size:0.82rem; font-weight:600; color:var(--forest-deep); flex:1; }

  /* Hero entrance animations */
  .hero-anim{ opacity:0; animation:heroFadeUp .8s ease forwards; }
  @keyframes heroFadeUp{ from{ opacity:0; transform:translateY(18px);} to{ opacity:1; transform:none;} }
  @media (prefers-reduced-motion: reduce){ .hero-anim{ animation:none; opacity:1; } }

  .glow-ring{
    position:absolute; width:min(300px,66%); aspect-ratio:1/1; border-radius:50%;
    background:radial-gradient(circle, rgba(201,151,63,0.35), transparent 70%);
    animation:pulseRing 3.2s ease-in-out infinite;
  }
  @keyframes pulseRing{ 0%,100%{ transform:scale(0.9); opacity:0.6;} 50%{ transform:scale(1.15); opacity:1;} }

  .btn-glow{ position:relative; }
  .btn-glow::after{
    content:""; position:absolute; inset:0; border-radius:100px; border:2px solid var(--honey);
    animation:btnPulse 2.4s ease-out infinite; pointer-events:none;
  }
  @keyframes btnPulse{ 0%{ transform:scale(1); opacity:0.7;} 100%{ transform:scale(1.18); opacity:0;} }
  @media (prefers-reduced-motion: reduce){ .btn-glow::after{ animation:none; display:none; } }

  /* Example cards (lighter than services band) */
  .example-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
  @media (max-width:900px){ .example-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){ .example-grid{ grid-template-columns:1fr; } }
  .example-card{
    background:var(--white); border:1px solid var(--line); border-radius:20px; padding:26px 22px;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .example-card:hover{
    transform:translateY(-5px) scale(1.02); box-shadow:var(--shadow); border-color:var(--sage);
  }
  .example-card .icon-badge{ transition:transform .3s ease; }
  .example-card:hover .icon-badge{ transform:scale(1.12) rotate(-4deg); background:var(--honey-tint); color:var(--honey); }
  .example-card h4{ font-family:'Fraunces',serif; font-size:1rem; margin:4px 0 8px; font-weight:600; color:var(--forest-deep); }
  .example-card p{ font-size:0.88rem; color:var(--ink-soft); }

  .logo-wrap{
    position:relative; display:inline-flex; border-radius:50%;
  }
  .logo-wrap img{
    width:42px; height:42px; border-radius:50%; object-fit:cover; display:block;
    transition:transform .5s cubic-bezier(.22,1,.36,1), filter .5s ease;
    position:relative; z-index:2;
  }
  .logo-wrap::before{
    content:""; position:absolute; inset:-4px; border-radius:50%;
    border:1.5px solid var(--honey); opacity:0; transform:scale(0.75);
    transition:opacity .5s ease, transform .5s cubic-bezier(.22,1,.36,1);
  }
  .brand:hover .logo-wrap img{ transform:scale(1.08) rotate(-6deg); filter:saturate(1.15); }
  .brand:hover .logo-wrap::before{ opacity:1; transform:scale(1); }
  @media (prefers-reduced-motion: reduce){ .logo-wrap img, .logo-wrap::before{ transition:none; } }

  .blob img{ transition:transform .6s cubic-bezier(.22,1,.36,1); }
  .blob:hover img{ transform:scale(1.05) rotate(3deg); }

  /* Inner page header banner */
  .page-head{
    background:linear-gradient(150deg, var(--sage-tint), var(--cream-deep));
    padding:70px 0 60px; text-align:center;
  }
  .page-head .eyebrow{ justify-content:center; }
  .page-head h1{ font-size:clamp(2rem,4vw,2.8rem); margin-top:14px; font-weight:600; }
  .page-head p{ max-width:560px; margin:16px auto 0; font-size:1.02rem; }

  /* Price card expandable details */
  .details-toggle{
    display:flex; justify-content:space-between; align-items:center; width:100%;
    background:none; border:none; padding:0; margin-bottom:16px; cursor:pointer;
    font-family:'Work Sans',sans-serif; font-weight:600; font-size:0.85rem; color:var(--forest-deep);
  }
  .details-toggle.featured-toggle{ color:var(--cream); }
  .details-toggle .plus{ color:var(--honey); font-size:1.1rem; transition:transform .3s ease; }
  .details-toggle.open .plus{ transform:rotate(45deg); }
  .details-panel{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
  .details-panel.open{ max-height:400px; }

  /* Welcome / who-is-it-for screen */
  .welcome-check{
    width:64px; height:64px; border-radius:50%; background:var(--sage-tint); color:var(--sage-deep);
    display:flex; align-items:center; justify-content:center; margin:0 auto;
    animation:welcomePop .5s cubic-bezier(.34,1.56,.64,1);
  }
  @keyframes welcomePop{ from{ transform:scale(0.4); opacity:0;} to{ transform:scale(1); opacity:1;} }
  .who-pick{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
  .who-opt{
    flex:1; min-width:150px; display:flex; flex-direction:column; align-items:center; gap:10px;
    background:var(--white); border:1.5px solid var(--line); border-radius:18px; padding:22px 16px;
    cursor:pointer; transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
    font-family:'Fraunces',serif; color:var(--forest-deep);
  }
  .who-opt:hover{ border-color:var(--sage-deep); transform:translateY(-4px); box-shadow:var(--shadow); }
  .who-opt .icon-badge{ margin-bottom:0; }

  .who-text-other{ display:none; }
  .who-text-self{ display:inline; }

  /* Scheduling calendar */
  .cal-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
  .cal-header span{ font-family:'Fraunces',serif; font-weight:600; color:var(--forest-deep); }
  .cal-nav{
    width:32px; height:32px; border-radius:50%; border:1px solid var(--line); background:var(--white);
    cursor:pointer; font-size:1.1rem; color:var(--forest-deep); display:flex; align-items:center; justify-content:center;
  }
  .cal-nav:hover{ background:var(--sage-tint); }
  .cal-weekdays{ display:grid; grid-template-columns:repeat(7,1fr); text-align:center; font-size:0.75rem; color:var(--ink-soft); margin-bottom:6px; }
  .cal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
  .cal-day{
    aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; border-radius:10px;
    font-size:0.85rem; cursor:pointer; border:1px solid transparent; transition:background .2s ease, color .2s ease, transform .2s ease;
  }
  .cal-day:hover{ background:var(--sage-tint); }
  .cal-day.selected{ background:var(--sage-deep); color:var(--cream); transform:scale(1.05); }
  .cal-day.disabled{ color:var(--line); cursor:not-allowed; pointer-events:none; }
  .cal-day.empty{ visibility:hidden; }

  .hours-stepper{ display:flex; align-items:center; gap:16px; }
  .hours-stepper button{
    width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:var(--white);
    font-size:1.2rem; cursor:pointer; color:var(--forest-deep);
  }
  .hours-stepper button:hover{ background:var(--sage-tint); }
  .hours-stepper span#hoursValue{ font-family:'Fraunces',serif; font-size:1.4rem; font-weight:600; color:var(--forest-deep); min-width:24px; text-align:center; }

  /* ============================================= */
  /* MOBILE OVERHAUL — mejoras específicas para celular */
  /* ============================================= */
  @media (max-width:600px){
    .wrap{ padding:0 20px; }
    section{ padding:56px 0; }

    /* Header */
    .nav{ padding:14px 18px; }
    .brand-name{ font-size:1.08rem; }
    .brand-tag{ font-size:0.6rem; }
    .nav-cta{ gap:8px; }
    .nav-cta .btn-sm{ padding:9px 14px; font-size:0.8rem; }

    /* Hero */
    .hero{ padding-top:30px; gap:36px; }
    .hero h1{ font-size:1.9rem; }
    .hero .lead{ font-size:0.98rem; }
    .hero-actions{ flex-direction:column; align-items:stretch; }
    .hero-actions .btn{ width:100%; justify-content:center; }
    .hero-art{ min-height:280px; margin-top:10px; }
    .blob{ width:78%; }
    .float-card{ font-size:0.7rem; padding:8px 12px; }
    .float-1{ top:0; left:0; }
    .hero-quote{ padding-top:18px; }
    .hero-quote .mark{ font-size:1.9rem; }

    /* Trust bar / marquee */
    .marquee-track span{ padding:0 20px; font-size:0.88rem; }
    .trust-item{ padding:14px 4px; }

    /* Cards & grids */
    .why-card, .example-card, .step, .testi-card{ padding:22px 18px; }
    .price-card{ padding:30px 24px; }
    .price-card.featured{ transform:none; }
    .services-band{ padding:50px 22px; }
    .cta-band{ padding:40px 26px; text-align:center; flex-direction:column; }
    .cta-band h2{ max-width:100%; }

    /* Page head banners */
    .page-head{ padding:50px 0 40px; }

    /* Footer */
    .footer-grid{ gap:30px; }
    footer{ padding:50px 0 24px; }

    /* Modals */
    .modal-overlay{ padding:0; align-items:flex-end; }
    .modal{ max-width:100%; width:100%; border-radius:24px 24px 0 0; padding:28px 22px; max-height:92vh; overflow-y:auto; }
    .modal-close{ top:14px; right:14px; }
    .tabs{ margin-bottom:20px; }

    /* Who-pick (para mí / ser querido) */
    .who-pick{ flex-direction:column; }
    .who-opt{ flex-direction:row; justify-content:flex-start; text-align:left; }

    /* Calendar */
    .cal-day{ font-size:0.78rem; }
    .hours-stepper{ gap:12px; }

    /* Cookie banner */
    #cookie-banner{ left:12px; right:12px; bottom:12px; padding:20px 20px; }

    /* Sticky mobile CTA */
    .mobile-cta span{ font-size:0.76rem; }
  }

  @media (max-width:380px){
    .hero h1{ font-size:1.65rem; }
    .nav-cta .btn-sm{ padding:8px 11px; font-size:0.74rem; }
    .brand-tag{ display:none; }
    .price-amount{ font-size:2.1rem; }
  }

  .q-subheading{ font-family:'Fraunces',serif; font-weight:600; color:var(--forest-deep); font-size:0.95rem; margin:18px 0 10px; }

  footer .footer-disclaimer{ margin-top:12px; font-size:0.78rem; color:#9aa590; line-height:1.6; max-width:320px; }

  .disclaimer-box{
    display:flex; gap:12px; align-items:flex-start; background:rgba(250,246,236,0.08);
    border:1px solid rgba(250,246,236,0.18); border-radius:16px; padding:16px 20px; margin-bottom:36px;
    color:#cfd6c6; font-size:0.85rem; line-height:1.6;
  }
  .disclaimer-box svg{ color:var(--honey); flex-shrink:0; margin-top:1px; }

  .contact-bar{
    background:linear-gradient(90deg, var(--forest-deep), #4a5c42 55%, var(--forest-deep));
    overflow:hidden;
    animation:contactBarSlide .6s cubic-bezier(.22,1,.36,1);
  }
  @keyframes contactBarSlide{ from{ transform:translateY(-100%); } to{ transform:translateY(0); } }
  .contact-bar-inner{
    display:flex; gap:14px; align-items:center; justify-content:center; padding:10px 28px; flex-wrap:wrap;
  }
  .contact-link{
    display:flex; align-items:center; gap:8px; color:var(--cream); font-size:0.82rem; font-weight:500;
    opacity:0.95; transition:opacity .25s ease, transform .25s ease;
  }
  .contact-link:hover{ opacity:1; color:var(--honey); transform:translateY(-1px); }
  .contact-icon{
    width:22px; height:22px; border-radius:50%; background:rgba(250,246,236,0.12);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    transition:background .25s ease, transform .3s cubic-bezier(.34,1.56,.64,1);
  }
  .contact-link:hover .contact-icon{ background:var(--honey); color:var(--forest-deep); transform:scale(1.12) rotate(-6deg); }
  .contact-sep{ color:rgba(250,246,236,0.35); font-size:0.7rem; }
  @media (prefers-reduced-motion: reduce){ .contact-bar{ animation:none; } }
  @media (max-width:600px){
    .contact-bar-inner{ padding:9px 16px; gap:10px; }
    .contact-link span:last-child{ font-size:0.76rem; }
  }
  @media (max-width:380px){
    .contact-sep{ display:none; }
    .contact-link:nth-child(3) span:last-child{ display:none; }
  }

  .time-input{
    width:100%; padding:13px 15px; border-radius:12px; border:1px solid var(--line);
    font-family:'Work Sans',sans-serif; font-size:0.95rem; background:var(--white); color:var(--ink);
  }
  .time-input:focus{ outline:2px solid var(--sage); outline-offset:1px; }

  .day-hours-row{
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:12px 0; border-bottom:1px solid var(--line);
  }
  .day-hours-row:last-child{ border-bottom:none; }
  .day-hours-row .day-label{ font-family:'Fraunces',serif; font-weight:600; color:var(--forest-deep); font-size:0.92rem; }
  .day-hours-row .hours-stepper button{ width:40px; height:40px; font-size:1.1rem; }
  .day-hours-row .hours-stepper span#hoursValue,
  .day-hours-row .hours-stepper span.day-hours-value{ font-size:1.1rem; min-width:18px; }

  .testi-write-box{
    max-width:560px; margin:50px auto 0; background:var(--white); border:1px solid var(--line);
    border-radius:24px; padding:34px 32px; text-align:center;
  }
  .star-picker{ display:flex; gap:6px; justify-content:center; margin:16px 0 18px; }
  .star-picker span{
    font-size:1.8rem; color:var(--line); cursor:pointer; transition:color .15s ease, transform .15s ease;
  }
  .star-picker span:hover{ transform:scale(1.15); }
  .star-picker span.active{ color:var(--honey); }

  /* Fundido de entrada de página (evita el "salto" blanco entre páginas) */
  body{ animation:pageFadeIn .35s ease; }
  @keyframes pageFadeIn{ from{ opacity:0; } to{ opacity:1; } }
  @media (prefers-reduced-motion: reduce){ body{ animation:none; } }

  /* Barra de progreso al navegar entre páginas */
  #pageProgress{
    position:fixed; top:0; left:0; height:3px; width:0%; z-index:9999;
    background:linear-gradient(90deg, var(--sage-deep), var(--honey));
    transition:width .3s ease, opacity .3s ease; pointer-events:none;
  }

  /* Aviso amable de error (red de seguridad) */
  .error-toast{
    position:fixed; left:20px; right:20px; bottom:20px; max-width:480px; margin:0 auto;
    background:var(--white); border:1px solid var(--line); border-left:4px solid var(--honey);
    border-radius:18px; box-shadow:var(--shadow); padding:20px 22px; z-index:4000;
    display:none; gap:12px;
    animation:errorToastIn .4s cubic-bezier(.22,1,.36,1);
  }
  .error-toast.show{ display:flex; flex-direction:column; }
  @keyframes errorToastIn{ from{ transform:translateY(20px); opacity:0; } to{ transform:translateY(0); opacity:1; } }
  .error-toast-icon{ color:var(--honey); margin-bottom:6px; }
  .error-toast-text{ display:flex; flex-direction:column; gap:4px; margin-bottom:14px; }
  .error-toast-text strong{ font-family:'Fraunces',serif; color:var(--forest-deep); font-size:1rem; }
  .error-toast-text span{ font-size:0.87rem; color:var(--ink-soft); line-height:1.5; }
  .error-toast-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; position:relative; }
  .error-toast-close{
    position:absolute; top:-38px; right:-4px; background:none; border:none; cursor:pointer;
    color:var(--ink-soft); font-size:1rem; padding:6px;
  }
  @media (prefers-reduced-motion: reduce){ .error-toast{ animation:none; } }
  @media (max-width:480px){ .error-toast{ left:12px; right:12px; bottom:12px; padding:18px; } }

  .payment-banner-fixed{
    position:fixed; top:60px; left:20px; right:20px; max-width:560px; margin:0 auto; z-index:2500;
    border-radius:14px; padding:18px 22px; font-size:0.92rem; font-weight:600; text-align:center;
    box-shadow:var(--shadow); animation:errorToastIn .4s cubic-bezier(.22,1,.36,1);
  }
  .payment-banner-fixed.success{ background:var(--sage-tint); color:var(--forest-deep); border:1px solid var(--sage); }
  .payment-banner-fixed.cancel{ background:var(--honey-tint); color:var(--forest-deep); border:1px solid var(--honey); }
  @media (max-width:600px){ .payment-banner-fixed{ top:52px; font-size:0.85rem; padding:14px 18px; } }

  /* Aviso de área de servicio (Houston, TX) */
  .service-area-overlay{
    position:fixed; inset:0; z-index:5000; background:var(--cream);
    display:flex; align-items:center; justify-content:center; padding:24px;
    transition:opacity .5s ease, visibility .5s ease;
  }
  .service-area-overlay.hide{ opacity:0; visibility:hidden; pointer-events:none; }
  .service-area-card{
    max-width:440px; text-align:center; background:var(--white); border:1px solid var(--line);
    border-radius:28px; padding:44px 38px; box-shadow:var(--shadow);
    animation:areaCardIn .5s cubic-bezier(.22,1,.36,1);
  }
  @keyframes areaCardIn{ from{ opacity:0; transform:translateY(16px) scale(.98); } to{ opacity:1; transform:none; } }
  .service-area-logo{ width:56px; height:56px; border-radius:50%; margin:0 auto 18px; object-fit:cover; }
  .service-area-card h2{ font-size:1.4rem; margin:12px 0 16px; font-weight:600; }
  .service-area-card p{ margin-bottom:26px; font-size:0.95rem; }
  .service-area-card strong{ color:var(--forest-deep); }
  @media (prefers-reduced-motion: reduce){ .service-area-card{ animation:none; } }

  .legal-content{ max-width:760px; margin:0 auto; padding:60px 0 90px; }
  .legal-content h2{ font-size:1.3rem; font-weight:600; margin:36px 0 14px; color:var(--forest-deep); }
  .legal-content h2:first-child{ margin-top:0; }
  .legal-content p{ margin-bottom:14px; line-height:1.75; color:var(--ink); }
  .legal-content ul{ margin:0 0 14px 22px; line-height:1.75; }
  .legal-content li{ margin-bottom:6px; }
  .legal-content .legal-updated{ font-size:0.85rem; color:var(--ink-soft); margin-bottom:30px; }

  /* Panel de perfiles guardados (beneficiarios) */
  .profile-card{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    border:1.5px solid var(--line); border-radius:16px; padding:16px 18px;
    transition:border-color .2s ease, background .2s ease;
  }
  .profile-card:hover{ border-color:var(--sage-deep); background:var(--sage-tint); }
  .profile-card .profile-info{ display:flex; flex-direction:column; gap:3px; cursor:pointer; flex:1; }
  .profile-card .profile-name{ font-family:'Fraunces',serif; font-weight:600; color:var(--forest-deep); font-size:1rem; }
  .profile-card .profile-tag{ font-size:0.8rem; color:var(--ink-soft); }
  .profile-card .profile-edit{
    background:none; border:1px solid var(--line); border-radius:10px; padding:8px 14px;
    font-size:0.8rem; font-weight:600; color:var(--sage-deep); cursor:pointer; white-space:nowrap;
  }
  .profile-card .profile-edit:hover{ background:var(--white); border-color:var(--sage-deep); }

  ::selection{ background:var(--honey); color:var(--forest-deep); }
  :focus-visible{ outline:2px solid var(--honey); outline-offset:2px; }
  @media (prefers-reduced-motion: reduce){
    *{ animation:none !important; transition:none !important; }
  }