/* Отраслевые страницы /dlya/* · 17.10.2026 · токены milagpt.io (стандарт milagpt-sayt §2) */
*{box-sizing:border-box;margin:0;padding:0}
:root{--teal:#0d9488;--teal-dark:#0f766e;--teal-deep:#134e4a;--teal-bg:#f0fdfa;--teal-line:#99f6e4;
 --gold:#d4a574;--gold-dark:#b8845a;--gold-bg:#f9f1e7;--ink:#16302d;--muted:#5c6f6c;--paper:#fbfbf8;--card:#fff;
 --mint:#5fe0cf;--sun:#ffd36e;--ez:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:16.5px;line-height:1.6;background:var(--paper);color:var(--ink);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--teal-dark);text-decoration:none}
::selection{background:var(--teal);color:#fff}
:focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px;border-radius:8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
h1,h2,h3{line-height:1.12;letter-spacing:-.015em;font-weight:800}
section{padding:clamp(54px,7.5vw,96px) 0;position:relative}
.sec-white{background:#fff}.sec-tint{background:var(--teal-bg)}
.bkick{display:inline-block;margin-bottom:12px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark);background:#fff4e2;border-radius:999px;padding:6px 12px}
h2{font-size:clamp(27px,4.2vw,42px);color:var(--teal-deep)}
h2 .hl,h1 .hl{color:var(--teal)}
.gtx{background:linear-gradient(100deg,var(--teal) 0%,#14b8a6 40%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--muted);font-size:clamp(16px,1.9vw,18.5px);max-width:64ch;margin-top:14px}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:700;font-size:15.5px;border-radius:12px;padding:14px 24px;cursor:pointer;border:none;line-height:1.2;text-align:center;transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:scale(.98)}
.btn-p{background:var(--teal);color:#fff;box-shadow:0 8px 24px rgba(13,148,136,.28)}
.btn-gold{background:var(--gold-dark);color:#fff;box-shadow:0 8px 24px rgba(184,132,90,.32)}
.btn-lg{padding:16px 30px;font-size:16.5px}
.shine{position:relative;overflow:hidden}
.btn.shine::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-160%) skewX(-18deg);animation:shn 4s ease-in-out infinite}
@keyframes shn{0%,60%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(330%) skewX(-18deg)}}

/* первый экран */
.hero{overflow:hidden;padding:0;background:radial-gradient(70% 90% at 82% 0%,rgba(153,246,228,.42),transparent 60%),radial-gradient(55% 70% at 6% 96%,rgba(249,241,231,.95),transparent 60%),var(--paper)}
.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:84px 0 70px;min-height:78svh}
.crumbs{font-size:13.5px;color:var(--muted);margin-bottom:14px}.crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--teal-line);text-underline-offset:3px}
.hkick{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold-dark);display:inline-flex;align-items:center;gap:9px;margin-bottom:16px}
.hkick .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(13,148,136,.15);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}
.hero h1{font-size:clamp(31px,4.6vw,52px);color:var(--teal-deep)}
.pains{list-style:none;margin:22px 0 0;display:grid;gap:9px;max-width:56ch}
.pains li{font-size:clamp(15.5px,1.8vw,17.5px);color:var(--muted);padding-left:30px;position:relative;line-height:1.45}
.pains li i{font-style:normal;position:absolute;left:0}
.oneline{margin-top:22px;font-size:clamp(18px,2.1vw,21px);font-weight:700;color:var(--ink);max-width:44ch;line-height:1.4}
.hcta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center}
.hnote{margin-top:12px;font-size:14px;color:var(--muted);max-width:52ch}

/* сцена: Мила + чат */
.stage{position:relative;display:flex;justify-content:center}
.chat{position:relative;z-index:2;width:min(430px,100%);background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(19,78,74,.16);border:1px solid rgba(153,246,228,.7);overflow:hidden}
.chat-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--teal-deep);color:#fff}
.chat-h img{width:36px;height:36px;border-radius:50%;background:#fff;object-fit:cover}
.chat-h b{display:block;font-size:15px;line-height:1.2}.chat-h small{font-size:12px;color:#a8d5cc}
.chat-b{padding:16px 14px 18px;display:grid;gap:10px;background:linear-gradient(#f7fbfa,#fff);min-height:300px;align-content:start}
.msg{max-width:88%;font-size:14.5px;line-height:1.45;padding:10px 13px;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ez),transform .4s var(--ez)}
.msg.in{opacity:1;transform:none}
.msg.me{justify-self:end;background:var(--teal);color:#fff;border-radius:16px 4px 16px 16px}
.msg.mila{justify-self:start;background:#e3f4f0;color:var(--ink);border-radius:4px 16px 16px 16px}
.msg .t{display:block;font-size:11px;opacity:.65;margin-top:4px;text-align:right}
.typing{justify-self:start;background:#e3f4f0;border-radius:4px 16px 16px 16px;padding:12px 14px;display:none;gap:5px}
.typing.on{display:inline-flex}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--teal);opacity:.35;animation:dot 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{opacity:1;transform:translateY(-3px)}}
.chat-cap{font-size:12px;color:var(--muted);text-align:center;padding:0 14px 12px;background:#fff}
.mascot{position:absolute;z-index:3;width:clamp(96px,11vw,140px);height:auto;right:-18px;bottom:-34px;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 14px 22px rgba(19,78,74,.18))}
@keyframes float{50%{transform:translateY(-10px) rotate(-2deg)}}

/* карточки дел */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:34px}
.card{position:relative;display:block;background:#fff;border:1.5px solid rgba(153,246,228,.9);border-radius:18px;padding:20px 20px 18px;color:var(--ink);transition:transform .3s var(--ez),box-shadow .3s var(--ez),border-color .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(19,78,74,.12);border-color:var(--teal)}
.card:active{transform:scale(.98)}
.card .ic{font-size:26px;line-height:1;display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:var(--teal-bg);margin-bottom:12px;transition:transform .35s var(--ez)}
.card:hover .ic{transform:rotate(-8deg) scale(1.08)}
.card h3{font-size:18px;color:var(--teal-deep);margin-bottom:6px}
.card p{font-size:15px;color:var(--muted);line-height:1.5}
.card .more{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;color:var(--teal-dark)}
.card .more::after{content:" →";display:inline-block;transition:transform .25s var(--ez)}
.card:hover .more::after{transform:translateX(4px)}

/* день с Милой */
.day{margin-top:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.dlog{background:#fff;border-radius:22px;border:1px solid rgba(153,246,228,.8);box-shadow:0 18px 44px rgba(19,78,74,.08);padding:20px 16px;display:grid;gap:12px}
.dlog .tm{justify-self:center;font-size:12px;font-weight:700;color:var(--gold-dark);background:var(--gold-bg);border-radius:999px;padding:3px 10px;opacity:0;transition:opacity .4s var(--ez)}
.dlog .tm.in{opacity:1}
.dside h3{font-size:20px;color:var(--teal-deep);margin-bottom:10px}
.dside ul{list-style:none;display:grid;gap:12px}
.dside li{padding-left:30px;position:relative;color:var(--muted)}
.dside li i{position:absolute;left:0;font-style:normal}
.ex{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--teal-line);border-radius:999px;padding:3px 10px;margin-bottom:10px}

/* сама / с согласия */
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.col{background:#fff;border-radius:20px;padding:24px;border:1.5px solid var(--teal-line)}
.col.ok{border-color:var(--gold)}
.col h3{font-size:19px;color:var(--teal-deep);margin-bottom:12px;display:flex;gap:10px;align-items:center}
.col ul{list-style:none;display:grid;gap:10px}
.col li{padding-left:26px;position:relative;font-size:15.5px;line-height:1.5}
.col li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:800}
.col.ok li::before{content:"✋";font-size:14px}
.jline{margin-top:16px;font-size:15px;color:var(--muted)}

/* команда */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.tm-c{background:#fff;border-radius:20px;padding:22px;text-align:center;border:1.5px solid rgba(153,246,228,.9);transition:transform .3s var(--ez),box-shadow .3s var(--ez);color:var(--ink);display:block}
.tm-c:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(19,78,74,.12)}
.tm-c img{width:104px;height:104px;border-radius:50%;margin:0 auto 12px;transition:transform .4s var(--ez)}
.tm-c:hover img{transform:scale(1.06) rotate(-3deg)}
.tm-c h3{font-size:18px;color:var(--teal-deep)}
.tm-c p{font-size:15px;color:var(--muted);margin-top:6px}
.tm-c .more{display:inline-block;margin-top:10px;font-weight:700;font-size:14px;color:var(--teal-dark)}
.silyl{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:15.5px}
.chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--teal-line);border-radius:999px;padding:8px 14px;font-weight:700;font-size:14.5px;color:var(--teal-deep);transition:transform .25s var(--ez),border-color .25s}
.chip:hover{transform:translateY(-2px);border-color:var(--teal)}

/* шаги */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;counter-reset:s}
.steps li{background:#fff;border-radius:20px;padding:24px 22px;border:1.5px solid var(--teal-line);position:relative}
.steps .n{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:var(--teal);color:#fff;font-weight:800;margin-bottom:12px}
.steps li:nth-child(3) .n{background:var(--gold-dark)}
.steps h3{font-size:18px;color:var(--teal-deep);margin-bottom:6px}
.steps p{font-size:15px;color:var(--muted)}
.steps .price{display:block;margin-top:8px;font-weight:800;color:var(--ink);font-size:16px}

/* вопросы */
.faq{margin-top:30px;max-width:80ch;display:grid;gap:12px}
.faq details{background:#fff;border:1.5px solid var(--teal-line);border-radius:14px;padding:16px 20px;transition:border-color .25s}
.faq details[open]{border-color:var(--teal)}
.faq summary{cursor:pointer;font-weight:700;color:var(--teal-deep);font-size:17px;list-style:none;position:relative;padding-right:28px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:22px;color:var(--teal);transition:transform .3s var(--ez)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:10px;color:var(--muted);font-size:15.5px;line-height:1.55}

/* смежные */
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:26px}
.rel a{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:16px 18px;border:1.5px solid var(--teal-line);font-weight:700;color:var(--teal-deep);transition:transform .25s var(--ez),border-color .25s}
.rel a:hover{transform:translateY(-3px);border-color:var(--teal)}
.rel a span{font-size:24px}
.rel a small{display:block;font-weight:400;color:var(--muted);font-size:13.5px}

/* финал */
.final{background:linear-gradient(150deg,var(--teal-deep),var(--teal-dark));border-radius:26px;padding:clamp(40px,6vw,70px) 28px;text-align:center;position:relative;overflow:hidden}
.final h2{color:#fff}
.final p{color:#c9e8e2;max-width:56ch;margin:16px auto 26px;font-size:16.5px}
.final .fnmicro{margin-top:14px;font-size:13.5px;color:#a8d5cc}
.final img{width:96px;height:auto;margin:0 auto 14px;animation:float 5s ease-in-out infinite}

/* липкая кнопка на телефоне */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:290;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:2px solid var(--teal);box-shadow:0 -8px 24px rgba(19,78,74,.12);transform:translateY(110%);transition:transform .35s var(--ez)}
.sticky span{font-size:13px;color:var(--muted);line-height:1.35}
.sticky .btn{flex:0 0 auto;white-space:nowrap;padding:11px 16px;font-size:14.5px}
.sticky.show{transform:none}
@media(max-width:860px){.sticky{display:flex}}

/* появление */
.rv{opacity:0;transform:translateY(18px);transition:opacity .45s var(--ez),transform .45s var(--ez)}
.rv.in{opacity:1;transform:none}

@media(max-width:960px){.hgrid{grid-template-columns:1fr;padding:56px 0 64px;min-height:0;gap:36px}.day{grid-template-columns:1fr}.team{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.two{grid-template-columns:1fr}.mascot{right:-6px;bottom:-30px;width:92px;height:auto}}
@media(max-width:480px){.wrap{padding:0 16px}.hero h1{font-size:29px}.btn-lg{width:100%}.chat-b{min-height:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.rv,.msg,.dlog .tm{opacity:1;transform:none}}