/* Motion is progressive; all content remains readable before JavaScript. */
.w-home{--w-teal:#155fc0}.c-hero{background:#081727;color:#eff7ff;isolation:isolate}.c-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#124b685c,transparent 65%),linear-gradient(130deg,#081727 30%,#0d2436)}.c-hero-grid,.c-hero-bottom{position:relative;z-index:1}.c-hero .w-kicker{color:#8edfea;letter-spacing:.16em}.c-hero h1 em{color:#98e9ee}.c-hero .c-lead{color:#b9cbd9}.c-hero .w-primary{background:#a2e4ee;color:#092c40}.c-hero .w-primary:hover{background:#d1f8ff}.c-hero .c-hero-note,.c-hero-bottom{color:#a5c2d4}.c-hero-bottom{border-color:#466072}.c-hero-contact{color:#d7e9f6}.c-hero a:focus-visible,.c-motion-toggle:focus-visible{outline-color:#a6edff}.c-hero .c-showcase{box-shadow:0 30px 70px #0005,0 0 0 1px #aadfed29;transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);border-color:#6e9eb951;transition:transform .6s ease,box-shadow .6s ease}.c-hero .c-showcase:hover{transform:perspective(1200px) rotateY(0) rotateX(0);box-shadow:0 30px 80px #0005,0 0 35px #69d4ed22}.c-hero .c-art-orbit{border-color:#608a9c}.c-hero .c-showcase::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,#c9f5ff0c 45%,transparent 65%)}
.c-particle-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9;z-index:0}.c-motion-toggle{background:transparent;color:#b8d4e4;border:1px solid #4d6e82;border-radius:100px;font-size:10px;padding:8px 15px;min-height:36px;letter-spacing:.04em}.c-motion-toggle:hover{background:#19394d}.c-hero-bottom>div{display:flex;align-items:center;gap:18px}.c-hero-bottom a:hover{color:#bdf5ff}
.c-signal-rail{display:flex;justify-content:space-between;gap:20px;margin:24px 0 0;color:#a2c7dc;font:9px/1.7 Consolas,monospace;letter-spacing:.1em}.c-signal-rail span{display:flex;align-items:center;gap:8px}.c-signal-rail i{width:5px;height:5px;border-radius:50%;background:#a1e5dc;box-shadow:0 0 10px #88e8d4}.c-product{transition:transform .35s,border-color .35s,box-shadow .35s}.c-product:hover{transform:translateY(-5px);border-color:#92b5cd;box-shadow:0 20px 45px #244e6810}.c-product-name h3{position:relative}.c-studio{background:radial-gradient(ellipse at 95% 20%,#dbe8f5,transparent 60%),#edf2f4}.c-studio-steps li>span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #adcadc;border-radius:50%;font-size:10px;transition:background .3s,color .3s}.c-studio-steps li:hover>span{background:#145fc0;color:white;border-color:#145fc0}.c-case-grid figure{border-radius:6px}.c-resources a{border-bottom:1px solid #dde4e8;transition:padding .25s,color .25s}.c-resources a:hover{padding-left:8px}.w-button>span,.w-text-link>span{transition:transform .25s}.w-button:hover>span,.w-text-link:hover>span{transform:translate(3px,-3px)}
[data-reveal].is-revealing{animation:wali-arrive .7s cubic-bezier(.2,.65,.3,1) both}@keyframes wali-arrive{from{opacity:.45;transform:translateY(24px)}to{opacity:1;transform:none}}.c-hero-copy{animation:wali-arrive .8s ease both}.c-hero .c-showcase{animation:wali-appear 1.1s ease both}@keyframes wali-appear{from{opacity:.2;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.c-hero .c-showcase{transform:none}.c-hero .c-showcase:hover{transform:none}}@media(max-width:600px){.c-hero-bottom{flex-wrap:wrap;gap:5px}.c-hero-bottom>div{width:100%;justify-content:space-between}.c-motion-toggle{min-height:40px}.c-signal-rail{font-size:8px;gap:10px}.c-product:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.c-hero .c-showcase{transform:none}.c-product:hover{transform:none}.c-particle-field{opacity:.55}}

.c-listen-link{width:fit-content;margin-top:13px;font-size:12px;color:#a5e2e9}.c-listen-link>span{font-size:17px}

.c-hero .c-showcase-timeline{position:relative;overflow:hidden}.c-hero .c-showcase-timeline::after{content:"";position:absolute;top:12px;bottom:12px;left:14%;width:1px;background:#c5f5ff;box-shadow:0 0 8px #a8eeff;opacity:.45;animation:wali-playhead 8s linear infinite;animation-play-state:paused}.c-hero[data-motion=running] .c-showcase-timeline::after{animation-play-state:running}@keyframes wali-playhead{from{left:14%}to{left:95%}}
