@scope (.otosystem) to (.o-module-content) {
:scope .o-service-main{background:var(--h-bg);color:var(--h-ink);font:400 16px/1.75 var(--h-font)}
:scope .o-service-main :is(h1,h2,h3,p,ul,ol,dl,dd){margin:0}
:scope .o-service-main :is(h1,h2,h3){color:var(--h-ink);font-weight:700;letter-spacing:-.035em;line-height:1.25;text-wrap:balance}
:scope .o-service-main h1{font-size:80px;line-height:1.15;max-width:880px}
:scope .o-service-main h1>span{display:block}
:scope .o-service-main h2{font-size:40px}
:scope .o-service-main h3{font-size:24px}
:scope .o-service-main p{color:var(--h-text)}
:scope .o-service-main a:focus-visible,:scope .o-service-main summary:focus-visible{outline:3px solid var(--h-accent-ink);outline-offset:4px}
:scope .o-service-wrap{width:min(100% - 96px,1280px);margin-inline:auto}
:scope .o-service-section{padding-block:96px;scroll-margin-top:112px}
:scope .o-service-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--o-hero-bg);color:var(--h-ink);--h-ink:#fff;--h-text:#CDCDCD;--h-accent-ink:#EFFB53;--h-surface:#1B1A1A;--h-line:rgba(207,208,212,.2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding-top:168px;padding-bottom:160px}
:scope .o-service-hero>.o-service-wrap{position:relative;z-index:2}
:scope .o-service-hero .o-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;container-type:size;background:radial-gradient(60% 70% at 80% 30%,rgba(239,251,83,.14),transparent 60%),radial-gradient(50% 60% at 20% 80%,rgba(81,77,224,.22),transparent 65%),var(--o-hero-bg)}
:scope .o-service-hero .o-hero-video{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(56.25cqw,100cqh);transform:translate(-50%,-50%);border:0;pointer-events:none}
:scope .o-service-hero .o-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,12,.84) 96px,transparent 240px),linear-gradient(180deg,rgba(10,10,12,.82),transparent 200px),linear-gradient(90deg,rgba(10,10,12,.80) 0%,rgba(10,10,12,.76) 60%,rgba(10,10,12,.12) 100%)}
:scope.o-is-service .o-header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;--h-ink:#fff;--h-text:#fff;--h-line:rgba(255,255,255,.24);--h-card:rgba(255,255,255,.08);--h-surface:rgba(255,255,255,.14);--h-accent-ink:#EFFB53}
:scope.o-is-service .o-header .o-identity-mark{filter:none}
:scope .o-service-eyebrow{font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--h-accent-ink)!important;margin-bottom:24px!important}
:scope .o-service-hero-copy{max-width:880px}
:scope .o-service-hero .o-service-intro{max-width:640px;margin-top:40px!important}
:scope .o-service-hero .o-service-actions{margin-top:48px}
:scope .o-service-hero>.o-service-hero-meta{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;padding-top:24px;border-top:1px solid var(--h-line)}
:scope .o-service-hero-meta .o-service-caption{margin-top:0!important}
@media(min-width:1800px){:scope .o-service-main h1{font-size:96px}}
:scope .o-service-fit{padding-block:48px;background:var(--h-bg)}
:scope .o-service-intro{font-size:24px;line-height:1.6;max-width:680px;margin-top:32px!important}
:scope .o-service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:32px}
:scope .o-service-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;min-height:56px;border-radius:32px;background:var(--h-accent);color:var(--h-on-accent);font-size:16px;font-weight:700;line-height:1.5}
:scope .o-service-button:hover{text-decoration:underline;text-underline-offset:4px}
:scope .o-service-phone{display:inline-flex;align-items:center;min-height:48px;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
:scope .o-service-caption{font-size:16px;margin-top:16px!important}
:scope .o-service-brief{padding:32px;border:1px solid var(--h-line);border-radius:24px;background:var(--h-surface)}
:scope .o-service-brief h2{font-size:24px}
:scope .o-service-security{margin-bottom:32px}
:scope .o-service-security :is(p,dd){max-width:65ch}
:scope .o-service-security .o-service-text-link{display:flex;overflow-wrap:anywhere}
:scope .o-service-brief ul,:scope .o-service-prepare ul{padding-left:24px;margin-block:24px}
:scope .o-service-brief li,:scope .o-service-prepare li{padding-left:8px;color:var(--h-text)}
:scope .o-service-brief li+li,:scope .o-service-prepare li+li{margin-top:16px}
:scope .o-service-text-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:16px;font-weight:700;color:var(--h-accent-ink);text-decoration:underline;text-underline-offset:4px}
:scope .o-service-jump{border-block:1px solid var(--h-line)}
:scope .o-service-jump .o-service-wrap{display:flex;flex-wrap:wrap;gap:8px 32px;padding-block:16px}
:scope .o-service-jump a{display:inline-flex;align-items:center;min-height:48px;font-weight:600}
:scope .o-service-jump a:hover{color:var(--h-accent-ink);text-decoration:underline;text-underline-offset:4px}
:scope .o-service-heading{max-width:760px;margin-bottom:48px}
:scope .o-service-heading>p:not(.o-service-eyebrow){margin-top:24px;max-width:65ch}
:scope .o-service-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:scope .o-service-card{padding:32px;border:1px solid var(--h-line);border-radius:24px;background:var(--h-card)}
:scope .o-service-card p{margin-top:16px;max-width:60ch}
:scope .o-service-tinted{background:var(--h-surface)}
:scope .o-service-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px 64px;border-top:1px solid var(--h-line);padding-block:32px}
:scope .o-service-case .o-service-eyebrow{margin-bottom:16px!important}
:scope .o-service-case>.o-service-text-link{grid-column:2;justify-self:start}
:scope .o-service-case-list{border-bottom:1px solid var(--h-line)}
:scope .o-service-more{margin-top:24px}
:scope .o-service-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:start}
:scope .o-service-split .o-service-heading{margin-bottom:0}
:scope .o-service-estimate>div{border-top:1px solid var(--h-line);padding-block:24px}
:scope .o-service-estimate dt{font-size:24px;line-height:1.4;font-weight:700;margin-bottom:16px}
:scope .o-service-estimate dd{color:var(--h-text)}
:scope .o-service-steps{counter-reset:service-step;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
:scope .o-service-steps li{counter-increment:service-step;border-top:1px solid var(--h-line);padding-top:24px}
:scope .o-service-steps li::before{content:"0" counter(service-step);display:block;margin-bottom:24px;font:700 32px/1.25 OtosystemOutfit,var(--h-font);color:var(--h-accent-ink);font-variant-numeric:tabular-nums}
:scope .o-service-steps p{margin-top:16px}
:scope .o-service-faq details{border-top:1px solid var(--h-line)}
:scope .o-service-faq details:last-child{border-bottom:1px solid var(--h-line)}
:scope .o-service-faq summary{padding:24px 32px 24px 0;min-height:64px;cursor:pointer;position:relative;list-style:none;font-weight:700}
:scope .o-service-faq summary::-webkit-details-marker{display:none}
:scope .o-service-faq summary::after{content:'＋';position:absolute;right:0;top:24px;color:var(--h-accent-ink)}
:scope .o-service-faq details[open] summary::after{content:'−'}
:scope .o-service-faq details>p{padding:0 0 24px;max-width:65ch}
:scope .o-service-contact{background:var(--h-surface);border-block:1px solid var(--h-line)}
:scope .o-service-prepare{padding:32px;border:1px solid var(--h-line);border-radius:24px;background:var(--h-card)}
:scope .o-service-related{padding-block:48px}
:scope .o-service-related .o-service-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
:scope .o-service-related h2{font-size:24px}
:scope .o-service-related p{margin-top:16px}
@media(max-width:1199px){:scope .o-service-hero .o-hero-shade{background:linear-gradient(0deg,rgba(10,10,12,.84) 96px,transparent 240px),linear-gradient(180deg,rgba(10,10,12,.82),transparent 160px),rgba(10,10,12,.72)}}
@media(max-width:1023px){
:scope .o-service-main h1{font-size:64px}
:scope .o-service-main h2{font-size:32px}
:scope .o-service-split{gap:32px}
:scope .o-service-intro{font-size:24px}
:scope .o-service-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
:scope .o-service-wrap{width:calc(100% - 48px)}
:scope .o-service-section{padding-block:64px;scroll-margin-top:96px}
:scope .o-service-hero{padding-top:112px;padding-bottom:216px}
:scope .o-service-hero>.o-service-hero-meta{bottom:24px;padding-top:16px}
:scope .o-service-main h1{font-size:48px}
:scope .o-service-main h2{font-size:32px}
:scope .o-service-intro{font-size:24px;margin-top:24px!important}
:scope .o-service-split,:scope .o-service-scope-grid,:scope .o-service-case{grid-template-columns:minmax(0,1fr);gap:24px}
:scope .o-service-brief,:scope .o-service-card,:scope .o-service-prepare{padding:24px}
:scope .o-service-case>.o-service-text-link{grid-column:auto}
:scope .o-service-heading{margin-bottom:32px}
:scope .o-service-jump .o-service-wrap{gap:8px 24px}
:scope .o-service-steps{grid-template-columns:minmax(0,1fr);gap:32px}
:scope .o-service-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px}
:scope .o-service-steps li::before{grid-row:1/3;margin-bottom:0}
:scope .o-service-steps p{grid-column:2}
}
@media(max-width:360px){
:scope.o-is-service .o-header .o-menu-trigger{width:48px;padding:0;border-radius:50%}
:scope.o-is-service .o-menu-trigger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){:scope .o-service-hero .o-hero-video{display:none}:scope .o-service-main *{scroll-behavior:auto;transition:none;animation:none}}
}