/* Focused light-theme and application interaction refinements. */
.homepage .hero{background:radial-gradient(ellipse at 95% 65%,#fce9e8,transparent 48%),#f8fafc;color:#0c192b}
.homepage .hero:before{opacity:.2}.homepage .hero .eyebrow{color:#526176}.homepage .hero h1 em{color:#d72930}.homepage .hero-kicker{color:#15243a}.homepage .hero-intro{color:#536176}.homepage .hero-actions .text-link{color:#253b54;border-bottom-color:#8897a9}.homepage .hero-proof{border-top-color:#d9e0e8}.homepage .hero-proof strong{color:#101d30}.homepage .hero-proof span{color:#58677a}.homepage .hero-portal,.homepage .hero-portal:hover{border-color:#dce3eb;box-shadow:0 25px 65px #233d591c;transform:none}.homepage .floating-card{box-shadow:0 12px 28px #233d5918}
.site-header.header-scrolled{border-radius:999px}.site-header nav a:not(.nav-cta){border-radius:12px}.site-header nav a:not(.nav-cta):hover{background:#f6f0f0}.site-footer a{border-radius:8px}.site-footer a:hover{box-shadow:0 0 0 5px #ffffff08;background:#ffffff08}.site-header nav.open{border-radius:20px}
.homepage .process-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;background:#f5f7fa;color:#14243a;padding:35px}.homepage .stage-copy h3{color:#14243a}.homepage .stage-copy>span,.homepage .stage-copy li{color:#526176}.homepage .stage-copy>p{color:#ba252d}.stage-apps{min-width:0;align-self:center}.app-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#58677a;margin-bottom:20px}.app-grid{display:flex;gap:18px;flex-wrap:wrap}.app-tile{font:500 .75rem/1.4 inherit;background:none;border:0;color:#24374f;padding:5px;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:12px;width:100px}.app-icon{width:78px;height:78px;border-radius:20px;display:grid;place-items:center;background:white;border:1px solid #dce3eb;box-shadow:0 7px 16px #14243a0b;overflow:hidden;transition:transform .2s,box-shadow .2s}.app-icon img{width:100%;height:100%;object-fit:contain}.app-tile:hover .app-icon,.app-tile[aria-pressed=true] .app-icon{transform:translateY(-4px);box-shadow:0 8px 20px #d6293020;border-color:#dc3037}.app-tile:focus-visible{outline:2px solid #d62930;outline-offset:4px;border-radius:12px}.app-detail{min-height:65px;margin-top:22px;font-size:.86rem;color:#526176;line-height:1.6;max-width:370px}.portal-interaction-hint{padding:12px 18px;margin:0;background:#fff4f3;color:#8b252a;font-size:.8rem;line-height:1.5;border-bottom:1px solid #f0dbd9}.account-conversation{cursor:pointer;outline-offset:3px;box-shadow:0 0 0 2px #df303025}.account-conversation:hover,.account-conversation:focus-visible{box-shadow:0 0 0 3px #df303060;transform:translateY(-1px)}.account-conversation[aria-expanded=true]{background:#fce8e8!important;color:#8b252a!important}
.homepage .testimonial-video-card{background:#f1f4f8;border-color:#dce3eb;color:#15243a}.homepage .testimonial-video-card p,.homepage .testimonial-video-card strong{color:#15243a}.homepage .testimonial-company-logo{background:transparent;padding:0;border-radius:0;max-height:65px;width:190px!important;max-width:100%;filter:none}
@media(max-width:700px){.homepage .process-stage{grid-template-columns:1fr;gap:16px;padding:24px 18px}.app-grid{gap:8px}.app-tile{width:84px;font-size:.72rem}.app-icon{width:66px;height:66px;border-radius:17px}.app-detail{min-height:54px;margin-top:15px}.portal-interaction-hint{font-size:.75rem}.site-header.header-scrolled{border-radius:999px}}
@media(prefers-reduced-motion:reduce){.app-icon{transition:none}.app-tile:hover .app-icon,.app-tile[aria-pressed=true] .app-icon{transform:none}}
.homepage .stage-copy{min-width:0}.homepage .stage-copy h3{font-size:clamp(1.65rem,2.4vw,2.5rem);overflow-wrap:normal;white-space:normal}.app-tile{font-family:inherit;font-size:.75rem;font-weight:500;line-height:1.4}
/* Floating, offset application cluster, inspired by the supplied reference. */
.app-grid{position:relative;display:block;height:245px;max-width:290px;margin:0 auto;isolation:isolate}
.app-grid:before{content:"";position:absolute;inset:30px 0 12px;border-radius:50%;background:radial-gradient(ellipse,#e42c3210,transparent 70%);z-index:-1}
.app-tile{position:absolute;width:100px;top:14px;left:6%;--tilt:-12deg;--float-delay:0s;animation:app-drift 6s ease-in-out infinite;animation-delay:var(--float-delay);gap:13px}
.app-tile:nth-child(2){left:59%;top:35px;--tilt:10deg;--float-delay:-2s}
.app-tile:nth-child(3){left:35%;top:133px;--tilt:-7deg;--float-delay:-4s}
.app-icon{width:80px;height:80px;padding:12px;box-sizing:border-box;transform:rotate(var(--tilt));border-radius:21px;background:#ffffffb8;border:1px solid #d9e1ec;box-shadow:0 12px 24px #162c4712;overflow:hidden}
.app-icon img{border-radius:10px}.app-tile:hover .app-icon,.app-tile[aria-pressed=true] .app-icon{transform:rotate(0deg) scale(1.06);border-color:#d72b32;box-shadow:0 13px 25px #d72b3220}
.app-tile:hover,.app-tile:focus-within{animation-play-state:paused}.app-grid:has(.app-tile:only-child) .app-tile{left:32%;top:50px}.app-detail{margin-top:6px;min-height:70px}.app-eyebrow{margin-bottom:8px}
@keyframes app-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:700px){.app-grid{width:260px;max-width:100%;height:235px}.app-tile{width:90px}.app-icon{width:74px;height:74px}.app-detail{min-height:58px}.app-tile:nth-child(3){top:125px}}
@media(prefers-reduced-motion:reduce){.app-tile{animation:none}.app-icon{transition:none}}
.app-icon img[src$="teams-transparent.png"]{object-fit:cover;transform:scale(1.42);border-radius:0}
/* Icon-only presentation; names remain available to assistive technology. */
.app-eyebrow,.app-detail,.app-accessible-name{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.app-icon:has(img[src$="teams-transparent.png"]){position:relative;padding:0}
.app-icon img[src$="teams-transparent.png"]{position:absolute;max-width:none;width:209%;height:150%;left:-54.5%;top:-25%;object-fit:fill;transform:none;border-radius:0}
.app-icon img[src$="teams-transparent.png"]{height:139.3%;top:-19.4%}
/* Stable navigation geometry and restored campaign-preview motion. */
.site-header,.site-header:hover,.site-header.header-scrolled,.site-header.header-scrolled:hover{border-radius:999px;height:84px;transform:none}
.site-footer a:hover{box-shadow:none;transform:none}.site-footer .footer-social a,.site-footer .footer-social a:hover{border-radius:50%}
.homepage .hero-portal,.homepage .hero-portal:hover{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-2deg))!important;animation:campaign-float 7s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease}
@keyframes campaign-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:900px){.site-header,.site-header:hover,.site-header.header-scrolled,.site-header.header-scrolled:hover{height:72px}.homepage .hero-portal,.homepage .hero-portal:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.homepage .hero-portal,.homepage .hero-portal:hover{animation:none;transform:none!important;translate:none;transition:none}}

/* Keep the floating header pill identical in every interaction state. */
header.site-header,header.site-header:hover,header.site-header:focus-within,header.site-header.header-scrolled,header.site-header.header-scrolled:hover{border-radius:999px!important;clip-path:none;transition:box-shadow .25s ease,background-color .25s ease}
