/* QTriangle opening refinement and search navigation. */
html{scroll-padding-top:94px}
.header.v2-header{height:78px;gap:22px}
.v2-header .qt-v2-mark{width:39px;height:39px}
.v2-header .nav-cta{padding:12px 16px}
.v2-hero-shell{background:radial-gradient(ellipse at 83% 17%,#d8e5ff 0,transparent 42%),radial-gradient(ellipse at 68% 76%,#d3f2e4 0,transparent 36%),radial-gradient(ellipse at 99% 81%,#ffdcc5 0,transparent 31%),linear-gradient(115deg,#fffdf9 12%,#f3f5ff 62%,#fff5ed)}
.v2-hero{padding:20px 5% 22px;min-height:645px;align-items:start}
.v2-hero .hero-copy{padding:8px 0 12px;align-self:start}
.v2-hero .eyebrow{margin-bottom:18px}
.v2-hero h1{margin-bottom:22px}
.v2-hero .hero-summary{margin-bottom:12px}
.v2-hero .hero-description{line-height:1.75}
.v2-hero .hero-actions{margin-top:23px}
.v2-hero .hero-proof{margin-top:22px}
.v2-hero .triangle-stage{height:585px;align-self:center}
.hero-connection-caption{padding-bottom:22px}
.seo-breadcrumbs{margin-bottom:24px;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.5}
.seo-breadcrumbs [aria-current]{color:#4e566d}
.seo-breadcrumbs a{border-bottom:1px solid #cdd6ec;padding-bottom:2px}
@media(max-width:1080px){.header.v2-header{height:76px;gap:18px}.v2-hero{padding-top:20px}.v2-hero .triangle-stage{height:540px}.mobile-nav{top:76px}}
@media(max-width:800px){.v2-hero{padding:24px 6% 22px;min-height:0;gap:12px}.v2-hero .hero-copy{padding:0 0 10px}.v2-hero .triangle-stage{height:560px}.hero-connection-caption{padding-bottom:22px}.seo-breadcrumbs{margin-bottom:20px}}
@media(max-width:480px){.header.v2-header{height:72px;gap:10px}.v2-header .qt-v2-mark{width:32px;height:32px}.v2-header .nav-cta{padding:10px 12px}.mobile-nav{top:72px}.v2-hero .triangle-stage{height:445px}.v2-hero{padding-top:21px}.v2-hero .hero-actions{margin-top:20px}.v2-hero .eyebrow{margin-bottom:16px}}

/* Optional hero depth layer. Load after v2.css. Existing triangle geometry stays intact. */
.v2-hero-shell .triangle-stage{--depth-blue:#2449ff;--depth-teal:#008b74;--depth-coral:#f76741}
.v2-hero-shell .triangle-stage:before{content:'';position:absolute;inset:-4% -5% -3%;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 38% 30% at 50% 21%,#cbd8ff80,transparent 76%),radial-gradient(ellipse 43% 33% at 13% 69%,#b5ecdd8c,transparent 76%),radial-gradient(ellipse 43% 33% at 87% 69%,#ffd8bf91,transparent 76%);filter:blur(5px);animation:qt-depth-ambient 13s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 52%}
.v2-hero-shell .triangle-stage:after{content:'';position:absolute;inset:10% 6% 8%;z-index:-2;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 50px,#8ea2cf13 50px 51px,transparent 51px 101px),repeating-linear-gradient(25deg,transparent 0 50px,#9ba5c70d 50px 51px,transparent 51px 101px);mask-image:radial-gradient(ellipse at 50% 55%,#000 0,transparent 70%);opacity:.85}
.v2-hero-shell .triangle-grid{opacity:.76;background-image:radial-gradient(#596fa62b 1px,transparent 1px);background-size:23px 23px}
.v2-hero-shell .triangle-shadow{stroke:#bbcce9;stroke-width:16;opacity:.29;filter:blur(2px)}
.v2-hero-shell .triangle-edge{stroke-width:4.8;opacity:.67}
.v2-hero-shell .ring-top{stroke:#2449ff45;stroke-width:1.5}
.v2-hero-shell .ring-left{stroke:#008b7445;stroke-width:1.5}
.v2-hero-shell .ring-right{stroke:#f7674145;stroke-width:1.5}
.v2-hero-shell .triangle-point{box-shadow:0 19px 36px #40578914,0 3px 7px #24375405,inset 0 1px 0 #fff}
.v2-hero-shell .point-partner{border-color:#b6c7ff;box-shadow:0 18px 40px #2449ff14,0 0 0 5px #2449ff04}
.v2-hero-shell .point-business{border-color:#acd8ca;box-shadow:0 17px 36px #008b7411,0 0 0 5px #008b7404}
.v2-hero-shell .point-customers{border-color:#efc4af;box-shadow:0 17px 36px #f7674112,0 0 0 5px #f7674104}
.v2-hero-shell .triangle-center-kicker{color:#68718a}
.v2-hero-shell .triangle-message-detail{color:#637089}
.v2-hero-shell .triangle-channel{overflow:hidden;border-color:#d8e1ef;background:#fffffff0;color:#596b88;box-shadow:0 8px 20px #3148790b;backdrop-filter:blur(7px)}
.v2-hero-shell .triangle-channel .service-icon{width:23px;height:23px;padding:3px;border-radius:6px;background:#eaf0ff;color:#3458c1;box-sizing:content-box}
.v2-hero-shell .channel-chat .service-icon{background:#e5f6ee;color:#00785f}
.v2-hero-shell .channel-email .service-icon{background:#fff0e6;color:#b5532c}
.v2-hero-shell .triangle-channel:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#6a91e8a8,transparent);transform:translateX(-100%);animation:qt-depth-channel-scan 7s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.v2-hero-shell .channel-chat:after{background:linear-gradient(90deg,transparent,#35a98a9c,transparent);animation-delay:-2.4s}
.v2-hero-shell .channel-email:after{background:linear-gradient(90deg,transparent,#ec97729c,transparent);animation-delay:-4.7s}
.v2-hero-shell .qt-depth-ribbons{pointer-events:none}
.v2-hero-shell .qt-depth-ribbon{fill:none;stroke-width:6.2;stroke-linecap:round;stroke-dasharray:15 85;opacity:.48;animation:qt-depth-ribbon-flow 9s linear infinite;animation-play-state:paused}
.v2-hero-shell .qt-depth-ribbon--business{stroke:var(--depth-teal);animation-delay:-3s}
.v2-hero-shell .qt-depth-ribbon--customers{stroke:var(--depth-coral);animation-delay:-6s}
.v2-hero-shell .qt-depth-ribbon--connection{stroke:var(--depth-blue)}
.v2-hero-shell .qt-depth-token{--token-color:#466bc2;--token-wash:#edf3ff;position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--token-color) 18%,white);border-radius:12px;color:var(--token-color);background:var(--token-wash);box-shadow:0 9px 22px color-mix(in srgb,var(--token-color) 10%,transparent),inset 0 1px 0 #fff;z-index:1;pointer-events:none;animation:qt-depth-token-drift 8.5s ease-in-out infinite;animation-play-state:paused}
.v2-hero-shell .qt-depth-token svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.v2-hero-shell .qt-depth-token--discovery{left:10%;top:23%;animation-delay:-2s}
.v2-hero-shell .qt-depth-token--app{right:9%;top:23%;--token-color:#00816e;--token-wash:#e8f7f1;animation-delay:-5s}
.v2-hero-shell .qt-depth-token--followup{left:50%;top:77%;translate:-50% 0;--token-color:#c26743;--token-wash:#fff0e5;animation-delay:-7s}

/* New motion starts only when both existing visibility observers agree. */
.hero-shell.refresh-active .triangle-stage.v2-visible:before,.hero-shell.refresh-active .triangle-stage.v2-visible .qt-depth-ribbon,.hero-shell.refresh-active .triangle-stage.v2-visible .qt-depth-token,.hero-shell.refresh-active .triangle-stage.v2-visible .triangle-channel:after{animation-play-state:running}
.hero-shell:not(.refresh-active) .triangle-stage:before,.hero-shell:not(.refresh-active) .triangle-stage .qt-depth-ribbon,.hero-shell:not(.refresh-active) .triangle-stage .qt-depth-token,.hero-shell:not(.refresh-active) .triangle-stage .triangle-channel:after,.triangle-stage:not(.v2-visible):before,.triangle-stage:not(.v2-visible) .qt-depth-ribbon,.triangle-stage:not(.v2-visible) .qt-depth-token,.triangle-stage:not(.v2-visible) .triangle-channel:after{animation-play-state:paused}
.page-hidden .triangle-stage:before,.page-hidden .triangle-stage .qt-depth-ribbon,.page-hidden .triangle-stage .qt-depth-token,.page-hidden .triangle-stage .triangle-channel:after,.motion-paused .triangle-stage:before,.motion-paused .triangle-stage .qt-depth-ribbon,.motion-paused .triangle-stage .qt-depth-token,.motion-paused .triangle-stage .triangle-channel:after{animation-play-state:paused!important}

@keyframes qt-depth-ambient{0%,100%{transform:translate(0,0) scale(1);opacity:.82}50%{transform:translate(2px,-4px) scale(1.045);opacity:1}}
@keyframes qt-depth-ribbon-flow{to{stroke-dashoffset:-100}}
@keyframes qt-depth-token-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes qt-depth-channel-scan{0%,15%{transform:translateX(-100%);opacity:0}24%{opacity:.8}70%{opacity:.8}88%,100%{transform:translateX(100%);opacity:0}}
@media(max-width:1080px){.v2-hero-shell .qt-depth-token{width:33px;height:33px;border-radius:10px}.v2-hero-shell .qt-depth-token svg{width:20px;height:20px}.v2-hero-shell .triangle-channel .service-icon{width:19px;height:19px;padding:2px}}
@media(max-width:480px){.v2-hero-shell .triangle-stage:before{inset:-2% -1%}.v2-hero-shell .qt-depth-token{width:28px;height:28px;border-radius:9px}.v2-hero-shell .qt-depth-token svg{width:17px;height:17px}.v2-hero-shell .qt-depth-token--followup{display:none}.v2-hero-shell .triangle-channel .service-icon{width:16px;height:16px;padding:2px}}
@media(prefers-reduced-motion:reduce){.v2-hero-shell .triangle-stage:before,.v2-hero-shell .qt-depth-ribbon,.v2-hero-shell .qt-depth-token,.v2-hero-shell .triangle-channel:after{animation:none!important;transition:none!important}.v2-hero-shell .qt-depth-ribbon{stroke-dasharray:none;stroke-width:2;opacity:.25}.v2-hero-shell .qt-depth-token{transform:none}.v2-hero-shell .triangle-channel:after{display:none}}

/* Keep the returning-customer signal clear of the three mode controls. */
.v2-hero-shell .triangle-stage .channel-email{top:81%}