.hvs-root {
  --hvs-max: 1540px;
  --hvs-pad: 64px;
  --hvs-pad-t: 42px;
  --hvs-pad-m: 26px;
  --hvs-radius: 16px;
  --hvs-primary: #155eef;
  --hvs-primary-soft: #eff4ff;
  --hvs-text: #0f172a;
  --hvs-muted: #64748b;
  --hvs-surface: #fff;
  --hvs-soft: #f8fafc;
  --hvs-dark: #07101f;
  --hvs-dark-text: #fff;
  --hvs-border: #e2e8f0;
  --hvs-heading-font: inherit;
  --hvs-body-font: inherit;
  --hvs-heading-weight: 750;
  --hvs-body-weight: 400;
  --hvs-main-title: 52px;
  --hvs-main-title-t: 40px;
  --hvs-main-title-m: 32px;
  --hvs-section-title: 38px;
  --hvs-section-title-t: 32px;
  --hvs-section-title-m: 27px;
  --hvs-body-size: 16px;
  --hvs-duration: 700ms;
  --hvs-stagger: 90ms;
  --hvs-benefit-cols-lg: 5;
  --hvs-benefit-cols-nb: 5;
  --hvs-benefit-cols-t: 3;
  --hvs-benefit-cols-m: 1;
  --hvs-project-cols-lg: 5;
  --hvs-project-cols-nb: 5;
  --hvs-project-cols-t: 2;
  --hvs-project-cols-m: 1;
  width: 100%;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--hvs-text);
  background: var(--hvs-surface);
  font-family: var(--hvs-body-font);
  font-size: var(--hvs-body-size);
  font-weight: var(--hvs-body-weight);
  line-height: 1.6;
  overflow: clip;
}
.hvs-root *, .hvs-root *::before, .hvs-root *::after { box-sizing: border-box; }
.hvs-root img, .hvs-root video { display:block; max-width:100%; }
.hvs-root a { text-decoration:none; }
.hvs-inner { width:min(calc(100% - 48px), var(--hvs-max)); margin:0 auto; }
.hvs-root h2, .hvs-root h3 { font-family:var(--hvs-heading-font); font-weight:var(--hvs-heading-weight); color:inherit; margin:0; letter-spacing:-0.03em; line-height:1.08; }
.hvs-root p { margin:0; }
.hvs-eyebrow { color:var(--hvs-primary); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px; }

/* Benefits */
.hvs-benefits-wrap { background:linear-gradient(180deg,var(--hvs-surface),var(--hvs-soft)); padding:44px 0 46px; border-top:1px solid color-mix(in srgb,var(--hvs-border) 65%,transparent); border-bottom:1px solid color-mix(in srgb,var(--hvs-border) 70%,transparent); }
.hvs-benefits-title { text-align:center; font-size:var(--hvs-section-title); margin-bottom:34px !important; }
.hvs-benefits { display:grid; grid-template-columns:repeat(var(--hvs-benefit-cols-lg),minmax(0,1fr)); gap:28px; }
.hvs-benefit { text-align:center; min-width:0; padding:4px 10px; }
.hvs-icon-badge { width:54px; height:54px; border-radius:17px; display:inline-grid; place-items:center; color:var(--hvs-primary); background:linear-gradient(145deg,var(--hvs-primary-soft),var(--hvs-surface)); border:1px solid color-mix(in srgb,var(--hvs-primary) 15%,var(--hvs-border)); box-shadow:0 10px 28px color-mix(in srgb,var(--hvs-primary) 9%,transparent); margin-bottom:14px; }
.hvs-icon-badge svg { width:23px; height:23px; }
.hvs-benefit h3 { font-size:16px; margin-bottom:7px; letter-spacing:-.015em; }
.hvs-benefit p { color:var(--hvs-muted); font-size:13px; line-height:1.55; max-width:230px; margin:0 auto; }

/* Main showcase */
.hvs-main-wrap { padding:var(--hvs-pad) 0; background:var(--hvs-surface); }
.hvs-main-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr) minmax(140px,.34fr); gap:clamp(34px,4vw,76px); align-items:center; }
.hvs-main-media { min-height:var(--hvs-media-h); height:var(--hvs-media-h); border-radius:var(--hvs-radius); overflow:hidden; position:relative; background:var(--hvs-dark); box-shadow:0 26px 70px rgba(15,23,42,.14); }
.hvs-main-media > img, .hvs-main-media > video { width:100%; height:100%; object-fit:cover; }
/* Runtime-generated first-frame poster for video previews (especially iOS/iPadOS). */
.hvs-main-media > .hvs-generated-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hvs-main-media > video.hvs-auto-preview-video { display:block; background:var(--hvs-dark); }
.hvs-main-media.has-generated-poster > video.hvs-auto-preview-video { visibility:hidden; }
.hvs-main-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.58)); pointer-events:none; z-index:1; }
.hvs-placeholder { width:100%; height:100%; min-height:180px; display:grid; place-items:center; align-content:center; gap:10px; background:linear-gradient(135deg,color-mix(in srgb,var(--hvs-primary) 10%,var(--hvs-soft)),var(--hvs-soft)); color:var(--hvs-primary); }
.hvs-placeholder svg { width:30px; height:30px; }
.hvs-placeholder--main { min-height:var(--hvs-media-h); }
.hvs-media-play { position:absolute; z-index:2; left:28px; bottom:25px; display:flex; align-items:center; gap:13px; color:#fff; background:transparent; border:0; padding:0; cursor:pointer; text-align:left; font:inherit; }
.hvs-play { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:#fff; color:var(--hvs-dark); box-shadow:0 12px 30px rgba(0,0,0,.25); transition:transform .3s ease; }
.hvs-play svg { width:18px; height:18px; margin-left:3px; }
.hvs-media-play:hover .hvs-play { transform:scale(1.08); }
.hvs-media-play__copy { display:flex; flex-direction:column; }
.hvs-media-play__copy strong { font-size:14px; line-height:1.2; }
.hvs-media-play__copy small { opacity:.82; font-size:12px; margin-top:3px; }
.hvs-main-title { font-size:var(--hvs-main-title); margin-bottom:20px !important; max-width:780px; }
.hvs-main-text { color:var(--hvs-muted); max-width:650px; margin-bottom:24px !important; }
.hvs-service-list { margin:0; padding:0; list-style:none; display:grid; gap:12px; }
.hvs-service-list li { display:flex; gap:11px; align-items:flex-start; color:var(--hvs-text); }
.hvs-service-list li::before { content:"✓"; flex:0 0 21px; width:21px; height:21px; border-radius:50%; display:grid; place-items:center; margin-top:1px; color:var(--hvs-primary); background:var(--hvs-primary-soft); border:1px solid color-mix(in srgb,var(--hvs-primary) 22%,transparent); font-size:12px; font-weight:900; }
.hvs-stats { display:grid; gap:32px; align-self:stretch; align-content:center; border-left:1px solid var(--hvs-border); padding-left:30px; }
.hvs-stat { display:grid; justify-items:start; }
.hvs-icon-badge--stat { width:48px; height:48px; border-radius:14px; margin-bottom:8px; }
.hvs-stat strong { display:block; color:var(--hvs-primary); font-family:var(--hvs-heading-font); font-size:32px; line-height:1; letter-spacing:-.03em; }
.hvs-stat > span:last-child { margin-top:6px; color:var(--hvs-muted); font-size:13px; line-height:1.35; }

/* Process */
.hvs-process-wrap { position:relative; padding:48px 0 52px; color:var(--hvs-dark-text); background:radial-gradient(circle at 72% -20%,color-mix(in srgb,var(--hvs-primary) 24%,transparent),transparent 34%),var(--hvs-dark); }
.hvs-process-wrap .hvs-eyebrow { color:color-mix(in srgb,var(--hvs-primary) 75%,white); }
.hvs-process-title { color:var(--hvs-dark-text) !important; font-size:var(--hvs-section-title); margin-bottom:34px !important; }
.hvs-process { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:34px; }
.hvs-process-line { position:absolute; height:1px; left:22px; right:22px; top:18px; background:color-mix(in srgb,var(--hvs-primary) 28%,rgba(255,255,255,.16)); opacity:1; transform-origin:left center; pointer-events:none; }
.hvs-process-line::before { content:""; position:absolute; inset:-1px 0; background:linear-gradient(90deg,var(--hvs-primary),color-mix(in srgb,var(--hvs-primary) 38%,white),var(--hvs-primary)); border-radius:999px; box-shadow:0 0 10px color-mix(in srgb,var(--hvs-primary) 42%,transparent),0 0 24px color-mix(in srgb,var(--hvs-primary) 18%,transparent); transform-origin:left center; will-change:transform; }
.hvs-process-line::after { content:""; position:absolute; left:0; top:50%; width:8px; height:8px; border-radius:50%; background:color-mix(in srgb,var(--hvs-primary) 78%,white); box-shadow:0 0 0 5px color-mix(in srgb,var(--hvs-primary) 12%,transparent),0 0 18px color-mix(in srgb,var(--hvs-primary) 72%,transparent),0 0 32px color-mix(in srgb,var(--hvs-primary) 34%,transparent); transform:translate(-50%,-50%); opacity:0; pointer-events:none; }
.hvs-root:not(.is-editor) .hvs-process .hvs-process-line::before { transform:scaleX(0); transition:transform 3800ms cubic-bezier(.22,.61,.36,1); }
.hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-process-line::before { transform:scaleX(1); }
.hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-process-line::after { animation:hvs-process-head-x 3800ms cubic-bezier(.22,.61,.36,1) both; }
.hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-step:nth-of-type(1) .hvs-step-number { animation:hvs-process-marker 720ms cubic-bezier(.2,.8,.2,1) 80ms both; }
.hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-step:nth-of-type(2) .hvs-step-number { animation:hvs-process-marker 720ms cubic-bezier(.2,.8,.2,1) 950ms both; }
.hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-step:nth-of-type(3) .hvs-step-number { animation:hvs-process-marker 720ms cubic-bezier(.2,.8,.2,1) 1820ms both; }
.hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-step:nth-of-type(4) .hvs-step-number { animation:hvs-process-marker 720ms cubic-bezier(.2,.8,.2,1) 2690ms both; }
.hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-step:nth-of-type(5) .hvs-step-number { animation:hvs-process-marker 720ms cubic-bezier(.2,.8,.2,1) 3560ms both; }
@keyframes hvs-process-head-x {
  0% { left:0; opacity:0; transform:translate(-50%,-50%) scale(.72); }
  4% { opacity:1; }
  92% { opacity:1; transform:translate(-50%,-50%) scale(1); }
  100% { left:100%; opacity:0; transform:translate(-50%,-50%) scale(.72); }
}
@keyframes hvs-process-marker {
  0% { transform:scale(.88); box-shadow:0 0 0 6px color-mix(in srgb,var(--hvs-dark) 92%,transparent); filter:brightness(.9); }
  42% { transform:scale(1.16); box-shadow:0 0 0 6px color-mix(in srgb,var(--hvs-dark) 92%,transparent),0 0 0 11px color-mix(in srgb,var(--hvs-primary) 13%,transparent),0 0 28px color-mix(in srgb,var(--hvs-primary) 62%,transparent); filter:brightness(1.16); }
  100% { transform:scale(1); box-shadow:0 0 0 6px color-mix(in srgb,var(--hvs-dark) 92%,transparent); filter:none; }
}
.hvs-process--icons-off .hvs-step-marker { gap:0; }
.hvs-step { position:relative; z-index:1; min-width:0; }
.hvs-step-marker { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.hvs-step-number { width:36px; height:36px; flex:0 0 36px; border-radius:50%; display:grid; place-items:center; background:var(--hvs-primary); color:white; font-weight:800; font-size:13px; box-shadow:0 0 0 6px color-mix(in srgb,var(--hvs-dark) 92%,transparent); }
.hvs-step-icon { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); backdrop-filter:blur(8px); }
.hvs-step-icon svg { width:20px; height:20px; }
.hvs-step h3 { color:#fff !important; font-size:15px; margin-bottom:7px; letter-spacing:-.01em; }
.hvs-step p { color:rgba(255,255,255,.66); font-size:12.5px; line-height:1.6; }

/* Projects */
.hvs-projects-wrap { padding:var(--hvs-pad) 0 34px; background:var(--hvs-surface); }
.hvs-projects-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:26px; }
.hvs-projects-title { font-size:var(--hvs-section-title); }
.hvs-projects-link { display:inline-flex; align-items:center; gap:8px; color:var(--hvs-primary); font-weight:700; font-size:13px; white-space:nowrap; }
.hvs-projects-link svg, .hvs-cta-button svg { width:17px; height:17px; transition:transform .25s ease; }
.hvs-projects-link:hover svg, .hvs-cta-button:hover svg { transform:translateX(3px); }
.hvs-projects { display:grid; grid-template-columns:repeat(var(--hvs-project-cols-lg),minmax(0,1fr)); gap:24px; }
.hvs-project { min-width:0; }
.hvs-project-media { position:relative; aspect-ratio:16/9; border-radius:calc(var(--hvs-radius) * .72); overflow:hidden; background:var(--hvs-soft); margin-bottom:11px; box-shadow:0 12px 32px rgba(15,23,42,.06); }
.hvs-project-media > img { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.hvs-project h3 { font-size:13px; line-height:1.35; letter-spacing:-.01em; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hvs-project-duration { display:block; color:var(--hvs-muted); font-size:11px; }
.hvs-project-play { position:absolute; inset:0; display:grid; place-items:center; border:0; background:transparent; cursor:pointer; }
.hvs-play--small { width:38px; height:38px; }
.hvs-play--small svg { width:14px; height:14px; }

/* CTA */
.hvs-cta-wrap { background:var(--hvs-surface); padding:0 0 var(--hvs-pad); }
.hvs-cta { min-height:132px; border-radius:calc(var(--hvs-radius) * 1.1); padding:28px 34px; display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:center; color:#fff; background:radial-gradient(circle at 25% 0%,color-mix(in srgb,var(--hvs-primary) 28%,transparent),transparent 28%),linear-gradient(110deg,var(--hvs-dark),color-mix(in srgb,var(--hvs-dark) 82%,var(--hvs-primary))); box-shadow:0 22px 50px rgba(2,6,23,.16); }
.hvs-cta .hvs-eyebrow { color:color-mix(in srgb,var(--hvs-primary) 70%,white); margin-bottom:7px; }
.hvs-cta-icon { width:60px; height:60px; border-radius:50%; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--hvs-primary) 75%,white); color:#fff; background:rgba(255,255,255,.025); }
.hvs-cta-icon svg { width:25px; height:25px; }
.hvs-cta h3 { color:#fff !important; font-size:22px; letter-spacing:-.02em; margin-bottom:6px; }
.hvs-cta p { color:rgba(255,255,255,.68); font-size:13px; }
.hvs-cta-button { min-height:48px; padding:0 22px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; gap:10px; color:#fff; background:var(--hvs-primary); font-weight:800; font-size:13px; box-shadow:0 10px 25px color-mix(in srgb,var(--hvs-primary) 25%,transparent); transition:transform .25s ease,box-shadow .25s ease,filter .25s ease; }
.hvs-cta-button:hover { color:#fff; transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 16px 32px color-mix(in srgb,var(--hvs-primary) 32%,transparent); }

/* Hover styles */
.hvs-hover-lift .hvs-benefit, .hvs-hover-lift .hvs-stat, .hvs-hover-lift .hvs-project, .hvs-hover-lift .hvs-step { transition:transform .3s ease; }
.hvs-hover-lift .hvs-benefit:hover, .hvs-hover-lift .hvs-stat:hover, .hvs-hover-lift .hvs-project:hover, .hvs-hover-lift .hvs-step:hover { transform:translateY(-6px); }
.hvs-hover-glow .hvs-icon-badge, .hvs-hover-glow .hvs-project-media { transition:box-shadow .3s ease,border-color .3s ease; }
.hvs-hover-glow .hvs-benefit:hover .hvs-icon-badge, .hvs-hover-glow .hvs-stat:hover .hvs-icon-badge, .hvs-hover-glow .hvs-project:hover .hvs-project-media { box-shadow:0 18px 42px color-mix(in srgb,var(--hvs-primary) 18%,transparent); }
.hvs-hover-zoom .hvs-project:hover img { transform:scale(1.055); }

/* Entrance animations */
.hvs-root:not(.is-editor) .hvs-animate { transition-property:opacity,transform; transition-duration:var(--hvs-duration); transition-timing-function:cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--hvs-i,0) * var(--hvs-stagger)); }
.hvs-root:not(.is-editor).hvs-enter-fade-up .hvs-animate:not(.is-inview) { opacity:0; transform:translateY(24px); }
.hvs-root:not(.is-editor).hvs-enter-fade .hvs-animate:not(.is-inview) { opacity:0; }
.hvs-root:not(.is-editor).hvs-enter-zoom .hvs-animate:not(.is-inview) { opacity:0; transform:scale(.965); }
.hvs-root:not(.is-editor).hvs-enter-slide-left .hvs-animate:not(.is-inview) { opacity:0; transform:translateX(-28px); }
.hvs-root:not(.is-editor) .hvs-animate.is-inview { opacity:1; transform:none; }
.hvs-root.hvs-enter-none .hvs-animate { opacity:1 !important; transform:none !important; transition:none !important; }

/* Video lightbox */
.hvs-video-modal { position:fixed; inset:0; z-index:999999; display:grid; place-items:center; padding:28px; background:rgba(2,6,23,.9); backdrop-filter:blur(14px); opacity:0; visibility:hidden; transition:opacity .25s ease,visibility .25s ease; }
.hvs-video-modal.is-open { opacity:1; visibility:visible; }
.hvs-video-modal__dialog { width:min(1100px,96vw); position:relative; }
.hvs-video-modal__frame { width:100%; aspect-ratio:16/9; border-radius:18px; overflow:hidden; background:#000; box-shadow:0 30px 90px rgba(0,0,0,.55); }
.hvs-video-modal__frame video, .hvs-video-modal__frame iframe { width:100%; height:100%; display:block; border:0; object-fit:contain; }
.hvs-video-modal__close { position:absolute; right:0; top:-52px; width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.1); color:#fff; font-size:24px; line-height:1; cursor:pointer; }
body.hvs-modal-open { overflow:hidden; }

/* 14-inch notebook */
@media (max-width: 1500px) {
  .hvs-inner { width:min(calc(100% - 44px),var(--hvs-max)); }
  .hvs-benefits { grid-template-columns:repeat(var(--hvs-benefit-cols-nb),minmax(0,1fr)); gap:20px; }
  .hvs-projects { grid-template-columns:repeat(var(--hvs-project-cols-nb),minmax(0,1fr)); gap:18px; }
  .hvs-main-grid { grid-template-columns:minmax(0,1.15fr) minmax(300px,.92fr) minmax(130px,.32fr); gap:36px; }
  .hvs-main-title { font-size:clamp(38px,3.5vw,var(--hvs-main-title)); }
  .hvs-process { gap:22px; }
}

/* Tablet */
@media (max-width: 1024px) {
  .hvs-inner { width:min(calc(100% - 38px),var(--hvs-max)); }
  .hvs-benefits-wrap { padding:var(--hvs-pad-t) 0; }
  .hvs-benefits-title, .hvs-process-title, .hvs-projects-title { font-size:var(--hvs-section-title-t); }
  .hvs-benefits { grid-template-columns:repeat(var(--hvs-benefit-cols-t),minmax(0,1fr)); }
  .hvs-main-wrap { padding:var(--hvs-pad-t) 0; }
  .hvs-main-grid { grid-template-columns:1fr 1fr; gap:34px; align-items:start; }
  .hvs-main-media { min-height:min(54vw,var(--hvs-media-h)); height:min(54vw,var(--hvs-media-h)); grid-column:1 / -1; }
  .hvs-main-title { font-size:var(--hvs-main-title-t); }
  .hvs-stats { border-left:0; padding-left:0; grid-template-columns:repeat(3,1fr); gap:18px; align-self:start; }
  .hvs-stat { padding:18px; border:1px solid var(--hvs-border); border-radius:var(--hvs-radius); background:var(--hvs-soft); }
  .hvs-process-wrap { padding:var(--hvs-pad-t) 0; }
  .hvs-process { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hvs-process-line { display:none; }
  .hvs-step { padding:18px; border:1px solid rgba(255,255,255,.08); border-radius:var(--hvs-radius); background:rgba(255,255,255,.035); }
  .hvs-projects-wrap { padding:var(--hvs-pad-t) 0 28px; }
  .hvs-projects { grid-template-columns:repeat(var(--hvs-project-cols-t),minmax(0,1fr)); gap:22px; }
  .hvs-cta-wrap { padding-bottom:var(--hvs-pad-t); }
  .hvs-cta { grid-template-columns:auto 1fr; }
  .hvs-cta-button { grid-column:2; justify-self:start; }
}

/* Mobile */
@media (max-width: 767px) {
  .hvs-inner { width:min(calc(100% - 28px),var(--hvs-max)); }
  .hvs-benefits-wrap { padding:var(--hvs-pad-m) 0; }
  .hvs-benefits-title, .hvs-process-title, .hvs-projects-title { font-size:var(--hvs-section-title-m); text-align:left; }
  .hvs-benefits-title { margin-bottom:22px !important; }
  .hvs-benefits { grid-template-columns:repeat(var(--hvs-benefit-cols-m),minmax(0,1fr)); gap:12px; }
  .hvs-benefit { text-align:left; display:grid; grid-template-columns:auto 1fr; column-gap:14px; padding:14px 0; border-bottom:1px solid var(--hvs-border); }
  .hvs-benefit:last-child { border-bottom:0; }
  .hvs-benefit .hvs-icon-badge { grid-row:1 / span 2; margin:0; width:46px; height:46px; border-radius:14px; }
  .hvs-benefit h3 { align-self:end; }
  .hvs-benefit p { max-width:none; margin:3px 0 0; }
  .hvs-main-wrap { padding:var(--hvs-pad-m) 0; }
  .hvs-main-grid { grid-template-columns:1fr; gap:28px; }
  .hvs-main-media { grid-column:auto; min-height:68vw; height:68vw; max-height:430px; border-radius:calc(var(--hvs-radius) * .9); }
  .hvs-media-play { left:18px; bottom:17px; }
  .hvs-play { width:44px; height:44px; }
  .hvs-main-title { font-size:var(--hvs-main-title-m); }
  .hvs-main-text { margin-bottom:20px !important; }
  .hvs-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .hvs-stat { padding:12px 8px; text-align:center; justify-items:center; }
  .hvs-icon-badge--stat { width:38px; height:38px; border-radius:12px; }
  .hvs-stat strong { font-size:24px; }
  .hvs-stat > span:last-child { font-size:10px; }
  .hvs-process-wrap { padding:var(--hvs-pad-m) 0; }
  .hvs-process-title { margin-bottom:22px !important; }
  .hvs-process { grid-template-columns:1fr; gap:12px; }
  .hvs-process-line { display:block; left:32px; right:auto; top:32px; bottom:32px; width:1px; height:auto; background:color-mix(in srgb,var(--hvs-primary) 28%,rgba(255,255,255,.16)); transform-origin:center top; }
  .hvs-process-line::before { inset:0 -1px; background:linear-gradient(180deg,var(--hvs-primary),color-mix(in srgb,var(--hvs-primary) 38%,white),var(--hvs-primary)); transform-origin:center top; }
  .hvs-process-line::after { left:50%; top:0; transform:translate(-50%,-50%); }
  .hvs-root:not(.is-editor) .hvs-process .hvs-process-line::before { transform:scaleY(0); }
  .hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-process-line::before { transform:scaleY(1); }
  .hvs-root:not(.is-editor) .hvs-process.is-line-inview .hvs-process-line::after { animation:hvs-process-head-y 3800ms cubic-bezier(.22,.61,.36,1) both; }
  .hvs-step { display:grid; grid-template-columns:auto 1fr; gap:0 14px; padding:14px; }
  .hvs-step-marker { grid-row:1 / span 2; margin:0; align-items:flex-start; }
  .hvs-step-icon { display:none; }
  .hvs-step h3 { align-self:end; margin-bottom:4px; }
  .hvs-step p { grid-column:2; }
  .hvs-projects-wrap { padding:var(--hvs-pad-m) 0 22px; }
  .hvs-projects-head { align-items:start; flex-direction:column; gap:12px; margin-bottom:20px; }
  .hvs-projects { grid-template-columns:repeat(var(--hvs-project-cols-m),minmax(0,1fr)); gap:18px; }
  .hvs-project h3 { white-space:normal; }
  .hvs-cta-wrap { padding-bottom:var(--hvs-pad-m); }
  .hvs-cta { grid-template-columns:1fr; padding:24px 20px; gap:14px; }
  .hvs-cta-icon { width:48px; height:48px; }
  .hvs-cta-button { grid-column:auto; justify-self:stretch; }
  .hvs-video-modal { padding:16px; }
}

@media (max-width: 460px) {
  .hvs-stats { grid-template-columns:1fr; }
  .hvs-stat { grid-template-columns:auto auto 1fr; justify-content:start; justify-items:start; align-items:center; gap:0 10px; text-align:left; }
  .hvs-stat .hvs-icon-badge { grid-row:1 / span 2; margin:0; }
  .hvs-stat > span:last-child { margin-top:2px; font-size:11px; }
}

@keyframes hvs-process-head-y {
  0% { top:0; opacity:0; transform:translate(-50%,-50%) scale(.72); }
  4% { opacity:1; }
  92% { opacity:1; transform:translate(-50%,-50%) scale(1); }
  100% { top:100%; opacity:0; transform:translate(-50%,-50%) scale(.72); }
}

@media (prefers-reduced-motion: reduce) {
  .hvs-root *, .hvs-root *::before, .hvs-root *::after { scroll-behavior:auto !important; transition-duration:.001ms !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; }
  .hvs-root .hvs-animate { opacity:1 !important; transform:none !important; }
  .hvs-root .hvs-process-line, .hvs-root .hvs-process-line::before { transform:none !important; }
  .hvs-root .hvs-process-line::after { display:none !important; }
  .hvs-root .hvs-step-number { animation:none !important; }
}