/* Resource curation and the supplied cinematic phone composition. */
.film-selector{position:absolute;left:50%;top:104px;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#191e30;border-radius:100px;z-index:8}.film-selector button{min-height:40px;padding:9px 21px;border-radius:100px;background:transparent;color:#bec4da;font-size:13px;transition:background .25s,color .25s}.film-selector button[aria-pressed=true]{background:#f1f2fa;color:#141828}.film-selector button:hover{background:#30374d;color:white}.video-heading{top:175px}.video-heading h2{font-size:clamp(36px,4vw,62px)}
.resources{padding-top:130px;padding-bottom:120px;background:#0d1019}.resources-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:start;margin-bottom:64px}.resources-heading h2{font-size:clamp(42px,5.5vw,80px)}.resources-heading>div{padding-top:8px;max-width:490px}.resources-heading p{font-size:17px;line-height:1.8;color:#bbc1d3}.resources-heading p+p{margin-top:20px}.resource-stage video{width:100%;aspect-ratio:2.02;object-fit:cover;border-radius:14px;background:#161b29}.resource-caption{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 0 35px;color:#bfc5d9;font-size:14px}.resource-caption button{background:transparent;flex-shrink:0}.resource-sources{border-top:1px solid #333a4e}.resource-sources>a{display:grid;grid-template-columns:1fr 1fr 26px;align-items:center;gap:50px;padding:36px 0;border-bottom:1px solid #333a4e}.resource-sources strong{display:block;font-size:clamp(25px,2.7vw,40px);font-weight:500;letter-spacing:-.025em}.resource-sources a>div>span{display:block;margin-top:6px;font-size:13px;color:#afb8d1}.resource-sources p{max-width:480px;font-size:15px;line-height:1.8;color:#afb8d1}.resource-sources>a>svg{transition:transform .4s var(--ease)}.resource-sources>a:hover>svg{transform:translate(4px,-4px)}.resource-sources>a:hover strong{color:#b5a0f9}.resource-signoff{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:40px}.resource-signoff>span{font-size:18px;letter-spacing:-.02em}.resource-signoff p{color:#aab2c9;font-size:14px}
.growth-story{height:470svh;background:#edf0fc;color:#141828}.growth-pin{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;perspective:1500px}.growth-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:110px 22px 80px;will-change:transform,opacity,filter}.growth-title h2{font-size:clamp(52px,7vw,104px);font-weight:550;line-height:1.04;letter-spacing:-.04em}.growth-title h2 em{color:#4557e8}.growth-title p{font-size:20px;color:#515b73;margin-top:30px}.growth-title .text-link{margin-top:24px;font-size:14px;color:#253771}.growth-panel{position:absolute;inset:0;background:linear-gradient(135deg,#162c6d 0%,#101d43 45%,#080f20 100%);color:#f1f2fa;overflow:hidden;transform-origin:center;will-change:transform,border-radius}.growth-composition{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px minmax(0,1fr);gap:5vw;align-items:center;max-width:1540px;margin:auto;padding:110px 6vw 90px}.growth-copy{position:relative;z-index:2;max-width:340px}.growth-copy h3{font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.03em}.growth-copy p{font-size:16px;line-height:1.8;color:#c0cbed;margin:24px 0 30px}.growth-copy .flow{font-size:13px;gap:20px;border-color:#8494c4}.growth-word{font-size:clamp(70px,8.3vw,130px);letter-spacing:-.04em;line-height:.88;font-weight:650;position:relative;z-index:0}.growth-word em{color:#b4a0ff;font-style:normal}.phone-arrival{position:relative;perspective:1200px;justify-self:center;will-change:transform,opacity}.phone-fit{width:286px;height:582px;position:relative}.sales-phone{width:286px;height:582px;position:relative;border-radius:46px;background:#121621;box-shadow:inset 0 0 0 2px #748095,inset 0 0 0 7px #030509,0 38px 70px -20px #000b;transform-style:preserve-3d;transition:transform .9s var(--ease)}.phone-screen{position:absolute;inset:7px;border-radius:39px;overflow:hidden;background:#0b101d;color:#f1f2fa}.phone-status{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;color:#e0e6f6;font-weight:600}.phone-status svg{width:28px;height:13px;stroke-width:1.7}.phone-island{position:absolute;width:92px;height:24px;background:#000;top:7px;left:50%;transform:translateX(-50%);border-radius:30px}.phone-island:after{content:'';position:absolute;right:9px;top:9px;width:5px;height:5px;background:#1c2843;border-radius:50%}.phone-button{position:absolute;width:3px;left:-2px;top:105px;height:35px;background:#657085;border-radius:2px}.phone-button.two{top:153px;height:49px}.phone-app{padding:6px 19px 22px}.phone-app-head{display:flex;align-items:center;justify-content:space-between;font-size:22px;font-weight:600;letter-spacing:-.03em;margin-bottom:21px}.phone-app-head>span>span{display:block;font-size:10px;color:#a9b5d3;letter-spacing:0;font-weight:400;margin-top:2px}.demo-label{font-size:9px;letter-spacing:.065em;color:#bcb0f5;margin-bottom:15px}.phone-revenue>span{display:block;color:#b2bdd4;font-size:12px}.phone-revenue strong{display:block;font-weight:550;font-size:35px;letter-spacing:-.03em;line-height:1.3;font-variant-numeric:tabular-nums}.phone-revenue>div{font-size:10px;color:#aebbd4;margin-top:5px}.phone-revenue>div>span{color:#9ce4cd;font-size:12px;font-weight:600;margin-right:4px}.sales-chart{margin:16px 0 20px}.sales-chart svg{width:100%;height:113px;overflow:visible}.chart-rule{stroke:#253048;stroke-width:1}.chart-line{stroke:#9b9eff;stroke-width:2.5;fill:none;stroke-dasharray:1;stroke-dashoffset:0}.chart-area{fill:#6965dd;fill-opacity:.16;stroke:none}.sales-chart>div{display:flex;justify-content:space-between;color:#a5b1ce;font-size:9px}.phone-kpis{display:flex;gap:20px;border-top:1px solid #29334a;border-bottom:1px solid #29334a;padding:13px 0}.phone-kpis>div{flex:1}.phone-kpis span{display:block;font-size:10px;color:#b2bdd4}.phone-kpis strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.phone-activity{margin-top:17px}.phone-activity>span{font-size:10px;color:#b2bdd4}.phone-activity>div{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:12px}.phone-activity strong{display:block;font-size:9px;color:#a8b4d0;font-weight:400;margin-top:2px}.phone-activity b{margin-left:auto;font-size:11px;font-weight:500}.phone-activity i{width:26px;height:26px;border-radius:7px;background:#172d39;color:#a1e4d0;display:grid;place-items:center}.phone-activity svg{width:15px;height:15px}.phone-demo-note{font-size:9px;color:#a6b1ca;text-align:center;margin-top:15px}.phone-home{position:absolute;bottom:6px;left:50%;width:90px;height:4px;border-radius:6px;background:#8591ae;transform:translateX(-50%)}.sales-notification{position:absolute;top:92px;left:-63px;display:flex;align-items:center;gap:11px;padding:13px 17px;background:#283864;border-radius:12px;box-shadow:0 18px 32px -13px #0009;font-size:12px;z-index:2;white-space:nowrap}.sales-notification>span{display:grid;place-items:center;width:28px;height:28px;background:#435b88;border-radius:50%;color:#c4f4dc}.sales-notification svg{width:17px;height:17px}.sales-notification small{display:block;color:#ced7ee;font-size:10px;margin-top:3px}.growth-disclaimer{position:absolute;bottom:26px;left:22px;right:22px;text-align:center;color:#b6c3e4;font-size:12px}.growth-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:12px;color:#515b73;display:flex;align-items:center;gap:15px;pointer-events:none}.growth-scroll i{height:35px;width:1px;background:#4557e8;transform-origin:top}.growth-copy a:focus-visible{outline-color:white}
@media(min-width:701px) and (max-height:800px){.growth-composition{grid-template-columns:1fr 270px 1fr;padding-top:100px;padding-bottom:60px}.phone-fit{width:240px;height:489px}.sales-phone{transform:scale(.84);transform-origin:top left}.sales-notification{left:-30px;top:66px}.growth-copy h3{font-size:35px}.growth-word{font-size:8vw}.video-heading{top:150px}.video-heading h2{font-size:36px}}
@media(max-width:1000px) and (min-width:701px){.growth-composition{gap:3vw;grid-template-columns:1fr 280px 1fr;padding-left:4vw;padding-right:4vw}.growth-copy h3{font-size:30px}.growth-copy p{font-size:14px}.growth-copy .flow{padding:12px 16px;gap:12px}.growth-word{font-size:8vw}.resources-heading{gap:5vw}.site-header nav{gap:18px}}
@media(max-width:700px){.film-selector{top:87px;padding:4px;gap:2px}.film-selector button{font-size:12px;padding:8px 17px;min-height:36px}.video-heading{top:151px}.video-heading h2{font-size:34px}.resources{padding-top:85px;padding-bottom:75px}.resources-heading{display:block;margin-bottom:32px}.resources-heading h2{font-size:12vw}.resources-heading>div{padding-top:26px}.resources-heading p{font-size:15px;line-height:1.8}.resource-stage{margin:0 -10px}.resource-stage video{border-radius:10px}.resource-caption{display:block;padding:18px 10px 24px;font-size:12px}.resource-caption button{font-size:12px;margin-top:8px}.resource-sources>a{grid-template-columns:1fr 24px;gap:17px;padding:28px 0}.resource-sources>a>div{grid-column:1;grid-row:1}.resource-sources p{grid-column:1/-1;grid-row:2;font-size:14px;line-height:1.75}.resource-sources>a>svg{grid-column:2;grid-row:1}.resource-sources strong{font-size:29px}.resource-sources a>div>span{font-size:12px}.resource-signoff{display:block;margin-top:28px}.resource-signoff>span{font-size:16px}.resource-signoff p{font-size:13px;margin-top:14px}.growth-story{height:420svh}.growth-pin{min-height:740px}.growth-title{padding:90px 22px}.growth-title h2{font-size:14vw}.growth-title p{font-size:16px;max-width:250px;margin-top:24px}.growth-title .text-link{font-size:12px}.growth-composition{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:94px 22px 56px}.growth-copy{order:0;text-align:center;max-width:330px}.growth-copy h3{font-size:28px}.growth-copy h3 br{display:none}.growth-copy p{font-size:13px;line-height:1.7;margin:11px 0 12px}.growth-copy .flow{min-height:40px;padding:8px 18px;font-size:11px;gap:16px}.phone-arrival{order:1}.phone-fit{width:218px;height:443px}.sales-phone{transform:scale(.76);transform-origin:top left}.sales-notification{top:64px;left:-45px;padding:10px 12px;font-size:10px;gap:8px}.sales-notification small{font-size:9px}.sales-notification>span{width:23px;height:23px}.growth-word{display:none}.growth-disclaimer{font-size:10px;bottom:20px;max-width:300px;margin:auto}.growth-scroll{font-size:11px;bottom:25px;white-space:nowrap}}
html[data-motion=off] .growth-story{height:auto}html[data-motion=off] .growth-pin{position:relative;height:auto;min-height:0;overflow:visible}html[data-motion=off] .growth-title{position:relative;min-height:75svh;opacity:1!important;transform:none!important;filter:none!important}html[data-motion=off] .growth-panel{position:relative;transform:none!important;border-radius:0!important}html[data-motion=off] .growth-composition{min-height:800px}html[data-motion=off] .phone-arrival,html[data-motion=off] .growth-copy,html[data-motion=off] .growth-word,html[data-motion=off] .sales-notification{opacity:1!important;transform:none!important}html[data-motion=off] .growth-scroll{display:none}html[data-motion=off] .film-selector{position:relative;top:auto;left:auto;transform:none;order:-1;margin:0 auto 25px;width:max-content}html[data-motion=off] .video-pin{display:flex;flex-direction:column}html[data-motion=off] .video-heading{top:auto}html[data-motion=off] .growth-disclaimer{position:relative;inset:auto;padding:0 22px 28px}
/* Final spacing for the physical screen and compact viewports. */
.film-selector{width:max-content;max-width:calc(100vw - 40px)}.film-selector button{white-space:nowrap}
.phone-app-head{margin-bottom:12px}.demo-label{margin-bottom:8px}.sales-chart{margin:12px 0 10px}.sales-chart svg{height:88px}.phone-activity{margin-top:12px}.phone-activity>div{margin-top:10px}.phone-demo-note{margin-top:12px}
.sales-notification{left:-195px;top:72px}
@media(min-width:701px) and (max-height:800px){.video-frame video{max-height:calc(100svh - 400px);min-height:0}.sales-notification{left:-180px;top:38px}}
@media(max-width:1000px) and (min-width:701px){.sales-notification{display:none}}
@media(max-width:700px){.resource-caption>span{display:block}.resource-caption button{display:flex;margin-top:12px}.sales-notification{display:none}}

/* Reserve the phone safe area; reduced motion needs no 3D compositing. */
.phone-app-head{margin-bottom:10px}.sales-chart svg{height:80px}.phone-activity>div{margin-top:8px}.phone-demo-note{margin-top:8px}
html[data-motion=off] .growth-pin,html[data-motion=off] .phone-arrival{perspective:none}html[data-motion=off] .sales-phone{transform-style:flat}
@media(max-width:700px){.film-selector button{font-size:11px;padding:8px 12px;min-height:40px}}