/* Velaris-inspired treatment using the supplied palette and settings.
   One background spans the hero, benefits and company introduction. */
body.site-home {padding-top:0}
.velaris-scene {
 --velaris-bg:#030a26;--velaris-color-1:#7dd3fc;--velaris-color-2:#38bdf8;
 --velaris-color-3:#1d4ed8;--velaris-color-4:#0a1a4f;--velaris-speed:3.6;--velaris-grain:.3;
 position:relative;isolation:isolate;overflow:hidden;background:var(--velaris-bg);
 padding-top:92px;padding-bottom:240px;color:#edf6ff;
}
.velaris-background {position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.velaris-background::before {
 content:'';position:absolute;inset:0;background:
 radial-gradient(ellipse at 30% 45%,#1d4ed855,transparent 65%),
 linear-gradient(160deg,var(--velaris-bg),var(--velaris-color-4) 60%,#101e57);
}
.velaris-cloud {position:absolute;display:block;inset:-15%;filter:blur(65px);will-change:transform;animation:velaris-drift calc(48s / var(--velaris-speed)) ease-in-out infinite alternate}
.velaris-cloud--one {background:radial-gradient(ellipse at 26% 30%,var(--velaris-color-1) 0%,#38bdf8b3 10%,#1d4ed84d 26%,transparent 46%);opacity:.8}
.velaris-cloud--two {background:radial-gradient(ellipse at 70% 62%,#38bdf8b3 0%,#1d4ed8a6 18%,transparent 43%);animation-name:velaris-return;animation-duration:calc(62s / var(--velaris-speed));opacity:.85}
.velaris-cloud--three {background:radial-gradient(ellipse at 20% 82%,#7dd3fc9c 0%,#1d4ed8a6 15%,transparent 42%);animation-delay:-11s;animation-duration:calc(72s / var(--velaris-speed));opacity:.7}
.velaris-grain {position:absolute;inset:0;opacity:calc(var(--velaris-grain) * .28);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px;mix-blend-mode:soft-light}
.velaris-background::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#030a2655 50%,#030a26a6);pointer-events:none}
.velaris-scene::after {content:'';position:absolute;bottom:-1px;left:0;right:0;height:240px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#929fc27a 44%,#fbfcff 100%)}
.velaris-scene .hero-home {min-height:calc(100svh - 92px);background:none;overflow:visible}
.velaris-scene .hero-orb {display:none}
.velaris-scene .hero-copy {width:58%;padding-block:90px 130px}
.velaris-scene .hero-tag {color:#f5faff;font-size:clamp(36px,4.5vw,66px);text-shadow:0 3px 26px #030a2640}
.velaris-scene .hero-tag em {color:var(--velaris-color-1)}
.velaris-scene .hero-desc {color:#d3e2f5;font-size:16px;line-height:2.1;max-width:480px}
.velaris-scene .hero-kicker,.velaris-scene .eyebrow {color:#b9d5f4}
.velaris-scene .scroll-cue {color:#bfdbf4;bottom:28px}
.velaris-scene .btn-soft {background:#ffffff0d;color:#edf7ff;border-color:#c1dfff50;backdrop-filter:blur(14px)}
.velaris-scene .btn-soft:hover {background:#ffffff1f;border-color:#c1dfff99}
.velaris-scene .btn-soft:focus-visible {outline-color:#7dd3fc}
.velaris-scene .hero-benefits {border-color:#c0d9ff26;margin-top:0}
.velaris-scene .hero-benefits article {border-color:#c0d9ff26}
.velaris-scene .hero-benefits h2 {color:#f0f7ff}
.velaris-scene .hero-benefits p {color:#c8dbf0}
.velaris-scene .company-intro {min-height:350px;margin-block:110px 0;padding:50px 6% 50px 35%;background:#06112d40;border:1px solid #bddfff33;box-shadow:inset 0 1px #ffffff12,0 24px 80px #02091f26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.velaris-scene .company-intro::before {inset:0;width:100%;background:url('/assets/favicon.svg') no-repeat 7% center/220px;filter:blur(12px);opacity:0;transition:filter 1s ease,opacity 1s ease}
.velaris-scene .company-intro.visible::before {filter:blur(0);opacity:.4}
.velaris-scene .company-intro h2 {color:#f1f8ff}
.velaris-scene .company-intro p {color:#d0e1f6;max-width:620px;line-height:2.2}
.velaris-scene .company-intro__eyebrow {color:#9edcff}
.velaris-scene.is-paused .velaris-cloud {animation-play-state:paused}
@keyframes velaris-drift {0%{transform:translate3d(-12%,-9%,0) scale(.97) rotate(-15deg)}50%{transform:translate3d(15%,5%,0) scale(1.16) rotate(4deg)}100%{transform:translate3d(-4%,17%,0) scale(1.09) rotate(19deg)}}
@keyframes velaris-return {0%{transform:translate3d(15%,12%,0) scale(1.18) rotate(16deg)}100%{transform:translate3d(-17%,-12%,0) scale(.98) rotate(-17deg)}}
@media(max-width:700px){
 .velaris-scene {padding-top:78px;padding-bottom:160px}
 .velaris-scene::after {height:160px}
 .velaris-scene .hero-home {min-height:calc(100svh - 78px);padding-top:0;align-items:center}
 .velaris-scene .hero-copy {width:100%;padding:75px 24px 120px}
 .velaris-scene .hero-tag {font-size:clamp(29px,8vw,42px)}
 .velaris-scene .hero-desc {font-size:14px}
 .velaris-scene .hero-benefits {padding-block:12px 20px}
 .velaris-scene .company-intro {margin-top:60px;padding:32px 26px;min-height:390px}
 .velaris-scene .company-intro::before {background-position:0% 100%;background-size:180px}
 .velaris-scene .company-intro.visible::before {opacity:.16}
 .velaris-cloud {filter:blur(40px);inset:-10%}
}
@media(prefers-reduced-motion:reduce){.velaris-cloud{animation:none!important;will-change:auto}.velaris-scene .company-intro::before{filter:none;opacity:.2}}

/* Centered composition: each piece occupies its own row, never over the dust. */
.velaris-scene .hero-home {display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 92px);padding:28px 0 64px;isolation:isolate}
.velaris-scene .hero-home::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#030a264d 0%,#030a2633 40%,transparent 73%)}
.velaris-scene .hero-copy {display:flex;flex-direction:column;align-items:center;gap:12px;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:0;text-align:center}
.velaris-scene .hero-heading-group {position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px}
.velaris-scene .hero-heading-group .eyebrow {margin:0;color:#c2e6ff;letter-spacing:.2em;font-size:12px}
.velaris-scene .hero-kicker {margin:0;display:block;color:#d1e3f6;font-size:13px}
.velaris-scene .hero-tag {margin:8px 0 0;line-height:1.5;text-shadow:0 4px 28px #030a2670}
.velaris-scene .hero-dust {position:relative;inset:auto;z-index:1;width:min(940px,100%);height:clamp(190px,22vw,290px);overflow:hidden;pointer-events:auto;touch-action:pan-y;flex-shrink:0}
.velaris-scene .hero-dust img {position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;opacity:1;filter:drop-shadow(0 12px 20px #02071a26)}
.velaris-scene .hero-dust canvas {position:absolute;inset:0;width:100%;height:100%;opacity:1}
.velaris-scene .hero-dust[data-engine=on] img {opacity:0}
.velaris-scene .hero-dust[data-engine=fallback] canvas {display:none}
.velaris-scene .hero-bottom-group {display:flex;flex-direction:column;align-items:center;gap:22px;z-index:3;pointer-events:auto}
.velaris-scene .hero-desc {max-width:620px;margin:0;color:#e1edfc;line-height:1.9;text-shadow:0 2px 14px #030a26}
.velaris-scene .hero-actions {justify-content:center;gap:14px;flex-wrap:wrap}
.velaris-scene .scroll-cue {bottom:17px;white-space:nowrap;pointer-events:auto;padding:5px 12px;min-height:36px}
.velaris-scene .company-intro::before {filter:brightness(0) invert(1) blur(12px)}
.velaris-scene .company-intro.visible::before {filter:brightness(0) invert(1) blur(0);opacity:.92}
@media(max-width:700px){
 .velaris-scene .hero-home {min-height:calc(100svh - 78px);padding:36px 0 66px;align-items:center}
 .velaris-scene .hero-copy {width:calc(100% - 32px);gap:14px;padding:0}
 .velaris-scene .hero-heading-group {gap:10px}
 .velaris-scene .hero-heading-group .eyebrow {font-size:10px;letter-spacing:.15em}
 .velaris-scene .hero-kicker {font-size:11px}
 .velaris-scene .hero-tag {margin-top:8px;font-size:clamp(29px,8vw,42px)}
 .velaris-scene .hero-dust {height:clamp(160px,49vw,220px);width:100%}
 .velaris-scene .hero-bottom-group {gap:20px}
 .velaris-scene .hero-desc {font-size:13px;max-width:330px;line-height:2}
 .velaris-scene .company-intro {padding-bottom:180px}
 .velaris-scene .company-intro::before {background-position:center calc(100% - 28px);background-size:115px}
 .velaris-scene .company-intro.visible::before {opacity:.88}
}
@media(prefers-reduced-motion:reduce){.velaris-scene .company-intro::before{filter:brightness(0) invert(1)!important;opacity:.9!important}.velaris-scene .scroll-cue{animation:none}}