/* YOU.RU service explanations extend the approved blueprint design. */
[hidden]{display:none!important}
.service-more{display:inline-flex;align-items:center;gap:8px;padding:9px 0;font-size:13px;line-height:1.4;font-weight:800;color:var(--link);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;cursor:pointer}
.service-more:hover{color:var(--verm-t)}
.svc .acts,.tile .acts,.eco .acts{flex-wrap:wrap;gap:10px 18px}
.svc .acts .service-more,.tile .acts .service-more,.eco .acts .service-more{margin-right:auto}
.smart .service-more{color:#fff}
.dev .service-more{font-size:11px;padding:5px 0 0;line-height:1.3}
.dev .service-more span{display:inline;color:inherit;font-size:inherit;margin:0}
.dev{cursor:default}
.service-guide{position:fixed;inset:0;margin:auto;width:min(680px,calc(100% - 36px));max-height:calc(100dvh - 48px);padding:0;border:2px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:10px 10px 0 var(--cobalt);overflow:auto;overscroll-behavior:contain}
.service-guide::backdrop{background:rgba(9,15,27,.7);backdrop-filter:blur(5px)}
.guide-band{height:7px;background:linear-gradient(90deg,var(--verm) 0 33%,var(--cobalt) 33% 66%,var(--ochre) 66%)}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 26px;border-bottom:1px solid var(--grid);background:var(--paper)}
.guide-kicker{font:600 10px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.guide-body{padding:28px 30px}
.guide-title{font:600 clamp(21px,4vw,30px)/1.35 var(--disp);letter-spacing:-.035em;margin-bottom:17px;overflow-wrap:anywhere}
.guide-summary{font-size:15px;color:var(--ink2);line-height:1.8;margin-bottom:24px}
.guide-panel h3{font:600 12px/1.6 var(--disp);margin:0 0 12px}
.guide-list{list-style:none;display:grid;gap:12px;margin:0 0 24px}
.guide-list li{position:relative;padding-left:26px;font-size:14px;line-height:1.7}
.guide-list li::before{content:'↗';position:absolute;left:0;top:0;color:var(--verm-t);font-weight:800}
.guide-brief{border-left:4px solid var(--ochre);background:var(--card);padding:17px 20px}
.guide-brief p{font-size:13px;line-height:1.7;color:var(--ink2)}
.guide-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 30px 25px;border-top:1px solid var(--grid);background:var(--paper)}
.guide-footer .btn{font-size:12px}
.selected-service{display:flex;justify-content:flex-end}
.selected-service .service-more{padding-bottom:0;font-size:12px}
.field-help{font-size:11px;line-height:1.6;color:var(--mute);margin:14px 0}
[aria-invalid="true"]{outline:2px solid var(--verm);outline-offset:2px}
button:disabled{cursor:wait;opacity:.62;transform:none!important;box-shadow:none!important}
.modal{max-height:calc(100dvh - 36px);overscroll-behavior:contain}
.form-status{overflow-wrap:anywhere}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start}
.faq-item{border-top:1px solid var(--line)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 0;font-size:15px;font-weight:800;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';flex:none;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);font:600 21px/1 var(--mono);color:var(--verm-t)}
.faq-item[open] summary::after{content:'−';background:var(--ochre);color:#101318}
.faq-item p{padding:0 38px 24px 0;font-size:14px;line-height:1.8;color:var(--ink2)}
.faq-action{display:flex;align-items:center;justify-content:flex-end;gap:30px;margin-top:28px}
.footer-settings{display:block;text-align:left;font-size:12px;color:var(--ochre);text-decoration:underline;text-underline-offset:3px;margin-bottom:20px}
.operator-line{font-size:12px;line-height:1.7;margin:0 0 16px;color:#A9B2BD}.operator-line a{text-underline-offset:4px}
.pricing-note{font-size:12px;line-height:1.8;color:var(--ink2);max-width:850px;margin-top:26px}
.cookie-note{gap:12px;max-width:670px;flex-wrap:wrap;z-index:88}
.cookie-note p{flex:1 1 260px}
.cookie-note button{min-height:36px}
.cookie-note button:last-child{background:transparent;color:var(--ink);border:1px solid var(--line)}
body:has(.overlay.open) .cookie-note,body:has(dialog[open]) .cookie-note{display:none}
.chat-hint{text-align:left;border:2px solid var(--line)}
.chat-panel{height:min(580px,calc(100dvh - 130px))}
.nojs-note{padding:18px var(--pad);background:var(--ochre);color:#101318;font-size:14px}
@media(min-width:761px){.bento>.svc:not(.big){grid-column:span 3}}
@media(max-width:760px){
 .faq-grid{grid-template-columns:1fr}
 .guide-body{padding:23px 21px}.guide-top{padding:12px 20px}
 .guide-footer{padding:20px 21px;gap:15px}
 .guide-footer .btn{flex:1}.guide-footer .service-more{white-space:nowrap}
 .cookie-note{left:14px;right:14px;bottom:14px;width:auto;max-width:none;font-size:12px}
 .cookie-note p{flex-basis:100%}.cookie-note button{flex:1}
 .faq-action{justify-content:flex-start;gap:20px;flex-wrap:wrap}
 .chat-panel{right:14px;bottom:88px;width:calc(100vw - 28px);height:min(560px,calc(100dvh - 110px))}
 .service-guide{max-height:calc(100dvh - 32px);box-shadow:6px 6px 0 var(--cobalt)}
}
@media(prefers-reduced-motion:reduce){.service-guide::backdrop{backdrop-filter:none}}