.service-stage{--service-ink:219 81% 23%;--service-cyan:196 96% 45%;--service-line:194 60% 88%;--service-surface:198 100% 98%;--service-shadow:196 61% 69%;background:linear-gradient(125deg,hsl(var(--sky)),hsl(var(--deep)));color:hsl(var(--service-ink));padding-top:44px}.service-screen{background:linear-gradient(145deg,hsl(var(--service-surface)),hsl(var(--background)));min-height:0}.service-menu{padding:18px 10px 0}.service-menu h1{letter-spacing:-.035em;margin:1px 0 18px;font-size:28px;font-weight:750;line-height:1.2}.service-card{background:hsl(var(--service-surface)/.94);border:1px solid hsl(var(--service-line));box-shadow:0 3px 9px hsl(var(--service-shadow)/.2);border-radius:17px}.service-menu a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.service-menu a:focus-visible{outline:3px solid hsl(var(--service-cyan));outline-offset:3px}.service-menu a:hover{background-color:hsl(var(--white));box-shadow:0 4px 13px hsl(var(--service-shadow)/.3)}.service-feature{letter-spacing:-.035em;grid-template-columns:112px minmax(0,1fr) 14px;align-items:center;gap:7px;min-height:106px;padding:6px 13px 6px 7px;font-size:20px;font-weight:700;line-height:1.15;display:grid}.service-art{aspect-ratio:4/3;background-position:0;background-repeat:no-repeat;background-size:200% 100%;width:112px;display:block}.service-arrow{color:hsl(var(--service-cyan));flex-shrink:0;width:13px;height:20px}.service-harmonization{margin:15px 0;padding:10px 6px 6px}.service-harmonization h2{letter-spacing:-.025em;margin:0 11px 10px;font-size:24px;font-weight:700;line-height:1.25}.service-harmonization h2 a{border-radius:4px;justify-content:space-between;align-items:center;min-height:30px;display:flex}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.service-recipient{border:1px solid hsl(var(--service-line)/.85);background:hsl(var(--service-surface));min-width:0;min-height:80px;box-shadow:0 2px 5px hsl(var(--service-shadow)/.15);letter-spacing:-.025em;white-space:nowrap;border-radius:15px;align-items:center;gap:7px;padding:6px 6px 6px 4px;font-size:12px;font-weight:650;display:flex}.service-recipient>.service-arrow{width:9px;height:15px;margin-left:auto}.service-avatar{object-fit:cover;border-radius:50%;flex:0 0 62px;width:62px;height:62px;display:block}.service-sprite{background-repeat:no-repeat;background-size:400% 200%}.service-oberon .service-art{background-position:100%}.service-oberon .service-anatomy{clip-path:inset(0 14% round 12px);background-position:50% 8%;background-size:72%;border-radius:12px}.service-oberon{font-size:19px}.service-screen>.home-area{padding:16px 0 12px}@media (width<=480px){.service-stage{padding:12px 10px 20px}.service-menu{padding:18px 9px 0}.service-menu h1{font-size:27px}.service-feature{grid-template-columns:94px minmax(0,1fr) 12px;gap:5px;min-height:102px;padding-right:11px;font-size:19px}.service-art{width:94px}.service-oberon{font-size:18px}.service-avatar{flex-basis:54px;width:54px;height:54px}.service-recipient{gap:5px;min-height:77px;padding-left:3px;padding-right:5px;font-size:11.5px}.service-harmonization h2{font-size:24px}}@media (width<=360px){.service-menu{padding-left:7px;padding-right:7px}.service-menu h1{font-size:25px}.service-feature{grid-template-columns:78px minmax(0,1fr) 10px;min-height:91px;font-size:17px}.service-art{width:78px}.service-oberon{font-size:16px}.service-avatar{flex-basis:43px;width:43px;height:43px}.service-recipient{gap:3px;min-height:66px;font-size:10.5px}.service-grid{gap:5px}}
