/* Horizon — reusable illustrated service modules. */
.vh-sun{display:inline-block;width:18px;height:10px;background:var(--coral);border-radius:30px 30px 0 0;flex:none}
.vh-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.vh-service-card{border:1px solid var(--line);background:#fffaf6;min-width:0;overflow:hidden}.vh-service-visual{height:248px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eee4da}.vh-service-copy{padding:31px 34px 28px}.vh-service-copy .eyebrow{color:var(--muted);font-size:10px;margin-bottom:14px}.vh-service-copy h3{font:400 27px/1.25 var(--font-display);letter-spacing:-.035em;margin-bottom:12px}.vh-service-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;color:var(--muted);max-width:430px;min-height:50px}.vh-service-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.vh-service-bottom .text-link{font-size:13px;gap:14px}.vh-service-bottom>span{font-size:11px;white-space:nowrap;text-align:right}.vh-service-bottom strong{font-weight:500;font-size:20px;letter-spacing:-.025em}.vh-service-bottom small{display:block;font-size:10px;color:var(--muted)}.v-floating-label{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.025em}.v-browser{width:66%;max-width:340px;position:relative;background:#fffaf6;border:1px solid #cdbcae;transform:translateY(-5px) rotate(-3deg);box-shadow:9px 14px 0 #d6c8bb50;transition:transform 240ms var(--ease)}.v-browser-bar{height:25px;border-bottom:1px solid #e7dcd2;display:flex;align-items:center;gap:4px;padding:0 10px}.v-browser-bar>i{height:3px;width:3px;background:#c3ad9d;border-radius:50%}.v-browser-bar>span{margin:auto;font-size:8px;color:#8d7c70;transform:translateX(-9px)}.v-site-content{padding:17px 20px}.v-site-nav{display:flex;justify-content:space-between;align-items:center}.v-site-nav b{font-size:15px;font-weight:500;letter-spacing:-.04em}.v-site-nav>span{font-size:5px}.v-site-body{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:center;margin-top:18px}.v-site-body strong{font:400 22px/1.1 var(--font-display);letter-spacing:-.04em;display:block}.v-site-body img{width:100%;height:91px;object-fit:cover;object-position:50% 60%}.v-site-line{display:block;height:5px;width:35px;background:var(--coral);margin-top:15px}.vh-service-web:hover .v-browser{transform:translateY(-9px) rotate(-1deg)}.vh-service-cloud .vh-service-visual{background:#302724}.v-cloud-diagram{position:relative;width:288px;height:155px;transform:translateY(-8px)}.v-server{position:absolute;left:43px;width:206px;height:55px;border:1px solid #ab7662;background:#493b33;transform:skewY(-7deg);box-shadow:10px 12px 0 #241d19;transition:transform 240ms var(--ease)}.v-server>span{position:absolute;left:16px;top:17px;width:99px;height:20px;background:repeating-linear-gradient(90deg,transparent 0 4px,#8d6d59 4px 5px)}.v-server i{position:absolute;right:18px;top:24px;width:5px;height:5px;border:1px solid #e5b79c;border-radius:50%}.v-server i:last-child{right:31px;background:#e88d72;border-color:#e88d72}.v-server-back{top:4px;left:58px;background:#715344}.v-server-mid{top:44px;left:43px;background:#a8674d}.v-server-front{top:84px;left:28px;background:#ca7456;border-color:#ef9b7e}.v-cloud-labels{position:absolute;top:154px;left:28px;right:10px;display:flex;justify-content:space-between;font:400 9px var(--font-mono);color:#d1b6a4}.vh-service-cloud .v-floating-label{color:#baa69a}.vh-service-cloud:hover .v-server-back{transform:skewY(-7deg) translateY(-5px)}.vh-service-cloud:hover .v-server-front{transform:skewY(-7deg) translateY(5px)}.vh-service-mail .vh-service-visual{background:#ece8dd}.v-envelope{width:250px;position:relative;transform:translateY(-13px) rotate(-7deg);transition:transform 240ms var(--ease)}.v-envelope>span{position:absolute;top:6px;right:-27px;width:74px;height:74px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--coral);color:var(--paper);font:400 45px/1 var(--font-display);box-shadow:0 8px 15px #8a553720}.v-mail-address{position:absolute;bottom:35px;font-size:12px;background:#fffaf6;border:1px solid #d6cbbc;padding:9px 17px;border-radius:3px;box-shadow:0 7px 18px #47362909;transform:rotate(2deg)}.vh-service-mail:hover .v-envelope{transform:translateY(-17px) rotate(-3deg)}.vh-service-backup .vh-service-visual{background:#eee0d5}.v-file-stack{position:relative;width:225px;height:177px}.v-file{width:110px;height:140px;position:absolute;top:12px;background:#fffaf6;border:1px solid #c4a892;border-radius:3px;box-shadow:2px 5px 12px #7a4d3020;transition:transform 240ms var(--ease)}.v-file-one{left:12px;transform:rotate(-16deg);background:#e6c5b1}.v-file-two{left:62px;transform:rotate(-4deg);background:#f0d7c6}.v-file-three{left:110px;transform:rotate(10deg);display:flex;justify-content:center;align-items:center;color:#aa4d34}.v-file svg{width:47px;height:55px}.vh-service-backup:hover .v-file-one{transform:rotate(-23deg) translateX(-4px)}.vh-service-backup:hover .v-file-three{transform:rotate(15deg) translateX(4px)}
@media(max-width:1100px){.vh-service-copy{padding:27px}.vh-service-bottom{align-items:flex-start}.vh-service-bottom .text-link{font-size:12px}.vh-service-bottom strong{font-size:18px}.vh-service-copy h3{font-size:24px}.v-browser{width:74%}.v-site-body strong{font-size:19px}}
@media(max-width:720px){.vh-service-grid{gap:18px}.vh-service-visual{height:207px}.vh-service-copy{padding:23px}.vh-service-copy h3{font-size:23px}.vh-service-bottom{display:block}.vh-service-bottom>span{display:block;text-align:left;margin-top:13px}.vh-service-bottom small{display:inline;margin-left:7px}.v-browser{width:80%}.v-site-content{padding:13px}.v-site-body strong{font-size:17px}.v-site-body img{height:78px}.v-floating-label{font-size:9px}.v-envelope{width:180px}.v-envelope>span{width:52px;height:52px;font-size:32px;right:-14px}.v-mail-address{font-size:10px;padding:7px 12px;bottom:34px}.v-cloud-diagram{transform:translateY(-12px) scale(.85)}.v-file-stack{transform:scale(.83)}.vh-service-copy>p:not(.eyebrow){font-size:14px}}
@media(max-width:560px){.vh-service-grid{grid-template-columns:1fr;gap:23px}.vh-service-visual{height:232px}.vh-service-copy{padding:25px 24px 21px}.vh-service-copy h3{font-size:26px}.vh-service-bottom{display:flex;align-items:center;gap:14px}.vh-service-bottom>span{text-align:right;margin:0}.vh-service-bottom small{display:block;margin-left:0;font-size:9px}.vh-service-bottom .text-link{font-size:12px;gap:14px}.vh-service-bottom strong{font-size:19px}.v-browser{max-width:265px;width:76%}.v-site-body strong{font-size:22px}.v-site-body img{height:87px}.v-envelope{width:223px}.v-envelope>span{width:65px;height:65px;font-size:40px}.v-mail-address{font-size:11px}.v-file-stack{transform:scale(.95)}.v-cloud-diagram{transform:translateY(-10px) scale(.95)}.v-floating-label{font-size:10px}}
@media(max-width:359px){.vh-service-copy{padding:23px 18px}.vh-service-copy h3{font-size:23px}.vh-service-bottom{display:block}.vh-service-bottom>span{text-align:left;margin-top:9px}.vh-service-bottom small{display:inline;margin-left:5px}.v-mail-address{font-size:10px}.v-floating-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vh-service-card *{transition:none!important}}