.focus-hero{position:relative;isolation:isolate;overflow:hidden;background:#f5f9fc;border-bottom:1px solid var(--line)}
.focus-intro{position:relative;z-index:1;text-align:center;padding-top:158px;padding-bottom:48px;min-height:760px}
.focus-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #bcd5ef;border-radius:100px;padding:9px 15px;font-size:.75rem;line-height:1.5;color:#205aa1;text-decoration:none;background:#ffffffad;animation:focus-enter .8s both}
.focus-badge .icon{width:16px;height:16px}.focus-badge:hover{background:#e5f2ff;border-color:#7ab6ec}
.focus-intro h1{font-size:6.4rem;line-height:1.05;margin:25px 0 16px;font-weight:700;animation:focus-enter .9s .08s both}.focus-intro h1 span{color:var(--blue)}
.focus-title{font-size:3.2rem;line-height:1.18;font-weight:600;margin:0 auto 24px;max-width:900px;animation:focus-enter .9s .16s both}.focus-title>span{color:var(--blue)}
.focus-description{color:var(--muted);font-size:1rem;line-height:1.8;max-width:600px;margin:0 auto 28px;animation:focus-enter .9s .24s both}
.focus-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;animation:focus-enter .9s .32s both}.focus-actions .button{min-height:56px}
.focus-points{list-style:none;display:flex;justify-content:center;gap:25px;padding:0;margin:28px 0 0;animation:focus-enter .9s .4s both}.focus-points li{display:flex;align-items:center;gap:8px;font-size:.73rem;color:var(--muted)}.focus-points .icon{width:16px;height:16px;color:var(--blue)}
.focus-background{position:absolute;inset:0;z-index:0;pointer-events:none}.focus-background img{position:absolute;width:330px;height:330px;object-fit:contain;right:-160px;top:30%;opacity:.55;animation:focus-crystal 16s ease-in-out infinite}.focus-background:before,.focus-background:after{content:'';position:absolute;inset:12% -20% -25%;border:1px solid #6daccd20;border-radius:50%;transform:rotate(-16deg);animation:focus-lines 18s ease-in-out infinite}.focus-background:after{inset:20% -30% -33%;animation-delay:-8s}
.how .section-heading,.product-suite .pricing-heading,.future .section-heading,.comparison .section-heading{display:block;text-align:center;max-width:800px;margin:0 auto 55px}.how .section-heading .eyebrow,.future .section-heading .eyebrow,.comparison .section-heading .eyebrow{justify-content:center}.how .section-heading>p,.future .section-heading>p,.comparison .section-heading>p{max-width:560px;margin:20px auto 0;font-size:1rem}
.how,.product-suite,.operation-path{background-image:none}.how .experience-layout{padding-block:30px;border-block:1px solid var(--line)}
.product-grid{gap:18px}.product-visual{background:#f4f9fc}.product-tile{border-color:#dce6ed;box-shadow:none}.skeleton-line{position:relative;overflow:hidden}.skeleton-line:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:translateX(-100%);animation:focus-sheen 4s infinite}
.cost-track{height:8px;background:#ccdeec;border-radius:99px;margin-top:23px;overflow:hidden}.comparison-result .cost-track>span{height:100%;display:block;width:0;background:#0757ef;border-radius:99px;transition:width .7s cubic-bezier(.2,.7,.2,1)}.comparison-result .cost-track.other>span{background:#4c6b7d}.comparison-result{grid-template-columns:1fr}.comparison-result>div{padding-bottom:8px}.comparison-result strong{margin:4px 0}.comparison-result p{margin-top:0}.comparison-tool{max-width:1020px;margin:auto}.comparison-note{margin:22px auto 0;max-width:1020px}
.section{padding-block:90px}.reveal.will-reveal{transform:translateY(20px);transition-duration:.65s}.reveal.is-visible{transform:none}.footer-invitation p{font-size:3.4rem}.mega-footer,[data-theme=dark] .mega-footer{background:#063da9}.footer-columns nav a{position:relative;transition:color .2s,transform .2s}.footer-columns nav a:hover{transform:translateX(4px)}
[data-theme=dark] .focus-hero{background:#080d14}[data-theme=dark] .focus-badge{background:#102335;border-color:#244a66;color:#8dd6ff}[data-theme=dark] .focus-title>span,[data-theme=dark] .focus-intro h1 span{color:#65c9ff}[data-theme=dark] .focus-actions .secondary{background:#121b26;border-color:#344354;color:#e1edf6}[data-theme=dark] .cost-track{background:#29394c}
@keyframes focus-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes focus-crystal{50%{transform:translateY(-20px) rotate(8deg)}}@keyframes focus-lines{50%{transform:rotate(-12deg) translateY(20px)}}@keyframes focus-sheen{60%,100%{transform:translateX(100%)}}
@media(min-width:1700px){.focus-intro{min-height:810px;padding-top:175px}.focus-background img{width:400px;height:400px;right:-100px}}
@media(max-width:1000px){.focus-intro h1{font-size:5.2rem}.focus-title{font-size:2.8rem}.focus-intro{min-height:740px}.focus-background img{right:-205px}}
@media(max-width:700px){.focus-intro{padding-top:123px;padding-bottom:35px;min-height:680px}.focus-intro h1{font-size:3.65rem;margin-block:25px 18px}.focus-title{font-size:2rem;line-height:1.25}.focus-description{font-size:.93rem;max-width:340px}.focus-description br{display:none}.focus-badge{font-size:.65rem;padding:9px 12px;gap:7px}.focus-points{flex-wrap:wrap;gap:13px 18px;max-width:330px;margin:25px auto 0}.focus-points li{font-size:.67rem}.focus-actions{gap:11px}.focus-actions .button{min-height:49px;font-size:.79rem;padding-inline:20px}.focus-background img{width:230px;height:230px;right:-168px;top:23%}.section{padding-block:64px}.how .section-heading,.future .section-heading,.comparison .section-heading{margin-bottom:30px}.how .section-heading>p,.future .section-heading>p,.comparison .section-heading>p{font-size:.9rem}.footer-invitation p{font-size:2.6rem}}
@media(max-width:360px){.focus-intro h1{font-size:3.1rem}.focus-title{font-size:1.7rem}.focus-intro{min-height:740px}.focus-badge{font-size:.57rem}.focus-actions{flex-direction:column;align-items:center}.focus-actions .button{width:230px}}
@media(prefers-reduced-motion:reduce){.focus-intro *,.focus-background *,.focus-background:before,.focus-background:after,.skeleton-line:after{animation:none!important;transition:none!important}.comparison-result .cost-track>span{transition:none}}
.motion-paused .focus-intro *{animation:none!important}.motion-paused .focus-background *,.motion-paused .focus-background:before,.motion-paused .focus-background:after,.motion-paused .skeleton-line:after{animation-play-state:paused!important}
[data-theme=dark] .focus-points .icon{color:#65c9ff}
@media(max-width:700px){.focus-description br{display:initial}.focus-description br:after{content:' '}}
