/* Главная yadigital.ru — дизайн «YADIGITAL Approved Hero 3» (Figma x9BDoXkaAuzhumSkkW2KCf), свёрстан 28.10.2026 */
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f7f7f5;--white:#fff;--ink:#161819;--soft-ink:#4b4f50;--muted:#777c7b;--line:#e2e4e1;--accent:#d75e82;--accent-hover:#bc4369;--pale:#f6e6eb;--gray:#ebece9;--container:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;line-height:1.5}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:#f4c7d5;color:#111}
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:38px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}.eyebrow .pink-mark{color:var(--accent)}.section{padding-block:114px 0;scroll-margin-top:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.section-head>p{max-width:355px;font-size:15px;color:var(--muted);margin:0 0 6px}.heading{font-family:Inter,Arial,sans-serif;font-size:clamp(39px,4.15vw,61px);font-weight:650;letter-spacing:-.061em;line-height:1.055;margin:15px 0 0;max-width:860px}.heading em,.hero-title em{color:var(--accent);font-style:normal}.subline{color:var(--muted);font-size:15px;max-width:540px}.btn{min-height:52px;border-radius:7px;border:1px solid var(--accent);background:var(--accent);color:white;display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:14px 19px;font-size:13px;font-weight:650;white-space:nowrap;transition:transform .15s,background .15s,border-color .15s}.btn:hover{transform:translateY(-2px);background:var(--accent-hover);border-color:var(--accent-hover)}.btn.dark{background:#202325;border-color:#202325}.btn.dark:hover{background:#444}.btn.light{background:transparent;border:1px solid #c9ccc9;color:#202324}.btn.light:hover{background:white;border-color:#222}.text-link{font-size:13px;font-weight:650;display:inline-flex;gap:17px;align-items:center;white-space:nowrap;border-bottom:1px solid #aaa;padding-bottom:7px}.text-link:hover{border-color:var(--accent);color:var(--accent)}.arrow{font-size:20px;font-weight:350;line-height:1}
.site-header{height:86px;display:flex;align-items:center;background:var(--bg);position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(226,228,225,.72)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:32px}.logo{font-family:Inter,Arial,sans-serif;font-weight:850;font-size:22px;letter-spacing:-.08em;white-space:nowrap}.logo .dot{color:var(--accent)}.logo small{display:block;letter-spacing:.01em;font-weight:460;color:#818581;font-size:9px;margin-top:-4px}.menu{display:flex;gap:33px;align-items:center}.menu a{font-size:12px;font-weight:520;color:#535957}.menu a:hover{color:var(--accent)}.header-right{display:flex;align-items:center;gap:16px}.header-right .btn{min-height:42px;padding:10px 16px;gap:16px}.menu-btn{display:none;border:none;background:none;width:42px;height:42px;padding:8px}.menu-btn span{display:block;width:23px;height:2px;background:#1b1f20;margin:5px auto}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding-top:39px;padding-bottom:39px}.metric{display:flex;gap:19px;align-items:baseline;justify-content:center;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-family:Inter,Arial,sans-serif;font-size:37px;letter-spacing:-.07em;font-weight:650}.metric span{color:var(--muted);font-size:13px;line-height:1.35;max-width:110px}
.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end}.intro .heading{max-width:760px}.intro p{color:var(--soft-ink);font-size:18px;line-height:1.6;margin-bottom:4px}.intro p strong{color:var(--ink);font-weight:650}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{background:var(--white);border:1px solid #e9eae7;padding:24px 25px 25px;min-height:300px;display:flex;flex-direction:column;position:relative;transition:transform .16s,box-shadow .16s,border-color .16s}.service:hover{transform:translateY(-3px);border-color:#dbd4d4;box-shadow:0 16px 35px #11111108}.service .index{font-size:11px;color:#9da2a0;letter-spacing:.11em}.service .glyph{width:55px;height:55px;display:grid;place-items:center;border:1px solid #e9eae8;border-radius:9px;font-size:27px;letter-spacing:-.05em;color:var(--accent);margin:22px 0 31px}.service h3{font-size:23px;letter-spacing:-.045em;font-weight:620;line-height:1.08;margin:0 0 14px}.service p{font-size:13px;color:var(--muted);margin:0 0 26px;max-width:230px}.service a{display:inline-flex;gap:10px;align-items:center;color:var(--accent);margin-top:auto;font-size:12px;font-weight:700}.service:nth-child(4){background:#f4f0ef}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:white}.case-image{height:270px;background:#e5e6e3;overflow:hidden;position:relative}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.case:hover .case-image img{transform:scale(1.035)}.case-badge{position:absolute;top:16px;left:16px;background:#fff;padding:7px 11px;font-size:11px;font-weight:610;border-radius:3px}.case-body{padding:24px 25px 26px;display:flex;flex:1;flex-direction:column}.case-body .case-kind{font-size:11px;color:var(--muted);margin-bottom:9px}.case-body h3{font-size:24px;line-height:1.12;letter-spacing:-.045em;font-weight:650;margin:0 0 12px}.case-body p{color:#757a78;font-size:13px;margin:0}.case-result{border-top:1px solid var(--line);padding-top:18px;margin-top:23px;display:flex;align-items:end;justify-content:space-between;gap:8px}.case-result strong{font-size:31px;letter-spacing:-.06em;line-height:1.05;font-weight:670}.case-result small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.case-result a{display:grid;place-items:center;width:40px;height:40px;background:var(--pale);color:var(--accent);border-radius:4px;font-size:22px}
.editorial{margin-top:115px;background:#edeeeb;border-top:1px solid #e4e5e2;border-bottom:1px solid #e4e5e2}.editorial-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:690px}.editorial-media{position:relative;overflow:hidden;min-height:690px}.editorial-media img{width:100%;height:100%;object-fit:cover;object-position:center 34%;position:absolute;inset:0;filter:grayscale(100%)}.editorial-content{padding:92px 72px 74px 76px;display:flex;flex-direction:column;justify-content:center}.editorial-content .heading{font-size:clamp(43px,4.6vw,65px)}.editorial-content p{color:#606562;font-size:16px;line-height:1.7;margin-top:26px;max-width:475px}.editorial-content .btn{align-self:flex-start;margin-top:20px}.editorial-content .signature{color:#999c99;font-size:12px;letter-spacing:.08em;margin-top:42px;padding-top:20px;border-top:1px solid #d4d6d1}
.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.approach article{background:white;border-top:2px solid var(--accent);padding:28px 27px 30px;min-height:187px}.approach h3{font-size:20px;letter-spacing:-.04em;line-height:1.22;margin:19px 0 10px;font-weight:630}.approach p{font-size:13px;color:var(--muted);margin:0;max-width:280px}.approach .num{font-size:12px;color:var(--accent);letter-spacing:.11em}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #c7cbc6;margin-top:38px}.process-step{padding:31px 28px 25px 0;border-right:1px solid var(--line);min-height:227px}.process-step:not(:first-child){padding-left:24px}.process-step:last-child{border:0}.process-step .step-number{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.1em}.process-step h3{font-size:20px;letter-spacing:-.04em;font-weight:650;line-height:1.18;margin:42px 0 10px}.process-step p{font-size:13px;color:var(--muted);margin:0;max-width:220px}
.insight{margin-top:112px;display:grid;grid-template-columns:40% 60%;background:#222627;min-height:400px;overflow:hidden}.insight-image{min-height:400px;position:relative;overflow:hidden}.insight-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:grayscale(100%);opacity:.87}.insight-copy{padding:68px 68px 70px;color:#fff;display:flex;flex-direction:column;justify-content:center}.insight-copy .eyebrow{color:#e39cb0}.insight-copy h2{font-size:clamp(39px,4.0vw,58px);line-height:1.08;letter-spacing:-.06em;font-weight:600;margin:18px 0 12px}.insight-copy h2 span{color:#e48ca7}.insight-copy p{font-size:15px;color:#c3c7c6;max-width:500px}.insight-copy .btn{align-self:flex-start;margin-top:19px}
.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.format-card{padding:31px 28px;background:white;border:1px solid var(--line);display:flex;flex-direction:column;min-height:336px}.format-card.highlight{border-top:3px solid var(--accent)}.format-no{color:var(--muted);font-size:11px}.format-card h3{font-size:24px;letter-spacing:-.05em;line-height:1.13;font-weight:650;margin:30px 0 12px}.format-card p{font-size:13px;color:var(--muted);max-width:320px;margin:0}.format-card .format-bottom{margin-top:auto;padding-top:25px;display:flex;align-items:end;justify-content:space-between;gap:13px}.format-card .price{font-size:14px;font-weight:650}.format-card .price small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.format-card a{font-size:12px;font-weight:650;color:var(--accent);white-space:nowrap}
.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.article{display:flex;min-height:240px;gap:23px;justify-content:space-between;background:white;border:1px solid var(--line);padding:29px}.article .article-main{display:flex;flex-direction:column;justify-content:space-between;max-width:440px}.article small{font-size:11px;color:var(--muted)}.article h3{font-size:24px;line-height:1.14;font-weight:650;letter-spacing:-.045em;margin:20px 0 11px}.article p{font-size:13px;color:var(--muted);max-width:410px;margin:0}.article .article-link{font-size:13px;color:var(--accent);font-weight:650;margin-top:20px}.article-number{font-size:70px;color:#e7e7e3;letter-spacing:-.075em;line-height:1}
.faq-grid{display:grid;grid-template-columns:36% 1fr;gap:55px}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}details summary{padding:24px 36px 24px 4px;cursor:pointer;position:relative;list-style:none;font-size:16px;font-weight:560;letter-spacing:-.02em}details summary::-webkit-details-marker{display:none}details summary:after{content:'+';position:absolute;right:6px;top:20px;color:var(--accent);font-size:22px;font-weight:350}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;line-height:1.65;max-width:620px;margin:-4px 0 24px 4px}
.contact{margin-top:120px;padding-bottom:86px}.contact-panel{background:#edeeeb;display:grid;grid-template-columns:1.05fr .95fr;gap:0;min-height:395px;overflow:hidden}.contact-copy{padding:62px 50px 55px 63px}.contact-copy .heading{font-size:clamp(40px,4vw,57px)}.contact-copy .subline{margin:24px 0 28px}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.contact-image{position:relative;min-height:395px;overflow:hidden}.contact-image img{width:100%;height:100%;object-fit:cover;object-position:center 26%;position:absolute;inset:0;filter:grayscale(100%)}.contact-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#171717a0)}.image-note{position:absolute;bottom:20px;left:24px;z-index:1;color:#fff;font-size:11px;letter-spacing:.05em}
.footer{border-top:1px solid var(--line);padding:43px 0 60px;display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.footer .desc{color:var(--muted);font-size:12px;margin-top:18px;max-width:400px}.footer-links{display:flex;gap:54px;align-items:flex-start}.footer-links>div{display:flex;flex-direction:column;gap:8px}.footer-links h4{font-size:12px;font-weight:650;margin:0 0 10px}.footer-links a{font-size:12px;color:#757976}.footer-links a:hover{color:var(--accent)}.footer-bottom{font-size:11px;color:#939895;margin-top:25px}
@media(max-width:1100px){.wrap{padding-inline:25px}.menu{gap:16px}.hero-title{font-size:clamp(48px,5.5vw,68px)}.intro{gap:45px}.editorial-content{padding:70px 42px}.service{padding:23px 17px}.case-image{height:225px}.contact-copy{padding:45px 36px}}
@media(max-width:760px){.wrap{padding-inline:18px}.site-header{height:68px}.site-header .logo{font-size:20px}.header-right .btn{display:none}.menu-btn{display:block}.menu{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 22px 27px;background:#f7f7f5;border-bottom:1px solid var(--line);box-shadow:0 12px 24px #1111110b;flex-direction:column;align-items:start;gap:16px}.menu.is-open{display:flex}.menu a{font-size:15px}.hero-title{font-size:clamp(42px,10.2vw,62px);letter-spacing:-.065em;margin-top:20px}.hero-lead{font-size:15px}.hero-bottom{margin-top:35px;padding-top:23px;gap:10px}.hero-proof{font-size:10px}.proof-icon{width:28px;height:28px;font-size:13px}.metrics{padding:28px 0;gap:8px}.metric{display:block;text-align:center}.metric strong{font-size:29px;display:block}.metric span{font-size:10px;display:block;max-width:110px;margin:auto}.section{padding-top:80px}.section-head{display:block}.section-head>p{margin:20px 0 0}.heading{font-size:clamp(36px,8.6vw,53px)}.intro{grid-template-columns:1fr;gap:10px}.intro p{font-size:16px}.services{grid-template-columns:repeat(2,1fr)}.service{min-height:255px}.service .glyph{margin:15px 0 20px}.service h3{font-size:19px}.cases-grid{grid-template-columns:1fr;gap:14px}.case-image{height:255px}.case-body{padding:20px}.case-body h3{font-size:23px}.editorial{margin-top:84px}.editorial-layout{grid-template-columns:1fr}.editorial-media{min-height:480px}.editorial-content{padding:47px 22px 55px}.editorial-content p{font-size:15px}.approach{grid-template-columns:1fr;gap:10px}.approach article{min-height:150px}.process-grid{grid-template-columns:repeat(2,1fr);gap:0}.process-step{min-height:188px;padding:25px 15px 20px 0;border-bottom:1px solid var(--line)}.process-step:nth-child(2){border-right:0}.process-step:nth-child(3){padding-left:0}.process-step h3{margin-top:24px;font-size:18px}.insight{margin-top:83px;grid-template-columns:1fr}.insight-image{min-height:290px}.insight-copy{padding:42px 24px 50px}.formats{grid-template-columns:1fr}.format-card{min-height:280px}.format-card h3{margin:24px 0 11px}.article-grid{grid-template-columns:1fr}.article{min-height:205px}.faq-grid{grid-template-columns:1fr;gap:27px}.faq-items details summary{font-size:14px}.contact{margin-top:80px;padding-bottom:45px}.contact-panel{grid-template-columns:1fr}.contact-copy{padding:42px 24px 45px}.contact-image{min-height:290px}.footer{display:block;padding:35px 0 50px}.footer-links{margin-top:34px;gap:45px}}
@media(max-width:420px){.hero-title{font-size:42px}.hero-actions .btn{flex:1}.hero-bottom{display:none}.services{gap:7px}.service{padding:18px 13px;min-height:265px}.service h3{font-size:17px}.service p{font-size:12px}.service .glyph{height:44px;width:44px}.contact-links .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Финальная арт-дирекция фото из дизайна */
.editorial-media img{object-position:center 36%;filter:grayscale(100%)}
.insight-image img{object-position:center 31%}
.contact-image img{object-position:center 22%}
/* Добавлено при вёрстке: шрифт, заметка под кейсами, отступ услуг */
.services{margin-top:42px}
.cases-note{font-size:11px;color:#8d9390;margin:16px 0 0}
.faq-grid .subline{margin-top:23px}
/* Обложка — финальный вариант 03: фото на всю ширину. Фото — <picture> (своё для телефона), а не CSS-фон */
.site-header{position:absolute;top:0;left:0;right:0;height:92px;background:transparent;border:none;color:#fff;z-index:60}
.site-header .logo,.site-header .logo small,.site-header .menu a{color:#f8f8f7}
.site-header .menu a:hover{color:#f18cab}
.site-header .menu-btn span{background:#fff}
.hero{position:relative;min-height:785px;overflow:hidden;background:#080809}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.49) 0%,rgba(0,0,0,.28) 41%,rgba(0,0,0,0) 72%);z-index:1}
.hero-copy{min-height:785px;max-width:var(--container);margin-inline:auto;padding:165px 38px 45px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:3}
.hero-copy .eyebrow{color:#cbc9c9;font-size:11px;letter-spacing:.15em}
.hero-title{font-size:clamp(47px,4.65vw,72px);font-weight:750;line-height:1.07;letter-spacing:-.071em;max-width:630px;color:#f7f7f5;margin:30px 0 23px}
.hero-title em{display:block;color:#ef7299;font-style:normal}
.hero-lead{font-size:16px;line-height:1.62;max-width:445px;color:#e3e1df;margin:0}
.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}
.hero-actions .btn{min-height:51px}
.hero-actions .btn.light{color:#fff;border-color:#e9e9e9a6;background:#ffffff0b;backdrop-filter:blur(5px)}
.hero-actions .btn.light:hover{background:#ffffff2a}
.hero-bottom{margin-top:auto;padding-top:30px;width:100%;display:flex;gap:44px}
.hero-proof{font-size:12px;line-height:1.4;color:#dedede;display:flex;gap:8px;align-items:center;max-width:190px}
.hero-proof .proof-icon{font-size:20px;width:32px;height:32px;display:grid;place-items:center;color:#fa85a5;flex:none}
.metrics{max-width:1184px;margin-inline:auto}
@media(max-width:1100px){.hero,.hero-copy{min-height:710px}.hero-copy{padding:145px 25px 40px}.hero-title{font-size:clamp(44px,5vw,67px)}.hero-lead{max-width:440px}.hero-bg img{object-position:78% center}}
@media(max-width:760px){
.site-header{height:68px}.site-header .menu{background:#161819;border-color:#292929}.site-header .menu a{color:#fff}
.hero,.hero-copy{min-height:1040px}
.hero-bg img{object-position:center top}
.hero:after{background:linear-gradient(0deg,rgba(4,4,5,.84) 0%,rgba(4,4,5,.54) 41%,transparent 72%)}
.hero-copy{padding:470px 22px 45px;max-width:100%}
.hero-copy .eyebrow{font-size:10px;color:#f2eded}
.hero-title{font-size:clamp(40px,9vw,57px);margin:18px 0 15px;max-width:480px}
.hero-lead{font-size:14px;max-width:450px;line-height:1.55}
.hero-actions{gap:11px;margin-top:22px}
.hero-actions .btn{min-height:46px;padding:12px;font-size:12px;gap:9px}
.hero-bottom{padding-top:20px;border-top:1px solid #ffffff52;gap:18px}
.hero-proof{font-size:10px;color:#eee}
}
@media(max-width:420px){.hero,.hero-copy{min-height:1040px}.hero-copy{padding:530px 18px 35px}.hero-title{font-size:43px}.hero-actions .btn{width:auto;flex:0 0 auto}.hero-bottom{display:flex}.hero-proof:last-child{display:none}}

/* POLISH — additions to the uploaded approved site, retaining base typography and colours */
:root{--safe-gutter:clamp(18px,3vw,38px)}
.wrap{padding-left:var(--safe-gutter);padding-right:var(--safe-gutter)}
.site-header .header-inner{gap:clamp(10px,2vw,30px)}
.header-phone{font-size:12px;white-space:nowrap;font-weight:600;color:#f1efee}
.header-phone:hover{color:#ed86a6}
.nav-dropdown{position:relative;display:flex;align-items:center;gap:3px}
.nav-services-main{white-space:nowrap}
.nav-dropdown-toggle{appearance:none;border:0;background:none;color:inherit;font-size:15px;line-height:1;cursor:pointer;padding:6px 5px 6px 0;transform:translateY(-2px)}
.nav-dropdown-panel{position:absolute;top:calc(100% + 14px);left:-14px;display:none;width:365px;max-height:min(75vh,650px);overflow:auto;padding:11px;background:#ffffff;color:#1e2022;border:1px solid #e1e2df;box-shadow:0 18px 55px rgba(18,19,20,.19);border-radius:8px;z-index:80}
.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel,.nav-dropdown.is-open .nav-dropdown-panel{display:flex;flex-direction:column}
.nav-dropdown-panel a{padding:11px 13px;font-size:13px!important;font-weight:540;color:#252629!important;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:18px;line-height:1.35}
.nav-dropdown-panel a:hover,.nav-dropdown-panel a:focus{background:#f8edf1;color:#b84268!important}
.nav-dropdown-panel a span{color:var(--accent)}
.nav-dropdown-panel .dropdown-all{font-weight:740;color:var(--accent)!important;border-bottom:1px solid #eeeae9;margin-bottom:4px;border-radius:0}
.seo-h1-prefix{display:block;font-size:clamp(15px,1.5vw,19px);font-weight:600;letter-spacing:-.014em;line-height:1.4;margin-bottom:9px;color:#d4d4d3}
.hero-case-evidence{gap:22px;justify-content:flex-start;align-items:flex-start}
.hero-case-evidence .hero-proof{gap:9px;align-items:baseline}
.hero-case-evidence .hero-proof strong{color:#f17c9e;font-size:25px;font-weight:770;letter-spacing:-.05em;white-space:nowrap}
.hero-case-evidence .hero-proof span{color:#e1dfe0;font-size:11px}
.service-price{margin-top:auto;margin-bottom:13px;font-size:16px;color:#242628;font-weight:720;letter-spacing:-.015em}
.service-price small{font-weight:400;font-size:10px;letter-spacing:0;display:block;color:#818482;margin-top:2px}
.service a{margin-top:0}
.service h3{hyphens:auto;overflow-wrap:break-word}
.trust-points{margin-top:27px;display:flex;gap:7px 18px;flex-wrap:wrap}
.trust-points span{font-size:12px;padding:8px 11px;border:1px solid #cdd0cb;background:#ffffff66;color:#4b4d4b}
.contact-extra{font-size:12px!important;line-height:1.65!important;color:#bdbdbd!important;margin-top:27px!important;overflow-wrap:anywhere}
.contact-extra a{text-decoration:underline;text-underline-offset:3px}
.lead-capture{margin-top:52px;padding-block:35px;display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center;background:linear-gradient(115deg,#f8eef1 0%,#faf8f7 85%);border-block:1px solid #ede5e5}
.lead-capture-copy h2{font-size:clamp(26px,3.4vw,41px);line-height:1.1;letter-spacing:-.055em;margin:12px 0}.lead-capture-copy h2 em{font-style:normal;color:var(--accent)}
.lead-capture-copy p{color:#6d706e;font-size:14px;max-width:440px}
.lead-form{display:flex;flex-direction:column;gap:11px}.lead-inputs{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.lead-form label{display:flex;flex-direction:column;gap:5px}.lead-form label span,.form-choice-label{font-size:11px;color:#5c6060;font-weight:650}
.lead-form input,.lead-form select{background:#fff;border:1px solid #d8dbd8;border-radius:6px;min-width:0;width:100%;height:46px;color:#161819;padding:9px 13px;font-size:14px}
.lead-form select{cursor:pointer}.lead-form .btn{justify-content:center;gap:16px}
.lead-form .form-choice-label{margin-bottom:-7px}
.form-disclaimer{font-size:11px;color:#8a8889;margin:0}
.final-lead{margin-block:10px 38px;padding-block:25px;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 2.1fr;gap:20px;align-items:end}
.final-lead-text{display:flex;flex-direction:column;gap:6px}.final-lead-text strong{font-size:19px;letter-spacing:-.03em}.final-lead-text span{font-size:13px;color:#7f8180}
.lead-form-inline{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.lead-form-inline .btn{min-height:46px;padding:11px 15px}
.footer-links{gap:clamp(20px,3.3vw,60px)}.footer-links>div{min-width:145px}
.legal-pending{width:100%;font-size:11px;color:#898d8a;margin:30px 0 0}.footer{flex-wrap:wrap}
#about,#services,#cases,#formats,#articles,#process,#faq,#contact{scroll-margin-top:35px}
@media(max-width:1250px){.header-phone{display:none}.menu{gap:21px}.header-inner{gap:15px}}
@media(max-width:1000px) and (min-width:761px){.menu{gap:12px}.menu a{font-size:11px}.hero-title{font-size:clamp(43px,5.3vw,58px)}.hero-copy{padding-top:145px}.hero-case-evidence{gap:12px}.hero-case-evidence .hero-proof{flex-direction:column;gap:2px}}
@media(max-width:760px){
 .site-header .menu{gap:12px;align-items:stretch}.menu .nav-dropdown{width:100%;justify-content:space-between;flex-wrap:wrap}.nav-dropdown-toggle{color:#fff;font-size:21px;padding:0 15px;min-width:48px;min-height:38px;transform:none}
 .nav-dropdown-panel{position:static;flex-basis:100%;width:100%;max-height:42vh;background:#222427;border:1px solid #38393b;box-shadow:none;padding:6px;margin-top:5px;border-radius:5px}
 .nav-dropdown-panel a{color:#f4f2f2!important;font-size:13px!important;padding:10px}
 .nav-dropdown-panel a:hover{background:#3a2c32;color:#ffc5d8!important}.nav-dropdown-panel .dropdown-all{color:#f5a2bd!important;border-color:#424242}
 .hero-copy{padding-top:460px}.seo-h1-prefix{font-size:13px;margin-bottom:7px}.hero-case-evidence{gap:10px}.hero-case-evidence .hero-proof{flex-direction:column;gap:2px}.hero-case-evidence .hero-proof strong{font-size:19px}.hero-case-evidence .hero-proof span{font-size:10px}
 .service-price{font-size:14px}.service-price small{font-size:9px}.service{min-height:315px}
 .lead-capture{grid-template-columns:1fr;padding-block:30px;gap:10px}.final-lead{grid-template-columns:1fr;gap:15px}.lead-form-inline{grid-template-columns:1fr 1fr}.lead-form-inline .btn{grid-column:1/-1}
 .footer-services{margin-top:12px}
}
@media(max-width:430px){.hero-copy{padding-top:495px}.hero,.hero-copy{min-height:1090px}.hero-title{font-size:clamp(36px,9.8vw,43px)}.hero-case-evidence{gap:8px;padding-top:15px}.hero-case-evidence .hero-proof strong{font-size:17px}.hero-case-evidence .hero-proof span{font-size:9px}.hero-case-evidence .hero-proof:last-child{display:none}
 .service{min-height:325px}.service p{line-height:1.42}.service .glyph{margin:12px 0 13px}.service h3{line-height:1.13}
 .lead-inputs{grid-template-columns:1fr}.lead-form-inline{grid-template-columns:1fr}.final-lead{margin-bottom:22px}
}
@media(max-width:350px){.hero-copy{padding-top:445px}.hero-title{font-size:35px}.hero-actions{gap:7px}.hero-actions .btn{font-size:10px;padding:10px 9px}.hero-case-evidence .hero-proof span{font-size:9px}.services{grid-template-columns:1fr 1fr}.service{padding:14px 11px;min-height:335px}.service h3{font-size:16px}.metric strong{font-size:23px}}

/* Final adaptive safe areas — preserve cover art without facial crop */
@media(min-width:761px) and (max-width:1040px){
  .header-right>.btn{display:none}
  .menu{gap:14px}
  .hero-title{max-width:550px}
  .hero-bg img{object-position:78% center}
}
@media(max-width:760px){
  .hero{background:#070708;isolation:isolate}
  .hero-bg img{height:auto;bottom:auto;object-fit:initial}
  .hero-copy{width:100%;max-width:100%}
  .hero-case-evidence{align-items:flex-start}
}
@media(min-width:761px) and (max-width:900px){.intro{gap:38px}.service{padding:18px 15px}.service h3{font-size:20px}.service-price{font-size:14px}.cases-grid{gap:12px}.case-body{padding:18px}}
@media(max-width:760px){.section-head{margin-bottom:24px}.section{padding-top:74px}.editorial{margin-top:74px}.lead-capture{margin-top:36px}.intro{gap:15px}.section-head>p{max-width:560px}}
@media(max-width:420px){.hero-title{font-size:clamp(35px,9.4vw,42px)}.hero-bottom{margin-top:auto}.service p{margin-bottom:17px}}

/* Hover bridge: dropdown touches trigger, preventing collapse while pointer moves downward. */
@media(min-width:761px){.nav-dropdown-panel{top:100%}}

/* Формы подключены к /api/lead (Telegram-бот): статус отправки, ловушка для ботов, строка согласия */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-status{margin:0;font-size:13px;min-height:0}.form-status:empty{display:none}
.form-status.is-ok{color:#1f7a3f}.form-status.is-error{color:#b3261e}.form-status a{text-decoration:underline}
.form-disclaimer a{text-decoration:underline;text-underline-offset:2px}
.lead-form.is-sent label,.lead-form.is-sent .lead-inputs,.lead-form.is-sent select,.lead-form.is-sent button,.lead-form.is-sent .form-disclaimer{display:none}
.lead-form-inline .form-disclaimer,.lead-form-inline .form-status{grid-column:1/-1}
.footer-bottom a{text-decoration:underline;text-underline-offset:2px}

/* Анимация: появление при прокрутке (static/js/reveal.js) */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal.is-visible{opacity:1;transform:none}
@keyframes yd-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes yd-photo{from{transform:scale(1.07)}to{transform:scale(1)}}
@keyframes yd-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* первый экран главной */
.hero-bg img{animation:yd-photo 1.8s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>*{animation:yd-up .8s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.34s}
.hero-case-evidence .hero-proof{animation:yd-up .8s cubic-bezier(.2,.7,.2,1) both}
.hero-case-evidence .hero-proof:nth-child(1){animation-delay:.42s}.hero-case-evidence .hero-proof:nth-child(2){animation-delay:.5s}.hero-case-evidence .hero-proof:nth-child(3){animation-delay:.58s}
.nav-dropdown-panel{animation:yd-drop .18s ease-out}
.service,.case,.format-card,.article,.approach article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.case:hover,.format-card:hover,.article:hover{transform:translateY(-3px);box-shadow:0 16px 35px #11111110}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}*{animation:none!important}}
@media print{.reveal{opacity:1!important;transform:none!important}}