:root{--lime:#16ae9d;--teal:#16ae9d;--mint:#b7f5e9}.brand{display:flex;align-items:center;gap:8px;font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.07em}.brand img{display:none}.brand:before{content:"";display:block;width:27px;height:27px;background:url('/images/vathe-mark-animated.webp') center/contain no-repeat;flex:none}.brand span{color:#16ae9d}.button-primary{background:#16ae9d;color:#041311}.button-primary:hover{background:#40c8ba}.hero-v2{background:radial-gradient(circle at 84% 34%,rgba(22,174,157,.3) 0,transparent 24%)}.hero-v2:after{border-color:rgba(22,174,157,.42)}.office-photo:before,.story-photo:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(130deg,rgba(0,43,39,.16),transparent 55%)}.office-photo figcaption{z-index:2}.reveal{transition-duration:.9s}.reveal.is-visible .office-photo img,.reveal.is-visible .story-photo img{animation:photo-settle 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes photo-settle{from{transform:scale(1.1);filter:blur(5px)}to{transform:scale(1);filter:blur(0)}}
@media(min-width:821px){.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:260px 260px 310px;grid-auto-rows:auto;align-items:stretch}.showcase-card{min-height:0!important;height:100%}.workflow-card{grid-column:1;grid-row:1 / span 2}.voice-card{grid-column:2;grid-row:1}.data-card{grid-column:3;grid-row:1 / span 2}.agents-card{grid-column:2;grid-row:2}.marketing-card{grid-column:1 / span 2;grid-row:3}.chat-card{grid-column:3;grid-row:3}.marketing-card .marketing-ui{width:58%;margin-left:auto;margin-right:auto}.marketing-card .showcase-copy{position:absolute;left:25px;bottom:22px;max-width:305px}.showcase-card{border-color:rgba(207,221,216,.16);background:linear-gradient(145deg,rgba(28,31,31,.95),rgba(13,15,15,.96))}.showcase-card:after{opacity:.32}}
@media(max-width:820px){.showcase-grid{grid-auto-rows:auto}.showcase-card{height:auto!important}.workflow-card,.voice-card,.data-card,.agents-card,.marketing-card,.chat-card{grid-column:auto;grid-row:auto}.marketing-card .showcase-copy{position:relative;left:auto;bottom:auto}.marketing-card .marketing-ui{width:auto;margin-left:15px;margin-right:15px}}.showcase-grid .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}.showcase-grid .reveal.is-visible{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.showcase-grid .reveal:nth-child(1){transition-delay:0ms}.showcase-grid .reveal:nth-child(2){transition-delay:100ms}.showcase-grid .reveal:nth-child(3){transition-delay:200ms}.showcase-grid .reveal:nth-child(4){transition-delay:80ms}.showcase-grid .reveal:nth-child(5){transition-delay:160ms}.showcase-grid .reveal:nth-child(6){transition-delay:240ms}
.showcase-card{transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .55s ease,box-shadow .55s ease,background .55s ease;transform-style:preserve-3d}.showcase-card:hover{transform:translateY(-10px) scale(1.012);border-color:rgba(45,212,191,.48)!important;background:linear-gradient(145deg,rgba(34,42,41,.98),rgba(10,16,15,.98))!important;box-shadow:0 26px 64px rgba(0,0,0,.4),0 0 36px rgba(45,212,191,.2)}.showcase-card .workflow-ui,.showcase-card .voice-visual,.showcase-card .dashboard,.showcase-card .agent-list,.showcase-card .marketing-ui,.showcase-card .chat-ui{transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s ease}.showcase-card:hover .workflow-ui{transform:translateY(-9px) scale(1.025);filter:drop-shadow(0 14px 20px rgba(0,0,0,.35))}.showcase-card:hover .voice-visual{transform:translateY(-7px) scale(1.06)}.showcase-card:hover .dashboard{transform:translateY(-7px) scale(1.025)}.showcase-card:hover .agent-list{transform:translateY(-7px) scale(1.03)}.showcase-card:hover .marketing-ui{transform:translateY(-8px) scale(1.025)}.showcase-card:hover .chat-ui{transform:translateY(-6px) scale(1.05)}.showcase-card:hover .showcase-copy{transform:translateY(-2px)}.showcase-copy{transition:transform .55s cubic-bezier(.16,1,.3,1)}
.workflow-frame{height:auto;aspect-ratio:2.5/1;isolation:isolate;border:1px solid rgba(98,225,207,.22);box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 0 70px rgba(0,0,0,.28);transition:border-color .55s ease,box-shadow .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}.workflow-frame:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,14,13,.12),transparent 24% 76%,rgba(3,14,13,.12)),linear-gradient(0deg,rgba(2,13,12,.1),transparent 32%);transition:opacity .55s ease}.workflow-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:.9;filter:saturate(.9) brightness(.9);transform:scale(1);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .55s ease,opacity .55s ease}.workflow-frame:hover{border-color:rgba(86,236,214,.48);box-shadow:0 28px 76px rgba(0,0,0,.34),0 0 36px rgba(18,174,157,.13);transform:translateY(-3px)}.workflow-frame:hover:after{opacity:.35}.workflow-frame:hover img{opacity:1;filter:saturate(1) brightness(1.04);transform:scale(1.008)}.workflow-frame figcaption{transition:background .5s ease,color .5s ease;z-index:3}.workflow-frame:hover figcaption{background:rgba(4,40,36,.94);color:#e5fffa}@media(max-width:760px){.workflow-frame{aspect-ratio:1.6/1}}@media(prefers-reduced-motion:reduce){.workflow-frame,.workflow-frame img{transition:none!important}.workflow-frame:hover{transform:none}}
.benefits-showcase{max-width:1520px;margin:0 auto;padding:150px 40px 125px;overflow:hidden}.benefits-heading{max-width:680px;margin:0 0 66px}.benefits-heading h2{margin:0;font:600 clamp(42px,5.2vw,82px)/.94 Manrope,sans-serif;letter-spacing:-.075em}.benefits-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:250px 225px;gap:18px;align-items:end}.benefit-card{position:relative;min-height:200px;padding:30px;border:1px solid rgba(222,246,241,.16);border-radius:22px;background:linear-gradient(135deg,rgba(24,27,27,.96),rgba(7,9,9,.98));overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.03),0 20px 50px rgba(0,0,0,.16);transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .65s ease}.benefit-card:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(125deg,transparent 44%,rgba(61,226,203,.1) 50%,transparent 56%);transform:translateX(-58%) rotate(5deg);transition:transform .9s cubic-bezier(.16,1,.3,1);pointer-events:none}.benefit-card:hover{transform:translateY(-9px);border-color:rgba(66,224,202,.48);box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 65px rgba(0,0,0,.38),0 0 35px rgba(22,174,157,.13)}.benefit-card:hover:after{transform:translateX(58%) rotate(5deg)}.benefit-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.06);color:#dffef7;font:700 24px/1 Manrope,sans-serif;box-shadow:inset 0 1px rgba(255,255,255,.06)}.benefit-card h3{position:relative;z-index:1;margin:27px 0 0;color:#f3f7f6;font-size:25px;line-height:1;letter-spacing:-.06em}.benefit-card p{position:relative;z-index:1;max-width:170px;margin:5px 0 0;color:#aaaead;font-size:18px;line-height:1.16;letter-spacing:-.045em}.time{grid-column:1;grid-row:2}.cost{grid-column:2;grid-row:1}.feature{grid-column:3;grid-row:1 / span 2;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-color:rgba(215,255,248,.7);background:radial-gradient(circle at 50% 48%,rgba(29,184,165,.2),transparent 29%),linear-gradient(135deg,rgba(19,23,23,.98),rgba(6,8,8,.99))}.feature:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(63,220,198,.24),transparent 66%);filter:blur(9px);animation:benefit-breathe 4.5s ease-in-out infinite}.feature-mark{position:relative;z-index:1;width:128px;height:128px;border:1px solid rgba(234,255,251,.82);border-radius:20px;background:#071211 url('/images/vathe-mark-animated.webp') center/67px no-repeat;box-shadow:0 18px 55px rgba(0,0,0,.45),0 0 42px rgba(51,223,198,.24)}.feature h3{margin-top:34px;font-size:27px}.feature p{max-width:205px}.feature:hover{transform:translateY(-10px) scale(1.014)}.insight{grid-column:4;grid-row:1}.speed{grid-column:2;grid-row:2}.accuracy{grid-column:4;grid-row:2}.scale{grid-column:5;grid-row:2}@keyframes benefit-breathe{0%,100%{transform:scale(.92);opacity:.56}50%{transform:scale(1.12);opacity:1}}.benefit-card.reveal{opacity:0;transform:translateY(24px)}.benefit-card.reveal.is-visible{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.benefits-grid .cost{transition-delay:.08s}.benefits-grid .feature{transition-delay:.16s}.benefits-grid .insight{transition-delay:.24s}.benefits-grid .time{transition-delay:.28s}.benefits-grid .speed{transition-delay:.34s}.benefits-grid .accuracy{transition-delay:.4s}.benefits-grid .scale{transition-delay:.46s}@media(max-width:980px){.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.benefit-card,.time,.cost,.feature,.insight,.speed,.accuracy,.scale{grid-column:auto;grid-row:auto;min-height:240px}.feature{min-height:380px;grid-column:1 / -1}.benefits-showcase{padding:110px 24px}}@media(max-width:560px){.benefits-heading{margin-bottom:38px}.benefits-grid{grid-template-columns:1fr;gap:13px}.benefit-card,.feature{grid-column:auto;min-height:220px}.feature{min-height:330px}.benefit-card p{font-size:16px}}
.benefit-card.reveal.is-visible:hover{transform:translateY(-9px);border-color:rgba(66,224,202,.48);box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 65px rgba(0,0,0,.38),0 0 35px rgba(22,174,157,.13)}.benefit-card.feature.reveal.is-visible:hover{transform:translateY(-10px) scale(1.014)}

/* Header brand: keep only the animated mark, with a quiet floating motion. */
.site-header .brand{width:42px;height:42px;justify-content:center;font-size:0}
.site-header .brand:before{width:36px;height:36px;animation:vathe-mark-float 4.2s ease-in-out infinite;filter:drop-shadow(0 7px 10px rgba(0,0,0,.18));will-change:transform}
@keyframes vathe-mark-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-5px) rotate(1.5deg)}}
@media(prefers-reduced-motion:reduce){.site-header .brand:before{animation:none}}

/* Hero: ambient system motion that brings the opening frame to life. */
.hero-v2{isolation:isolate;background:radial-gradient(circle at 12% 82%,rgba(22,174,157,.2),transparent 22%),radial-gradient(circle at 84% 34%,rgba(22,174,157,.32) 0,transparent 28%),#050505}
.hero-v2:before{content:"";position:absolute;z-index:0;width:680px;height:680px;right:-120px;top:20px;border:1px solid rgba(80,238,216,.14);border-radius:50%;background:radial-gradient(circle at 35% 65%,rgba(22,174,157,.16),transparent 38%);box-shadow:inset 0 0 70px rgba(22,174,157,.08),0 0 120px rgba(22,174,157,.07);animation:hero-orbit-drift 12s ease-in-out infinite}
.hero-v2:after{z-index:0;width:570px;height:570px;border-color:rgba(62,223,201,.3);animation:hero-orbit-spin 24s linear infinite}
.hero-copy-v2{z-index:2}.hero-number{z-index:2;color:rgba(142,239,220,.48);animation:hero-number-pulse 3.6s ease-in-out infinite}
.hero-copy-v2.is-visible .pill{animation:hero-copy-in .65s .05s cubic-bezier(.16,1,.3,1) both}.hero-copy-v2.is-visible h1{animation:hero-copy-in .85s .14s cubic-bezier(.16,1,.3,1) both}.hero-copy-v2.is-visible p:not(.pill){animation:hero-copy-in .75s .28s cubic-bezier(.16,1,.3,1) both}.hero-copy-v2.is-visible .button{animation:hero-copy-in .75s .4s cubic-bezier(.16,1,.3,1) both,hero-cta-glow 3s 1.15s ease-in-out infinite}
.hero-copy-v2 h1 em{position:relative;display:inline-block;background:linear-gradient(100deg,#f2f2ef 15%,#76e5d6 46%,#f2f2ef 62%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hero-word-shimmer 7s 1.2s ease-in-out infinite}
@keyframes hero-orbit-drift{0%,100%{transform:translate3d(0,0,0) scale(.96);opacity:.62}50%{transform:translate3d(-38px,18px,0) scale(1.05);opacity:1}}
@keyframes hero-orbit-spin{to{transform:rotate(360deg)}}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(24px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-cta-glow{0%,100%{box-shadow:0 0 0 rgba(22,174,157,0)}50%{box-shadow:0 0 32px rgba(22,174,157,.32)}}
@keyframes hero-word-shimmer{0%,18%,100%{background-position:100% 0}42%,68%{background-position:0 0}}
@keyframes hero-number-pulse{0%,100%{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.hero-v2:before,.hero-v2:after,.hero-number,.hero-copy-v2.is-visible .pill,.hero-copy-v2.is-visible h1,.hero-copy-v2.is-visible p:not(.pill),.hero-copy-v2.is-visible .button,.hero-copy-v2 h1 em{animation:none}.hero-copy-v2 h1 em{background:none;color:var(--ink)}}

/* A visible system core gives the hero a focal point, rather than leaving the right side empty. */
.hero-v2:after{width:760px;height:760px;right:-175px;bottom:-195px;border:1px solid rgba(55,238,210,.1);background:repeating-radial-gradient(circle at center,transparent 0 72px,rgba(57,220,197,.055) 73px 74px,transparent 75px 120px);animation:hero-orbit-spin 36s linear infinite}
.hero-number{right:7%;top:50%;bottom:auto;width:420px;height:420px;display:grid;place-items:center;border:1px solid rgba(117,244,222,.28);border-radius:50%;font-size:0;background:url('/images/vathe-mark-animated.webp') center/104px no-repeat,radial-gradient(circle at center,rgba(27,192,169,.17),transparent 26%),radial-gradient(circle at center,transparent 43%,rgba(63,231,208,.11) 43.4% 43.8%,transparent 44.2%),radial-gradient(circle at center,transparent 70%,rgba(63,231,208,.13) 70.4% 70.8%,transparent 71.2%);box-shadow:inset 0 0 75px rgba(10,169,147,.15),0 0 95px rgba(12,182,159,.16);transform:translateY(-50%);animation:hero-core-breathe 5s ease-in-out infinite}
.hero-number:before{content:"AI SYSTEM\A ONLINE";white-space:pre;position:absolute;top:50%;left:50%;transform:translate(-50%,82px);color:#a7f6e8;font:10px/1.6 "DM Mono",monospace;letter-spacing:.16em;text-align:center;text-shadow:0 0 15px rgba(79,243,217,.55)}
.hero-number:after{content:"";position:absolute;top:20px;left:50%;width:9px;height:9px;border-radius:50%;background:#d9fff8;box-shadow:154px 138px 0 #24cfb8,-165px 219px 0 #75f5e3,92px 351px 0 #1cb29f,-128px 329px 0 #d9fff8;filter:drop-shadow(0 0 7px rgba(101,246,225,.9));transform-origin:0 190px;animation:hero-signal-orbit 14s linear infinite}
@keyframes hero-core-breathe{0%,100%{transform:translateY(-50%) scale(.97);box-shadow:inset 0 0 75px rgba(10,169,147,.1),0 0 65px rgba(12,182,159,.1)}50%{transform:translateY(calc(-50% - 8px)) scale(1.025);box-shadow:inset 0 0 100px rgba(10,169,147,.24),0 0 115px rgba(12,182,159,.28)}}
@keyframes hero-signal-orbit{to{transform:rotate(360deg)}}
@media(max-width:920px){.hero-number{right:-115px;width:350px;height:350px;opacity:.68}}
@media(max-width:760px){.hero-number{right:-128px;top:58%;width:285px;height:285px;opacity:.36;background-size:72px}.hero-number:before,.hero-number:after{display:none}}
@media(prefers-reduced-motion:reduce){.hero-number,.hero-number:after{animation:none}}

/* Refined hero mark: it starts as one quiet logo, then separates and clears as the visitor scrolls. */
.hero-v2:before{width:520px;height:520px;right:4%;top:14%;border:0;background:radial-gradient(circle,rgba(22,174,157,.16),transparent 64%);box-shadow:none;animation:hero-orbit-drift 14s ease-in-out infinite}
.hero-v2:after{display:none}
.hero-number{right:10%;top:48%;width:340px;height:340px;border:0;border-radius:0;background:radial-gradient(circle,rgba(50,221,198,.11),transparent 56%);box-shadow:none;transform:translate3d(0,calc(-50% + var(--hero-mark-y,0px)),0) scale(var(--hero-mark-scale,1));opacity:var(--hero-mark-opacity,1);animation:none;will-change:transform,opacity}
.hero-number:before,.hero-number:after{content:"";position:absolute;inset:0;background:url('/images/vathe-icon.svg') center/148px no-repeat;filter:drop-shadow(0 15px 28px rgba(10,220,190,.2));animation:none}
.hero-number:before{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);transform:translateX(var(--hero-split-left,0px))}
.hero-number:after{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transform:translateX(var(--hero-split-right,0px))}
@media(max-width:920px){.hero-number{right:-70px;width:310px;height:310px;opacity:calc(var(--hero-mark-opacity,1) * .55)}}
@media(max-width:760px){.hero-number{right:-92px;top:52%;width:240px;height:240px}.hero-number:before,.hero-number:after{background-size:112px}}
@media(prefers-reduced-motion:reduce){.hero-number{opacity:.55;transform:translateY(-50%)}.hero-number:before,.hero-number:after{transform:none}}

/* Show one complete mark at rest; reveal the two animation layers only after scrolling begins. */
.hero-number{background:url('/images/vathe-icon.svg') center/148px no-repeat;-webkit-mask:none;mask:none;filter:drop-shadow(0 15px 28px rgba(10,220,190,.2))}
.hero-number:before,.hero-number:after{display:none}
.hero-v2.is-splitting .hero-number{background:radial-gradient(circle,rgba(50,221,198,.11),transparent 56%);-webkit-mask:none;mask:none;filter:none}
.hero-v2.is-splitting .hero-number:before,.hero-v2.is-splitting .hero-number:after{display:block}
@media(max-width:760px){.hero-number,.hero-v2.is-splitting .hero-number{display:none}.hero-v2:before{width:360px;height:360px;right:-175px;top:34%;opacity:.42}}

/* Keep the scroll treatment continuous: one mark softly clears the hero instead of switching states. */
.hero-number:before,.hero-number:after{display:none!important}
.hero-number{background:url('/images/vathe-icon.svg') center/148px no-repeat!important;-webkit-mask:none!important;mask:none!important;filter:drop-shadow(0 15px 28px rgba(10,220,190,.2))!important;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s ease-out}

/* Booking completion: a brief handoff from the form to an affirmative success state. */
#booking-form.is-completing{pointer-events:none;animation:booking-form-exit .26s cubic-bezier(.4,0,1,1) forwards}
#form-success{min-height:270px;padding:30px 0 18px;opacity:0;transform:translateY(14px)}
#form-success.is-visible{animation:booking-success-in .55s .04s cubic-bezier(.16,1,.3,1) both}
.success-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 0 24px;border-radius:50%;background:#16ae9d;color:#041311;font:600 37px/1 Manrope,sans-serif;box-shadow:0 0 0 0 rgba(22,174,157,.4),0 14px 35px rgba(9,181,157,.2);transform:scale(.35) rotate(-22deg);opacity:0}
#form-success.is-visible .success-mark{animation:success-check-pop .7s .16s cubic-bezier(.16,1,.3,1) both}
#form-success h2{margin:0 0 13px;font:600 38px/.95 Manrope,sans-serif;letter-spacing:-.065em;opacity:0;transform:translateY(12px)}
#form-success p:not(.success-mark){max-width:720px;margin:0;color:#c6cfcc;font-size:16px;line-height:1.5;opacity:0;transform:translateY(12px)}
#form-success.is-visible h2{animation:booking-copy-in .45s .34s cubic-bezier(.16,1,.3,1) both}
#form-success.is-visible p:not(.success-mark){animation:booking-copy-in .45s .42s cubic-bezier(.16,1,.3,1) both}
@keyframes booking-form-exit{to{opacity:0;transform:translateY(-10px);filter:blur(3px)}}
@keyframes booking-success-in{to{opacity:1;transform:translateY(0)}}
@keyframes success-check-pop{0%{opacity:0;transform:scale(.35) rotate(-22deg);box-shadow:0 0 0 0 rgba(22,174,157,.45)}60%{opacity:1;transform:scale(1.12) rotate(4deg);box-shadow:0 0 0 15px rgba(22,174,157,0)}100%{opacity:1;transform:scale(1) rotate(0);box-shadow:0 14px 35px rgba(9,181,157,.2)}}
@keyframes booking-copy-in{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#booking-form.is-completing,#form-success.is-visible,#form-success.is-visible .success-mark,#form-success.is-visible h2,#form-success.is-visible p:not(.success-mark){animation:none;opacity:1;transform:none}}

/* Navigation: compact, high-contrast controls with a clear active state. */
.site-header nav{gap:3px;padding:4px;border:1px solid rgba(194,244,234,.16);border-radius:999px;background:rgba(255,255,255,.04);box-shadow:none;backdrop-filter:blur(8px)}
.site-header nav a{position:relative;padding:9px 14px;border-radius:999px;color:#9ba9a6;font:600 11px/1 "DM Mono",monospace;letter-spacing:.015em;transition:color .22s ease,background .22s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}
.site-header nav a:hover{color:#e8fffa;background:rgba(74,217,195,.12);transform:translateY(-1px)}
.site-header nav a:active{transform:translateY(0) scale(.96)}
.site-header nav a.active{color:#edfffb;background:rgba(22,174,157,.14);box-shadow:inset 0 0 0 1px rgba(113,242,219,.16)}
.site-header nav a.active:before{content:"";display:inline-block;width:5px;height:5px;margin:0 7px 1px 0;border-radius:50%;background:#62ead6;box-shadow:0 0 9px rgba(98,234,214,.75)}
.site-header nav a:focus-visible{outline:2px solid #62ead6;outline-offset:2px}
@media(max-width:760px){.site-header nav{display:none}}

/* Let the header flow naturally into the hero instead of creating a hard color break. */
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;max-width:none;width:100%;border:0;background:transparent;box-shadow:none}
.site-header.is-scrolled{background:linear-gradient(180deg,rgba(4,17,16,.4),rgba(4,17,16,.08) 68%,transparent);backdrop-filter:blur(8px)}
.header-cta{background:transparent;border-color:rgba(194,244,234,.28);backdrop-filter:blur(6px)}
.hero-v2{background:linear-gradient(180deg,rgba(3,35,31,.72) 0%,rgba(5,12,12,.92) 24%,#050505 55%),radial-gradient(circle at 12% 82%,rgba(22,174,157,.2),transparent 22%),radial-gradient(circle at 84% 34%,rgba(22,174,157,.32) 0,transparent 28%)}
.hero-v2{width:100%;max-width:none;margin:0;padding-left:clamp(40px,12vw,230px);padding-right:clamp(40px,12vw,230px)}
@media(max-width:760px){.hero-v2{padding:110px 25px 70px}}
.hero-v2 .button-primary{position:relative;animation:hero-button-breathe 2.6s ease-in-out infinite!important;box-shadow:0 0 24px rgba(22,174,157,.4),0 0 52px rgba(22,174,157,.16)}
@keyframes hero-button-breathe{0%,100%{box-shadow:0 0 20px rgba(22,174,157,.34),0 0 44px rgba(22,174,157,.12);filter:brightness(1)}50%{box-shadow:0 0 32px rgba(52,239,213,.72),0 0 76px rgba(22,174,157,.4);filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.hero-v2 .button-primary{animation:none!important}}
/* Give the benefit cards enough room for their copy at every desktop width. */
.benefits-grid{grid-template-rows:minmax(290px,auto) minmax(265px,auto);align-items:stretch}
.benefit-card{min-height:265px;padding:26px}
.benefit-card p{max-width:190px;font-size:16px;line-height:1.25}
.insight{min-height:290px}
.feature{min-height:573px}
@media(max-width:980px){.benefits-grid{grid-template-rows:none}.benefit-card,.time,.cost,.feature,.insight,.speed,.accuracy,.scale{min-height:270px}.feature{min-height:390px}}
.showcase-section{padding:70px 0 115px}.showcase-head h2{margin:0;font:500 clamp(50px,7vw,98px)/.92 Manrope,sans-serif;letter-spacing:-.075em}.showcase-head h2 em{font:400 1em Newsreader,serif}.showcase-card{padding:24px;background:radial-gradient(circle at 50% 0,rgba(47,53,52,.72),rgba(18,21,21,.98) 52%,rgba(8,10,10,.99));border-color:rgba(218,239,234,.22)}.showcase-copy{margin-top:auto}.showcase-copy h3{display:block;margin:0 0 7px;color:#f4f8f7;font:700 20px/1.05 Manrope,sans-serif;letter-spacing:-.055em}.showcase-copy p{display:block;margin:0;color:#c1c6c4;font-size:14px;line-height:1.38;letter-spacing:-.025em}.workflow-card,.data-card{min-height:550px}.workflow-card .showcase-copy,.data-card .showcase-copy{margin-top:0}.workflow-card .workflow-ui{margin-top:auto;margin-bottom:0}.data-card .dashboard{margin-bottom:auto}.voice-card,.agents-card,.chat-card{min-height:315px}.marketing-card{min-height:455px}.marketing-card .showcase-copy{position:absolute;left:24px;bottom:24px;max-width:290px}@media(max-width:820px){.showcase-section{padding-bottom:80px}.showcase-head{padding-bottom:48px}.workflow-card,.data-card,.marketing-card{min-height:390px}}@media(max-width:580px){.showcase-card,.workflow-card,.data-card,.marketing-card{min-height:335px}.workflow-card{min-height:440px}.showcase-copy h3{font-size:19px}.marketing-card .showcase-copy{position:relative;left:auto;bottom:auto;margin-top:22px}}