/* Services: open editorial sections, practical examples and a separate management offer. */
.sv-page{--sv-muted:#a0bdd3;--sv-line:#294357;color:#eaf4fd}
.sv-page section[id]{scroll-margin-top:100px}
.sv-page h1,.sv-page h2,.sv-page h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.035em;color:#f4f9fd}
.sv-page p{margin:0;color:var(--sv-muted);line-height:1.7}
.sv-page a:focus-visible{outline:2px solid #9bdcff;outline-offset:6px}
.sv-label{display:block;color:#70c7ff;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px}
.sv-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:75px;align-items:center;padding:78px 0 58px}
.sv-hero h1{font-size:clamp(43px,4.8vw,63px);line-height:1.04;margin:0 0 24px;font-weight:800}
.sv-hero h1 span{color:#51c1fd}
.sv-hero-copy>p{font-size:18px;max-width:470px}
.sv-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:28px}
.sv-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;border-radius:9px;border:1px solid #4bb4ee;background:#168fda;color:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}
.sv-button svg{width:16px;height:16px;flex:none}
.sv-button:hover{background:#25a2ec;transform:translateY(-1px)}
.sv-link{display:inline-flex;align-items:center;gap:12px;color:#dceffb;text-decoration:none;font-size:13px;font-weight:600}
.sv-link span{color:#78ccff}.sv-link:hover{text-decoration:underline;text-underline-offset:4px}
.sv-hero .sv-small{font-size:11px;color:#8daac0;margin-top:14px}
.sv-preview{margin:0;min-width:0}
.sv-inbox{border:1px solid #3a5c76;border-radius:15px;background:linear-gradient(140deg,#152f46,#0d2034);box-shadow:0 24px 56px #020b1530;overflow:hidden}
.sv-inbox-head{padding:19px 23px;border-bottom:1px solid #2a465e;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:600}
.sv-inbox-head>span:first-child{display:flex;align-items:center;gap:9px}.sv-inbox-head img{width:22px;height:22px}
.sv-inbox-head>span:last-child{font-size:10px;color:#8db3cd;font-weight:400}
.sv-chat{padding:27px 24px;display:grid;gap:17px}
.sv-chat p{font-size:13px;line-height:1.5;padding:13px 16px;border-radius:10px 10px 10px 2px;background:#263f53;color:#deebf5;max-width:81%}
.sv-chat p+ p{background:#174f74;border:1px solid #2c6587;border-radius:10px 10px 2px 10px;justify-self:end;color:#e6f7ff}
.sv-next{border-top:1px solid #2a465e;padding:18px 24px;display:flex;align-items:center;gap:15px}
.sv-next svg{color:#80cbb4;width:24px;height:24px;flex:none}.sv-next small{display:block;font-size:9px;color:#81a2ba;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.sv-next strong{font-size:12px;font-weight:500;color:#c5e1ef}
.sv-preview figcaption{font-size:10px;color:#88a5bb;text-align:center;margin-top:15px}
.sv-proof{display:flex;align-items:center;gap:38px;flex-wrap:wrap;padding:25px 0;border-block:1px solid var(--sv-line)}
.sv-proof div{display:flex;gap:12px;align-items:center}.sv-proof strong{font:700 30px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em}.sv-proof span{font-size:11px;color:#9ab6cb;max-width:90px;line-height:1.5}.sv-proof a{margin-left:auto}
.sv-proof-note{font-size:10px!important;color:#809eb6!important;margin-top:10px!important}
.sv-work{padding:86px 0 0}
.sv-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:50px}
.sv-section-head h2{font-size:40px;line-height:1.12;max-width:530px;margin:0;font-weight:700}
.sv-section-head p{max-width:320px;font-size:14px}
.sv-example-row{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:0 0 60px;margin-bottom:60px;border-bottom:1px solid var(--sv-line)}
.sv-example-row:last-child{margin-bottom:0}
.sv-example-copy h3{font-size:31px;line-height:1.16;margin:0 0 19px;font-weight:700}
.sv-example-copy>p{font-size:15px;max-width:450px}
.sv-mini-list{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:8px 19px;flex-wrap:wrap;font-size:11px;color:#aac5d9}
.sv-mini-list li::before{content:'·';color:#62c3f5;margin-right:8px}
.sv-offer,.sv-handover{border:1px solid #304b63;border-radius:13px;padding:25px;background:#10263b;min-width:0}
.sv-example-title{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#a3c1d6;padding-bottom:17px;border-bottom:1px solid #2a4359}
.sv-example-title span:last-child{color:#7da1bb;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.sv-offer-main{display:flex;align-items:center;gap:23px;padding:22px 0}
.sv-media-art{width:100px;height:111px;position:relative;display:grid;place-items:center;border:1px solid #537c92;border-radius:7px;background:radial-gradient(ellipse at 0 100%,#82c2d577,transparent 70%),linear-gradient(140deg,#355c71,#153249);flex:none}
.sv-media-art::before{content:'';position:absolute;width:50%;height:60%;border:1px solid #acd4e14d;border-radius:4px;transform:rotate(-12deg)}
.sv-media-art svg{position:relative;width:26px;height:26px;color:#d1e7ec}
.sv-offer-main strong{font-family:'Bricolage Grotesque',sans-serif;font-size:23px;font-weight:600;line-height:1.2;display:block;margin:0 0 8px}.sv-offer-main small{font-size:11px;color:#aac6d4}
.sv-offer-foot{border-top:1px solid #2a4359;padding-top:16px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#a7c9da}.sv-offer-foot span:last-child{color:#86d6b9}
.sv-handover dl{margin:4px 0 0}.sv-handover dl>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #243d51;font-size:12px;line-height:1.65}.sv-handover dl>div:last-child{border:0;padding-bottom:0}.sv-handover dt{color:#85a9c3}.sv-handover dd{color:#d6e8f4;margin:0}.sv-handover dl>div:last-child dd{color:#a1e1c9}
.sv-example-caption{font-size:10px!important;color:#829fb6!important;text-align:center;margin-top:12px!important}
.sv-agencies{padding:62px 0 76px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}
.sv-agencies h2{font-size:39px;line-height:1.12;margin:0 0 19px;font-weight:700}.sv-agencies p{font-size:15px;margin-bottom:22px}
.sv-responsibilities{display:grid;gap:0;margin:0;border-top:1px solid #36566e}
.sv-responsibilities>div{padding:23px 0;border-bottom:1px solid #294357}.sv-responsibilities dt{font-size:13px;color:#8bbad6;margin-bottom:9px}.sv-responsibilities dd{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;line-height:1.4;color:#e6f2fa;margin:0;letter-spacing:-.02em}
.sv-management{background:#e5eae7;color:#19383c;border-radius:18px;padding:44px 48px 41px;position:relative;overflow:hidden}
.sv-management-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid #b9c9c2}
.sv-management-brand{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#4b6a62}.sv-management-status{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#456258}.sv-management-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#7a947d}
.sv-management-body{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;padding:37px 0}
.sv-management h2{font-size:48px;color:#1a3d3c;line-height:1.07;margin:0 0 21px;font-weight:700;letter-spacing:-.04em}.sv-management p{color:#506d68;font-size:15px;max-width:420px}
.sv-management-scope{margin:0;list-style:none;padding:0;display:grid;gap:0}
.sv-management-scope li{border-bottom:1px solid #c1d0c8;padding:14px 0;display:flex;align-items:center;gap:18px;font-size:17px;color:#2a4d47}.sv-management-scope li:first-child{padding-top:0}.sv-management-scope li:last-child{border-bottom:0;padding-bottom:0}.sv-management-scope span{font-size:10px;color:#79958c}
.sv-management-foot{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #b9c9c2;padding-top:26px}
.sv-management .sv-button{background:#193f3d;border:1px solid #193f3d;color:#f1faf5}.sv-management .sv-button:hover{background:#2b5550}.sv-management-foot p{font-size:11px;max-width:325px}
.sv-platforms{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap;padding:35px 0;border-bottom:1px solid var(--sv-line)}
.sv-platforms>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#83a3ba}.sv-platforms a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#cbe2f2;text-decoration:none}.sv-platforms img{object-fit:contain;width:auto;max-width:29px;height:22px}.sv-platforms a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.sv-close{padding:73px 0;display:flex;align-items:center;justify-content:space-between;gap:45px}
.sv-close h2{font-size:39px;line-height:1.12;margin:0 0 16px;font-weight:700}.sv-close p{font-size:15px;max-width:540px}.sv-close .sv-button{white-space:nowrap}
@media(max-width:1000px){.sv-hero{gap:40px}.sv-hero h1{font-size:51px}.sv-proof{gap:27px}.sv-example-row,.sv-agencies{gap:45px}.sv-management{padding:35px}.sv-management-body{gap:40px}.sv-management h2{font-size:42px}}
@media(max-width:820px){
 .sv-hero{grid-template-columns:1fr;gap:35px;padding:47px 0 38px}.sv-hero h1{max-width:650px;font-size:clamp(43px,7vw,59px)}.sv-hero-copy>p{max-width:550px;font-size:17px}.sv-preview{width:100%;max-width:470px;margin:auto}
 .sv-proof{gap:24px;justify-content:space-between}.sv-proof div{gap:8px}.sv-proof strong{font-size:28px}.sv-proof a{width:100%;margin:0;font-size:12px}
 .sv-work{padding-top:55px}.sv-section-head{display:block;margin-bottom:35px}.sv-section-head h2{font-size:33px}.sv-section-head p{max-width:500px;margin-top:18px}
 .sv-example-row{grid-template-columns:1fr;gap:25px;margin-bottom:38px;padding-bottom:38px}.sv-example-copy h3{font-size:29px}.sv-example-copy>p{max-width:580px}
 .sv-offer,.sv-handover{max-width:540px}.sv-example-caption{max-width:540px}
 .sv-agencies{grid-template-columns:1fr;gap:23px;padding:43px 0 49px}.sv-agencies h2{font-size:33px}.sv-agencies p{max-width:570px}.sv-responsibilities{grid-template-columns:1fr 1fr;gap:25px}.sv-responsibilities dd{font-size:21px}
 .sv-management{padding:30px}.sv-management-head{align-items:start;flex-direction:column;gap:12px}.sv-management-body{gap:35px;grid-template-columns:1fr}.sv-management h2{font-size:42px}.sv-management p{max-width:540px}.sv-management-foot{align-items:start;flex-direction:column;gap:15px}.sv-management-foot p{max-width:440px}
 .sv-close{flex-direction:column;align-items:start;gap:26px;padding:48px 0}.sv-close h2{font-size:34px}.sv-platforms{gap:18px 25px}.sv-platforms>span{width:100%;text-align:center}
}
@media(max-width:480px){
 .sv-hero h1{font-size:43px}.sv-actions{gap:19px}.sv-button{font-size:13px;padding:14px 18px}.sv-proof{gap:15px}.sv-proof div{display:block}.sv-proof strong{font-size:27px;display:block;margin-bottom:6px}.sv-proof span{font-size:10px;max-width:85px;display:block}.sv-proof a{margin-top:4px}
 .sv-chat{padding:20px}.sv-chat p{font-size:12px}.sv-inbox-head{padding:17px 20px}.sv-next{padding:16px 20px}.sv-next strong{font-size:11px}
 .sv-section-head h2{font-size:31px}.sv-example-copy h3{font-size:28px}.sv-offer,.sv-handover{padding:20px}.sv-media-art{width:75px;height:96px}.sv-offer-main{gap:17px}.sv-offer-main strong{font-size:21px}.sv-handover dl>div{grid-template-columns:75px 1fr;gap:14px;font-size:11px}
 .sv-responsibilities{grid-template-columns:1fr;gap:0}.sv-responsibilities>div{padding:18px 0}.sv-responsibilities dd{font-size:21px}
 .sv-management{padding:25px 23px}.sv-management-brand{font-size:9px;letter-spacing:.12em}.sv-management h2{font-size:37px}.sv-management p{font-size:14px}.sv-management-body{padding:29px 0}.sv-management-foot p{font-size:10px}.sv-management .sv-button{font-size:12px;padding:14px 15px;gap:12px}
 .sv-platforms a{font-size:12px}.sv-close h2{font-size:32px}.sv-close .sv-button{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.sv-page *{transition:none!important}}
@media(max-width:359px){.sv-management h2{font-size:32px}.sv-hero h1{font-size:39px}}
