.dh-services{background:#fff;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;position:relative;z-index:2;padding:26px 0 28px;scroll-margin-top:80px}.dh-service-grid{width:calc(100% - 112px);max-width:1440px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:auto}.dh-service{--service-color:#237bff;position:relative;isolation:isolate;text-align:center;padding:0 12px 9px;display:flex;flex-direction:column;align-items:center;min-width:0;color:#101827;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dh-service:not(:first-child){border-left:1px solid #e3e7ef}.dh-service:before{content:'';position:absolute;inset:1px 5px 0;z-index:-1;border-radius:18px;background:radial-gradient(ellipse at var(--glow-x,50%) var(--glow-y,40%),color-mix(in srgb,var(--service-color) 10%,transparent),transparent 68%);opacity:0;transition:opacity .3s}.dh-service-visual{width:135px;height:112.5px;display:grid;place-items:center;translate:0 0;scale:1;transition:translate .5s cubic-bezier(.22,.8,.2,1),scale .5s cubic-bezier(.22,.8,.2,1);pointer-events:none}.dh-service-tilt{width:138px;height:138px;display:block;transform:perspective(650px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--shift-x,0px),var(--shift-y,0px),0);transition:transform .55s cubic-bezier(.22,.8,.2,1);transform-style:preserve-3d}.dh-service-icon{width:138px;height:138px;display:block;object-fit:contain;filter:drop-shadow(0 2px 3px #13233304);transition:filter .4s;pointer-events:none;user-select:none}.dh-service-title{position:relative;display:inline-block;margin-top:8px;font-size:clamp(18px,1.55vw,24px);font-weight:800;letter-spacing:-.035em;line-height:1.25;transition:color .25s,translate .35s;translate:0 0}.dh-service-title:after{content:'';position:absolute;left:10%;right:10%;height:2px;bottom:-7px;border-radius:3px;background:var(--service-color);scale:0 1;transform-origin:center;transition:scale .35s cubic-bezier(.22,.8,.2,1)}.dh-service-desc{color:#8490a3;font-size:clamp(12px,1.02vw,15px);line-height:1.6;margin-top:14px;font-weight:400;white-space:nowrap;letter-spacing:-.025em}.dh-service[data-service=hosting]{--service-color:#fb7269}.dh-service[data-service=vps]{--service-color:#00b6b4}.dh-service[data-service=email]{--service-color:#e9a21b}.dh-service[data-service=design]{--service-color:#9661ee}.dh-service.is-pointing:before,.dh-service:focus-visible:before,.dh-service.is-pressed:before{opacity:1}.dh-service.is-pointing .dh-service-visual,.dh-service:focus-visible .dh-service-visual{translate:0 -9px;scale:1.065}.dh-service.is-pointing .dh-service-tilt{transition:transform .16s ease-out}.dh-service.is-pointing .dh-service-icon,.dh-service:focus-visible .dh-service-icon{filter:drop-shadow(0 11px 9px color-mix(in srgb,var(--service-color) 17%,transparent))}.dh-service.is-pointing .dh-service-title,.dh-service:focus-visible .dh-service-title{color:var(--service-color);translate:0 -2px}.dh-service.is-pointing .dh-service-title:after,.dh-service:focus-visible .dh-service-title:after{scale:1 1}.dh-service:focus-visible{outline:2px solid var(--service-color);outline-offset:4px;border-radius:8px}.dh-service.is-pressed .dh-service-visual{translate:0 -3px;scale:1.035}.dh-service.is-pressed .dh-service-title{color:var(--service-color)}
@media(min-width:761px) and (max-width:1100px){.dh-service-grid{width:calc(100% - 48px)}.dh-service{padding-inline:6px}.dh-service-visual{width:105px;height:99px}.dh-service-tilt,.dh-service-icon{width:108px;height:108px}.dh-service-title{font-size:18px}.dh-service-desc{font-size:11px;letter-spacing:-.04em}}
@media(max-width:760px){.dh-services{padding:19px 0 21px}.dh-service-grid{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.dh-service{padding-inline:7px;padding-bottom:15px}.dh-service:not(:first-child){border-left:0}.dh-service:nth-child(even){border-left:1px solid #e3e7ef}.dh-service:last-child{grid-column:1/-1;border-top:1px solid #edf1f6;padding-top:12px}.dh-service-visual{height:94.5px;width:115.5px}.dh-service-tilt,.dh-service-icon{width:111px;height:111px}.dh-service-title{font-size:19px;margin-top:5px}.dh-service-desc{font-size:12px;margin-top:10px;white-space:normal;max-width:190px}.dh-service-title:after{bottom:-5px}}
@media(max-width:380px){.dh-service-grid{width:calc(100% - 24px)}.dh-service-visual{width:101.25px;height:86.25px}.dh-service-tilt,.dh-service-icon{width:102px;height:102px}.dh-service-title{font-size:18px}.dh-service-desc{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dh-service:before,.dh-service-visual,.dh-service-tilt,.dh-service-icon,.dh-service-title,.dh-service-title:after{transition:none}.dh-service .dh-service-visual{translate:0 0!important;scale:1!important}.dh-service .dh-service-tilt{transform:none!important}.dh-service .dh-service-title{translate:0 0!important}.dh-service.is-pointing .dh-service-icon,.dh-service:focus-visible .dh-service-icon{filter:none}}