.landing-page{background:#07080a;position:relative;isolation:isolate;overflow-x:clip}.hero-backdrop{position:absolute;inset:0 0 auto;height:max(820px,100svh);z-index:-1;overflow:hidden;pointer-events:none;background:#000}.hero-backdrop img,.hero-backdrop canvas{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center;opacity:.88}.hero-backdrop canvas{opacity:0;transition:opacity 1.2s}.hero-backdrop.is-live canvas{opacity:.92}.hero-backdrop.is-live img{opacity:0;transition:opacity 1.2s}.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#00000004 55%,#07080a25 79%,#07080a 100%);pointer-events:none}.landing-page>.header{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1280px;height:74px;min-height:0;padding:18px 28px;border-radius:15px;background:linear-gradient(110deg,#0b0c1085,#0b0c103b);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 5px 35px #00000010;z-index:3}.landing-page>.header nav{align-items:center;gap:30px;font-size:12px}.landing-page>.header nav .nav-login{background:#e8ebf1;color:#14171e;border-radius:25px;padding:9px 20px;margin-left:10px;font-size:11px}.landing-page .hero-centered{display:flex;min-height:max(820px,100svh);padding:170px 24px 155px;align-items:center;justify-content:center;text-align:center;position:relative;max-width:1440px;gap:0;will-change:transform}.hero-centered .hero-copy{position:relative;margin-top:-10px;max-width:800px;will-change:transform,opacity}.hero-centered .eyebrow{justify-content:center;font-size:10px;letter-spacing:.15em;color:#a6b1c5;gap:10px}.hero-centered h1{font-size:clamp(52px,5.8vw,80px);line-height:1.1;letter-spacing:-3.6px;font-weight:450;margin:27px 0 26px}.hero-centered h1>span{background:linear-gradient(110deg,#afb7c5,#e0e6ee 45%,#9aa5b9);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-centered .intro{max-width:580px;font-size:14px;line-height:1.9;color:#939eaf;margin:0 auto}.hero-centered .primary{margin-top:34px;border-radius:30px;min-height:47px;padding:12px 25px;background:#e7ebf2;box-shadow:0 0 35px #b7d2ff08;gap:40px;font-size:12px}.hero-centered .primary:hover{background:#fff;box-shadow:0 0 45px #b7d2ff12}.hero-centered .hero-secondary{display:block;margin:19px auto 0;color:#9ca9bd;font-size:11px}.hero-bottom{position:absolute;left:40px;right:40px;bottom:65px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#75839a;gap:20px}.hero-bottom>p{color:#66748c;font-size:10px}.scroll-cue{display:flex;gap:12px;align-items:center;color:#8d9bb2}.scroll-line{height:28px;width:1px;background:linear-gradient(180deg,#a9c8f00d,#9bbae7bd);display:block}.motion-toggle{position:absolute;right:0;bottom:40px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff11;border-radius:50%;background:#0d111780;color:#8d9fb9;cursor:pointer;backdrop-filter:blur(15px);font-size:11px}.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:2px solid #9ab9f5;outline-offset:5px}.showcase-section{padding-top:65px;padding-bottom:120px;position:relative}.showcase-heading{text-align:center;max-width:720px;margin:0 auto 70px}.showcase-heading .eyebrow{justify-content:center;color:#8093b1;font-size:10px;letter-spacing:.1em}.showcase-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.7px;font-weight:450;line-height:1.2;margin:23px 0}.showcase-heading h2>span{color:#858f9f}.showcase-heading>p:last-child{font-size:13px;color:#8896ad;line-height:1.9}.dashboard-showcase{position:relative;border-radius:18px;background:radial-gradient(ellipse at 90% 2%,#18385f35,transparent 45%),linear-gradient(120deg,#151922,#0d1016);box-shadow:0 20px 100px #0008,0 0 70px #395c9210;overflow:hidden;border:1px solid #a7c5ff0c;will-change:transform}.showcase-top{display:flex;align-items:center;gap:24px;padding:21px 27px;border-bottom:1px solid #ffffff06;font-size:11px;color:#bdcce5}.showcase-top>span:first-child{letter-spacing:.15em;font-weight:500}.showcase-top>a{margin-left:auto;color:#93a9ca;font-size:11px}.showcase-body{display:grid;grid-template-columns:175px 1fr;min-height:405px}.showcase-body>aside{display:flex;flex-direction:column;gap:6px;padding:25px 19px;border-right:1px solid #ffffff06;color:#65758e;font-size:10px}.showcase-body>aside>span{padding:10px}.showcase-body>aside>.selected{background:#94b6ef0b;color:#a8bedf;border-radius:6px}.showcase-body>aside>.showcase-aside-bottom{margin-top:auto;font-size:9px;color:#455673}.showcase-main{padding:30px 32px}.showcase-greeting{display:flex;align-items:center;justify-content:space-between;gap:15px}.showcase-greeting .quiet{font-size:10px;color:#627492;margin-bottom:5px}.showcase-greeting h3{font-size:16px;letter-spacing:-.2px;font-weight:450}.showcase-tiles{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:29px}.showcase-balance{padding:25px;border-radius:12px;background:linear-gradient(130deg,#29395648,#17213238);font-size:10px}.showcase-balance>p{color:#889ab8}.showcase-balance>strong{display:block;margin-top:7px;font-size:34px;letter-spacing:-1px;font-weight:450;color:#e1e9f8}.showcase-balance>strong>span{font-size:22px;color:#8597b5}.showcase-balance>div{display:flex;justify-content:space-between;gap:15px;margin-top:24px;color:#697f9f;font-size:9px}.showcase-balance a{color:#a8bfdf}.showcase-control{padding:22px;border-radius:12px;background:#0b101648;color:#899cb9;font-size:10px}.showcase-control>p{color:#9fb1ce}.showcase-control dl{display:grid;gap:14px;margin:20px 0 0;font-size:10px}.showcase-control dl>div{display:flex;justify-content:space-between;gap:12px}.showcase-control dd{margin:0;color:#b8c8e1}.showcase-activity{display:flex;gap:13px;align-items:center;margin-top:23px;padding:18px 4px;color:#91a6c6;font-size:10px;border-bottom:1px solid #ffffff06}.activity-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:8px;background:#6e9ee10c;color:#9cb7df}.showcase-activity strong{font-size:11px;font-weight:450;color:#aabdd9}.showcase-activity p{font-size:9px;color:#5e7598;margin-top:3px}.activity-amount{margin-left:auto;font-size:12px;text-align:right;color:#c6d5eb}.activity-amount>small{display:block;font-size:9px;color:#68809f;margin-top:4px}.showcase-provider{display:flex;justify-content:flex-end;margin-top:17px}.showcase-provider img{width:100px;height:auto;opacity:.7}.landing-page .experience{padding-top:90px}.landing-page .experience .flow li{transition:opacity .8s,transform .8s}.landing-page .explore-strip{padding-block:70px}.landing-page .institutional{padding-block:78px 95px}.landing-page .footer{border-top-color:#ffffff07}.has-motion [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.has-motion [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.landing-page>.header{width:calc(100% - 48px);padding-inline:22px}.landing-page>.header nav{gap:22px}.hero-centered h1{font-size:63px}.showcase-body{grid-template-columns:140px 1fr}.showcase-main{padding:25px}.showcase-balance{padding:20px}.showcase-control{padding:20px}.showcase-tiles{gap:12px}}
@media(max-width:660px){.hero-backdrop{height:max(750px,100svh)}.hero-backdrop img,.hero-backdrop canvas{object-position:58% center}.landing-page>.header{top:18px;width:calc(100% - 30px);padding:14px 17px;height:65px;flex-wrap:nowrap;border-radius:13px}.landing-page>.header .brand{width:110px;flex-basis:110px;transform:scale(.75)}.landing-page>.header nav{gap:15px;font-size:10px;flex-wrap:nowrap}.landing-page>.header nav>a:nth-child(1),.landing-page>.header nav>a:nth-child(3){display:none}.landing-page>.header nav .nav-login{margin-left:0;padding:8px 13px;font-size:10px}.landing-page .hero-centered{min-height:max(750px,100svh);padding:145px 22px 135px}.hero-centered .hero-copy{margin-top:-20px}.hero-centered .eyebrow{font-size:9px;letter-spacing:.12em}.hero-centered h1{font-size:clamp(43px,10.5vw,60px);letter-spacing:-2px;line-height:1.13;margin:26px 0 23px}.hero-centered .intro{font-size:12px;max-width:320px;line-height:1.9}.hero-centered .intro br{display:none}.hero-centered .primary{margin-top:29px;padding-inline:22px;gap:30px;font-size:12px}.hero-bottom{left:24px;right:24px;bottom:47px;align-items:flex-start;gap:15px}.hero-bottom>p{font-size:8px;max-width:110px;text-align:right;line-height:1.8}.scroll-cue{font-size:9px;gap:10px}.motion-toggle{bottom:40px;width:27px;height:27px}.showcase-section{padding-top:40px;padding-bottom:72px}.showcase-heading{margin-bottom:40px}.showcase-heading h2{font-size:32px;letter-spacing:-1px}.showcase-heading>p:last-child{font-size:12px}.showcase-heading>p:last-child br{display:none}.showcase-body{grid-template-columns:1fr;min-height:0}.showcase-body>aside{display:none}.showcase-main{padding:20px 16px}.showcase-top{padding:17px 16px;gap:14px}.showcase-greeting{align-items:flex-start}.showcase-greeting h3{font-size:13px}.showcase-greeting>.state-pill{font-size:8px;max-width:100px}.showcase-tiles{grid-template-columns:1fr;margin-top:22px}.showcase-balance{padding:20px}.showcase-control{padding:18px 20px}.showcase-control dl{display:flex;gap:18px;justify-content:space-between;font-size:9px}.showcase-control dl>div{display:grid;gap:5px}.showcase-activity{gap:10px;padding-top:16px}.showcase-activity strong{font-size:10px}.activity-amount{font-size:10px}.activity-amount>small{font-size:8px;max-width:80px}.showcase-provider img{width:100px}.landing-page .experience{padding-top:55px}.landing-page .institutional{padding-block:45px 60px}.landing-page .explore-strip{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.has-motion [data-reveal]{opacity:1;transform:none;transition:none}.hero-backdrop canvas{display:none}.hero-backdrop img{opacity:.9!important}.hero-centered .hero-copy,.dashboard-showcase{transform:none!important;opacity:1!important}}
@media(max-width:660px){.landing-page>.header .brand{width:110px;flex-basis:110px;height:27px;transform:none}.landing-page>.header .brand img{width:137.5px;left:-15.3px;top:-53.5px}.landing-page>.header nav .nav-login{white-space:nowrap}}
.hero-backdrop canvas{inset:0;width:100%;height:100%}.hero-backdrop.is-live canvas{opacity:1}@media(prefers-reduced-motion:reduce){.hero-backdrop canvas{display:block}}
.hero-backdrop:after{background:radial-gradient(ellipse 45% 27% at 50% 48%,#000c 0%,#0009 55%,transparent 100%),linear-gradient(180deg,#0000000a,#00000004 55%,#07080a25 79%,#07080a 100%)}