:root{
    --bg:#F8F9FB;
    --white:#FFFFFF;
    --accent:#DBAB50;
    --accent-dark:#B98F3C;
    --accent-tint:#F5EAD3;
    --heading:#111111;
    --body-text:#242424;
    --muted:#6B6B6B;
    --border:rgba(17,17,17,.09);
    --dark:#14161B;
    --dark-2:#1E2128;
    --shadow-sm:0 2px 10px rgba(17,17,17,.06);
    --shadow-md:0 14px 34px rgba(17,17,17,.09);
    --radius:14px;
    --header-h:132px;
    --peek:110px;
    --font-display:'Playfair Display', Georgia, serif;
    --font-body:'Inter', Calibri, -apple-system, Segoe UI, sans-serif;
    --container:1180px;
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:var(--font-body);
    color:var(--body-text);
    background:var(--bg);
    -webkit-font-smoothing:antialiased;
    line-height:1.6;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;margin:0;padding:0;}
  button{font-family:inherit;cursor:pointer;}
  input,select,textarea{font-family:inherit;font-size:1rem;}

  h1,h2,h3,h4{
    font-family:var(--font-display);
    color:var(--heading);
    margin:0;
    line-height:1.15;
    font-weight:700;
  }
  p{margin:0;}

  .wrap{max-width:var(--container);margin:0 auto;padding:0 28px;}

  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:.95rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--accent-dark);
    margin-bottom:14px;
  }
  .eyebrow::before,
  .eyebrow::after{
    content:"";
    width:36.4px;height:2.8px;
    background:var(--accent);
    display:inline-block;
    flex-shrink:0;
  }

  .section{padding:88px 0;}
  .section-head{max-width:640px;margin-bottom:48px;}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
  .section-head p{margin-top:14px;color:var(--muted);font-size:1.02rem;}

  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:15px 30px;
    border-radius:999px;
    font-weight:700;
    font-size:.82rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    border:1px solid transparent;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
  }
  .btn-accent{background:var(--accent);color:#fff;box-shadow:0 10px 24px rgba(219,171,80,.35);}
  .btn-accent:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(219,171,80,.45);}
  .btn-dark{background:var(--heading);color:#fff;}
  .btn-dark:hover{transform:translateY(-2px);}
  .btn-outline{background:transparent;color:var(--heading);border-color:var(--border);}
  .btn-outline:hover{border-color:var(--heading);}
  .btn-ghost-light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(6px);}
  .btn-ghost-light:hover{background:rgba(255,255,255,.22);}
  .btn:focus-visible, a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible{
    outline:3px solid var(--accent-dark);
    outline-offset:2px;
  }

  /* ---------- Dokunma hedefleri (min. 48x48px) ---------- */
  .btn{min-height:48px;}
  a.logo{display:inline-flex;align-items:center;min-height:48px;}
  nav.primary-nav a{
    min-height:48px;min-width:48px;
    display:inline-flex;align-items:center;justify-content:center;
  }
  .hamburger{width:48px;height:48px;}
  .scroll-cue{min-height:48px;min-width:48px;justify-content:center;}
  .wa-sticky-btn{min-height:48px;min-width:48px;}
  .whatsapp-fab{min-height:48px;}
  .strip-more a{
    display:inline-flex;align-items:center;justify-content:flex-end;
    min-height:48px;
  }
  .social-row a{width:48px;height:48px;}
  .footer-social a{width:48px;height:48px;}
  .footer-grid ul a{
    display:inline-flex;align-items:center;min-height:48px;
  }
  .phone-link{
    display:inline-flex;align-items:center;
    min-height:48px;min-width:48px;
  }
  /* Sadece "." işaretleyicilerden oluşan slider noktalarının görünen boyutu küçük kalır,
     ancak gerçek dokunma alanı ::before ile 48x48px'e genişletilir. */
  .testi-dots button{position:relative;}
  .testi-dots button::before{
    content:"";
    position:absolute;top:50%;left:50%;
    width:48px;height:48px;
    transform:translate(-50%,-50%);
  }

  /* ---------- Header ---------- */
  header{
    position:sticky;top:0;z-index:900;
    background:#0E0E0E;
    border-bottom:1px solid transparent;
    transition:box-shadow .3s ease, border-color .3s ease;
  }
  header.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.35);border-color:rgba(255,255,255,.08);}
  .nav-wrap{
    max-width:var(--container);margin:0 auto;padding:4px 28px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
  }
  .logo{
    font-family:var(--font-display);
    font-weight:800;
    font-size:1.35rem;
    letter-spacing:.02em;
    color:#F5F5F5;
    display:flex;flex-direction:row;align-items:center;gap:12px;line-height:1;
  }
  .logo img{
    height:128px;width:auto;
    object-fit:contain;
    display:block;
    mix-blend-mode:lighten;
  }
  @media (min-width:1021px){
    .logo{
      position:relative;
      /* Ekran genişliğine göre otomatik uyarlanan kaydırma:
         - 2K ve üzeri geniş ekranlarda tam -450px (eskisiyle birebir aynı görünüm)
         - Dar masaüstü ekranlarda (ör. 1080p) taşmayı önlemek için otomatik azalır */
      left: max(-450px, min(0px, calc(-1 * ((100vw - var(--container)) / 2 - 20px))));
    }
  }
  .logo .logo-text{display:flex;flex-direction:column;line-height:1;}
  .logo span.tag{
    font-family:var(--font-body);
    font-size:.58rem;
    font-weight:600;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--accent);
    margin-top:5px;
  }
  nav.primary-nav ul{display:flex;gap:6px;align-items:center;}
  nav.primary-nav a{
    display:inline-block;
    padding:10px 16px;
    font-size:.86rem;
    font-weight:600;
    color:#E8E8E8;
    border-radius:999px;
    position:relative;
    transition:background .2s ease,color .2s ease;
  }
  nav.primary-nav a:hover{background:rgba(255,255,255,.1);color:#fff;}
  nav.primary-nav a.active{background:var(--accent);color:#14161B;}
  .nav-cta{display:flex;align-items:center;gap:14px;}
  .nav-cta .btn{padding:12px 22px;font-size:.74rem;}
  .hamburger{
    display:none;
    width:42px;height:42px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.06);
    align-items:center;justify-content:center;
    flex-direction:column;gap:5px;
  }
  .hamburger span{width:20px;height:2px;background:#F5F5F5;display:block;transition:transform .25s ease, opacity .25s ease;}
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  @keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    background:linear-gradient(155deg,var(--dark) 0%,var(--dark-2) 55%, #262a33 100%);
    color:#fff;
    overflow:hidden;
    display:flex;
    align-items:center;
    min-height:calc(100vh - var(--header-h) - var(--peek));
    min-height:calc(100svh - var(--header-h) - var(--peek));
    padding:64px 0;
  }
  .hero::before{
    content:"";
    position:absolute;inset:0;
    background-image:radial-gradient(circle at 82% 20%, rgba(219,171,80,.22), transparent 45%),
                      radial-gradient(circle at 10% 90%, rgba(219,171,80,.12), transparent 40%),
                      linear-gradient(155deg, rgba(20,22,27,.86) 0%, rgba(30,33,40,.80) 55%, rgba(38,42,51,.72) 100%);
    pointer-events:none;
    z-index:1;
  }
  .hero-media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:0;
  }
  .hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
    opacity:0;
    transition:opacity .6s ease;
  }
  .hero-video.is-ready{opacity:1;}
  @media (prefers-reduced-motion: reduce){
    .hero-video{display:none;}
  }
  .hero .wrap{width:100%;}
  .hero-inner{position:relative;z-index:2;max-width:640px;}
  .hero .eyebrow{color:var(--accent);}
  .hero h1{
    font-size:clamp(2.2rem,4.6vw,3.4rem);
    color:#fff;
    margin-bottom:20px;
  }
  .hero p.lead{
    color:rgba(255,255,255,.78);
    font-size:1.08rem;
    max-width:520px;
    margin-bottom:34px;
  }
  .sahibinden-btn{
    margin-top:44px;
    background:#CEAC5C;
    color:#111111;
    box-shadow:0 10px 24px rgba(255,232,0,.25);
    display:flex;
    width:fit-content;
  }
  .sahibinden-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,232,0,.35);}
  .instagram-btn{
    margin-top:20px;
    background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);
    color:#fff;
    box-shadow:0 10px 24px rgba(238,42,123,.25);
    display:flex;
    width:fit-content;
  }
  .instagram-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(238,42,123,.35);}
  .hero-stats{display:flex;gap:36px;margin-top:40px;flex-wrap:wrap;}
  .hero-stats div strong{display:block;font-family:var(--font-display);font-size:1.6rem;color:var(--accent);}
  .hero-stats div span{font-size:.78rem;color:rgba(255,255,255,.65);letter-spacing:.03em;}

  .scroll-cue{
    position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
    z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;
    color:rgba(255,255,255,.55);text-decoration:none;
  }
  .scroll-cue span{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;}
  .scroll-cue svg{width:16px;height:16px;animation:scrollBounce 2.2s ease-in-out infinite;}
  @keyframes scrollBounce{
    0%,100%{transform:translateY(0);opacity:.5;}
    50%{transform:translateY(7px);opacity:1;}
  }

  /* ---------- Why-us strip ---------- */
  .why-strip{background:var(--dark);color:#fff;padding:70px 0;}
  .why-strip .section-head h2{color:#fff;}
  .why-strip .section-head p{color:rgba(255,255,255,.6);}
  .strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  .strip-item{
    padding:26px 22px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);
    border-top:3px solid var(--accent);
    background:rgba(255,255,255,.03);
  }
  .strip-item .icon{width:38px;height:38px;color:var(--accent);margin-bottom:16px;}
  .strip-item h3{color:#fff;font-size:1.02rem;margin-bottom:8px;}
  .strip-item p{color:rgba(255,255,255,.6);font-size:.88rem;}
  .strip-more{margin-top:22px;text-align:right;}
  .strip-more a{font-size:.82rem;font-weight:700;color:var(--accent);}

  /* ---------- Testimonials ---------- */
  .testimonials{background:#F8F9FB;}
  .testi-slider{max-width:720px;margin:0 auto;position:relative;text-align:center;}
  .testi-slide{display:none;}
  .testi-slide.active{display:block;animation:fadeIn .5s ease;}
  .stars{display:flex;justify-content:center;gap:4px;margin-bottom:18px;}
  .stars svg{width:18px;height:18px;color:var(--accent);}
  .testi-slide p.quote{font-family:var(--font-display);font-size:1.35rem;color:var(--heading);line-height:1.5;margin-bottom:22px;}
  .testi-name{font-weight:700;font-size:.9rem;}
  .testi-role{font-size:.78rem;color:var(--muted);}
  .testi-dots{display:flex;justify-content:center;gap:9px;margin-top:30px;}
  .testi-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(17,17,17,.18);padding:0;}
  .testi-dots button.active{background:var(--accent-dark);width:22px;border-radius:5px;transition:width .3s ease;}

  /* ---------- Campaign strip ---------- */
  .campaign{
    background:linear-gradient(90deg,var(--heading),#2b2b2b);
    color:#fff;padding:26px 0;
  }
  .campaign .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
  .campaign strong{font-family:var(--font-display);color:var(--accent);font-size:1.15rem;}
  .campaign p{color:rgba(255,255,255,.7);font-size:.88rem;margin-top:4px;}

  /* ---------- Generic page hero (inner pages) ---------- */
  .page-hero{
    position:relative;padding:90px 0 60px;
    background:var(--dark);color:#fff;overflow:hidden;
  }
  .page-hero::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 85% 30%, rgba(219,171,80,.2), transparent 50%);
    z-index:1;
    pointer-events:none;
  }
  .page-hero .wrap{position:relative;z-index:2;}
  .page-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,2.6rem);}
  .page-hero .crumb{color:rgba(255,255,255,.55);font-size:.82rem;margin-top:12px;}
  .page-hero .crumb span{color:var(--accent);}

  /* ---------- About page ---------- */
  .story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .story-visual{
    border-radius:var(--radius);
    background:linear-gradient(135deg,#1E2128,#333844);
    aspect-ratio:1624/969;
    display:flex;align-items:center;justify-content:center;
    border-top:3px solid var(--accent);
  }
  .story-visual svg{width:56%;color:var(--accent);}
  .story h2{margin-bottom:18px;font-size:2rem;}
  .story p{color:var(--body-text);margin-bottom:16px;}

  .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;}
  .stat-box{
    background:#fff;border-radius:var(--radius);padding:28px 20px;text-align:center;
    border-top:3px solid var(--accent);box-shadow:var(--shadow-sm);
  }
  .stat-box strong{display:block;font-family:var(--font-display);font-size:2.1rem;color:var(--heading);}
  .stat-box span{font-size:.8rem;color:var(--muted);}

  .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  .team-card{
    background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);
    text-align:center;padding-bottom:22px;
    transition:transform .3s ease;
  }
  .team-card:hover{transform:translateY(-5px);}
  .team-avatar{
    background:var(--accent-tint);height:150px;
    display:flex;align-items:center;justify-content:center;
    border-bottom:3px solid var(--accent);
  }
  .team-avatar svg{width:46%;color:var(--accent-dark);}
  .team-card h4{margin-top:16px;font-size:1rem;}
  .team-card span{display:block;font-size:.78rem;color:var(--muted);margin-top:4px;}

  .badge-strip{
    display:flex;justify-content:center;gap:44px;flex-wrap:wrap;margin-top:10px;
    padding:34px 20px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);
  }
  .badge-strip .badge-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
  .badge-strip svg{width:34px;height:34px;color:var(--accent-dark);}
  .badge-strip.badge-strip-text{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left;}
  .badge-strip.badge-strip-text .badge-item{
    flex-direction:row;align-items:flex-start;gap:14px;text-align:left;
    text-transform:none;letter-spacing:normal;font-weight:400;font-size:.92rem;
    color:var(--body-text);line-height:1.55;
  }
  .badge-strip.badge-strip-text svg{flex-shrink:0;width:28px;height:28px;margin-top:2px;}
  .badge-strip.badge-strip-text .badge-item strong{font-size:1.15rem;font-weight:800;color:var(--accent-dark);display:block;margin-bottom:4px;}

  /* ---------- Why-us page ---------- */
  .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .value-card{
    background:#fff;border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow-sm);
    border-top:3px solid var(--accent);
  }
  .value-card .num{font-family:var(--font-display);font-size:.8rem;color:var(--accent-dark);font-weight:700;letter-spacing:.08em;}
  .value-card h3{margin:12px 0 10px;font-size:1.08rem;}
  .value-card p{font-size:.9rem;color:var(--muted);}

  .trust-row{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;margin:56px 0;text-align:center;}
  .trust-row .t-item strong{display:block;font-family:var(--font-display);font-size:1.7rem;color:var(--heading);}
  .trust-row .t-item span{font-size:.78rem;color:var(--muted);}

  table.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
  table.compare th, table.compare td{padding:16px 20px;text-align:left;font-size:.9rem;border-bottom:1px solid var(--border);}
  table.compare thead th{background:var(--heading);color:#fff;font-weight:700;font-family:var(--font-display);font-size:1rem;}
  table.compare thead th:first-child{width:34%;}
  table.compare tbody tr:last-child td{border-bottom:none;}
  table.compare td.brand{font-weight:700;color:var(--accent-dark);}
  table.compare tr:nth-child(even){background:#FBFBFC;}

  .cta-band{
    margin-top:60px;background:var(--dark);border-radius:var(--radius);
    padding:54px 40px;text-align:center;color:#fff;
    background-image:radial-gradient(circle at 20% 20%, rgba(219,171,80,.18), transparent 45%);
  }
  .cta-band h3{color:#fff;font-size:1.7rem;margin-bottom:12px;}
  .cta-band p{color:rgba(255,255,255,.65);margin-bottom:26px;}

  /* ---------- Vision page ---------- */
  .vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .vm-card{background:#fff;border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow-sm);border-top:3px solid var(--accent);}
  .vm-card .eyebrow{margin-bottom:16px;}
  .vm-card p.big{font-family:var(--font-display);font-size:1.3rem;line-height:1.5;color:var(--heading);font-style:italic;}

  .values-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
  .value-chip{
    background:#fff;border-radius:var(--radius);padding:24px 16px;text-align:center;box-shadow:var(--shadow-sm);
  }
  .value-chip svg{width:30px;height:30px;color:var(--accent-dark);margin:0 auto 12px;}
  .value-chip span{font-size:.85rem;font-weight:700;}

  .timeline{position:relative;max-width:760px;margin:0 auto;padding-left:42px;}
  .timeline::before{
    content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;
    background:var(--accent);opacity:.35;
  }
  .t-row{position:relative;padding-bottom:36px;}
  .t-row:last-child{padding-bottom:0;}
  .t-row::before{
    content:"";position:absolute;left:-41px;top:2px;width:16px;height:16px;border-radius:50%;
    background:#fff;
    border:2px solid var(--accent);box-shadow:0 2px 5px rgba(0,0,0,.12);
    z-index:1;
  }
  .t-row strong{display:block;font-family:var(--font-display);color:var(--heading);font-size:1.15rem;margin-bottom:4px;}
  .t-row span{color:var(--muted);font-size:.92rem;}

  .t-row.t-light::before{
    background:var(--accent);
    border-color:var(--accent);
  }

  .responsibility{
    background:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-sm);
    display:flex;gap:26px;align-items:flex-start;border-top:3px solid var(--accent);
  }
  .responsibility svg{width:40px;height:40px;color:var(--accent-dark);flex-shrink:0;}

  /* ---------- Contact page ---------- */
  .contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start;}
  .contact-form{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow-sm);border-top:3px solid var(--accent);}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .form-field{display:flex;flex-direction:column;gap:6px;}
  .form-field.full{grid-column:1/-1;}
  .form-field label{font-size:.76rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
  .form-field input, .form-field select, .form-field textarea{
    padding:12px 14px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--body-text);
  }
  .form-field textarea{resize:vertical;min-height:110px;}
  .form-success{
    display:none;margin-top:16px;padding:14px 16px;border-radius:9px;
    background:#EAF6EC;color:#256B36;font-size:.88rem;font-weight:600;
  }
  .form-success.show{display:block;}

  .info-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);margin-bottom:20px;border-top:3px solid var(--accent);}
  .info-line{display:flex;gap:14px;margin-bottom:16px;align-items:flex-start;}
  .info-line:last-child{margin-bottom:0;}
  .info-line svg{width:20px;height:20px;color:var(--accent-dark);flex-shrink:0;margin-top:2px;}
  .info-line strong{display:block;font-size:.85rem;}
  .info-line span, .info-line div{font-size:.85rem;color:var(--muted);}
  .phone-link{color:inherit;text-decoration:none;transition:color .2s ease;}
  .phone-link:hover{color:var(--accent-dark);}
  .hours-table{width:100%;font-size:.86rem;}
  .hours-table td{padding:4px 0;color:var(--muted);}
  .hours-table td:last-child{text-align:right;color:var(--body-text);font-weight:600;}
  .map-embed{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);height:220px;}
  .map-embed iframe{width:100%;height:100%;border:0;}
  .whatsapp-fab{
    display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;
    padding:13px 20px;border-radius:999px;font-weight:700;font-size:.85rem;margin-top:6px;
  }
  .social-row{display:flex;gap:10px;margin-top:10px;}
  .social-row a{
    width:38px;height:38px;border-radius:50%;background:var(--bg);border:1px solid var(--border);
    display:flex;align-items:center;justify-content:center;
  }
  .social-row svg{width:17px;height:17px;color:var(--heading);}
  .social-row a.sahibinden-icon{background:transparent;border:none;overflow:hidden;}
  .social-row a.sahibinden-icon svg{width:38px;height:38px;}

  /* ---------- Footer ---------- */
  footer{background:var(--dark);color:rgba(255,255,255,.75);padding:70px 0 26px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1);}
  .footer-brand .logo{color:#fff;}
  .footer-brand .logo span.tag{color:var(--accent);}
  .footer-brand p{margin-top:16px;font-size:.86rem;color:rgba(255,255,255,.55);max-width:280px;}
  footer h2{color:#fff;font-family:var(--font-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-weight:700;}
  footer ul li{margin-bottom:11px;}
  footer ul a{font-size:.87rem;color:rgba(255,255,255,.6);transition:color .2s ease;}
  footer ul a:hover{color:var(--accent);}
  .newsletter-box input{
    width:100%;padding:12px 14px;border-radius:9px 0 0 9px;border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.06);color:#fff;
  }
  .newsletter-box input::placeholder{color:rgba(255,255,255,.4);}
  .newsletter-row{display:flex;}
  .newsletter-row button{
    border-radius:0 9px 9px 0;padding:0 18px;background:var(--accent);color:#111;border:none;font-weight:700;font-size:.8rem;text-transform:uppercase;
  }
  .newsletter-note{font-size:.78rem;margin-top:16px;color:rgba(255,255,255,.5);}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;flex-wrap:wrap;gap:12px;}
  .footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.45);}
  .footer-social{display:flex;gap:10px;}
  .footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;}
  .footer-social a:hover{background:var(--accent);transform:translateY(-2px);}
  .footer-social svg{width:16px;height:16px;color:#fff;}

  /* ---------- Responsive ---------- */
  @media (max-width:1020px){
    .strip-grid{grid-template-columns:repeat(2,1fr);}
    .team-grid{grid-template-columns:repeat(2,1fr);}
    .value-grid{grid-template-columns:repeat(2,1fr);}
    .values-row{grid-template-columns:repeat(3,1fr);}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .story{grid-template-columns:1fr;}
    .vm-grid{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
  }
  @media (max-width:760px){
    nav.primary-nav, .nav-cta .btn-outline{display:none;}
    .hamburger{display:flex;}
    .nav-wrap.menu-open nav.primary-nav{
      display:flex;position:absolute;top:100%;left:0;right:0;background:#0E0E0E;
      flex-direction:column;padding:14px 22px 22px;box-shadow:0 14px 34px rgba(0,0,0,.45);border-top:1px solid rgba(255,255,255,.08);
    }
    .nav-wrap.menu-open nav.primary-nav ul{flex-direction:column;align-items:stretch;gap:4px;}
    .nav-wrap.menu-open nav.primary-nav a{padding:12px 14px;}
    .strip-grid{grid-template-columns:1fr;}
    .team-grid{grid-template-columns:1fr 1fr;}
    .value-grid{grid-template-columns:1fr;}
    .values-row{grid-template-columns:repeat(2,1fr);}
    .stat-row{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .trust-row{gap:30px;}
    .hero{padding:48px 0;}
    .badge-strip{gap:26px;}
    .badge-strip.badge-strip-text{grid-template-columns:1fr;}
    :root{--peek:70px; --header-h:104px;}
    .logo img{height:86px;}
  }
  @media (max-width:480px){
    .team-grid{grid-template-columns:1fr;}
    .values-row{grid-template-columns:1fr 1fr;}
    .wrap{padding:0 18px;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
    html{scroll-behavior:auto;}
  }

  /* ---------- Sticky WhatsApp Button ---------- */
  .wa-sticky-btn{
    position:fixed;
    top:50%;
    right:0;
    transform:translateY(-50%);
    z-index:1200;
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;height:64px;
    border-radius:50% 0 0 50%;
    background:#25D366;
    box-shadow:0 8px 22px rgba(0,0,0,.25);
    transition:width .25s ease, box-shadow .25s ease;
    overflow:hidden;
  }
  .wa-sticky-btn img{
    width:36px;height:36px;object-fit:contain;flex-shrink:0;
  }
  .wa-sticky-btn:hover{
    width:210px;
    box-shadow:0 10px 26px rgba(0,0,0,.32);
  }
  .wa-sticky-btn .wa-sticky-text{
    color:#fff;font-family:var(--font-body);font-weight:700;font-size:.82rem;
    white-space:nowrap;opacity:0;max-width:0;overflow:hidden;
    transition:opacity .2s ease .05s, max-width .25s ease;
    margin-right:0;
  }
  .wa-sticky-btn:hover .wa-sticky-text{
    opacity:1;max-width:140px;margin-right:10px;
  }
  @media (max-width:640px){
    .wa-sticky-btn{width:54px;height:54px;}
    .wa-sticky-btn img{width:30px;height:30px;}
    .wa-sticky-btn:hover{width:54px;}
    .wa-sticky-btn:hover .wa-sticky-text{opacity:0;max-width:0;margin-right:0;}
  }