/* ============================================================================
   VetPro — "Sıcak & oyunbaz pet" tasarım dili (VeterinerPro'ya özel).
   Organik blob şekiller, yuvarlak baloncuklar, sıcak pastel palet.
   veteriner.css'ten SONRA yüklenir; anasayfa + header/footer'ı yeniden giydirir.
   ========================================================================== */
:root{
  --vp-green:#1FA37A;
  --vp-green-d:#127a5a;
  --vp-ink:#173a2c;
  --vp-mut:#5d7a6e;
  --vp-cream:#fff7ee;
  --vp-mint:#eaf7f0;
  --vp-amber:#f2a24c;
  --vp-coral:#ff8a6b;
  --vp-sky:#5fc6dd;
  --vp-lilac:#b79ce6;
  --vp-card:#ffffff;
  --vp-line:#e6efe9;
  --vp-r:30px;
  --vp-r-sm:20px;
  --vp-sh:0 22px 55px -22px rgba(20,80,60,.35);
  --vp-sh-sm:0 10px 28px -14px rgba(20,80,60,.32);
}

/* paylaşılan zemin */
html,body{overflow-x:hidden}
body{background:var(--vp-cream);color:var(--vp-ink)}
.vp{overflow-x:clip}
.vp-wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.vp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.8rem;
  letter-spacing:.02em;color:var(--vp-green-d);background:#fff;border:1.5px solid var(--vp-line);
  padding:.4rem .85rem .4rem .55rem;border-radius:999px;box-shadow:var(--vp-sh-sm)}
.vp-eyebrow .pw{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--vp-mint);
  color:var(--vp-green-d);align-items:center;justify-content:center}
.vp-eyebrow .pw svg{width:13px;height:13px}

/* ── HEADER override (yumuşak yüzen pill) ─────────────────────────────── */
.ep-nav{background:transparent!important;border:0!important;box-shadow:none!important;padding:14px 0!important}
.ep-nav.scrolled{background:transparent!important}
.ep-nav .ep-nav-inner{max-width:1180px;margin:0 auto;background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1.5px solid rgba(255,255,255,.9);border-radius:999px;padding:.5rem .65rem .5rem 1.1rem;
  box-shadow:0 14px 40px -18px rgba(20,80,60,.45);display:flex;align-items:center;justify-content:space-between}
.ep-nav.scrolled .ep-nav-inner{background:rgba(255,255,255,.95);box-shadow:0 18px 44px -20px rgba(20,80,60,.5)}
.ep-brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--vp-ink)}
.ep-brand-mark{display:inline-flex;width:40px;height:40px;border-radius:14px;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--vp-green),var(--vp-amber));color:#fff;
  box-shadow:0 8px 18px -8px rgba(31,163,122,.8);transform:rotate(-6deg)}
.ep-brand-mark svg{width:22px;height:22px}
.ep-brand-text{font-weight:800;font-size:1.12rem;letter-spacing:-.02em}
.ep-nav-right{display:flex;align-items:center;gap:.5rem}
.ep-nav-tel{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--vp-ink);
  text-decoration:none;font-size:.92rem;padding:.45rem .9rem;border-radius:999px}
.ep-nav-tel .dot{width:8px;height:8px;border-radius:50%;background:var(--vp-coral);box-shadow:0 0 0 4px rgba(255,138,107,.2);animation:vpPulse 1.8s infinite}
@keyframes vpPulse{50%{box-shadow:0 0 0 7px rgba(255,138,107,0)}}
.ep-nav-cta{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.92rem;
  text-decoration:none;color:#fff;background:var(--vp-green);padding:.62rem 1.25rem;border-radius:999px;
  box-shadow:0 12px 26px -12px rgba(31,163,122,.95);transition:.18s}
.ep-nav-cta:hover{transform:translateY(-2px);background:var(--vp-green-d)}
.ep-nav-toggle{display:inline-flex;align-items:center;gap:.5rem;background:var(--vp-mint);border:0;
  border-radius:999px;padding:.6rem .95rem;font-weight:700;color:var(--vp-ink);cursor:pointer;font-family:inherit}
.ep-nav-toggle .lines{display:inline-flex;flex-direction:column;gap:4px}
.ep-nav-toggle .lines span{width:18px;height:2px;background:var(--vp-ink);border-radius:2px}
@media(max-width:760px){.ep-nav-tel{display:none}.ep-brand-text{font-size:1rem}}

/* ── OVERLAY MENÜ override (oyunbaz pet) ──────────────────────────────── */
.ep-nav-toggle.is-open{background:#ffe3da;color:#e0512f}
.ep-nav-toggle.is-open .lines span{background:#e0512f}
.ep-overlay-bg{background:var(--vp-cream)!important}
.ep-overlay-blob{right:-14vw!important;top:-16vw!important;width:60vw!important;height:60vw!important;
  background:radial-gradient(circle at 40% 40%,#d8f2e6,#bfe7d6)!important;border-radius:46% 54% 52% 48%/55% 46% 54% 45%!important}
.ep-overlay-inner{max-width:1100px}
.ep-overlay-top .ep-brand-text{color:var(--vp-ink)}
/* dekoratif ikinci blob + pati izi */
.ep-overlay-bg::after{content:"";position:absolute;left:-12vw;bottom:-14vw;width:42vw;height:42vw;
  background:radial-gradient(circle at 50% 50%,#ffe6d6,#ffd6c2);opacity:.7;
  border-radius:54% 46% 45% 55%/48% 56% 44% 52%}
.ep-overlay-nav ul{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}
.ep-overlay-nav a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;
  padding:.95rem 1.3rem;border-radius:22px;border:1.6px solid transparent;color:var(--vp-ink);transition:.18s}
.ep-overlay-nav a:hover,.ep-overlay-nav a.on{background:#fff;border-color:var(--vp-line);
  box-shadow:var(--vp-sh-sm);padding-left:1.5rem;color:var(--vp-ink)}
.ep-overlay-nav .num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:14px;color:#fff;font-size:1rem;font-weight:800;min-width:0;letter-spacing:0;transform:rotate(-6deg)}
.ep-overlay-nav li:nth-child(6n+1) .num{background:var(--vp-green)}
.ep-overlay-nav li:nth-child(6n+2) .num{background:var(--vp-amber)}
.ep-overlay-nav li:nth-child(6n+3) .num{background:var(--vp-coral)}
.ep-overlay-nav li:nth-child(6n+4) .num{background:var(--vp-sky)}
.ep-overlay-nav li:nth-child(6n+5) .num{background:var(--vp-lilac)}
.ep-overlay-nav li:nth-child(6n+6) .num{background:var(--vp-green-d)}
.ep-overlay-nav a:hover .num,.ep-overlay-nav a.on .num{color:#fff;transform:rotate(0)}
.ep-overlay-nav .lbl{font-family:'Manrope',sans-serif!important;font-size:clamp(1.5rem,4.4vw,2.3rem)!important;
  font-weight:800!important;font-style:normal!important;letter-spacing:-.02em!important;color:inherit}
.ep-overlay-nav a:hover .lbl,.ep-overlay-nav a.on .lbl{font-style:normal!important;font-weight:800!important;color:var(--vp-green-d)}
.ep-overlay-nav .arr{width:42px;height:42px;border-radius:50%;border:0!important;background:var(--vp-mint);
  color:var(--vp-green-d);opacity:1!important;transform:none!important;display:flex;align-items:center;justify-content:center}
.ep-overlay-nav a:hover .arr,.ep-overlay-nav a.on .arr{background:var(--vp-green);color:#fff}
.ep-overlay-foot{border-top:1.5px solid var(--vp-line);padding-top:1.4rem;margin-top:1.6rem}
.ep-overlay-foot small{color:var(--vp-mut)}
.ep-overlay-foot a,.ep-overlay-foot span{color:var(--vp-ink)}
.ep-overlay-foot a:hover{color:var(--vp-green-d)}
.ep-overlay-soc a{border-radius:14px!important;background:#fff!important;border:1.5px solid var(--vp-line)!important;color:var(--vp-ink)!important}
.ep-overlay-soc a:hover{background:var(--vp-green)!important;border-color:var(--vp-green)!important;color:#fff!important;transform:translateY(-3px)}
@media(max-width:760px){
  .ep-overlay-nav .lbl{font-size:clamp(1.5rem,7vw,2.1rem)!important}
  .ep-overlay-nav .num{width:38px;height:38px;border-radius:12px;font-size:.9rem}
  .ep-overlay-nav .arr{display:flex!important;width:34px;height:34px}
}

/* ── HERO ─────────────────────────────────────────────────────────────── */
.vp-hero{position:relative;padding:34px 0 30px}
.vp-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.vp-hero-bg .blob{position:absolute;border-radius:48% 52% 58% 42%/52% 44% 56% 48%;filter:blur(2px);opacity:.5}
.vp-hero-bg .b1{width:520px;height:520px;right:-120px;top:-90px;
  background:radial-gradient(circle at 35% 35%,#d8f2e6,#bfe7d6);opacity:.7}
.vp-hero-bg .b2{width:300px;height:300px;left:-110px;bottom:-90px;
  background:radial-gradient(circle at 50% 50%,#ffe6d6,#ffd6c2);opacity:.6}
.vp-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 22px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.vp-hero-inner>*{min-width:0}
.vp-hero-text{min-width:0}
.vp-hero-h1{overflow-wrap:break-word}
.vp-hero-h1{font-size:clamp(2.5rem,5.4vw,4.2rem);line-height:1.02;font-weight:800;letter-spacing:-.03em;
  margin:.9rem 0 0;color:var(--vp-ink)}
.vp-hero-h1 .hl{position:relative;color:var(--vp-green-d);white-space:nowrap}
.vp-hero-h1 .hl svg{position:absolute;left:0;right:0;bottom:-.18em;width:100%;height:.32em}
.vp-hero-sub{margin:1.1rem 0 0;font-size:1.08rem;line-height:1.65;color:var(--vp-mut);max-width:30em}
.vp-hero-act{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.vp-btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;text-decoration:none;
  padding:.95rem 1.6rem;border-radius:999px;font-size:1rem;transition:.18s}
.vp-btn-primary{background:var(--vp-green);color:#fff;box-shadow:0 16px 32px -14px rgba(31,163,122,1)}
.vp-btn-primary:hover{transform:translateY(-3px);background:var(--vp-green-d)}
.vp-btn-ghost{background:#fff;color:var(--vp-ink);border:1.5px solid var(--vp-line);box-shadow:var(--vp-sh-sm)}
.vp-btn-ghost:hover{transform:translateY(-3px);border-color:var(--vp-green)}
.vp-btn .pw{display:inline-flex}
.vp-hero-trust{display:flex;align-items:center;gap:1.1rem;margin-top:1.7rem;flex-wrap:wrap}
.vp-hero-trust .av{display:flex}
.vp-hero-trust .av span{width:38px;height:38px;border-radius:50%;border:3px solid var(--vp-cream);
  margin-left:-12px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#fff;font-size:.85rem}
.vp-hero-trust .av span:first-child{margin-left:0}
.vp-hero-trust .tx{font-size:.9rem;line-height:1.4;color:var(--vp-mut)}
.vp-hero-trust .tx b{color:var(--vp-ink);display:block;font-size:.96rem}
.vp-hero-trust .stars{color:var(--vp-amber);letter-spacing:1px}

/* hero görsel: organik blob içinde foto/illüstrasyon + yüzen rozetler */
.vp-hero-visual{position:relative;aspect-ratio:1/1;max-width:480px;margin-left:auto;width:100%}
.vp-hero-disc{position:absolute;inset:0;border-radius:46% 54% 52% 48%/55% 46% 54% 45%;
  background:linear-gradient(150deg,var(--vp-green),#2bbd8f 55%,var(--vp-amber));overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(31,163,122,.7);animation:vpMorph 14s ease-in-out infinite}
@keyframes vpMorph{50%{border-radius:54% 46% 45% 55%/48% 56% 44% 52%}}
.vp-hero-disc img{width:100%;height:100%;object-fit:cover}
.vp-hero-disc.has-img{background:#eaf7f0}
.vp-hero-disc .paw-xl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.92)}
.vp-hero-disc .paw-xl svg{width:46%;height:46%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}
.vp-hero-disc .grain{position:absolute;inset:0;background:
  radial-gradient(circle at 22% 26%,rgba(255,255,255,.25),transparent 26%),
  radial-gradient(circle at 76% 70%,rgba(255,255,255,.16),transparent 24%)}
.vp-float{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--vp-sh);
  padding:.7rem .9rem;display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.86rem;color:var(--vp-ink)}
.vp-float .ic{display:inline-flex;width:34px;height:34px;border-radius:11px;align-items:center;justify-content:center;color:#fff}
.vp-float small{display:block;font-weight:600;font-size:.72rem;color:var(--vp-mut)}
.vp-float.f1{top:8%;left:-6%;animation:vpBob 5s ease-in-out infinite}
.vp-float.f1 .ic{background:var(--vp-coral)}
.vp-float.f2{bottom:12%;right:-8%;animation:vpBob 6s ease-in-out infinite .8s}
.vp-float.f2 .ic{background:var(--vp-sky)}
.vp-float.f3{bottom:-2%;left:8%;animation:vpBob 5.5s ease-in-out infinite .4s}
.vp-float.f3 .ic{background:var(--vp-amber)}
@keyframes vpBob{50%{transform:translateY(-12px)}}
.vp-paw-trail{position:absolute;left:-2%;bottom:6%;display:flex;gap:.4rem;color:var(--vp-green);opacity:.5}
.vp-paw-trail svg{width:20px;height:20px}
.vp-paw-trail span:nth-child(2){transform:translateY(10px) rotate(12deg)}
.vp-paw-trail span:nth-child(3){transform:translateY(20px) rotate(24deg)}
.vp-paw-trail span:nth-child(4){transform:translateY(30px) rotate(18deg);opacity:.6}

/* ── TRUST / mini istatistik band ─────────────────────────────────────── */
.vp-stats{margin:8px auto 0;max-width:1180px;padding:0 22px}
.vp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  background:#fff;border:1.5px solid var(--vp-line);border-radius:26px;padding:22px;box-shadow:var(--vp-sh-sm)}
.vp-stat{display:flex;align-items:center;gap:.85rem}
.vp-stat .ic{flex:none;width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}
.vp-stat:nth-child(1) .ic{background:var(--vp-green)}
.vp-stat:nth-child(2) .ic{background:var(--vp-amber)}
.vp-stat:nth-child(3) .ic{background:var(--vp-coral)}
.vp-stat:nth-child(4) .ic{background:var(--vp-sky)}
.vp-stat b{font-size:1.5rem;font-weight:800;line-height:1;display:block}
.vp-stat span{font-size:.85rem;color:var(--vp-mut);font-weight:600}

/* ── bölüm başlığı ortak ───────────────────────────────────────────────── */
.vp-sec{padding:64px 0}
.vp-head{text-align:center;max-width:640px;margin:0 auto 40px}
.vp-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;letter-spacing:-.025em;margin:.7rem 0 0;color:var(--vp-ink)}
.vp-head h2 em{font-style:normal;color:var(--vp-green-d);position:relative}
.vp-head p{margin:.7rem 0 0;color:var(--vp-mut);font-size:1.04rem;line-height:1.6}

/* ── NASIL ÇALIŞIR (3 adım) ───────────────────────────────────────────── */
.vp-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.vp-step{background:#fff;border:1.5px solid var(--vp-line);border-radius:var(--vp-r);padding:30px 26px;
  text-align:center;position:relative;box-shadow:var(--vp-sh-sm);transition:.2s}
.vp-step:hover{transform:translateY(-6px);box-shadow:var(--vp-sh)}
.vp-step .n{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:38px;height:38px;border-radius:50%;
  background:var(--vp-ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem}
.vp-step .ic{width:72px;height:72px;border-radius:24px;margin:8px auto 16px;display:flex;align-items:center;justify-content:center;color:#fff}
.vp-step:nth-child(1) .ic{background:linear-gradient(140deg,var(--vp-green),#2bbd8f)}
.vp-step:nth-child(2) .ic{background:linear-gradient(140deg,var(--vp-amber),#ffbf73)}
.vp-step:nth-child(3) .ic{background:linear-gradient(140deg,var(--vp-coral),#ffae95)}
.vp-step .ic svg{width:34px;height:34px}
.vp-step h3{font-size:1.18rem;font-weight:800;margin:0 0 .4rem}
.vp-step p{color:var(--vp-mut);font-size:.95rem;line-height:1.55;margin:0}

/* ── HİZMETLER (baloncuk kartlar) ─────────────────────────────────────── */
.vp-serv{background:var(--vp-mint);border-radius:48px;margin:0 16px}
.vp-serv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.vp-serv-card{background:#fff;border-radius:26px;padding:26px 22px;text-decoration:none;color:var(--vp-ink);
  border:1.5px solid #fff;box-shadow:var(--vp-sh-sm);transition:.2s;position:relative;overflow:hidden}
.vp-serv-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:var(--vp-sh);border-color:var(--vp-line)}
.vp-serv-card .ic{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--vp-green-d);margin-bottom:16px}
.vp-serv-card:nth-child(5n+1) .ic{background:#e7f6ee;color:#127a5a}
.vp-serv-card:nth-child(5n+2) .ic{background:#ffede1;color:#e07a4f}
.vp-serv-card:nth-child(5n+3) .ic{background:#e4f4f8;color:#2e9bb5}
.vp-serv-card:nth-child(5n+4) .ic{background:#fbf0d8;color:#c98a2e}
.vp-serv-card:nth-child(5n+5) .ic{background:#f1eafb;color:#8a63cf}
.vp-serv-card .ic svg{width:30px;height:30px}
.vp-serv-card h3{font-size:1.1rem;font-weight:800;margin:0 0 .35rem}
.vp-serv-card p{font-size:.9rem;color:var(--vp-mut);line-height:1.5;margin:0 0 .8rem}
.vp-serv-card .go{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.85rem;color:var(--vp-green-d)}
.vp-serv-more{text-align:center;margin-top:32px}

/* ── EKİBİMİZ (dost kartlar) ──────────────────────────────────────────── */
.vp-team-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px}
.vp-team-card{background:#fff;border:1.5px solid var(--vp-line);border-radius:var(--vp-r);padding:18px;
  text-align:center;box-shadow:var(--vp-sh-sm);transition:.2s;text-decoration:none;color:var(--vp-ink);display:block}
.vp-team-card:hover{transform:translateY(-6px);box-shadow:var(--vp-sh)}
.vp-team-ph{aspect-ratio:1/1;border-radius:22px;overflow:hidden;margin-bottom:14px;position:relative;
  display:flex;align-items:center;justify-content:center}
.vp-team-ph img{width:100%;height:100%;object-fit:cover}
.vp-team-ph .ini{font-size:2.4rem;font-weight:800;color:#fff}
.vp-team-card .badge{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);background:#fff;
  border-radius:999px;padding:.2rem .7rem;font-size:.72rem;font-weight:800;color:var(--vp-green-d);box-shadow:var(--vp-sh-sm)}
.vp-team-card h3{font-size:1.05rem;font-weight:800;margin:0 0 .2rem}
.vp-team-card .br{font-size:.85rem;color:var(--vp-mut);font-weight:600}

/* ── SÖZ / about promise ──────────────────────────────────────────────── */
.vp-promise{position:relative}
.vp-promise-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}
.vp-promise-visual{position:relative;aspect-ratio:5/4}
.vp-promise-visual .disc{position:absolute;inset:0;border-radius:42% 58% 56% 44%/52% 48% 52% 48%;
  background:linear-gradient(150deg,#ffe6d6,#ffd0bb);overflow:hidden;box-shadow:var(--vp-sh)}
.vp-promise-visual .disc img{width:100%;height:100%;object-fit:cover}
.vp-promise-visual .disc .paw-xl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--vp-coral);opacity:.55}
.vp-promise-visual .disc .paw-xl svg{width:42%;height:42%}
.vp-promise-visual .stat-bubble{position:absolute;background:#fff;border-radius:22px;padding:1rem 1.2rem;box-shadow:var(--vp-sh);text-align:center}
.vp-promise-visual .sb1{top:-4%;right:-4%}
.vp-promise-visual .sb2{bottom:-4%;left:-6%}
.vp-promise-visual .stat-bubble b{display:block;font-size:1.7rem;font-weight:800;color:var(--vp-green-d);line-height:1}
.vp-promise-visual .stat-bubble span{font-size:.78rem;color:var(--vp-mut);font-weight:600}
.vp-promise-text h2{font-size:clamp(1.9rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.025em;margin:.7rem 0 0}
.vp-promise-text h2 em{font-style:normal;color:var(--vp-green-d)}
.vp-promise-text>p{color:var(--vp-mut);font-size:1.04rem;line-height:1.65;margin:1rem 0 0}
.vp-promise-list{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.8rem}
.vp-promise-list li{display:flex;align-items:flex-start;gap:.7rem;font-weight:600;color:var(--vp-ink)}
.vp-promise-list .mk{flex:none;width:28px;height:28px;border-radius:50%;background:var(--vp-mint);color:var(--vp-green-d);
  display:flex;align-items:center;justify-content:center;margin-top:1px}
.vp-promise-list .mk svg{width:15px;height:15px}
.vp-promise-act{margin-top:1.6rem;display:flex;gap:.7rem;flex-wrap:wrap}

/* ── YORUMLAR (konuşma balonu) ────────────────────────────────────────── */
.vp-rev{background:var(--vp-ink);border-radius:48px;margin:0 16px;color:#eafaf3}
.vp-rev .vp-head h2{color:#fff}
.vp-rev .vp-head h2 em{color:#7fe3c0}
.vp-rev .vp-head p{color:#a9c7bc}
.vp-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vp-rev-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:26px}
.vp-rev-card .stars{color:var(--vp-amber);letter-spacing:2px;font-size:1rem}
.vp-rev-card p{margin:.8rem 0 1.2rem;line-height:1.6;color:#e3f3ec;font-size:.98rem}
.vp-rev-who{display:flex;align-items:center;gap:.7rem}
.vp-rev-who .av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#fff;font-size:1rem}
.vp-rev-who b{display:block;font-size:.95rem;color:#fff}
.vp-rev-who small{color:#9fc0b4;font-size:.82rem}

/* ── 7/24 ACİL bandı ──────────────────────────────────────────────────── */
.vp-emerg{margin:64px 16px 0}
.vp-emerg-in{background:linear-gradient(120deg,var(--vp-coral),#ff6f4d);border-radius:34px;
  padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  position:relative;overflow:hidden;box-shadow:0 30px 60px -28px rgba(255,111,77,.9)}
.vp-emerg-in .paw-bg{position:absolute;right:-10px;top:-20px;color:rgba(255,255,255,.14)}
.vp-emerg-in .paw-bg svg{width:180px;height:180px}
.vp-emerg-tx{position:relative;z-index:1;color:#fff}
.vp-emerg-tx .lbl{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:.82rem;
  background:rgba(255,255,255,.2);padding:.3rem .8rem;border-radius:999px}
.vp-emerg-tx h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:.6rem 0 .3rem;letter-spacing:-.02em}
.vp-emerg-tx p{margin:0;opacity:.95}
.vp-emerg-call{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.6rem;background:#fff;
  color:#ff5d3a;font-weight:800;font-size:1.15rem;text-decoration:none;padding:1rem 1.7rem;border-radius:999px;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.4);transition:.18s}
.vp-emerg-call:hover{transform:translateY(-3px) scale(1.02)}

/* ── BLOG ─────────────────────────────────────────────────────────────── */
.vp-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vp-blog-card{background:#fff;border:1.5px solid var(--vp-line);border-radius:26px;overflow:hidden;
  text-decoration:none;color:var(--vp-ink);box-shadow:var(--vp-sh-sm);transition:.2s;display:flex;flex-direction:column}
.vp-blog-card:hover{transform:translateY(-6px);box-shadow:var(--vp-sh)}
.vp-blog-ph{aspect-ratio:16/10;background:var(--vp-mint);position:relative;display:flex;align-items:center;justify-content:center}
.vp-blog-ph img{width:100%;height:100%;object-fit:cover}
.vp-blog-ph .paw{color:var(--vp-green);opacity:.4}
.vp-blog-ph .paw svg{width:48px;height:48px}
.vp-blog-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.vp-blog-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--vp-mut);font-weight:600;margin-bottom:.5rem}
.vp-blog-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--vp-mut);display:inline-block}
.vp-blog-card h3{font-size:1.12rem;font-weight:800;line-height:1.3;margin:0 0 .5rem}
.vp-blog-card p{font-size:.9rem;color:var(--vp-mut);line-height:1.55;margin:0 0 1rem;flex:1}
.vp-blog-card .go{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.86rem;color:var(--vp-green-d)}
.vp-blog-foot{text-align:center;margin-top:32px}

/* ── CTA ──────────────────────────────────────────────────────────────── */
.vp-cta{padding:64px 0}
.vp-cta-in{max-width:1148px;margin:0 auto;background:linear-gradient(140deg,var(--vp-green),#1b8f6c 60%,var(--vp-green-d));
  border-radius:42px;padding:54px 48px;text-align:center;position:relative;overflow:hidden;
  box-shadow:0 40px 80px -34px rgba(31,163,122,.95)}
.vp-cta-in .paw-bg{position:absolute;color:rgba(255,255,255,.1)}
.vp-cta-in .pb1{left:-30px;bottom:-40px}.vp-cta-in .pb1 svg{width:200px;height:200px}
.vp-cta-in .pb2{right:-20px;top:-30px;transform:rotate(30deg)}.vp-cta-in .pb2 svg{width:140px;height:140px}
.vp-cta-in h2{position:relative;z-index:1;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;margin:0}
.vp-cta-in p{position:relative;z-index:1;color:rgba(255,255,255,.9);font-size:1.1rem;margin:1rem auto 0;max-width:34em}
.vp-cta-act{position:relative;z-index:1;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}
.vp-cta-act .vp-btn-primary{background:#fff;color:var(--vp-green-d)}
.vp-cta-act .vp-btn-primary:hover{background:var(--vp-cream)}
.vp-cta-act .vp-btn-ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4)}
.vp-cta-act .vp-btn-ghost:hover{background:rgba(255,255,255,.24)}

/* ── FOOTER yumuşatma ─────────────────────────────────────────────────── */
.ft{border-radius:48px 48px 0 0;margin-top:8px}

/* ════════════════════════════════════════════════════════════════════════
   İÇ SAYFALAR — eski sınıfları (.pagehero/.tx/.tm/.bx/.det/.contact...)
   oyunbaz pet diline uyarlayan override'lar (markup değişmeden).
   ════════════════════════════════════════════════════════════════════════ */

/* ── Sayfa hero ─────────────────────────────────────────────────────────── */
.pagehero{position:relative;background:var(--vp-mint);padding:120px 0 56px;margin-bottom:8px;
  border-radius:0 0 44px 44px;overflow:hidden}
.pagehero::before{content:"";position:absolute;right:-8vw;top:-10vw;width:42vw;height:42vw;
  background:radial-gradient(circle at 40% 40%,#d8f2e6,#bfe7d6);opacity:.7;
  border-radius:46% 54% 52% 48%/55% 46% 54% 45%}
.pagehero::after{content:"";position:absolute;left:-6vw;bottom:-12vw;width:26vw;height:26vw;
  background:radial-gradient(circle,#ffe6d6,#ffd6c2);opacity:.55;border-radius:50%}
.pagehero .wrap{position:relative;z-index:1}
.pagehero .crumb{display:inline-flex;align-items:center;gap:.5rem;font-size:.84rem;font-weight:600;
  color:var(--vp-mut);background:#fff;border:1.5px solid var(--vp-line);padding:.4rem .9rem;border-radius:999px;
  box-shadow:var(--vp-sh-sm);margin-bottom:1.1rem}
.pagehero .crumb a{color:var(--vp-green-d);text-decoration:none}
.pagehero .crumb .sep{opacity:.4}
.pagehero h1{font-family:'Manrope',sans-serif!important;font-size:clamp(2.1rem,4.6vw,3.2rem)!important;
  font-weight:800!important;letter-spacing:-.03em!important;color:var(--vp-ink)!important;margin:.5rem 0 0!important}
.pagehero p{color:var(--vp-mut);font-size:1.06rem;line-height:1.6;max-width:46em;margin:.8rem 0 0}

/* eyebrow → pill (iç sayfalarda) */
.eyebrow{display:inline-flex!important;align-items:center;gap:.5rem;font-family:'Manrope',sans-serif!important;
  font-size:.8rem!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none!important;
  color:var(--vp-green-d)!important;background:#fff;border:1.5px solid var(--vp-line);
  padding:.4rem .85rem!important;border-radius:999px;box-shadow:var(--vp-sh-sm)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--vp-green)}
.pagehero .eyebrow{margin-bottom:.4rem}

/* başlık/lead ortak */
.h2,.sec h2{font-family:'Manrope',sans-serif!important;font-weight:800!important;letter-spacing:-.025em!important;
  color:var(--vp-ink)!important}
.lead{color:var(--vp-mut)}

/* ── Servis / değer kartları (.tx) → baloncuk ─────────────────────────── */
.tx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tx-card{position:relative;background:#fff;border:1.5px solid var(--vp-line)!important;border-radius:26px!important;
  padding:26px 22px!important;text-decoration:none;color:var(--vp-ink)!important;box-shadow:var(--vp-sh-sm);
  transition:.2s;overflow:hidden}
.tx-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:var(--vp-sh);border-color:var(--vp-line)}
.tx-card .tx-num{position:absolute;top:16px;right:18px;font-size:.8rem;font-weight:800;color:var(--vp-line)}
.tx-card .tx-ic{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;
  margin-bottom:14px;color:var(--vp-green-d)}
.tx-card:nth-child(5n+1) .tx-ic{background:#e7f6ee;color:#127a5a}
.tx-card:nth-child(5n+2) .tx-ic{background:#ffede1;color:#e07a4f}
.tx-card:nth-child(5n+3) .tx-ic{background:#e4f4f8;color:#2e9bb5}
.tx-card:nth-child(5n+4) .tx-ic{background:#fbf0d8;color:#c98a2e}
.tx-card:nth-child(5n+5) .tx-ic{background:#f1eafb;color:#8a63cf}
.tx-card .tx-ic svg{width:30px;height:30px}
.tx-card h3{font-size:1.1rem;font-weight:800;margin:0 0 .35rem;color:var(--vp-ink)}
.tx-card p{font-size:.9rem;color:var(--vp-mut);line-height:1.5;margin:0 0 .9rem}
.tx-card .tx-more{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.85rem;color:var(--vp-green-d)}
.tx-foot{text-align:center;margin-top:34px}

/* ── Ekip kartları (.tm) → dost kart ──────────────────────────────────── */
.tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px}
.tm-card{background:#fff;border:1.5px solid var(--vp-line)!important;border-radius:30px!important;padding:18px!important;
  text-align:center;box-shadow:var(--vp-sh-sm);transition:.2s;text-decoration:none;color:var(--vp-ink)!important}
.tm-card:hover{transform:translateY(-6px);box-shadow:var(--vp-sh)}
.tm-card .tm-ph{aspect-ratio:1/1;border-radius:22px!important;overflow:hidden;margin-bottom:14px;position:relative;
  display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--vp-green),#2bbd8f)}
.tm-card:nth-child(4n+2) .tm-ph{background:linear-gradient(150deg,var(--vp-amber),#ffbf73)}
.tm-card:nth-child(4n+3) .tm-ph{background:linear-gradient(150deg,var(--vp-coral),#ffae95)}
.tm-card:nth-child(4n+4) .tm-ph{background:linear-gradient(150deg,var(--vp-sky),#9ad9e8)}
.tm-card .tm-ph img{width:100%;height:100%;object-fit:cover}
.tm-card .tm-ph .ini{font-size:2.4rem;font-weight:800;color:#fff}
.tm-card .tm-branch{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);background:#fff;
  border-radius:999px;padding:.2rem .7rem;font-size:.72rem;font-weight:800;color:var(--vp-green-d);box-shadow:var(--vp-sh-sm);white-space:nowrap}
.tm-card .tm-bd h3{font-size:1.05rem;font-weight:800;margin:0 0 .2rem;color:var(--vp-ink)}
.tm-card .tm-bd .ti{font-size:.85rem;color:var(--vp-mut);font-weight:600;margin-bottom:.5rem}
.tm-card .tm-bd .go{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.83rem;color:var(--vp-green-d)}

/* ── Blog kartları (.bx) ──────────────────────────────────────────────── */
.bx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bx-card{background:#fff;border:1.5px solid var(--vp-line)!important;border-radius:26px!important;overflow:hidden;
  text-decoration:none;color:var(--vp-ink)!important;box-shadow:var(--vp-sh-sm);transition:.2s;display:flex;flex-direction:column}
.bx-card:hover{transform:translateY(-6px);box-shadow:var(--vp-sh)}
.bx-card .bx-cv{aspect-ratio:16/10;background:var(--vp-mint);position:relative;display:flex;align-items:center;justify-content:center}
.bx-card .bx-cv img{width:100%;height:100%;object-fit:cover}
.bx-card .bx-cv .ph{color:var(--vp-green);opacity:.4}
.bx-card .bx-date{position:absolute;left:12px;bottom:12px;background:#fff;border-radius:999px;padding:.3rem .8rem;
  font-size:.74rem;font-weight:700;color:var(--vp-ink);box-shadow:var(--vp-sh-sm)}
.bx-card .bx-bd{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.bx-card .bx-bd h3{font-size:1.12rem;font-weight:800;line-height:1.3;margin:0 0 .5rem;color:var(--vp-ink)}
.bx-card .bx-bd p{font-size:.9rem;color:var(--vp-mut);line-height:1.55;margin:0 0 1rem;flex:1}
.bx-card .bx-bd .go{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.85rem;color:var(--vp-green-d)}

/* ── Butonlar (.btn) → vp-btn ─────────────────────────────────────────── */
.btn{display:inline-flex!important;align-items:center;gap:.5rem;font-family:'Manrope',sans-serif!important;
  font-weight:800!important;text-decoration:none;padding:.8rem 1.5rem!important;border-radius:999px!important;
  font-size:.95rem!important;background:var(--vp-green)!important;color:#fff!important;border:0!important;cursor:pointer;
  box-shadow:0 14px 28px -14px rgba(31,163,122,1);transition:.18s}
.btn:hover{transform:translateY(-3px);background:var(--vp-green-d)!important}
.btn.lg{padding:.98rem 1.7rem!important;font-size:1rem!important}
.btn.ghost{background:#fff!important;color:var(--vp-ink)!important;border:1.5px solid var(--vp-line)!important;box-shadow:var(--vp-sh-sm)}
.btn.ghost:hover{border-color:var(--vp-green)!important;background:#fff!important}

/* ── Detay sayfası (.det / .side / .pill / .prose / .cover) ───────────── */
.det{display:grid;grid-template-columns:1fr 340px;gap:34px;align-items:start}
.det-main .cover{width:100%;border-radius:26px!important;margin-bottom:1.4rem;box-shadow:var(--vp-sh-sm)}
.det-info{display:flex;flex-wrap:wrap;gap:.5rem}
.pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--vp-mint)!important;color:var(--vp-green-d)!important;
  border:0!important;border-radius:999px!important;padding:.45rem .9rem!important;font-size:.83rem;font-weight:700}
.det-lead{font-size:1.1rem!important;color:var(--vp-ink)!important;font-weight:600;line-height:1.6}
.prose{color:var(--vp-mut);line-height:1.75;font-size:1rem}
.prose h2,.prose h3{color:var(--vp-ink)!important;font-weight:800!important;font-family:'Manrope',sans-serif!important}
.prose a{color:var(--vp-green-d)}
.side{background:#fff;border:1.5px solid var(--vp-line);border-radius:26px;padding:24px;margin-bottom:18px;position:relative;overflow:hidden}
.side h3{font-size:1.1rem;font-weight:800;margin:0 0 .6rem;color:var(--vp-ink)}
.side .lk{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem 0;
  border-bottom:1px solid var(--vp-line);text-decoration:none;color:var(--vp-ink);font-weight:600;font-size:.92rem;transition:.15s}
.side .lk:last-child{border-bottom:0}
.side .lk:hover{color:var(--vp-green-d);padding-left:.4rem}
.side-cta{background:linear-gradient(150deg,var(--vp-green),#1b8f6c)!important;color:#fff!important;border:0!important;
  box-shadow:0 24px 50px -24px rgba(31,163,122,.9)}
.side-cta h3,.side-cta p{color:#fff!important}
.side-cta p{opacity:.92;font-size:.92rem;line-height:1.55}
.side-cta .btn{background:#fff!important;color:var(--vp-green-d)!important;width:100%;justify-content:center}
.side-cta .btn:hover{background:var(--vp-cream)!important}
.side .wm{position:absolute;right:-20px;bottom:-20px;color:rgba(255,255,255,.16);pointer-events:none}
.side:not(.side-cta) .wm{color:var(--vp-mint)}

/* ── Uzman detay (.dp) ────────────────────────────────────────────────── */
.dp{display:grid;grid-template-columns:300px 1fr;gap:38px;align-items:start}
.dp-ph{aspect-ratio:1/1;border-radius:30px!important;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,var(--vp-green),#2bbd8f);box-shadow:var(--vp-sh)}
.dp-ph img{width:100%;height:100%;object-fit:cover}
.dp-ph .ini{font-size:4rem;font-weight:800;color:#fff}
.dp-soc{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}
.dp-soc a{width:42px;height:42px;border-radius:14px;background:#fff;border:1.5px solid var(--vp-line);
  display:flex;align-items:center;justify-content:center;color:var(--vp-ink);transition:.18s}
.dp-soc a:hover{background:var(--vp-green);border-color:var(--vp-green);color:#fff;transform:translateY(-3px)}

/* ── Hakkımızda (.ax) ─────────────────────────────────────────────────── */
.ax{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.ax-panel{position:relative;background:var(--vp-mint);border-radius:30px;padding:34px;overflow:hidden;min-height:300px;
  display:flex;align-items:center;justify-content:center}
.ax-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:1;width:100%}
.ax-stats>div{background:#fff;border-radius:22px;padding:20px;text-align:center;box-shadow:var(--vp-sh-sm)}
.ax-stats .n{font-size:1.8rem;font-weight:800;color:var(--vp-green-d);line-height:1}
.ax-stats .l{font-size:.82rem;color:var(--vp-mut);font-weight:600;margin-top:.3rem}
.ax-panel .wm{position:absolute;right:-30px;bottom:-30px;color:rgba(31,163,122,.12);pointer-events:none}

/* ── CTA bandı (.cta-band) ────────────────────────────────────────────── */
.cta-band{background:linear-gradient(140deg,var(--vp-green),#1b8f6c 60%,var(--vp-green-d))!important;
  border-radius:42px!important;padding:54px 48px!important;text-align:center;position:relative;overflow:hidden;
  box-shadow:0 40px 80px -34px rgba(31,163,122,.95);color:#fff}
.cta-band h2{color:#fff!important;font-size:clamp(1.8rem,3.6vw,2.6rem)!important;font-weight:800!important;margin:0}
.cta-band p{color:rgba(255,255,255,.9)!important;font-size:1.05rem;margin:.9rem auto 1.6rem;max-width:34em}
.cta-band .btn{background:#fff!important;color:var(--vp-green-d)!important}
.cta-band .btn:hover{background:var(--vp-cream)!important}

/* ── İletişim (.contact / .ct-card / .field) ─────────────────────────── */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}
.ci-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.1rem}
.ci-row .i{flex:none;width:46px;height:46px;border-radius:15px;background:var(--vp-mint);color:var(--vp-green-d);
  display:flex;align-items:center;justify-content:center}
.ci-row strong{color:var(--vp-ink)}
.ci-row a{color:var(--vp-green-d);text-decoration:none}
.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
.ct-map{margin-top:1.6rem;border-radius:24px;overflow:hidden;border:1.5px solid var(--vp-line)}
.ct-map iframe{width:100%;height:280px;border:0;display:block}
.ct-card{background:#fff;border:1.5px solid var(--vp-line);border-radius:30px;padding:30px;box-shadow:var(--vp-sh-sm)}
.ct-card h3{font-size:1.3rem;font-weight:800;margin:0 0 .3rem;color:var(--vp-ink)}
.ct-card .sub{color:var(--vp-mut);font-size:.92rem;margin-bottom:1.2rem}
.ct-card .field{margin-bottom:1rem}
.ct-card label{display:block;font-size:.84rem;font-weight:700;color:var(--vp-ink);margin-bottom:.4rem}
.ct-card input,.ct-card textarea{width:100%;border:1.5px solid var(--vp-line);border-radius:14px;padding:.75rem .95rem;
  font-family:inherit;font-size:.95rem;color:var(--vp-ink);background:#fff;transition:.15s}
.ct-card input:focus,.ct-card textarea:focus{outline:0;border-color:var(--vp-green);box-shadow:0 0 0 4px rgba(31,163,122,.12)}
.ct-card .note{background:var(--vp-mint);color:var(--vp-green-d);border-radius:14px;padding:.7rem 1rem;font-weight:600;
  font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.ct-card .note.err{background:#ffe8e0;color:#d2502c}

/* ── Boş durum (.empty) ───────────────────────────────────────────────── */
.empty{text-align:center;padding:60px 20px}
.empty .ic{width:84px;height:84px;border-radius:50%;background:var(--vp-mint);color:var(--vp-green-d);
  display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}

/* ── İç sayfa responsive ──────────────────────────────────────────────── */
@media(max-width:980px){
  .det,.dp,.ax,.contact{grid-template-columns:1fr;gap:28px}
  .tx-grid{grid-template-columns:repeat(2,1fr)}
  .bx-grid{grid-template-columns:1fr}
  .dp-ph{max-width:300px;margin:0 auto}
}
@media(max-width:560px){
  .pagehero{padding:104px 0 40px}
  .tx-grid{grid-template-columns:1fr}
  .ax-stats{grid-template-columns:1fr 1fr}
  .cta-band{padding:34px 24px!important}
}

/* ── RESPONSIVE ───────────────────────────────────────────────────────── */
@media(max-width:980px){
  .vp-hero-inner{grid-template-columns:minmax(0,1fr);gap:30px}
  .vp-hero-text{max-width:100%}
  .vp-hero-h1{white-space:normal;overflow-wrap:break-word}
  .vp-hero-sub{max-width:100%}
  .vp-hero-visual{max-width:380px;margin:0 auto;order:-1}
  .vp-stats-grid{grid-template-columns:repeat(2,1fr)}
  .vp-steps-grid{grid-template-columns:1fr}
  .vp-serv-grid{grid-template-columns:repeat(2,1fr)}
  .vp-team-grid{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}
  .vp-rev-grid,.vp-blog-grid{grid-template-columns:1fr}
  .vp-promise-grid{grid-template-columns:1fr;gap:60px}
  .vp-promise-visual{max-width:420px;margin:0 auto;width:100%}
}
@media(max-width:560px){
  .vp-serv-grid{grid-template-columns:1fr}
  .vp-team-grid{grid-template-columns:repeat(2,1fr)}
  .vp-stats-grid{grid-template-columns:1fr}
  .vp-emerg-in,.vp-cta-in{padding:30px 24px}
  .vp-serv,.vp-rev{border-radius:34px;margin:0 8px}
  .vp-hero-act .vp-btn{flex:1;justify-content:center}
  .vp-hero-h1{font-size:clamp(2.1rem,8.5vw,2.7rem)}
  .vp-hero-visual{max-width:300px}
  .vp-float.f1{left:2%}.vp-float.f2{right:2%}.vp-float.f3{left:10%}
  .vp-float{padding:.55rem .7rem;font-size:.8rem}
  .vp-emerg-in{flex-direction:column;text-align:center}
  .vp-emerg-call{width:100%;justify-content:center}
}