/* ============================================================
   Вера · Массаж — style.css
   Turquoise · cream · cloud / glassmorphism · hand-drawn contours
   ============================================================ */

:root{
  /* palette — бирюза + крем + тёплое дерево */
  --cream:    #F7F2E8;
  --cream-2:  #F1E9D8;
  --sand:     #E3D5BB;
  --wood:     #CDBC9C;
  --teal:     #17686B;
  --teal-deep:#0E4649;
  --teal-soft:#3E9A97;
  --teal-mist:#9ED2CE;
  --teal-pale:#DDEFEC;
  --ink:      #173230;
  --muted:    #647E7C;
  --glass:     rgba(255,255,255,.55);
  --glass-2:   rgba(255,255,255,.72);
  --line:      rgba(255,255,255,.8);

  --serif: Georgia, 'Times New Roman', serif;
  --sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
           'Helvetica Neue', Arial, sans-serif;

  --r-lg: 26px;
  --r-md: 20px;
  --r-pill: 999px;
  --shadow-soft: 0 24px 60px rgba(14,70,73,.12);
  --shadow-teal: 0 22px 60px rgba(14,70,73,.28);
  --maxw: 1120px;
}

/* ---------- base ---------- */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; }

body{
  font-family:var(--sans);
  color:var(--ink);
  line-height:1.6;
  font-size:1.02rem;
  -webkit-font-smoothing:antialiased;
  background-color:var(--cream);
  background-image:
    radial-gradient(1100px 780px at 6% -6%, rgba(158,210,207,.4), transparent 62%),
    radial-gradient(900px 680px at 97% 10%, rgba(227,213,187,.65), transparent 58%),
    radial-gradient(1200px 900px at 50% 110%, rgba(220,238,236,.55), transparent 62%),
    radial-gradient(700px 500px at 30% 60%, rgba(255,255,255,.5), transparent 60%),
    repeating-linear-gradient(93deg, rgba(198,185,162,.09) 0 2px, transparent 2px 9px);
  background-attachment: fixed;
  background-repeat:no-repeat;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }
button{ font-family:inherit; cursor:pointer; }

::selection{ background:var(--teal); color:var(--cream); }

.container{ width:min(var(--maxw), 92%); margin-inline:auto; }

/* ---------- typography ---------- */
h1,h2,h3{ font-family:var(--serif); font-weight:500; line-height:1.18; letter-spacing:.2px; }
h1{ font-size:clamp(2.3rem, 5.4vw, 3.9rem); color:var(--teal-deep); }
h2{ font-size:clamp(1.7rem, 3.6vw, 2.5rem); color:var(--teal-deep); }
h3{ font-size:1.28rem; color:var(--ink); }

.eyebrow{
  display:inline-flex; align-items:center; gap:.6rem;
  font-size:.78rem; font-weight:600; letter-spacing:.22em;
  text-transform:uppercase; color:var(--teal-soft);
}
.eyebrow::before{
  content:""; width:34px; height:1px; background:var(--teal-mist);
}
.section__head{ max-width:640px; margin-bottom:clamp(2rem,5vw,3.2rem); }
.section__head p{ margin-top:.9rem; color:var(--muted); }
.lead{ font-size:1.06rem; color:var(--muted); }

/* ---------- glass panels ---------- */
.glass{
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  padding:.95rem 1.7rem; border-radius:var(--r-pill);
  font-weight:600; font-size:1rem; letter-spacing:.02em;
  border:1px solid transparent; transition:.28s ease;
}
.btn--primary{
  color:#F8FCFB;
  background:linear-gradient(135deg, var(--teal-deep), var(--teal-soft));
  box-shadow:0 14px 34px rgba(14,70,73,.28);
}
.btn--primary:hover{ transform:translateY(-3px); box-shadow:0 20px 44px rgba(14,70,73,.36); }
.btn--ghost{
  color:var(--teal-deep);
  background:var(--glass-2);
  border-color:rgba(23,104,107,.28);
  backdrop-filter:blur(10px);
}
.btn--ghost:hover{ background:#fff; transform:translateY(-3px); }
.btn--light{
  color:var(--teal-deep);
  background:var(--cream);
  box-shadow:0 14px 30px rgba(6,30,32,.25);
}
.btn--light:hover{ transform:translateY(-3px); }

/* ---------- header ---------- */
.site-head{
  position:sticky; top:0; z-index:60;
  background:rgba(247,242,232,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.65);
}
.nav{ display:flex; align-items:center; gap:1rem; padding:.85rem 0; }
.brand{ display:flex; align-items:center; gap:.6rem; font-family:var(--serif); font-size:1.15rem; color:var(--teal-deep); }
.brand img{ width:34px; height:34px; }
.brand em{ font-style:italic; font-weight:400; color:var(--teal-soft); margin-left:.25rem; }

.nav__links{ display:flex; align-items:center; gap:.35rem; margin-left:auto; }
.nav__links a{
  padding:.55rem 1.05rem; border-radius:var(--r-pill);
  color:var(--muted); font-weight:500; font-size:.95rem; transition:.22s;
}
.nav__links a:hover{ color:var(--teal); background:rgba(23,104,107,.08); }
.nav__links a.active{ color:#F8FCFB; background:linear-gradient(135deg, var(--teal-deep), var(--teal-soft)); }
.nav__phone{ margin-left:.3rem; font-weight:600; color:var(--teal-deep); white-space:nowrap; }
.nav__phone small{ display:block; font-weight:400; font-size:.72rem; color:var(--muted); }

.burger{ display:none; margin-left:auto; background:none; border:0; width:42px; height:42px; }
.burger span{ display:block; width:22px; height:2px; margin:5px auto; background:var(--teal-deep); border-radius:2px; transition:.25s; }
.drawer-phone{ display:none; }

/* ---------- hero ---------- */
.hero{ position:relative; overflow:hidden; padding:clamp(3rem,8vw,6rem) 0 clamp(2.5rem,6vw,5rem); }
.hero__grid{ position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem); align-items:center; }

.blob{ position:absolute; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(158,210,207,.5), rgba(223,239,236,.05));
  filter:blur(6px); pointer-events:none; }
.blob--1{ width:340px; height:340px; top:-110px; right:-60px; }
.blob--2{ width:260px; height:260px; bottom:-120px; left:-70px; }

.floaty{ animation:floaty 7s ease-in-out infinite; }
.floaty--d{ animation-delay:-3.5s; }
@keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }

.hero h1{ margin-top:1.1rem; text-wrap:balance; }
.hero h1 em{ font-style:italic; color:var(--teal-soft); }
.hero .lead{ max-width:46ch; margin-top:1.3rem; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:.9rem; margin-top:2rem; }
.hero__note{ margin-top:1.6rem; font-size:.85rem; color:var(--muted); }

/* hero visual */
.hero__art{ position:relative; min-height:400px; }
.photoframe{
  position:relative; width:min(360px, 86%); margin-inline:auto;
  border-radius:30px; overflow:hidden; aspect-ratio:3/4;
  background:linear-gradient(160deg, var(--teal-pale), #fff 60%);
  box-shadow:var(--shadow-soft);
  border:1px solid var(--line);
}
.photoframe img{ width:100%; height:100%; object-fit:cover; }
.tilt{ transform:rotate(2.5deg); }
.tilt--b{ transform:rotate(-3deg); }

.hero__doodle{ position:absolute; width:74px; height:74px; opacity:.9;
  filter:drop-shadow(0 10px 18px rgba(14,70,73,.16)); }
.hero__doodle img{ width:100%; height:100%; }

/* trust chips */
.hero__chips{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:2rem; }
.chip{
  font-size:.82rem; color:var(--teal-deep); font-weight:600;
  padding:.5rem .95rem; border-radius:var(--r-pill);
  background:var(--glass-2); border:1px solid var(--line);
  backdrop-filter:blur(8px);
}

/* ---------- sections ---------- */
.section{ padding:clamp(3.2rem,8vw,5.5rem) 0; position:relative; }
.wave-divider{ display:block; width:100%; height:52px; color:var(--teal-pale); opacity:.55; }

/* ---------- services preview ---------- */
.svc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; }
.svc-card{
  padding:1.8rem 1.5rem 1.6rem; display:flex; flex-direction:column; gap:.8rem;
  transition:.3s ease; position:relative;
}
.svc-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-teal); }
.svc-card .icon{
  width:64px; height:64px; border-radius:50%;
  display:grid; place-items:center;
  background:rgba(23,104,107,.08); border:1px solid rgba(23,104,107,.14);
}
.svc-card .icon img{ width:40px; height:40px; }
.svc-card h3{ font-family:var(--serif); font-weight:500; color:var(--teal-deep); }
.svc-card p{ font-size:.92rem; color:var(--muted); flex:1; }
.svc-more{ font-size:.85rem; font-weight:600; color:var(--teal-soft); display:inline-flex; align-items:center; gap:.3rem; }
.svc-more::after{ content:"→"; transition:.25s; }
.svc-card:hover .svc-more::after{ transform:translateX(5px); }

/* ---------- benefits ---------- */
.benefits{ background:rgba(255,255,255,.28); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ben-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.ben{
  display:flex; gap:1.1rem; align-items:flex-start;
  padding:1.6rem; border-radius:var(--r-md);
  background:var(--glass); border:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.ben img{ width:46px; height:46px; flex:none; margin-top:.2rem; }
.ben h3{ font-size:1.08rem; color:var(--teal-deep); margin-bottom:.35rem; }
.ben p{ font-size:.92rem; color:var(--muted); }

/* ---------- video ---------- */
.video-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; }
.video-player{
  position:relative; overflow:hidden; border-radius:var(--r-lg);
  background:#0C2E30; box-shadow:var(--shadow-soft);
  aspect-ratio:9/14; border:1px solid var(--line);
}
.video-player video{ width:100%; height:100%; object-fit:cover; }
.vp-overlay{
  position:absolute; inset:0; display:grid; place-items:center;
  background:linear-gradient(180deg, rgba(10,40,42,0) 40%, rgba(10,40,42,.35));
  transition:opacity .3s;
}
.vp-overlay.hidden{ opacity:0; pointer-events:none; }
.vp-play{
  width:74px; height:74px; border-radius:50%; border:1px solid rgba(255,255,255,.6);
  background:rgba(255,255,255,.85); color:var(--teal-deep);
  display:grid; place-items:center; box-shadow:0 16px 40px rgba(0,0,0,.35);
  backdrop-filter:blur(6px); transition:.25s;
}
.vp-play:hover{ transform:scale(1.08); }
.vp-play svg{ width:26px; height:26px; margin-left:3px; }

.vp-bar{
  position:absolute; left:0; right:0; bottom:0; padding:.65rem .8rem;
  display:flex; align-items:center; gap:.7rem;
  background:linear-gradient(180deg, rgba(10,30,31,0) 0%, rgba(10,30,31,.78));
  opacity:0; transition:opacity .3s ease;
}
.video-player:hover .vp-bar, .video-player.playing .vp-bar{ opacity:1; }
.vp-bar[hidden]{ display:none; }
.vp-btn{ background:none; border:0; color:#fff; width:30px; height:30px; display:grid; place-items:center; }
.vp-btn svg{ width:18px; height:18px; }
.vp-seek{ flex:1; accent-color:var(--teal-mist); cursor:pointer; }
.vp-time{ color:rgba(255,255,255,.82); font-size:.76rem; font-variant-numeric:tabular-nums; white-space:nowrap; }

/* ---------- reviews ---------- */
.review-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.2rem; }
.review-grid > :last-child{ grid-column:1/-1; }
.review{
  padding:1.7rem 1.7rem 1.5rem; position:relative; display:flex; flex-direction:column; gap:.8rem;
  transition:.3s ease;
}
.review:hover{ transform:translateY(-5px); box-shadow:var(--shadow-teal); }
.review .q{ position:absolute; top:14px; right:20px; font-family:var(--serif); font-size:3.4rem; line-height:1; color:rgba(23,104,107,.18); }
.review p{ font-size:.98rem; color:var(--ink); }
.review .who{ display:flex; align-items:center; gap:.7rem; margin-top:auto; }
.review .who .av{
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  font-family:var(--serif); font-size:1rem; color:#F8FCFB;
  background:linear-gradient(135deg, var(--teal-deep), var(--teal-soft));
}
.review .who b{ display:block; font-size:.92rem; color:var(--teal-deep); }
.review .who small{ font-size:.78rem; color:var(--muted); }
.stars{ color:#E9A23B; font-size:.95rem; letter-spacing:.18em; }

/* featured VIP-review */
.review--feat{
  grid-column:1/-1;
  display:flex; align-items:center; gap:2rem;
  padding:2.2rem 2.5rem; position:relative;
  background:
    radial-gradient(560px 220px at 100% 0%, rgba(216,175,55,.2), transparent 55%),
    linear-gradient(140deg, rgba(23,104,107,.06), rgba(255,255,255,.85) 60%);
  border:1px solid rgba(201,162,39,.5);
}
.vip-badge{
  position:absolute; top:1rem; right:1rem; z-index:2;
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:#6f5510; background:linear-gradient(135deg,#F7E6AE,#DDBC55);
  padding:.45rem 1rem; border-radius:var(--r-pill);
  box-shadow:0 8px 22px rgba(180,140,40,.35);
}
.vip-badge::before{ content:"★"; font-size:.85rem; }
.feat-avatar{
  flex:none; width:272px; height:272px; border-radius:50%;
  object-fit:cover; padding:6px; background:#fff;
  border:3px solid #C9A227;
  box-shadow:0 14px 36px rgba(150,115,25,.35);
}
.feat-body{ flex:1; }
.review--feat .stars{ font-size:1.15rem; }
.feat-text{
  font-family:var(--serif); font-style:italic;
  font-size:clamp(1.3rem,2.6vw,1.8rem); line-height:1.35;
  color:var(--teal-deep); margin-top:.6rem;
}
.feat-who{ margin-top:1rem; display:flex; align-items:center; gap:.8rem; }
.feat-who b{ font-size:1.05rem; color:var(--teal-deep); }
.feat-who small{ color:var(--muted); }
.feat-who .av{
  width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  font-family:var(--serif); font-size:1rem; color:#6f5510;
  background:linear-gradient(135deg,#F7E6AE,#DDBC55);
}

/* ---------- price cards ---------- */
.pricing-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; }
.price-card{
  padding:2rem 1.6rem 1.8rem; text-align:center; position:relative; overflow:hidden;
  display:flex; flex-direction:column; align-items:center; gap:.7rem;
  color:var(--teal-deep);
  background:var(--glass); border:1px solid var(--line);
  border-radius:var(--r-lg);
  backdrop-filter:blur(14px); box-shadow:var(--shadow-soft);
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease, color .35s ease;
}
.price-card .star{ position:absolute; top:14px; left:14px; font-size:.85rem; color:var(--teal-mist); }
.price-card img{ width:52px; height:52px; }
.price-card .kicker{ font-size:.74rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--teal-soft); }
.price-card h3{ font-size:1.14rem; color:inherit; }
.price-card .price{ font-family:var(--serif); font-weight:500; font-size:clamp(1.7rem,2.6vw,2.1rem); letter-spacing:.5px; }
.price-card .price small{ font-size:.8em; font-family:var(--sans); font-weight:600; }
.price-card .note{ font-size:.8rem; color:var(--muted); }
.price-card .btn{ margin-top:.5rem; }

.price-card:hover{
  transform:translateY(-10px) scale(1.02);
  color:#F8FCFB;
  background:linear-gradient(150deg, var(--teal-deep) 0%, var(--teal) 55%, var(--teal-soft) 100%);
  box-shadow:var(--shadow-teal);
}
.price-card:hover .kicker, .price-card:hover .note, .price-card:hover .star, .price-card:hover small{ color:rgba(248,252,251,.8); }
.price-card:hover img{ filter:brightness(0) invert(1); opacity:.95; }
.price-card:hover a{ background:var(--cream); color:var(--teal-deep); box-shadow:none; }

/* ---------- services detail ---------- */
.svo{ display:grid; grid-template-columns:150px 1fr; gap:1.6rem; align-items:center; padding:1.9rem 2rem; margin-bottom:1.2rem; }
.svo img{ width:96px; height:96px; justify-self:center; }
.svo h3{ font-size:1.4rem; color:var(--teal-deep); margin-bottom:.4rem; }
.svo .tags{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.8rem; }
.svo .tags span{ font-size:.76rem; font-weight:600; padding:.35rem .8rem; border-radius:var(--r-pill); background:rgba(23,104,107,.08); color:var(--teal-soft); }
.svo p{ color:var(--muted); }

/* ---------- FAQ ---------- */
.faq{ border-bottom:1px solid rgba(23,104,107,.16); }
.faq summary{
  list-style:none; cursor:pointer; padding:1.2rem .2rem;
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  font-family:var(--serif); font-size:1.12rem; color:var(--teal-deep);
  transition:color .2s;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-family:var(--sans); font-size:1.3rem; color:var(--teal-soft); transition:.25s; }
.faq[open] summary::after{ transform:rotate(45deg); }
.faq .ans{ color:var(--muted); padding:0 .2rem 1.3rem; max-width:70ch; }

/* ---------- contact ---------- */
.cnt-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; }
.cnt-card{ display:flex; gap:1rem; align-items:center; padding:1.4rem 1.6rem; transition:.3s; }
.cnt-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-teal); }
.cnt-card .ico{ width:52px; height:52px; flex:none; border-radius:50%; display:grid; place-items:center; background:rgba(23,104,107,.09); border:1px solid rgba(23,104,107,.15); }
.cnt-card .ico svg{ width:24px; height:24px; stroke:var(--teal-soft); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.cnt-card b{ display:block; color:var(--teal-deep); }
.cnt-card span{ font-size:.88rem; color:var(--muted); }

.about{ display:grid; grid-template-columns:.9fr 1.1fr; gap:2.4rem; align-items:center; }
.about .photoframe{ aspect-ratio:3/4; }
.about p{ margin-top:1rem; color:var(--muted); }

/* ---------- form ---------- */
.form{ padding:2rem; display:grid; gap:1rem; }
.form label{ font-size:.86rem; font-weight:600; color:var(--teal-deep); display:grid; gap:.4rem; }
.form input, .form select, .form textarea{
  font-family:inherit; font-size:1rem; color:var(--ink);
  width:100%; padding:.85rem 1.1rem; border-radius:var(--r-md);
  border:1px solid rgba(23,104,107,.22); background:rgba(255,255,255,.7);
  outline:none; transition:.2s;
}
.form input:focus, .form select:focus, .form textarea:focus{ border-color:var(--teal-soft); box-shadow:0 0 0 4px rgba(62,154,151,.16); background:#fff; }
.form select{ appearance:none; }
.form textarea{ resize:vertical; min-height:110px; }
.form-thanks{ text-align:center; padding:3rem 1.5rem; }
.form-thanks svg{ width:74px; height:74px; margin:0 auto 1rem; }
.form-thanks p{ color:var(--muted); margin-top:.5rem; }

/* ---------- CTA band ---------- */
.cta-band{
  border-radius:var(--r-lg);
  background:linear-gradient(150deg, var(--teal-deep), var(--teal) 60%, var(--teal-soft));
  color:#F8FCFB; text-align:center; padding:clamp(2.5rem,6vw,4rem) 2rem;
  box-shadow:var(--shadow-teal); position:relative; overflow:hidden;
}
.cta-band h2{ color:#F8FCFB; }
.cta-band p{ color:rgba(248,252,251,.82); max-width:52ch; margin:1rem auto 1.8rem; }
.cta-band .btn--primary{ background:var(--cream); color:var(--teal-deep); }
.cta-band .btn--primary:hover{ background:#fff; }

/* ---------- footer ---------- */
.site-foot{ margin-top:clamp(3rem,7vw,5rem); background:linear-gradient(160deg, #0D3E41, #124F52); color:#DCEBE8; }
.foot{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:2rem; padding:3rem 0 2rem; }
.foot h4{ font-family:var(--serif); font-weight:500; color:#F8FCFB; margin-bottom:1rem; }
.foot a{ color:#B9D6D3; }
.foot a:hover{ color:#fff; }
.foot li{ margin-bottom:.55rem; }
.foot .brand{ color:#F8FCFB; margin-bottom:.8rem; }
.foot .brand em{ color:var(--teal-mist); }
.foot p{ font-size:.9rem; color:rgba(220,235,232,.8); }
.foot .big-phone{ font-family:var(--serif); font-size:1.4rem; color:#F8FCFB; }
.foot-bottom{ border-top:1px solid rgba(255,255,255,.12); padding:1.2rem 0; font-size:.82rem; color:rgba(220,235,232,.65); display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem; }

/* ---------- responsive ---------- */
@media (max-width: 980px){
  .svc-grid{ grid-template-columns:repeat(2,1fr); }
  .pricing-grid{ grid-template-columns:repeat(2,1fr); }
  .ben-grid{ grid-template-columns:1fr 1fr; }
  .hero__grid{ grid-template-columns:1fr; }
  .hero__art{ order:-1; min-height:340px; }
  .about{ grid-template-columns:1fr; }
  .foot{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 720px){
  body{ background-attachment:scroll; }
  .svc-grid, .pricing-grid, .ben-grid, .video-grid, .review-grid, .cnt-grid{ grid-template-columns:1fr; }
  .review--feat{ flex-direction:column; text-align:center; gap:1.2rem; padding:2.2rem 1.5rem 1.8rem; }
  .review--feat .feat-who{ justify-content:center; }
  .feat-avatar{ width:224px; height:224px; }
  .foot{ grid-template-columns:1fr; }
  .svo{ grid-template-columns:1fr; text-align:center; }
  .svo .tags{ justify-content:center; }

  .site-head{ backdrop-filter:none; -webkit-backdrop-filter:none; }

  .nav{ flex-wrap:wrap; gap:.6rem; padding:.7rem 0 .65rem; }
  .nav__links{
    display:flex; flex-direction:row; align-items:stretch; justify-content:center;
    flex-basis:100%; margin-left:0; gap:.5rem; min-width:0; padding:0;
    position:static; transform:none; background:none;
    box-shadow:none; border:0; backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  .nav__links a{
    flex:1 1 0; min-width:0; text-align:center; white-space:nowrap;
    padding:.7rem .35rem; font-size:.92rem;
  }
  .drawer-phone{ display:none; }
  .burger{ display:none; }
  .nav__phone{ display:inline-block; margin-left:auto; font-size:.95rem; }
}
@media (max-width: 420px){
  .svc-grid, .pricing-grid, .ben-grid{ grid-template-columns:1fr; }
  .nav__phone small{ display:none; }
  .nav__links a{ font-size:.88rem; padding:.65rem .25rem; }
}