*,*::before,*::after{box-sizing:border-box}
:root{
  --milk:#FFFAF5; --peach:#FFD3B6; --peach2:#FFE8D6; --blue:#1B3A57; --mint:#A8E6CF; --yellow:#FFE156;
  --ink:#1B3A57; --soft:#6b7f8f; --r:28px;
  --head:'Comfortaa','Fredoka',system-ui,sans-serif; --body:'Nunito',system-ui,sans-serif;
  --pad:clamp(16px,5vw,64px);
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--milk);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{margin:0;font-family:var(--head);font-weight:600;line-height:1.1;letter-spacing:-.01em}
em{font-style:normal;color:#E8672F}
p{margin:0}
a{color:inherit}
.paw{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.12em}

/* фон с лапками */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 64 64'%3E%3Cg fill='%231B3A57'%3E%3Cellipse cx='20' cy='24' rx='6' ry='8'/%3E%3Cellipse cx='44' cy='24' rx='6' ry='8'/%3E%3Cellipse cx='11' cy='39' rx='5' ry='7'/%3E%3Cellipse cx='53' cy='39' rx='5' ry='7'/%3E%3Cpath d='M32 34c8 0 15 6 15 13 0 5-5 8-8 6-3-1.3-4-2-7-2s-4.7.7-7 2c-3 2-8-1-8-6 0-7 7-13 15-13z'/%3E%3C/g%3E%3C/svg%3E")}

.p-paws{position:fixed;inset:0;pointer-events:none;z-index:0}
.p-paws__item{position:absolute;color:#FFD3B6;font-size:34px;opacity:.55;animation:drift 9s ease-in-out infinite}
.p-paws__item--1{left:6%;top:18%}
.p-paws__item--2{right:9%;top:32%;color:#A8E6CF;animation-delay:1.4s}
.p-paws__item--3{left:14%;bottom:22%;color:#FFE156;animation-delay:.8s}
.p-paws__item--4{right:16%;bottom:14%;animation-delay:2.1s}
.p-paws__item--5{left:46%;top:8%;font-size:24px;animation-delay:2.8s}
@keyframes drift{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-14px) rotate(9deg)}}
@media(prefers-reduced-motion:reduce){.p-paws__item{animation:none}}

.p-top{position:relative;z-index:3;display:flex;align-items:center;gap:18px;padding:16px var(--pad)}
.p-logo{display:flex;align-items:center;gap:8px;font-family:var(--head);font-size:19px;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--blue)}
.p-logo__icon{color:#E8672F;font-size:20px}
.p-logo em{color:#E8672F;font-style:normal}
.p-nav{display:flex;gap:20px;margin-left:auto;font-size:14.5px;color:var(--soft)}
.p-nav a{text-decoration:none}.p-nav a:hover{color:var(--blue)}
.p-cta{text-decoration:none;background:var(--blue);color:#fff;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px}
.p-cta:hover{background:#E8672F}

.p-hero{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,54px);align-items:center;padding:clamp(10px,3vw,34px) var(--pad) clamp(30px,5vw,60px);max-width:1280px;margin:0 auto}
.p-eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#C25A2A;margin-bottom:14px}
.p-hero h1{font-size:clamp(32px,4.9vw,62px)}
.p-lead{margin-top:18px;max-width:42ch;color:var(--soft);font-size:17px}
.p-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.p-btn{display:inline-block;background:#E8672F;color:#fff;text-decoration:none;padding:16px 28px;border-radius:999px;font-weight:800;font-size:15.5px;box-shadow:0 14px 26px rgba(232,103,47,.28);transition:transform .18s cubic-bezier(.2,1.5,.4,1)}
.p-btn:hover{transform:translateY(-3px) scale(1.02)}
.p-btn--ghost{background:#fff;color:var(--blue);box-shadow:0 10px 22px rgba(27,58,87,.12)}
.p-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.p-badges span{display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:8px 15px;font-size:13px;color:var(--soft);box-shadow:0 8px 18px rgba(27,58,87,.08)}

.p-hero__art{position:relative}
.p-sticker{background:linear-gradient(145deg,var(--peach),var(--yellow));border-radius:42px;padding:14px;transform:rotate(-2deg);box-shadow:0 24px 50px rgba(27,58,87,.16)}
.p-sticker img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:32px}
.p-bubble{position:absolute;background:#fff;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:800;box-shadow:0 12px 26px rgba(27,58,87,.16);animation:drift 7s ease-in-out infinite}
.p-bubble--1{display:flex;align-items:center;gap:6px;top:6%;left:-6%;background:var(--mint)}
.p-bubble--2{bottom:10%;right:-5%;background:var(--yellow);animation-delay:1s}

.p-who,.p-services,.p-steps,.p-before,.p-team,.p-reviews,.p-book{position:relative;z-index:2;padding:clamp(30px,5vw,74px) var(--pad);max-width:1200px;margin:0 auto}
.p-who h2,.p-services h2,.p-steps h2,.p-before h2,.p-team h2,.p-reviews h2,.p-book h2{font-size:clamp(26px,3.8vw,46px);margin-bottom:clamp(18px,3vw,30px)}

.p-who__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.p-who__item{background:#fff;border-radius:var(--r);padding:22px;box-shadow:0 14px 30px rgba(27,58,87,.07);transition:transform .2s}
.p-who__item:hover{transform:translateY(-5px) rotate(-1deg)}
.p-who__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--peach2);font-size:22px;margin-bottom:12px}
.p-who__item h3{font-size:17px;margin-bottom:6px}
.p-who__item p{font-size:14px;color:var(--soft)}

.p-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.p-service{background:#fff;border-radius:24px;padding:22px;border:2px solid var(--peach2);transition:transform .2s,border-color .2s}
.p-service:hover{transform:translateY(-4px);border-color:var(--peach)}
.p-service h3{font-size:17px}
.p-service__t{font-size:12px;color:var(--soft);margin:4px 0 12px}
.p-service__p{font-family:var(--head);font-size:22px;color:#E8672F}
.p-note{margin-top:16px;font-size:13px;color:var(--soft);max-width:66ch}

.p-steps{background:var(--peach2);border-radius:var(--r);max-width:1200px}
.p-path{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.p-step{background:#fff;border-radius:24px;padding:22px;position:relative}
.p-step__paw{position:absolute;right:16px;top:14px;color:var(--mint);font-size:20px}
.p-step__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--peach);color:var(--blue);font-family:var(--head);font-size:16px;margin-bottom:12px}
.p-step h3{font-size:16px;margin-bottom:6px}
.p-step p{font-size:13.5px;color:var(--soft)}

.p-slider{position:relative;max-width:820px;margin:0 auto;border-radius:var(--r);overflow:hidden;box-shadow:0 18px 40px rgba(27,58,87,.14);--pos:50%;aspect-ratio:4/5;touch-action:pan-y}
.p-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-slider__before{object-position:50% 50%}
.p-slider__after{object-position:50% 20%}
.p-slider__after{clip-path:inset(0 0 0 var(--pos))}
.p-slider__label{position:absolute;top:12px;background:rgba(27,58,87,.86);color:#fff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.p-slider__label--l{left:12px}
.p-slider__label--r{right:12px;background:rgba(232,103,47,.92)}
.p-slider__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.p-slider__handle{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.25);pointer-events:none}
.p-before__hint{font-size:12.5px;color:var(--soft);margin:-12px 0 14px;text-align:center}

.p-team__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.p-master{background:#fff;border-radius:24px;padding:22px;text-align:center;box-shadow:0 12px 26px rgba(27,58,87,.07)}
.p-master__av{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--mint);color:var(--blue);font-family:var(--head);font-size:24px}
.p-master h3{font-size:17px}
.p-master__r{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#C25A2A;margin:4px 0 10px}
.p-master p:last-child{font-size:13.5px;color:var(--soft)}

.p-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.p-review{background:var(--mint);border-radius:24px;padding:22px}
.p-review__stars{color:#E8672F;letter-spacing:.16em;font-size:13px;margin-bottom:10px}
.p-review p{font-size:14.5px}
.p-review__who{margin-top:12px;font-size:13px;color:#33566f}

.p-book{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,54px);background:var(--peach);border-radius:var(--r);padding:clamp(24px,4vw,52px);max-width:1200px}
.p-book h2{margin-bottom:14px}
.p-book p{color:#4a5f6f;max-width:40ch}
.p-book__meta{margin-top:20px;font-size:13px;color:#33566f;line-height:2}

.p-form{background:#fff;border-radius:24px;padding:clamp(18px,3vw,26px);display:grid;gap:12px;box-shadow:0 18px 38px rgba(27,58,87,.12)}
.p-form__title{font-family:var(--head);font-size:20px;color:var(--blue)}
.p-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.p-form label{display:grid;gap:6px}
.p-form label>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);font-weight:800}
.p-form input,.p-form select{padding:12px 14px;border:2px solid var(--peach2);border-radius:14px;background:#FFFDFB;font:inherit;font-size:15px;outline:none}
.p-form input:focus,.p-form select:focus{border-color:#E8672F}
.p-check{display:flex;gap:9px;font-size:12.5px;color:var(--soft);align-items:flex-start}
.p-form button{padding:15px;border:0;border-radius:999px;background:#E8672F;color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:transform .18s cubic-bezier(.2,1.5,.4,1)}
.p-form button:hover{transform:scale(1.02)}
.p-form__status{min-height:16px;font-size:13px;color:#2f7d5b}
.p-form__status.is-error{color:#c0392b}

.p-foot{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:clamp(24px,4vw,44px) var(--pad);background:var(--blue);color:#dfe8ef;font-size:13.5px}
.p-foot__logo{display:flex;align-items:center;gap:8px;font-family:var(--head);font-size:18px;color:#fff;margin-bottom:12px}
.p-foot a{display:block;text-decoration:none;margin-bottom:6px;color:#dfe8ef}
.p-foot a:hover{color:var(--yellow)}
.p-foot__map{position:relative;border-radius:18px;overflow:hidden}
.p-foot__map iframe{display:block;width:100%;height:150px;border:0}
.p-foot__map a{margin:0;padding:8px 12px;background:rgba(255,255,255,.1);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.p-foot__legal{grid-column:1/-1;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;opacity:.8}
.p-foot__legal a{display:inline;border-bottom:1px solid rgba(255,255,255,.4)}

.cookie{position:fixed;left:14px;right:14px;bottom:14px;max-width:520px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#fff;border-radius:22px;padding:16px;font-size:13px;box-shadow:0 18px 44px rgba(27,58,87,.18);z-index:60}
.cookie[hidden]{display:none}
.cookie button{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:10px 18px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.cookie button+button{background:var(--peach2);color:var(--blue)}

@media(max-width:1000px){
  .p-hero{grid-template-columns:1fr}
  .p-hero__art{order:-1;max-width:440px;margin:0 auto}
  .p-who__grid{grid-template-columns:1fr 1fr}
  .p-services__grid{grid-template-columns:1fr 1fr}
  .p-path{grid-template-columns:1fr 1fr}
  .p-team__grid,.p-reviews__grid{grid-template-columns:1fr}
  .p-book{grid-template-columns:1fr}
  .p-foot{grid-template-columns:1fr}
}
@media(max-width:600px){
  .p-nav{display:none}
  .p-who__grid,.p-services__grid,.p-path{grid-template-columns:1fr}
  .p-form__grid{grid-template-columns:1fr}
  .p-book{border-radius:0;margin-left:0;margin-right:0}
  .p-slider{aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation:none!important}}