@layer skin{[data-template=service-desk]{--bg:var(--brand-paper);--fg:var(--brand-ink);--muted:color-mix(in oklab, var(--brand-ink) 70%, var(--brand-paper));--line:color-mix(in oklab, var(--brand-primary) 14%, transparent);--surface:color-mix(in oklab, var(--brand-primary) 6%, var(--brand-paper));--card:#fff;--hero-bg:color-mix(in oklab, var(--brand-primary) 9%, var(--brand-paper));--tint-bg:color-mix(in oklab, var(--brand-primary) 7%, var(--brand-paper));--primary:var(--brand-primary);--on-primary:#fff;--accent:var(--brand-accent);--on-accent:var(--brand-ink);--dark-bg:var(--brand-dark);--focus:var(--brand-primary);--display-weight:600;--display-tracking:-.03em;--display-leading:1.04;--h1:clamp(2.125rem, 1.6408rem + 2.0657vw, 3.5rem);--h2:clamp(1.75rem, 1.4859rem + 1.1268vw, 2.5rem);--h3:clamp(1.15rem, 1.05rem + .4vw, 1.35rem);--lead:clamp(1.125rem, 1.081rem + .1878vw, 1.25rem);--body-size:clamp(1rem, .97rem + .15vw, 1.0625rem);--radius-s:8px;--radius:12px;--radius-l:20px;--radius-xl:28px;--radius-btn:12px;--btn-pad:.85em 1.35em;--btn-weight:600;--section-y:clamp(3.5rem, 2.25rem + 4vw, 6.5rem);--container:1240px;--nav-h:72px;--nav-weight:500;--shadow:0 1px 2px #0b1e240f, 0 10px 24px -14px #0b1e2438;--shadow-l:0 2px 4px #0b1e240a, 0 28px 60px -32px color-mix(in oklab, var(--brand-primary) 60%, transparent);--menu-bg:var(--brand-paper);--wa-bg:#1e7f4d}[data-template=service-desk][dir=rtl]{--ar-scale:1;--ar-h1-scale:1;--ar-h2-scale:1;--ar-display-leading:1.25;--ar-body-leading:1.75;--h1:clamp(2rem, 1.5rem + 2.1vw, 3.25rem);--h2:clamp(1.625rem, 1.4rem + .95vw, 2.25rem)}[data-template=service-desk] .nav{--nav-bg:color-mix(in oklab, var(--brand-paper) 90%, transparent)}[data-template=service-desk] .nav:before{backdrop-filter:blur(14px)}[data-template=service-desk] .nav.is-scrolled:before{box-shadow:0 1px 0 var(--line)}[data-template=service-desk] .logo-word{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.4rem;font-weight:700}[data-template=service-desk] .btn--primary:hover{background:color-mix(in oklab, var(--brand-primary) 82%, var(--brand-ink))}[data-template=service-desk] .btn--secondary{border:1.5px solid color-mix(in oklab, var(--brand-primary) 35%, transparent);color:var(--brand-primary);background:var(--card)}[data-template=service-desk] .btn--secondary:hover{border-color:var(--brand-primary);background:color-mix(in oklab, var(--brand-primary) 6%, #fff)}[data-template=service-desk] .btn--quiet{color:var(--brand-primary)}[data-template=service-desk] .sr-list{gap:.75rem}[data-template=service-desk] .sr-item{border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);padding:1.25rem 1.4rem}[data-template=service-desk] .sr-value{color:var(--brand-primary);font-weight:600}[data-template=service-desk] .ls-item{opacity:1;color:color-mix(in oklab, var(--brand-ink) 62%, var(--brand-paper));font-weight:600}[data-template=service-desk] .tg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:none}[data-template=service-desk] .tg-card blockquote{font-family:var(--font-body);letter-spacing:0;font-size:1.1rem;font-weight:500;line-height:1.5}[data-template=service-desk] .tg-stars{color:var(--brand-accent)}[data-template=service-desk] .fq-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.5rem;padding-inline:1.1rem}[data-template=service-desk] .fq-icon{color:var(--brand-primary)}[data-template=service-desk] .cb-box{--cta-bg:var(--brand-dark);--cta-fg:#fff;--cta-btn-bg:var(--brand-accent);--cta-btn-fg:var(--brand-ink);border-radius:var(--radius-xl)}[data-template=service-desk] .ph-simple{margin-top:calc(var(--nav-h) + 1rem);border-radius:var(--radius-xl);background:var(--hero-bg);padding:clamp(2rem,5vw,3.5rem)}[data-template=service-desk] .tmg-img{border-radius:var(--radius-l)}[data-template=service-desk] .tmg-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}@media (width>=900px){[data-template=service-desk] .tmg-grid:has(>li:nth-child(3n):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){[data-template=service-desk] .sdk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-template=service-desk] .footer{--footer-bg:var(--brand-dark)}}@keyframes sd-in{0%{opacity:0;transform:translateY(8px)}}html[data-template=service-desk]::view-transition-new(root){animation:.35s cubic-bezier(.2,.7,.2,1) both sd-in}
