:root{
    --navy:#0c2c4d;
    --ink:#12324f;
    --blue:#1f7dd1;
    --blue-deep:#155ba3;
    --blue-light:#4fa3e6;
    --teal:#22bfae;
    --teal-light:#7fe0d3;
    --mint:#eafaf8;
    --cloud:#f5fafc;
    --white:#ffffff;
    --line:#dbe8f0;
    --muted:#5b7488;
    --shadow: 0 20px 50px -20px rgba(12,44,77,0.25);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Manrope', sans-serif;
    color:var(--ink);
    background:var(--cloud);
    line-height:1.6;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{
    font-family:'Fraunces', serif;
    color:var(--navy);
    font-weight:600;
    letter-spacing:-0.01em;
  }
  .eyebrow{
    font-family:'Manrope', sans-serif;
    text-transform:uppercase;
    letter-spacing:0.12em;
    font-size:1.00rem;
    color:var(--teal);
    font-weight:700;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .eyebrow::before{
    content:"";
    width:22px;
    height:2px;
    background:var(--teal);
    display:inline-block;
  }
  .hero .eyebrow{
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(6px);
    color:var(--blue-deep);
    padding:8px 16px 8px 12px;
    border-radius:100px;
    display:inline-flex;
    box-shadow:0 8px 20px -8px rgba(12,44,77,0.25);
  }
  .hero .eyebrow::before{background:var(--teal);}
  a{text-decoration:none; color:inherit;}
  img{max-width:100%; display:block;}
  ul{list-style:none;}
  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 32px;
  }
  section{position:relative;}

  /* ===== NAV ===== */
  header{
    position:sticky; top:0; z-index:100;
    background:rgba(245,250,252,0.9);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  nav.wrap{
    display:flex; align-items:center; justify-content:space-between;
    height: 128px;
  }
  .brand{display:flex; align-items:center; gap:14px;}
  .brand-mark{width:107px; height:107px; border-radius:50%; object-fit:cover; box-shadow:0 2px 8px rgba(12,44,77,0.15); flex-shrink:0;}
  .brand-text{line-height:1.15;}
  .brand-text .name{
    font-family: 'Fraunces', serif;
    font-weight: 800;
    font-size: 2.35rem;
    color: #009BB4;
    letter-spacing: 0.015em;
    display:block;
  }
  .brand-text .sub{
    font-family: 'Manrope', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0b7d70;
    white-space: nowrap;
    display:block;
    margin-top:2px;
  }
  .nav-links{
    display:flex; gap:34px; align-items:center;
    font-weight:600; font-size:0.92rem; color:var(--ink);
  }
  .nav-links a{position:relative; padding:6px 0;}
  .nav-links a::after{
    content:""; position:absolute; left:0; bottom:0; height:2px; width:0;
    background:var(--teal); transition:width .25s ease;
  }
  .nav-links a:hover::after{width:100%;}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:13px 26px;
    border-radius:100px;
    font-weight:700;
    font-size:0.88rem;
    cursor:pointer;
    border:none;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .btn-primary{
    background:linear-gradient(120deg, var(--blue) 0%, var(--teal) 100%);
    color:#fff;
    box-shadow:0 12px 24px -10px rgba(28,99,183,0.55);
  }
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 28px -8px rgba(28,99,183,0.6);}
  .btn-ghost{
    background:transparent;
    color:var(--navy);
    border:1.5px solid var(--line);
  }
  .btn-ghost:hover{border-color:var(--teal); color:var(--teal);}
  .menu-toggle{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none;}
  .menu-toggle span{width:24px; height:2px; background:var(--navy);}

  /* ===== HERO ===== */
  .hero{
    padding:88px 0 60px;
    overflow:hidden;
    position:relative;
    background-image:
      linear-gradient(100deg, rgba(245,250,252,0.97) 0%, rgba(234,247,246,0.93) 55%, rgba(234,247,246,0.85) 100%),
      url('images/hero-bg.jpg');
    background-size:cover;
    background-position:center right;
  }
  .hero .wrap{
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:50px;
    align-items:center;
  }
  .hero h1{
    font-size:3.5rem;
    line-height:1.05;
    margin:18px 0 22px;
  }
  .hero h1 em{
    font-style:italic;
    background:linear-gradient(120deg, var(--blue) 10%, var(--teal) 90%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .hero p.lead{
    font-size:1.08rem;
    color:var(--muted);
    max-width:480px;
    margin-bottom:34px;
  }
  .hero-ctas{display:flex; gap:16px; margin-bottom:38px; flex-wrap:wrap;}
  .hero-trust{
    display:flex; gap:28px; flex-wrap:wrap;
  }
  .hero-trust div{font-family:'Manrope', sans-serif; font-weight:700;}
  .hero-trust .num{
    font-family:'Fraunces', serif;
    font-size:1.6rem;
    font-weight:700;
    color:var(--navy);
    display:block;
  }
  .hero-trust .lbl{font-size:0.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:.05em;}

  .hero-art{position:relative; display:flex; align-items:center; justify-content:center;}
  .hero-art svg{width:100%; max-width:420px; filter:drop-shadow(0 30px 40px rgba(20,70,120,0.25));}
  .float-chip{
    position:absolute;
    background:#fff;
    border-radius:16px;
    padding:12px 16px;
    box-shadow:var(--shadow);
    display:flex; align-items:center; gap:10px;
    font-size:0.82rem;
    font-weight:700;
    color:var(--navy);
    animation:floaty 5s ease-in-out infinite;
  }
  .float-chip .dot{width:34px; height:34px; border-radius:50%; background:var(--mint); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .chip-1{top:6%; left:-6%; animation-delay:0s;}
  .chip-2{bottom:10%; right:-8%; animation-delay:1.4s;}
  .chip-3{top:44%; left:-12%; animation-delay:2.6s; padding:8px; padding-right:16px;}
  .chip-photo{
    width:44px; height:44px; border-radius:50%; object-fit:cover; flex-shrink:0;
    border:2px solid var(--teal-light);
  }
  @keyframes floaty{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
  }
  @media (prefers-reduced-motion: reduce){
    .float-chip{animation:none;}
  }

  /* ===== Scroll-reveal (applied via JS to cards & section heads site-wide) ===== */
  .reveal{opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);}
  .reveal.is-visible{opacity:1; transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1; transform:none; transition:none;}
  }

  /* ===== Hover polish for cards that didn't already have it ===== */
  .t-card{transition:transform .3s ease, background .3s ease, border-color .3s ease;}
  .t-card:hover{transform:translateY(-6px); background:rgba(255,255,255,0.09); border-color:rgba(255,255,255,0.26);}
  .t-card-page{transition:transform .3s ease, box-shadow .3s ease;}
  .t-card-page:hover{transform:translateY(-5px); box-shadow:var(--shadow);}
  .value-card{transition:transform .3s ease, box-shadow .3s ease;}
  .value-card:hover{transform:translateY(-6px); box-shadow:var(--shadow);}
  .story-section .doctor-card{transition:transform .3s ease, box-shadow .3s ease;}
  .story-section .doctor-card:hover{transform:translateY(-6px); box-shadow:0 24px 44px -22px rgba(12,44,77,0.28);}
  .doctor-bio-block{transition:box-shadow .3s ease;}
  .doctor-bio-block:hover{box-shadow:0 24px 44px -22px rgba(12,44,77,0.18);}
  .service-detail-card{transition:box-shadow .3s ease;}
  .service-detail-card:hover{box-shadow:0 20px 40px -22px rgba(12,44,77,0.16);}
  .service-detail-photo{
    grid-column:1 / -1;
    width:100%;
    aspect-ratio:16/7;
    background-size:cover;
    background-position:center;
    border-radius:14px;
    margin-bottom:6px;
  }
  @media (max-width:680px){ .service-detail-photo{aspect-ratio:16/10;} }
  .step{transition:transform .3s ease, box-shadow .3s ease;}
  .step:hover{transform:translateY(-5px); box-shadow:var(--shadow);}
  .why-item{transition:transform .3s ease;}
  .why-item:hover{transform:translateX(4px);}

  /* ===== Preloader ===== */
  #preloader{
    position:fixed; inset:0; z-index:9999;
    background:linear-gradient(155deg, rgba(12,44,77,1) 0%, rgba(21,91,163,1) 55%, rgba(34,191,174,1) 100%);
    display:flex; align-items:center; justify-content:center;
    transition:opacity .5s ease, visibility .5s ease;
  }
  #preloader.is-hidden{opacity:0; visibility:hidden; pointer-events:none;}
  .preloader-inner{display:flex; flex-direction:column; align-items:center;}
  .preloader-logo{
    width:78px; height:78px; border-radius:50%; object-fit:cover;
    box-shadow:0 0 0 6px rgba(255,255,255,0.15);
    animation:preloaderPulse 1.3s ease-in-out infinite;
  }
  .preloader-name{
    margin-top:18px; color:#fff; font-family:'Fraunces', serif; font-weight:700;
    font-size:1.05rem; letter-spacing:0.08em;
  }
  @keyframes preloaderPulse{
    0%, 100%{transform:scale(1); opacity:1;}
    50%{transform:scale(1.08); opacity:0.82;}
  }
  @media (prefers-reduced-motion: reduce){
    .preloader-logo{animation:none;}
  }

  /* ===== Horizontal scroll-snap carousels (testimonials & blog on homepage) ===== */
  .carousel-wrap{position:relative;}
  .carousel-track.t-grid, .carousel-track.blog-grid{
    display:flex !important; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
    padding-bottom:8px; scrollbar-width:none; -ms-overflow-style:none;
  }
  .carousel-track::-webkit-scrollbar{display:none;}
  .carousel-track > *{scroll-snap-align:start; flex:0 0 auto;}
  .carousel-track.t-grid > *{width:min(380px, 86vw);}
  .carousel-track.blog-grid{margin-top:0;}
  .carousel-track.blog-grid > *{width:min(340px, 84vw);}
  .carousel-nav{
    display:flex; gap:10px; justify-content:center; margin-top:24px;
  }
  .carousel-btn{
    width:44px; height:44px; border-radius:50%; border:1px solid var(--line);
    background:#fff; display:flex; align-items:center; justify-content:center;
    cursor:pointer; transition:background .2s ease, transform .2s ease, border-color .2s ease;
    color:var(--navy);
  }
  .carousel-btn:hover{background:var(--mint); border-color:var(--teal); transform:translateY(-2px);}
  .carousel-btn svg{width:18px; height:18px;}
  .testimonials .carousel-btn{background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.22); color:#fff;}
  .testimonials .carousel-btn:hover{background:rgba(255,255,255,0.18);}

  /* wave divider */
  .wave{display:block; width:100%; line-height:0;}
  .wave svg{width:100%; height:auto; display:block;}

  /* ===== ABOUT ===== */
  .about{
    background-image:
      linear-gradient(155deg, rgba(12,44,77,0.95) 0%, rgba(21,91,163,0.92) 55%, rgba(34,191,174,0.88) 100%),
      url('images/about-bg.jpg');
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    color:#eaf3fb;
    padding:90px 0;
    position:relative;
  }
  .about .wrap{
    display:grid;
    grid-template-columns:1fr 0.85fr 0.85fr;
    gap:32px;
    align-items:center;
  }
  .about .wrap > .about-text{grid-column:1/2;}
  .about .eyebrow{color:var(--teal-light);}
  .about .eyebrow::before{background:var(--teal-light);}
  .about h2{color:#fff; font-size:2.3rem; margin:14px 0 20px;}
  .about p{color:#b9cee1; margin-bottom:16px; max-width:560px;}
  .about-badges{display:flex; gap:14px; margin-top:26px; flex-wrap:wrap;}
  .badge{
    border:1px solid rgba(255,255,255,0.18);
    padding:10px 16px;
    border-radius:100px;
    font-size:0.78rem;
    font-weight:700;
    color:#dcecf7;
    font-family:'Manrope', sans-serif;
    letter-spacing:.02em;
  }
  .doctor-card{
    background:linear-gradient(160deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
    border:1px solid rgba(255,255,255,0.14);
    border-radius:24px;
    padding:28px;
  }
  .doctor-card .avatar{
    width:128px; height:160px; border-radius:16px; overflow:hidden; margin-bottom:18px;
    background:linear-gradient(135deg, var(--blue-light), var(--teal));
    display:flex; align-items:center; justify-content:center;
  }
  .doctor-card h3{color:#fff; font-size:1.75rem; line-height:1.3;}
  .doctor-card .role{color:var(--teal-light); font-family:'Manrope', sans-serif; font-size:0.95rem; text-transform:uppercase; letter-spacing:.05em; margin:8px 0 12px;}
  .doctor-card p{color:#b9cee1; font-size:0.84rem; margin-bottom:4px;}
  .doctor-card .reg{
    display:inline-block; margin-top:12px; font-family:'Manrope', sans-serif; font-weight:700;
    font-size:0.68rem; color:var(--teal-light); border:1px solid rgba(255,255,255,0.18);
    padding:4px 10px; border-radius:100px;
  }

  /* ===== SERVICES ===== */
  .services{
    padding:100px 0 80px;
    background-image:
      linear-gradient(155deg, rgba(12,44,77,0.94) 0%, rgba(28,99,183,0.9) 45%, rgba(47,182,171,0.88) 100%),
      url('images/services-bg.jpg');
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
  }
  .services .eyebrow{color:var(--teal-light);}
  .services .eyebrow::before{background:var(--teal-light);}
  .services .section-head h2{color:#fff;}
  .services .section-head p{color:#d8e9f2;}
  .section-head{
    max-width:640px; margin-bottom:54px;
  }
  .section-head h2{font-size:2.4rem; margin:14px 0 16px;}
  .section-head p{color:var(--muted); font-size:1.02rem;}
  .center{text-align:center; margin-left:auto; margin-right:auto;}
  .service-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
  }
  .service-grid .extra-service{display:none;}
  .service-grid.show-extra .extra-service{display:block; animation:fadeInUp .5s ease both;}
  @keyframes fadeInUp{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);}}
  .service-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:30px 26px;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .service-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow);
    border-color:transparent;
  }
  .service-icon{
    width:68px; height:68px; border-radius:18px;
    background:linear-gradient(155deg, var(--mint), #fff);
    border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:18px;
  }
  .service-icon svg{width:44px; height:44px;}
  .service-card h3{font-size:1.08rem; margin-bottom:8px;}
  .service-card p{color:var(--muted); font-size:0.88rem;}

  /* ===== PROCESS ===== */
  .process{
    background:var(--mint);
    padding:100px 0;
  }
  .process-steps{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    margin-top:20px;
  }
  .step{
    background:#fff;
    border-radius:18px;
    padding:24px 18px;
    border:1px solid var(--line);
    position:relative;
  }
  .step .num{
    font-family:'Fraunces', serif;
    font-weight:700;
    font-size:1.6rem;
    background:linear-gradient(120deg, var(--blue), var(--teal));
    -webkit-background-clip:text; background-clip:text; color:transparent;
    display:block; margin-bottom:10px;
  }
  .step h4{font-size:0.94rem; margin-bottom:8px; color:var(--navy);}
  .step p{font-size:0.8rem; color:var(--muted);}

  /* ===== WHY CHOOSE US ===== */
  .why{padding:100px 0;}
  .why .wrap{display:grid; grid-template-columns:0.9fr 1.1fr; gap:60px; align-items:center;}
  .why-art{
    aspect-ratio:1/1; border-radius:28px;
    background-image:
      linear-gradient(155deg, rgba(21,91,163,0.82), rgba(34,191,174,0.8)),
      url('images/doctor-avatar-bg.jpg');
    background-size:cover;
    background-position:center;
    display:flex; align-items:center; justify-content:center;
    position:relative; overflow:hidden;
  }
  .why-list{display:flex; flex-direction:column; gap:26px;}
  .why-art-badge{
    position:absolute;
    left:20px; bottom:20px;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(6px);
    border-radius:18px;
    padding:18px 22px;
    box-shadow:0 12px 28px -10px rgba(12,44,77,0.35);
    max-width:220px;
  }
  .why-art-num{
    display:block;
    font-family:'Fraunces', serif;
    font-weight:700;
    font-size:2rem;
    background:linear-gradient(120deg, var(--blue), var(--teal));
    -webkit-background-clip:text; background-clip:text; color:transparent;
    line-height:1;
    margin-bottom:6px;
  }
  .why-art-lbl{
    font-family:'Manrope', sans-serif;
    font-size:0.7rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--navy);
    font-weight:700;
    line-height:1.4;
  }
  .why-item{display:flex; gap:18px;}
  .why-item .ico{
    width:44px; height:44px; border-radius:12px; flex-shrink:0;
    background:var(--mint);
    display:flex; align-items:center; justify-content:center;
  }
  .why-item .ico svg{width:22px; height:22px; stroke:var(--blue); fill:none;}
  .why-item h4{font-size:1.05rem; margin-bottom:5px;}
  .why-item p{color:var(--muted); font-size:0.9rem;}

  /* ===== TESTIMONIALS ===== */
  .testimonials{
    background-image:
      linear-gradient(155deg, rgba(12,44,77,0.95) 0%, rgba(21,91,163,0.9) 50%, rgba(34,191,174,0.86) 100%),
      url('images/testimonials-bg.jpg');
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    padding:100px 0;
    color:#fff;
  }
  .testimonials .eyebrow{color:var(--teal-light);}
  .testimonials .eyebrow::before{background:var(--teal-light);}
  .testimonials h2{color:#fff;}
  .t-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:50px;
  }
  .t-card{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:20px;
    padding:28px;
  }
  .stars{color:#ffc861; letter-spacing:2px; margin-bottom:14px; font-size:0.95rem;}
  .t-card p.quote{color:#cfe1ee; font-size:0.92rem; margin-bottom:20px;}
  .t-person{display:flex; align-items:center; gap:12px;}
  .t-avatar{
    width:42px; height:42px; border-radius:50%;
    background:linear-gradient(135deg, var(--blue-light), var(--teal));
    display:flex; align-items:center; justify-content:center;
    font-family:'Fraunces', serif; font-weight:700; color:#fff; font-size:0.95rem;
  }
  .t-person .pname{font-weight:700; font-size:0.9rem; color:#fff;}
  .t-person .ptreat{font-size:0.75rem; color:var(--teal-light); font-family:'Manrope', sans-serif; font-weight:700;}

  /* ===== BLOG ===== */
  .blog{padding:100px 0;}
  .instagram-section{padding:90px 0; background:var(--cloud);}
  .instagram-section .elfsight-app-368f4b53-0e01-46a9-9434-555be388ab17{min-height:200px;}
  .blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:50px;
  }
  .blog-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid var(--line);
    display:flex; flex-direction:column;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .blog-card:hover{transform:translateY(-6px); box-shadow:var(--shadow);}
  .blog-thumb{
    height:170px;
    position:relative;
    display:flex; align-items:center; justify-content:center;
    background-size:cover;
    background-position:center;
  }
  .blog-thumb::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(155deg, rgba(31,125,209,0.72), rgba(34,191,174,0.68));
  }
  .blog-thumb svg{position:relative; z-index:1;}
  .blog-thumb svg{width:70px; height:70px; opacity:0.9;}
  .blog-body{padding:24px; flex:1; display:flex; flex-direction:column;}
  .blog-tag{
    font-family:'Manrope', sans-serif;
    font-size:0.68rem; text-transform:uppercase; letter-spacing:.08em;
    color:var(--teal); font-weight:700; margin-bottom:10px;
  }
  .blog-body h3{font-size:1.08rem; margin-bottom:10px; line-height:1.3;}
  .blog-body p{
    color:var(--muted); font-size:0.86rem; margin-bottom:18px; flex:1;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  }
  .blog-read{
    font-weight:700; font-size:0.85rem; color:var(--blue);
    display:inline-flex; align-items:center; gap:6px;
  }

  /* ===== CONTACT ===== */
  .contact{
    background:var(--mint);
    padding:100px 0;
  }
  .contact .wrap{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:50px;
  }
  .contact-info h2{font-size:2.2rem; margin:14px 0 18px;}
  .contact-info p{color:var(--muted); margin-bottom:30px; max-width:420px;}
  .info-row{display:flex; gap:16px; margin-bottom:22px; align-items:flex-start;}
  .info-row .ico{
    width:42px; height:42px; border-radius:12px; background:#fff; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; box-shadow:0 6px 14px -6px rgba(12,44,77,0.15);
  }
  .info-row .ico svg{width:20px; height:20px; stroke:var(--blue); fill:none;}
  .info-row h4{font-size:0.92rem; margin-bottom:3px;}
  .info-row p{color:var(--muted); font-size:0.88rem; margin:0;}
  .hours-table{margin-top:10px; font-size:0.86rem; color:var(--muted);}
  .hours-table div{display:flex; justify-content:space-between; padding:5px 0; border-bottom:1px dashed var(--line); max-width:320px;}

  .form-card{
    background:#fff;
    border-radius:24px;
    padding:38px;
    box-shadow:var(--shadow);
  }
  .form-card h3{font-size:1.3rem; margin-bottom:6px;}
  .form-card .sub{color:var(--muted); font-size:0.88rem; margin-bottom:26px;}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
  .field{display:flex; flex-direction:column; gap:6px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:0.78rem; font-weight:700; color:var(--navy);}
  .field input, .field select, .field textarea{
    border:1.5px solid var(--line);
    border-radius:12px;
    padding:12px 14px;
    font-family:'Manrope', sans-serif;
    font-size:0.9rem;
    background:var(--cloud);
    color:var(--ink);
  }
  .field input:focus, .field select:focus, .field textarea:focus{
    outline:none; border-color:var(--teal); background:#fff;
  }
  .form-card .btn-primary{width:100%; justify-content:center; margin-top:6px;}

  /* ===== FOOTER ===== */
  footer{background:var(--navy); color:#b9cee1; padding:64px 0 28px;}
  .footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:40px;
    padding-bottom:40px;
    border-bottom:1px solid rgba(255,255,255,0.1);
  }
  .footer-brand{display:flex; align-items:center; gap:12px; margin-bottom:16px;}
  .footer-brand .name{font-family:'Fraunces', serif; color:#fff; font-weight:700; font-size:1.1rem;}
  footer p{font-size:0.86rem; max-width:280px;}
  footer h4{color:#fff; font-size:0.85rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:16px; font-family:'Manrope', sans-serif; font-weight:700;}
  footer ul li{margin-bottom:10px; font-size:0.88rem;}
  footer ul li a:hover{color:var(--teal-light);}
  .foot-bottom{
    display:flex; justify-content:space-between; align-items:center; padding-top:24px;
    font-size:0.78rem; color:#7f9ab0; flex-wrap:wrap; gap:12px;
  }
  .social-row{display:flex; gap:12px;}
  .social-row a{
    width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,0.18);
    display:flex; align-items:center; justify-content:center;
  }
  .social-row a svg{width:16px; height:16px; stroke:#cfe1ee; fill:none;}

  /* ===== RESPONSIVE ===== */
  @media (max-width:980px){
    .hero .wrap{grid-template-columns:1fr; text-align:center;}
    .hero p.lead{margin-left:auto; margin-right:auto;}
    .hero-ctas, .hero-trust{justify-content:center;}
    .hero-art{order:-1; margin-bottom:10px;}
    .about .wrap{grid-template-columns:1fr 1fr;}
    .about .wrap > .about-text{grid-column:1/-1;}
    .why .wrap{grid-template-columns:1fr;}
    .why-art{order:-1;}
    .service-grid{grid-template-columns:repeat(2,1fr);}
    .process-steps{grid-template-columns:repeat(3,1fr);}
    .t-grid{grid-template-columns:1fr 1fr;}
    .blog-grid{grid-template-columns:1fr 1fr;}
    .contact .wrap{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:680px){
    .nav-links{display:none;}
    .menu-toggle{display:flex;}
    nav.wrap{height:auto; min-height:90px; padding-top:10px; padding-bottom:10px;}
    .brand-mark{width:56px; height:56px;}
    .brand-text .name{font-size:1.3rem;}
    .brand-text .sub{font-size:0.62rem; letter-spacing:0.03em;}
    nav.wrap > a.btn-primary{display:none;}
    .hero h1{font-size:2.4rem;}
    .service-grid{grid-template-columns:1fr;}
    .process-steps{grid-template-columns:1fr 1fr;}
    .t-grid{grid-template-columns:1fr;}
    .blog-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .float-chip{display:none;}
    .about .wrap{grid-template-columns:1fr;}
    .services{background-attachment:scroll;}
    .about{background-attachment:scroll;}
    .testimonials{background-attachment:scroll;}
  }

  /* ===== Inner page header banner (services / testimonials / about) ===== */
  .page-hero{
    background:
      linear-gradient(155deg, rgba(12,44,77,0.95) 0%, rgba(21,91,163,0.92) 55%, rgba(34,191,174,0.88) 100%),
      url('images/hero-bg.jpg');
    background-size:cover;
    background-position:center;
    padding:150px 0 72px;
    text-align:center;
    color:#fff;
  }
  .page-hero .eyebrow{
    justify-content:center;
    background:rgba(255,255,255,0.12);
    color:#eafaf8;
    display:inline-flex;
    padding:8px 16px 8px 12px;
    border-radius:100px;
    margin-bottom:18px;
  }
  .page-hero .eyebrow::before{background:var(--teal-light);}
  .page-hero h1{color:#fff; font-size:2.6rem; margin-bottom:14px;}
  .page-hero p{color:#cfe1ee; max-width:560px; margin:0 auto 16px; font-size:1.02rem;}
  .page-hero p:last-child{margin-bottom:0;}
  .breadcrumb{
    font-family:'Manrope', sans-serif;
    font-weight:700;
    font-size:0.76rem;
    color:#b9cee1;
    margin-bottom:18px;
  }
  .breadcrumb a{color:#eafaf8; opacity:0.85;}
  .breadcrumb a:hover{opacity:1; text-decoration:underline;}

  /* ===== Service detail page ===== */
  .service-detail-list{padding:72px 0; background:var(--cloud);}
  .service-detail-card{
    display:grid;
    grid-template-columns:76px 1fr;
    gap:20px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:32px;
    margin-bottom:24px;
    scroll-margin-top:100px;
  }
  .service-detail-icon{
    width:76px; height:76px; border-radius:20px;
    background:linear-gradient(155deg, var(--mint), #fff);
    border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .service-detail-icon svg{width:52px; height:52px;}
  .service-detail-card h2{font-size:1.35rem; margin-bottom:10px;}
  .service-detail-card .summary{color:var(--blue-deep); font-weight:600; font-size:0.92rem; margin-bottom:14px;}
  .service-detail-card .detail{color:var(--muted); font-size:0.94rem; margin-bottom:18px;}
  .service-meta{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px;}
  .service-meta span{
    font-family:'Manrope', sans-serif; font-weight:700; font-size:0.72rem;
    background:var(--mint); color:var(--blue-deep);
    padding:6px 12px; border-radius:100px; border:1px solid var(--line);
  }
  .service-detail-card ul{margin:0 0 20px 0; padding:0; list-style:none;}
  .service-detail-card ul li{
    font-size:0.9rem; color:var(--ink); padding:6px 0 6px 24px; position:relative;
  }
  .service-detail-card ul li::before{
    content:"✓"; position:absolute; left:0; top:6px; color:var(--teal); font-weight:700;
  }
  .check-list{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:4px 24px;}
  .check-list li{
    font-size:0.94rem; color:var(--ink); padding:7px 0 7px 26px; position:relative;
  }
  .check-list li::before{
    content:"✓"; position:absolute; left:0; top:7px; color:var(--teal); font-weight:700;
  }
  @media (max-width:680px){ .check-list{grid-template-columns:1fr;} }
  .philosophy-band{
    background:linear-gradient(155deg, rgba(12,44,77,0.95) 0%, rgba(21,91,163,0.92) 55%, rgba(34,191,174,0.88) 100%);
    color:#fff; padding:64px 0; text-align:center;
  }
  .philosophy-band .eyebrow{color:var(--teal-light);}
  .philosophy-band .eyebrow::before{background:var(--teal-light);}
  .philosophy-band h2{color:#fff; font-size:1.5rem; letter-spacing:0.02em; margin:10px 0 18px;}
  .philosophy-band p{color:#eaf3fb; max-width:700px; margin:0 auto; line-height:1.75; font-size:1.02rem;}
  .doctor-bio-block{background:#fff; border-radius:20px; padding:34px; box-shadow:0 2px 16px -8px rgba(12,44,77,0.12); margin-bottom:24px;}
  .doctor-bio-block h3{font-size:1.3rem; color:var(--navy); margin-bottom:4px;}
  .doctor-bio-block .role{color:var(--teal); font-size:0.88rem; text-transform:uppercase; letter-spacing:0.04em; font-weight:700; margin-bottom:16px;}
  .doctor-bio-block p{color:var(--ink); font-size:0.94rem; line-height:1.7; margin-bottom:14px;}
  .doctor-bio-block h4{font-size:0.98rem; color:var(--navy); margin:22px 0 10px;}
  .doctor-bio-block .philosophy-line{
    margin-top:18px; padding:16px 20px; background:var(--cloud); border-left:3px solid var(--teal);
    border-radius:0 10px 10px 0; font-style:italic; color:var(--blue-deep); font-size:0.92rem;
  }

  .service-jump{
    display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
    margin-bottom:48px;
  }
  .service-jump a{
    font-family:'Manrope', sans-serif; font-weight:700; font-size:0.74rem;
    background:#fff; border:1px solid var(--line); color:var(--blue-deep);
    padding:8px 16px; border-radius:100px; transition:all 0.2s;
  }
  .service-jump a:hover{background:var(--mint); border-color:var(--teal);}

  /* ===== Testimonials page ===== */
  .testimonials-page{padding:72px 0; background:var(--cloud);}
  .t-filter{
    display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:40px;
  }
  .t-filter button{
    font-family:'Manrope', sans-serif; font-weight:700; font-size:0.74rem;
    background:#fff; border:1px solid var(--line); color:var(--blue-deep);
    padding:9px 18px; border-radius:100px; cursor:pointer; transition:all 0.2s;
  }
  .t-filter button:hover{border-color:var(--teal);}
  .t-filter button.active{background:var(--navy); color:#fff; border-color:var(--navy);}
  .t-grid-page{
    display:grid; grid-template-columns:1fr; gap:22px;
    max-width:760px; margin:0 auto;
  }
  .t-card-page{
    background:#fff; border:1px solid var(--line); border-radius:20px; padding:30px;
  }
  .t-card-page .stars{color:#f5b544; letter-spacing:2px; margin-bottom:14px; font-size:0.95rem;}
  .t-card-page p.quote{color:var(--ink); font-size:0.98rem; margin-bottom:20px; line-height:1.7;}
  .t-card-page .t-person{display:flex; align-items:center; gap:12px;}
  .t-card-page .t-avatar{
    width:44px; height:44px; border-radius:50%;
    background:linear-gradient(155deg, var(--blue), var(--teal));
    color:#fff; font-family:'Fraunces', serif; font-weight:700; font-size:1.1rem;
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .t-card-page .pname{font-weight:700; color:var(--navy); font-size:0.94rem;}
  .t-card-page .ptreat{color:var(--muted); font-size:0.82rem;}

  /* ===== About page ===== */
  .story-section{padding:72px 0;}
  .story-grid{
    display:grid; grid-template-columns:1fr; gap:48px; align-items:center;
  }
  .story-grid p{color:var(--muted); margin-bottom:16px; font-size:0.98rem;}
  .values-grid{
    display:grid; grid-template-columns:1fr; gap:20px;
    padding:72px 0; background:var(--mint);
  }
  .value-card{
    background:#fff; border-radius:18px; padding:28px; border:1px solid var(--line);
  }
  .value-card .num{
    font-family:'Manrope', sans-serif; color:var(--teal); font-size:0.78rem; font-weight:700;
    margin-bottom:10px; display:block;
  }
  .value-card h3{font-size:1.08rem; margin-bottom:8px;}
  .value-card p{color:var(--muted); font-size:0.88rem;}
  .doctor-grid-page{
    display:grid; grid-template-columns:1fr; gap:24px;
  }

  /* .badge and .doctor-card were designed for the dark hero background used
     on the homepage's #about section. The About PAGE reuses them inside the
     light story-section, so override colors here for readability. */
  .story-section .about-badges .badge{
    background:var(--mint);
    border:1px solid var(--line);
    color:var(--blue-deep);
  }
  .story-section .doctor-card{
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
  }
  .story-section .doctor-card h3{color:var(--navy);}
  .story-section .doctor-card .role{color:var(--teal);}
  .story-section .doctor-card p{color:var(--muted);}
  .story-section .doctor-card .reg{
    color:var(--blue-deep);
    border:1px solid var(--line);
  }
  .story-section .doctor-grid-page .doctor-card .avatar{
    width:100%; height:280px; border-radius:16px; margin-bottom:20px;
  }
  .story-section .doctor-grid-page .doctor-card{
    text-align:center;
  }
  .story-section .doctor-grid-page .doctor-card .role{
    margin-bottom:14px;
  }

  @media (min-width:680px){
    .service-jump{max-width:800px; margin-left:auto; margin-right:auto;}
    .values-grid .wrap{grid-template-columns:repeat(2,1fr); display:grid; gap:20px;}
    .doctor-grid-page{grid-template-columns:1fr 1fr;}
  }
  @media (min-width:900px){
    .story-grid{grid-template-columns:1.1fr 0.9fr;}
    .values-grid .wrap{grid-template-columns:repeat(4,1fr);}
    .service-detail-card{grid-template-columns:76px 1fr;}
  }
  @media (max-width:680px){
    .page-hero{padding:130px 0 56px;}
    .page-hero h1{font-size:2rem;}
    .service-detail-card{grid-template-columns:1fr; text-align:left;}
  }

  /* ===== FAQ accordion (used within service detail cards and About page) ===== */
  .faq-block{margin-top:22px; border-top:1px solid var(--line); padding-top:18px;}
  .faq-block .faq-label{
    font-family:'Manrope', sans-serif; font-size:0.72rem; text-transform:uppercase;
    letter-spacing:0.08em; color:var(--teal); font-weight:700; margin-bottom:12px; display:block;
  }
  details.faq-item{
    border-bottom:1px solid var(--line);
    padding:12px 0;
  }
  details.faq-item summary{
    cursor:pointer; font-weight:600; color:var(--navy); font-size:0.92rem;
    list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px;
  }
  details.faq-item summary::-webkit-details-marker{display:none;}
  details.faq-item summary::after{
    content:"+"; font-family:'Manrope', sans-serif; font-size:1.1rem; color:var(--teal);
    flex-shrink:0; transition:transform 0.2s;
  }
  details.faq-item[open] summary::after{transform:rotate(45deg);}
  details.faq-item p{color:var(--muted); font-size:0.88rem; margin-top:10px; line-height:1.65;}

  .seo-intro{
    color:var(--muted); font-size:0.9rem; background:var(--mint);
    border-radius:14px; padding:16px 20px; margin-bottom:16px; line-height:1.65;
  }

  /* ===== FAQ accordion on service detail cards ===== */
  .service-faqs{border-top:1px solid var(--line); padding-top:6px;}
  .faq-item{
    border-bottom:1px solid var(--line);
    padding:12px 0;
  }
  .faq-item summary{
    cursor:pointer;
    font-weight:600;
    font-size:0.9rem;
    color:var(--navy);
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:"+";
    font-family:'Manrope', sans-serif;
    font-size:1.1rem;
    color:var(--teal);
    flex-shrink:0;
    transition:transform 0.2s;
  }
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item p{
    color:var(--muted);
    font-size:0.88rem;
    margin-top:10px;
    line-height:1.6;
  }

  /* ===== Floating WhatsApp button (site-wide) ===== */
  .whatsapp-fab{
    position:fixed;
    bottom:22px;
    right:22px;
    width:56px;
    height:56px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px -6px rgba(0,0,0,0.35);
    z-index:999;
    transition:transform 0.2s;
  }
  .whatsapp-fab:hover{transform:scale(1.08);}
  @media (max-width:680px){
    .whatsapp-fab{width:50px; height:50px; bottom:16px; right:16px;}
    .whatsapp-fab svg{width:22px; height:22px;}
  }

  /* ===== Before & After gallery ===== */
  .before-after-section{padding:20px 0 90px; background:var(--white);}
  .ba-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:36px;
  }
  @media (max-width:900px){ .ba-grid{grid-template-columns:1fr;} }
  .ba-card{
    background:var(--cloud); border:1px solid var(--line); border-radius:20px;
    overflow:hidden; box-shadow:var(--shadow);
  }
  .ba-card img{width:100%; display:block;}
  .ba-card-body{padding:18px 20px;}
  .ba-card-body .blog-tag{margin-bottom:8px;}
  .ba-card-body p{color:var(--muted); font-size:0.86rem; line-height:1.6;}
  .ba-consent-note{
    text-align:center; max-width:640px; margin:36px auto 0; color:var(--muted); font-size:0.82rem;
  }

  /* ===== Blog listing page ===== */
  .blog-listing{padding:72px 0 100px; background:var(--cloud);}
  .blog-listing .blog-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:36px;
  }
  @media (max-width:900px){ .blog-listing .blog-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:620px){ .blog-listing .blog-grid{grid-template-columns:1fr;} }

  /* ===== Blog post (article) page ===== */
  .post-hero{
    padding:150px 0 60px;
    background:linear-gradient(155deg, var(--navy) 0%, var(--blue-deep) 55%, var(--teal) 100%);
    text-align:center;
  }
  .post-hero .eyebrow{color:var(--teal-light); justify-content:center;}
  .post-hero .eyebrow::before{background:var(--teal-light);}
  .post-hero h1{color:#fff; font-size:2.3rem; max-width:760px; margin:14px auto 16px; line-height:1.25;}
  .post-hero .post-meta{color:#cfe1ee; font-size:0.86rem; font-family:'Manrope', sans-serif; font-weight:700;}
  .post-hero .breadcrumb{justify-content:center;}
  .post-body-section{padding:64px 0 40px; background:var(--white);}
  .post-body{max-width:720px; margin:0 auto;}
  .post-body img.post-cover{
    width:100%; aspect-ratio:16/8; object-fit:cover; border-radius:20px; margin-bottom:36px;
  }
  .post-body h2{font-size:1.4rem; margin:34px 0 14px;}
  .post-body p{color:var(--ink); font-size:1rem; margin-bottom:16px; line-height:1.75;}
  .post-body ul{margin:0 0 18px 4px;}
  .post-body ul li{
    position:relative; padding-left:22px; margin-bottom:10px; color:var(--ink); font-size:0.98rem; line-height:1.6;
  }
  .post-body ul li::before{
    content:''; position:absolute; left:0; top:9px; width:7px; height:7px; border-radius:50%; background:var(--teal);
  }
  .post-disclaimer{
    background:var(--mint); border-radius:14px; padding:16px 20px; font-size:0.85rem; color:var(--blue-deep);
    margin-bottom:30px;
  }
  .post-cta{
    background:var(--navy); border-radius:20px; padding:34px; text-align:center; margin:44px 0;
  }
  .post-cta h3{color:#fff; font-size:1.3rem; margin-bottom:10px;}
  .post-cta p{color:#cfe1ee; margin-bottom:20px; font-size:0.94rem;}
  .post-author{
    display:flex; align-items:center; gap:14px; padding-top:28px; margin-top:28px; border-top:1px solid var(--line);
  }
  .post-author img{width:52px; height:52px; border-radius:50%; object-fit:cover;}
  .post-author .name{font-weight:700; color:var(--navy); font-size:0.94rem;}
  .post-author .role{color:var(--muted); font-size:0.82rem;}
  .related-posts{padding:20px 0 90px; background:var(--white);}
  .related-posts h3{max-width:720px; margin:0 auto 20px; font-size:1.15rem;}
  .related-grid{max-width:720px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:18px;}
  @media (max-width:620px){ .related-grid{grid-template-columns:1fr;} }
  .related-card{
    display:block; background:var(--cloud); border-radius:14px; padding:18px 20px; border:1px solid var(--line);
    transition:transform 0.2s, box-shadow 0.2s;
  }
  .related-card:hover{transform:translateY(-3px); box-shadow:var(--shadow);}
  .related-card .blog-tag{margin-bottom:8px;}
  .related-card span.title{display:block; font-weight:700; color:var(--navy); font-size:0.94rem; line-height:1.4;}

  /* ===== BEFORE/AFTER DRAG-TO-COMPARE SLIDER ===== */
  .ba-slider{
    position:relative;
    width:100%;
    aspect-ratio:368/664;
    border-radius:16px;
    overflow:hidden;
    user-select:none;
    -webkit-user-select:none;
    cursor:ew-resize;
    box-shadow:0 20px 40px -20px rgba(12,44,77,0.25);
    touch-action:pan-y;
  }
  .ba-slider img{
    position:absolute; top:0; left:0;
    width:100%; height:100%;
    object-fit:cover;
    pointer-events:none;
    display:block;
  }
  .ba-slider .ba-after-wrap{
    position:absolute; top:0; left:0;
    width:100%; height:100%;
    overflow:hidden;
    clip-path:inset(0 50% 0 0);
  }
  .ba-slider .ba-handle{
    position:absolute; top:0; bottom:0;
    left:50%;
    width:3px;
    background:#fff;
    transform:translateX(-50%);
    box-shadow:0 0 0 1px rgba(0,0,0,0.15);
  }
  .ba-slider .ba-handle-btn{
    position:absolute; top:50%; left:50%;
    width:44px; height:44px;
    transform:translate(-50%,-50%);
    background:#fff;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 16px -4px rgba(12,44,77,0.4);
    color:var(--blue-deep);
  }
  .ba-slider .ba-tag{
    position:absolute; top:12px;
    font-family:'Manrope',sans-serif; font-size:0.7rem; font-weight:700;
    letter-spacing:.05em; text-transform:uppercase;
    color:#fff; background:rgba(12,44,77,0.65);
    padding:4px 10px; border-radius:20px;
    pointer-events:none; z-index:2;
  }
  .ba-slider .ba-tag-before{left:12px;}
  .ba-slider .ba-tag-after{right:12px;}
  .ba-slider-hint{
    text-align:center; font-size:0.82rem; color:var(--muted);
    margin-top:10px;
  }

  /* ===== SMILE QUIZ ===== */
  .quiz-section{padding:90px 0; background:linear-gradient(180deg, var(--cloud) 0%, #eef7f5 100%);}
  .quiz-box{
    max-width:720px; margin:0 auto;
    background:#fff; border-radius:22px;
    box-shadow:0 24px 60px -30px rgba(12,44,77,0.25);
    padding:44px 40px;
    position:relative;
    overflow:hidden;
  }
  .quiz-progress{
    display:flex; gap:6px; margin-bottom:28px;
  }
  .quiz-progress span{
    flex:1; height:5px; border-radius:3px; background:var(--line);
    transition:background .3s ease;
  }
  .quiz-progress span.is-done{background:var(--teal);}
  .quiz-step{display:none;}
  .quiz-step.is-active{display:block; animation:quizFade .35s ease;}
  @keyframes quizFade{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);}}
  .quiz-q-label{font-size:0.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--teal); margin-bottom:8px;}
  .quiz-question{font-family:'Fraunces',serif; font-size:1.5rem; color:var(--navy); margin-bottom:22px; font-weight:600;}
  .quiz-options{display:grid; gap:12px;}
  .quiz-option{
    display:flex; align-items:center; gap:12px;
    padding:16px 18px; border:1.5px solid var(--line); border-radius:14px;
    background:#fbfdfe; cursor:pointer; text-align:left;
    font-family:'Manrope',sans-serif; font-size:1rem; font-weight:600; color:var(--navy);
    transition:border-color .2s ease, background .2s ease, transform .15s ease;
  }
  .quiz-option:hover{border-color:var(--teal); background:#f0faf8; transform:translateX(2px);}
  .quiz-option .quiz-emoji{font-size:1.3rem;}
  .quiz-back{
    margin-top:20px; background:none; border:none; color:var(--muted);
    font-family:'Manrope',sans-serif; font-weight:600; font-size:0.9rem; cursor:pointer;
    display:inline-flex; align-items:center; gap:6px;
  }
  .quiz-back:hover{color:var(--blue-deep);}
  .quiz-result{text-align:center;}
  .quiz-result-badge{
    display:inline-flex; align-items:center; gap:8px;
    background:#e7f7f3; color:var(--teal-dark, #0c8c78); font-weight:700; font-size:0.82rem;
    padding:6px 14px; border-radius:20px; margin-bottom:18px;
    text-transform:uppercase; letter-spacing:.04em;
  }
  .quiz-result h3{font-family:'Fraunces',serif; font-size:1.9rem; color:var(--navy); margin-bottom:10px;}
  .quiz-result p{color:var(--muted); max-width:520px; margin:0 auto 22px;}
  .quiz-result-trust{
    display:inline-flex; align-items:center; gap:8px;
    background:#eef4fb; color:var(--blue-deep); font-weight:600; font-size:0.88rem;
    padding:8px 16px; border-radius:20px; margin-bottom:26px;
  }
  .quiz-result-actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
  .quiz-restart{
    margin-top:18px; background:none; border:none; color:var(--muted);
    font-family:'Manrope',sans-serif; font-size:0.86rem; text-decoration:underline; cursor:pointer;
  }