@font-face{font-family:XiBenefitsUI;src:url(../assets/sections/3edff467cae1727d1f.woff2) format("woff2");font-weight:100 900;font-display:block}#mobile-section-02 *{box-sizing:border-box}
#mobile-section-02{margin:0;background:#e9eef1}
#mobile-section-02 #xi-benefits{--xi-bi:#002f47;--xi-accent:#21617c;container-type:inline-size;width:100%;max-width:540px;margin-inline:auto;background:#fff;color:var(--xi-bi);font-family:XiBenefitsUI,"Apple SD Gothic Neo",sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none;isolation:isolate}
#mobile-section-02 #xi-benefits p,#mobile-section-02 #xi-benefits h2{margin:0}
#mobile-section-02 #xi-benefits svg{display:block}
#mobile-section-02 #xi-benefits .xb-inner{padding:9cqw 5cqw}
#mobile-section-02 #xi-benefits .xb-head{text-align:center;margin-bottom:6cqw}
#mobile-section-02 #xi-benefits .xb-intro{font-size:4.2cqw;font-weight:550;line-height:1.5;letter-spacing:-.05em;white-space:nowrap;margin-bottom:3cqw;color:#526771}
#mobile-section-02 #xi-benefits .xb-intro strong{color:var(--xi-bi);font-size:1.12em;font-weight:850}
#mobile-section-02 #xi-benefits .xb-title{display:flex;align-items:center;justify-content:center;gap:1.25cqw;line-height:1.2;white-space:nowrap}
#mobile-section-02 #xi-benefits .xb-brand{font-size:3.45cqw;padding:1.7cqw;border-radius:1.4cqw;font-weight:800;letter-spacing:-.06em;background:var(--xi-bi);color:white}
#mobile-section-02 #xi-benefits .xb-tail{font-size:3.5cqw;font-weight:650;letter-spacing:-.055em}
#mobile-section-02 #xi-benefits .xb-tail strong{font-size:5.3cqw;font-weight:900}
#mobile-section-02 #xi-benefits .xb-top{display:block;flex:0 0 26cqw;width:26cqw;color:var(--xi-accent)}
#mobile-section-02 #xi-benefits .xb-top svg{width:100%;height:auto;overflow:visible}
#mobile-section-02 #xi-benefits .xb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw;list-style:none;margin:0;padding:0}
#mobile-section-02 #xi-benefits .xb-card{position:relative;aspect-ratio:1.16;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4cqw 1cqw;border-radius:2.5cqw;background:#f6f8f9;color:#7a878d;box-shadow:inset 0 0 0 1px #e0e6e9;transition:background .22s,color .22s}
#mobile-section-02 #xi-benefits .xb-icon{width:21cqw;height:16.45cqw;margin-bottom:2.4cqw;color:#6a7b84;opacity:.65;transition:opacity .22s,color .22s}
#mobile-section-02 #xi-benefits .wash{fill:currentColor;fill-opacity:.1}
#mobile-section-02 #xi-benefits .soft{fill:currentColor;fill-opacity:.19}
#mobile-section-02 #xi-benefits .xb-label{font-size:3.65cqw;font-weight:600;line-height:1.35;letter-spacing:-.05em;white-space:nowrap}
#mobile-section-02 #xi-benefits .xb-value{font-size:5.05cqw;font-weight:850;line-height:1.25;letter-spacing:-.055em;white-space:nowrap;margin-top:.8cqw}
#mobile-section-02 #xi-benefits .xb-card.is-active{background:#edf4f7;color:var(--xi-bi)}
#mobile-section-02 #xi-benefits .xb-card.is-active .xb-icon{color:var(--xi-bi);opacity:1}
#mobile-section-02 #xi-benefits .xb-card.is-active .xb-label{color:#416577}
#mobile-section-02 #xi-benefits .xb-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#mobile-section-02 #xi-benefits .xb-trace rect{fill:none;stroke:var(--xi-bi);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
#mobile-section-02 #xi-benefits .is-active .xb-trace rect{opacity:1;animation:s02-xb-draw .85s ease-out both}
@keyframes s02-xb-draw{to{stroke-dashoffset:0}}#mobile-section-02 #xi-benefits .xb-cta{display:flex;align-items:center;justify-content:center;gap:2cqw;min-height:13cqw;margin-top:4.2cqw;padding:2cqw 1.8cqw;border-radius:1.5cqw;background:var(--xi-bi);color:white;text-decoration:none;font-size:4.25cqw;font-weight:700;letter-spacing:-.04em;white-space:nowrap;-webkit-tap-highlight-color:#ffffff26}
#mobile-section-02 #xi-benefits .xb-cta strong{color:#b6e4f5;font-weight:900}
#mobile-section-02 #xi-benefits .xb-cta svg{width:4.7cqw;height:5.7cqw;fill:#b6e4f5;animation:s02-xb-arrow .9s steps(1,end) infinite}
@keyframes s02-xb-arrow{50%{opacity:.18}}#mobile-section-02 #xi-benefits .xb-cta:focus-visible{outline:3px solid #21617c;outline-offset:4px}
#mobile-section-02 #xi-benefits.xb-paused *,#mobile-section-02 #xi-benefits.xb-paused *:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#mobile-section-02 #xi-benefits *{animation:none!important;transition:none!important}
#mobile-section-02 #xi-benefits .xb-card{color:var(--xi-bi)}
#mobile-section-02 #xi-benefits .xb-icon{opacity:1;color:var(--xi-bi)}
#mobile-section-02 #xi-benefits .xb-trace rect{opacity:0}
}#mobile-section-02 #xi-benefits{--xi-red:#ad292c;--xi-benefit-red:#a52a30}
#mobile-section-02 #xi-benefits .xb-intro{color:var(--xi-bi)}
#mobile-section-02 #xi-benefits .xb-intro strong,#mobile-section-02 #xi-benefits .xb-top{color:var(--xi-red)}
#mobile-section-02 #xi-benefits .xb-card{background:#f8f9f7;color:#929793;box-shadow:inset 0 0 0 1px #dee4df}
#mobile-section-02 #xi-benefits .xb-icon{color:var(--xi-bi);filter:grayscale(1);opacity:.58}
#mobile-section-02 #xi-benefits .wash{fill:#c2ded3;fill-opacity:.75}
#mobile-section-02 #xi-benefits .accent{fill:#f2d58f;fill-opacity:.85}
#mobile-section-02 #xi-benefits .leaf{fill:#91bd94;fill-opacity:.65}
#mobile-section-02 #xi-benefits .coral{fill:#eaa79f;fill-opacity:.85}
#mobile-section-02 #xi-benefits .xb-card.is-active{background:#f4f9f3;color:var(--xi-bi)}
#mobile-section-02 #xi-benefits .xb-card.is-active .xb-icon{filter:none;opacity:1}
#mobile-section-02 #xi-benefits .xb-card.is-active .xb-label{color:#795d2d}
#mobile-section-02 #xi-benefits .xb-card.is-active .xb-value{color:var(--xi-benefit-red)}
#mobile-section-02 #xi-benefits .xb-cta strong{color:#e7c786;background:linear-gradient(145deg,#fff3ca 0%,#d3ad62 40%,#fff0c0 65%,#d8b473 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#mobile-section-02 #xi-benefits .xb-cta svg{fill:#ff4599}
@media(prefers-reduced-motion:reduce){#mobile-section-02 #xi-benefits .xb-icon{filter:none;opacity:1}
#mobile-section-02 #xi-benefits .xb-value{color:var(--xi-benefit-red)}
}