.home-hero{position:relative;isolation:isolate;overflow:hidden;background:#f1f5fc;padding:56px 0 28px;border-bottom:1px solid #e3e9f4}
.hero-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ccd8ea40 1px,transparent 1px),linear-gradient(90deg,#ccd8ea40 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 65%)}
.hero-band{position:absolute;top:57%;left:-20%;width:140%;height:260px;transform:rotate(-13deg);background:#e3ecfa;border-block:1px solid #d5e2f6}
.hero-band-two{top:83%;height:80px;transform:rotate(13deg);background:#eaf0fc;border-color:#dce6f8}
.home-hero .hero-copy{position:relative;z-index:4;text-align:center;margin-bottom:0}
.home-hero .hero-copy h1{font-size:56px;line-height:1.08;font-weight:500;letter-spacing:-2.4px;max-width:820px;color:#1c2c43}
.home-hero .hero-copy h1 span{color:#2864da}
.home-hero .hero-copy>p{max-width:630px;font-size:18px;line-height:1.65;color:#58667a;margin:22px auto 24px}
.home-hero .hero-copy .cta{min-height:49px;padding:12px 29px;border-radius:8px;box-shadow:0 4px 9px #2864da12}
.hero-gallery{position:relative;margin-top:35px}
.hero-deck{position:relative;height:425px;--pointer-x:0px;--pointer-y:0px;transform:translate(var(--pointer-x),var(--pointer-y))}
.hero-card{position:absolute;top:20px;left:50%;width:690px;height:388px;margin-left:-345px;transform:translate(var(--slot-x),var(--slot-y)) rotate(var(--slot-angle)) scale(var(--slot-scale));transform-origin:50% 50%;z-index:1;transition:transform .75s cubic-bezier(.22,.7,.25,1),filter .65s,opacity .6s}
.hero-card[data-slot=active]{--slot-x:0px;--slot-y:0px;--slot-angle:-2deg;--slot-scale:1;z-index:3}
.hero-card[data-slot=previous]{--slot-x:-345px;--slot-y:28px;--slot-angle:-11deg;--slot-scale:.75;filter:saturate(.8);z-index:1}
.hero-card[data-slot=next]{--slot-x:350px;--slot-y:25px;--slot-angle:10deg;--slot-scale:.75;filter:saturate(.8);z-index:2}
.hero-sheet{position:relative;width:100%;height:100%;border:1px solid #172b3c12;border-radius:8px;overflow:hidden;box-shadow:0 20px 45px -20px #273e6660,0 3px 10px #1a2d4412;display:flex;flex-direction:column;padding:31px 34px}
.deck-label{display:flex;justify-content:space-between;gap:20px;line-height:1.5;font-size:12px;font-weight:600;letter-spacing:1.6px}
.deck-label>span{font-size:10px;letter-spacing:1px;font-weight:400}
.hero-sheet h3{font-size:40px;line-height:1.08;letter-spacing:-1.4px;font-weight:500;margin-top:33px}
.hero-sheet h3 em{font-style:normal}
.deck-footer{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.25px;line-height:1.5}
.hero-cover{padding:0;background:#f5f2e9;color:#173c34}
.hero-cover>img{position:absolute;inset:0 0 0 auto;width:47%;height:100%;object-fit:cover;object-position:61% center}
.hero-cover-copy{position:relative;width:53%;height:100%;padding:31px 31px 26px;display:flex;flex-direction:column}
.hero-cover .deck-label{font-size:11px;display:block}
.hero-cover .deck-label>span{display:block;font-size:9px;letter-spacing:1.5px;margin-top:6px;color:#60756b}
.hero-cover h3{font-size:44px;line-height:1.05;margin-top:37px;letter-spacing:-1.6px}
.hero-cover h3 em{color:#527f62}
.hero-cover p{font-size:13px;line-height:1.6;color:#597264;margin-top:20px}
.hero-cover .deck-footer{font-size:8px;color:#5e7066;border-top:1px solid #c4cfc455;padding-top:13px}
.hero-data{color:#fff;background:#193b6c}
.hero-data .deck-label{color:#c5d6f1}
.hero-data h3{font-size:31px;margin-top:25px;letter-spacing:-.8px}
.hero-data h3 em{color:#b5d7ff}
.hero-data>p{font-size:12px;margin-top:10px;color:#c5d6f1}
.hero-chart{height:136px;margin:23px 24px 27px;display:flex;gap:32px;align-items:flex-end;border-bottom:1px solid #ffffff35}
.hero-chart>div{position:relative;flex:1;height:100%}
.hero-chart i{position:absolute;inset:auto 0 0;height:calc(var(--value)*.72);background:#8dbfff;border-radius:3px 3px 0 0;transform-origin:bottom}
.hero-chart>div:nth-child(2) i{background:#dcf0ff}
.hero-chart>div:nth-child(3) i{background:#6095df}
.hero-chart b{position:absolute;bottom:calc(var(--value)*.72 + 6px);left:0;font-size:17px;font-weight:500}
.hero-chart span{position:absolute;top:calc(100% + 6px);left:0;font-size:11px;color:#d0e1f9}
.hero-data .deck-footer{color:#c5d6f1;font-size:8px;padding-top:2px}
.hero-plan{background:#f7f3d5;color:#42402b}
.hero-plan .deck-label{color:#757246}
.hero-plan h3{margin-top:36px;font-size:38px}
.hero-plan h3 em{color:#91843b}
.hero-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.hero-roadmap>div{border-top:1px solid #b8af7466;padding-top:13px}
.hero-roadmap b{font-size:23px;font-weight:400;color:#98904b;letter-spacing:-.5px}
.hero-roadmap h4{font-size:15px;margin-top:10px;font-weight:500}
.hero-roadmap p{font-size:11px;line-height:1.65;color:#797443;margin-top:8px}
.hero-plan .deck-footer{color:#797443;font-size:8px;padding-top:9px}
.hero-controls{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:23px}
.hero-choices{display:flex;gap:4px;background:#ffffffcc;border:1px solid #d9e2f1;border-radius:100px;padding:5px;box-shadow:0 3px 10px #28437505}
.hero-choice{min-height:39px;padding:8px 15px;border:0;border-radius:100px;background:transparent;font-size:13px;line-height:1.4;color:#5e6d81;display:flex;align-items:center;gap:8px;transition:background .25s,color .25s}
.hero-choice>span{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}
.hero-choice[aria-pressed=true]{background:#1f3d66;color:#fff}
.hero-choice:hover:not([aria-pressed=true]){background:#e9eff9;color:#254b7f}
.hero-motion{width:41px;height:41px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:1px solid #d9e2f1;background:#ffffffcc}
.hero-motion-icon{width:10px;height:12px;border-inline:3px solid #385270}
.hero-motion[aria-pressed=false] .hero-motion-icon{width:0;height:0;border:0;border-left:9px solid #385270;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-motion:disabled{opacity:.45;cursor:default}
.hero-caption{text-align:center;font-size:11px;color:#748096;margin-top:13px}
.home-hero+.compatibility{padding-top:32px;padding-bottom:32px}
@media(min-width:1600px){.hero-band{top:54%;height:300px}.hero-gallery{margin-top:40px}}
@media(max-width:1100px){.home-hero{padding-top:48px}.home-hero .hero-copy h1{font-size:52px}.hero-gallery{margin-top:31px}.hero-deck{height:380px}.hero-card{width:610px;height:343px;margin-left:-305px}.hero-card[data-slot=previous]{--slot-x:-275px;--slot-y:33px;--slot-scale:.72}.hero-card[data-slot=next]{--slot-x:280px;--slot-y:29px;--slot-scale:.72}.hero-cover h3{font-size:38px;margin-top:27px}.hero-cover p{font-size:12px;margin-top:16px}.hero-sheet{padding:25px 30px}.hero-cover{padding:0}.hero-cover-copy{padding:26px}.hero-data h3{font-size:28px;margin-top:19px}.hero-chart{height:115px;margin-top:17px;gap:26px}.hero-plan h3{font-size:33px;margin-top:25px}.hero-roadmap{margin-top:25px;gap:15px}.hero-roadmap h4{font-size:14px}.hero-controls{margin-top:20px}}
@media(max-width:800px){.home-hero .hero-copy h1{font-size:48px;letter-spacing:-1.9px}.home-hero .hero-copy>p{font-size:17px}.hero-deck{height:351px}.hero-card{width:560px;height:315px;margin-left:-280px}.hero-card[data-slot=previous]{--slot-x:-175px;--slot-y:24px;--slot-angle:-10deg;--slot-scale:.8}.hero-card[data-slot=next]{--slot-x:177px;--slot-y:20px;--slot-angle:9deg;--slot-scale:.8}.hero-cover-copy{padding:23px 24px}.hero-cover h3{font-size:34px;margin-top:24px}.hero-cover p{font-size:11px;margin-top:14px}.hero-sheet{padding:23px 25px}.hero-cover{padding:0}.hero-data h3{font-size:26px;margin-top:17px}.hero-chart{height:97px;margin-top:15px}.hero-plan h3{font-size:30px;margin-top:23px}.hero-roadmap{margin-top:22px}.hero-roadmap b{font-size:21px}.hero-roadmap p{font-size:10px}.hero-controls{margin-top:21px}}
@media(max-width:600px){.home-hero{padding-top:38px;padding-bottom:23px}.home-hero .hero-copy h1{font-size:40px;line-height:1.1;letter-spacing:-1.6px}.home-hero .hero-copy>p{font-size:16px;line-height:1.6;max-width:350px;margin:18px auto 21px}.home-hero .hero-copy>p br{display:none}.home-hero .hero-copy .cta{min-height:46px;padding:11px 27px;font-size:14px}.hero-gallery{width:100%;margin-top:25px}.hero-deck{height:300px}.hero-card{width:calc(100vw - 54px);height:276px;left:27px;margin:0;top:10px}.hero-card[data-slot=active]{--slot-angle:-2deg}.hero-card[data-slot=previous]{--slot-x:-31px;--slot-y:9px;--slot-angle:-8deg;--slot-scale:.89}.hero-card[data-slot=next]{--slot-x:32px;--slot-y:9px;--slot-angle:7deg;--slot-scale:.89}.hero-sheet{border-radius:5px;padding:21px}.hero-cover{padding:0}.hero-cover>img{width:42%;object-position:64% center}.hero-cover-copy{width:58%;padding:24px 19px 19px}.hero-cover .deck-label{font-size:9px;letter-spacing:1px}.hero-cover .deck-label>span{font-size:7px;letter-spacing:.6px;margin-top:4px}.hero-cover h3{font-size:29px;letter-spacing:-1.1px;margin-top:28px}.hero-cover p{font-size:10px;line-height:1.6;margin-top:17px}.hero-cover .deck-footer{font-size:7px;letter-spacing:.4px;padding-top:10px}.deck-label{font-size:9px;letter-spacing:1px;gap:12px}.deck-label>span{font-size:7px;letter-spacing:.5px}.hero-data h3{font-size:25px;letter-spacing:-.8px;margin-top:23px}.hero-data>p{font-size:10px;margin-top:9px}.hero-chart{height:88px;margin:18px 8px 28px;gap:20px}.hero-chart b{font-size:15px}.hero-chart span{font-size:9px}.hero-data .deck-footer,.hero-plan .deck-footer{font-size:7px;letter-spacing:.65px}.hero-plan h3{font-size:29px;letter-spacing:-1px;margin-top:27px}.hero-roadmap{gap:11px;margin-top:25px}.hero-roadmap>div{padding-top:10px}.hero-roadmap b{font-size:20px}.hero-roadmap h4{font-size:11px;letter-spacing:-.2px;margin-top:8px}.hero-roadmap p{font-size:9px;line-height:1.5;margin-top:7px}.hero-controls{gap:8px;margin-top:16px}.hero-choices{padding:4px;gap:1px}.hero-choice{min-height:36px;padding:8px 12px;font-size:12px;gap:5px}.hero-choice>span{font-size:9px}.hero-motion{width:38px;height:38px}.hero-caption{font-size:10px;margin-top:12px}.hero-grid{background-size:48px 48px}.hero-band{top:58%;height:180px;left:-40%;width:180%;transform:rotate(-20deg)}.hero-band-two{top:85%;height:50px;transform:rotate(15deg)}}
@media(max-width:350px){.home-hero{padding-top:31px}.home-hero .hero-copy h1{font-size:36px;letter-spacing:-1.4px}.home-hero .hero-copy>p{font-size:15px;max-width:280px}.hero-card{width:calc(100vw - 42px);left:21px;height:268px}.hero-deck{height:290px}.hero-cover-copy{padding:23px 15px 18px}.hero-cover h3{font-size:25px;letter-spacing:-.9px}.hero-cover p{font-size:9px;margin-top:16px}.hero-cover .deck-label{font-size:8px}.hero-cover .deck-label>span{font-size:6px}.hero-sheet{padding:20px 17px}.hero-cover{padding:0}.hero-data h3{font-size:23px}.hero-chart{margin-inline:4px;gap:16px}.hero-plan h3{font-size:27px}.hero-roadmap{gap:8px}.hero-roadmap h4{font-size:10px}.hero-roadmap p{font-size:8px}.hero-choice{padding:8px 10px}.hero-choice>span{display:none}.hero-controls{gap:9px}.hero-caption{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.hero-card{animation:deck-unfold 1.1s cubic-bezier(.2,.7,.2,1) backwards}.hero-sheet{animation:deck-float 7s ease-in-out infinite}.hero-card[data-hero-slide="1"] .hero-sheet{animation-delay:-2s}.hero-card[data-hero-slide="2"] .hero-sheet{animation-delay:-4s}.home-hero .hero-copy{animation:hero-copy-enter .65s ease both}.hero-cover>img{animation:hero-image-enter 1.2s ease both}.hero-deck{transition:transform .3s ease-out}.home-hero[data-motion=paused] .hero-sheet,.home-hero[data-offscreen=true] .hero-sheet{animation-play-state:paused}.home-hero[data-motion=paused] .hero-deck{transform:none}.hero-card[data-slot=active] .hero-chart i{animation:hero-bars-enter .8s cubic-bezier(.2,.6,.3,1) both}.hero-card[data-slot=active] .hero-chart>div:nth-child(2) i{animation-delay:.08s}.hero-card[data-slot=active] .hero-chart>div:nth-child(3) i{animation-delay:.16s}}
@media(max-width:600px){.hero-plan h3{margin-top:20px}.hero-roadmap{margin-top:18px}}
@keyframes deck-unfold{from{opacity:0;transform:translate(0,30px) rotate(0) scale(.92)}to{opacity:1;transform:translate(var(--slot-x),var(--slot-y)) rotate(var(--slot-angle)) scale(var(--slot-scale))}}
@keyframes deck-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes hero-copy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-image-enter{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes hero-bars-enter{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.home-hero *{animation:none!important;transition:none!important}.hero-deck{transform:none!important}}