@font-face{font-family:PresentationFallback;src:local('Arial');font-display:swap}
:root{--navy:#081c35;--ink:#102e4d;--cyan:#63def5;--blue:#1463eb;--muted:#a5b8ce;--paper:#f4f7fb;color-scheme:light;scroll-behavior:smooth;scroll-snap-type:y proximity}
*{box-sizing:border-box}body{margin:0;font-family:Inter,'Helvetica Neue',Arial,sans-serif;background:var(--navy);color:white;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #f0a825;outline-offset:6px}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}img{display:block;width:100%;height:auto}button::-moz-focus-inner{border:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:var(--navy);padding:15px;z-index:100}.skip:focus{top:10px}
.masthead{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;z-index:10}.brand{font-size:34px;font-weight:750;letter-spacing:-1.8px;display:flex;align-items:center;gap:9px}.brand svg{height:32px;width:25px;color:var(--cyan);stroke-width:2.1}.brand-dot{color:var(--cyan);margin-left:-9px}.header-label{font-size:11px;letter-spacing:2.2px;color:#a1b8cd;margin-left:50px}.utilities{display:flex;gap:10px}.icon-button{height:38px;width:38px;display:grid;place-items:center;border:1px solid #ffffff24;background:#ffffff04;border-radius:50%;font-size:17px}.icon-button:hover{background:#ffffff18}.icon-button svg{height:17px;width:17px}
.slide{min-height:780px;height:100svh;position:relative;scroll-snap-align:start;padding:126px 7% 92px;overflow:hidden;isolation:isolate;display:grid;align-items:center}.intro{grid-template-columns:1fr 1.03fr;background:radial-gradient(ellipse at 79% 46%,#134869 0,transparent 47%),var(--navy)}.intro::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff18}.intro-copy{position:relative;z-index:3;padding-bottom:24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:9px;margin:0 0 28px}.eyebrow>span{height:6px;width:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #63def560}.intro .eyebrow{color:#a5d5e4}h1,h2,p{margin-top:0}h1{font-size:clamp(54px,5.8vw,91px);font-weight:600;line-height:1.04;letter-spacing:-4.5px;margin-bottom:29px}em{font-style:normal}.intro h1 em{color:var(--cyan)}.lead{font-size:18px;line-height:1.65;color:#aec4d6;margin-bottom:30px;letter-spacing:.1px}.primary-button{display:inline-flex;align-items:center;gap:35px;border-radius:7px;background:var(--cyan);color:#08223e;padding:19px 23px;font-size:15px;font-weight:650;transition:transform .25s,background .25s;box-shadow:0 8px 35px #2ac6e011}.primary-button:hover{transform:translateY(-3px);background:#91ecff}.primary-button>span{font-size:25px;font-weight:400;line-height:20px}.platforms{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:11px;color:#859fb8}.platforms i{height:3px;width:3px;border-radius:100%;background:#7890a7}
.hero-stage{position:relative;height:580px;min-width:0;display:grid;place-items:center}.stage-word{position:absolute;font-size:clamp(140px,20vw,310px);font-weight:600;letter-spacing:-20px;color:#76d6ff06;transform:rotate(-90deg) translateY(-130px);pointer-events:none}.orbit{position:absolute;border:1px solid #8fdfff14;border-radius:50%;pointer-events:none;animation:breathe 8s ease-in-out infinite}.orbit-one{width:620px;height:620px}.orbit-two{width:440px;height:440px;animation-delay:-4s}.phone{position:relative;padding:6px;border:1px solid #bfd3e063;border-radius:35px;overflow:hidden;background:#122c43;box-shadow:0 30px 55px #0005;line-height:0;display:block}.phone img{border-radius:28px}.hero-phone{width:254px;z-index:3;transform:rotate(5deg);animation:float 8s ease-in-out infinite}.side-phone{width:206px;position:absolute;top:84px;opacity:.65;filter:saturate(.65);box-shadow:0 20px 40px #0004}.left-phone{left:0;transform:translateX(6%) rotate(-12deg)}.right-phone{right:-9px;transform:rotate(15deg);top:105px}.zoom-hint{position:absolute;right:13px;bottom:13px;background:#08223edd;border:1px solid #ffffff40;color:white;border-radius:50%;width:28px;height:28px;font-size:18px;display:grid;place-items:center;line-height:1;transition:background .2s}.phone:hover .zoom-hint{background:var(--blue)}.float-note{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;border:1px solid #fff3;background:#f8fdff;box-shadow:0 14px 30px #00102338;color:var(--ink);padding:14px 16px;border-radius:12px;animation:floatNote 7s ease-in-out infinite}.float-note strong{display:block;font-size:12px;font-weight:700;margin-bottom:5px;white-space:nowrap}.float-note div>span{font-size:10px;display:block;color:#688094}.note-top{top:35px;right:-15px;transform:rotate(3deg);animation-delay:-2s}.note-bottom{bottom:24px;left:-20px;transform:rotate(-3deg)}.note-icon,.repeat-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;background:#e6f6ed;color:#168454;font-size:18px;flex-shrink:0}.repeat-icon{background:#e6f0ff;color:#1463eb;font-size:26px}.stage-caption{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10px;color:#7598b4;letter-spacing:.4px}
.slide-footer{position:absolute;bottom:29px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#7f9ab1;font-size:10px;letter-spacing:1.5px}.scroll-link{display:flex;align-items:center;gap:16px;letter-spacing:0;font-size:12px}.scroll-link span{font-size:21px}.page-nav{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;padding:10px 16px;z-index:12;border-radius:30px;border:1px solid #607d9633;background:#0b223cdc;backdrop-filter:blur(16px);font-size:11px;font-variant-numeric:tabular-nums}.page-nav a{color:#94afc6;padding:4px}.page-nav a[aria-current]{color:white}.page-nav span{width:32px;height:1px;background:#57718a}
.experience{grid-template-columns:1fr 1fr;gap:40px;background:var(--paper);color:var(--ink);padding-top:80px}.experience .eyebrow{color:#6c8198;margin-bottom:24px}.experience h2{font-size:clamp(40px,4.1vw,62px);line-height:1.08;letter-spacing:-2.6px;font-weight:600;margin-bottom:22px}.experience h2 em{color:var(--blue)}.section-lead{font-size:16px;color:#697e94;line-height:1.65;margin-bottom:33px}.steps{max-width:440px;display:flex;flex-direction:column}.step{width:100%;display:flex;align-items:center;gap:17px;text-align:left;border:0;border-top:1px solid #d7e0eb;background:transparent;padding:21px 12px 21px 0;transition:background .25s,padding .25s;color:var(--ink)}.step:last-child{border-bottom:1px solid #d7e0eb}.step.active{padding-left:15px;background:#e8f0fd;border-color:transparent;border-radius:8px}.step.active+.step{border-color:transparent}.step-number{font-size:11px;color:#8397ac;font-variant-numeric:tabular-nums;align-self:flex-start;margin-top:5px}.step-copy{flex:1}.step strong{font-size:18px;font-weight:600;display:block;margin-bottom:7px;letter-spacing:-.3px}.step-copy>span{font-size:12px;line-height:1.5;color:#73869a;display:block}.step.active .step-number,.step.active strong{color:var(--blue)}.step-arrow{opacity:0;font-size:23px;color:var(--blue)}.step.active .step-arrow{opacity:1}.step:hover:not(.active){background:#edf2f8}.interaction-hint{font-size:11px;color:#7a8da1;margin-top:22px;display:flex;align-items:center;gap:8px}.interaction-hint>span{font-size:17px}.demo-stage{position:relative;min-width:0;height:590px;display:grid;place-items:center;padding-right:90px}.demo-circle{position:absolute;width:490px;height:490px;border-radius:50%;background:#e5edf7;right:-26px;top:46px;z-index:-1}.demo-circle::after{content:'';position:absolute;inset:23px;border-radius:50%;border:1px solid #d3dfed}.demo-kicker{position:absolute;top:-13px;left:25%;font-size:9px;font-weight:600;letter-spacing:1.4px;color:#7b91a7;display:flex;align-items:center;gap:6px}.live-dot{height:5px;width:5px;border-radius:50%;background:#2c9b81}.demo-phone{width:235px;box-shadow:0 25px 45px #18334f29;border-color:#4e6478;background:#183049;z-index:2}.demo-phone img{aspect-ratio:1206/2622;object-fit:fill}.demo-phone.changing{animation:screenChange .4s ease}.feature-callout{position:absolute;right:-32px;top:185px;width:156px;z-index:3}.callout-rule{width:46px;height:1px;background:#a3b6cf;position:absolute;top:13px;left:-59px}.callout-rule::before{content:'';height:5px;width:5px;border-radius:50%;background:var(--blue);position:absolute;left:-2px;top:-2px}.callout-number{display:block;font-size:11px;color:var(--blue);font-weight:600;margin-bottom:14px}.feature-callout strong{font-size:18px;font-weight:600;line-height:1.4;display:block;letter-spacing:-.4px}.feature-callout p{font-size:12px;color:#7a8ca0;line-height:1.65;margin:12px 0}.demo-controls{position:absolute;bottom:-8px;left:calc(50% - 45px);transform:translateX(-50%);display:flex;align-items:center;gap:21px}.demo-controls button{border:1px solid #d5e0ec;border-radius:50%;background:white;color:var(--ink);width:32px;height:32px;line-height:1;font-size:18px}.demo-controls button:hover{border-color:var(--blue);color:var(--blue)}.demo-controls>span{font-size:11px;color:var(--blue);font-weight:600;white-space:nowrap}.demo-controls i{font-style:normal;color:#899aad;margin-left:7px}.demo-disclaimer{position:absolute;bottom:-38px;left:0;right:0;font-size:9px;text-align:center;color:#7e8fa1}.experience .slide-footer{color:#7a8da1}
dialog{border:0;padding:65px 28px 20px;background:#0a1c2c;color:white;border-radius:16px;max-height:94svh;max-width:95vw;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#00101bce;backdrop-filter:blur(14px)}dialog img{max-height:75svh;max-width:80vw;width:auto;margin:auto;border-radius:16px}dialog p{font-size:12px;color:#bacbdb;text-align:center;margin:18px 0 0}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:12px;display:flex;align-items:center;gap:14px}.dialog-close span{font-size:27px}
@keyframes float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes floatNote{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes breathe{0%,100%{scale:1;opacity:.7}50%{scale:1.04;opacity:1}}@keyframes screenChange{0%{opacity:.6;transform:translateY(7px)}100%{opacity:1;transform:translateY(0)}}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.intro-copy{animation:enter .8s ease both}.hero-stage{animation:enter 1.1s ease both}
html.motion-off{scroll-behavior:auto}.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.slide{padding-left:max(7%,calc((100vw - 1440px)/2));padding-right:max(7%,calc((100vw - 1440px)/2))}.hero-stage{height:650px}.hero-phone{width:280px}.side-phone{width:225px;top:94px}.note-top{top:45px}.note-bottom{bottom:40px}.demo-stage{height:650px}.demo-phone{width:260px}.demo-circle{top:70px}.feature-callout{top:220px}}
@media(max-width:1100px){.slide{padding-left:5%;padding-right:5%;min-height:740px}.hero-stage{height:510px}.hero-phone{width:222px}.side-phone{width:175px;top:77px}.right-phone{right:-4px;top:105px}.float-note{padding:11px}.float-note strong{font-size:10px}.float-note div>span{font-size:9px}.note-top{right:-12px;top:10px}.note-bottom{bottom:13px;left:0}.header-label{font-size:9px}.experience{gap:14px}.demo-stage{padding-right:70px;height:530px}.demo-phone{width:210px}.feature-callout{right:-5px;width:112px;top:180px}.feature-callout strong{font-size:16px}.callout-rule{width:24px;left:-30px}.demo-circle{width:395px;height:395px;top:80px}.demo-controls{left:calc(50% - 35px)}h1{letter-spacing:-3px}.step{gap:10px}.step strong{font-size:16px}.step-copy>span{font-size:11px}}
@media(max-width:760px){:root{scroll-snap-type:none}.masthead{padding:23px 6%}.header-label{display:none}.brand{font-size:30px}.slide{height:auto;min-height:100svh;display:flex;flex-direction:column;align-items:stretch;padding:122px 7% 105px;overflow:hidden}.intro-copy{padding:0;z-index:5}h1{font-size:clamp(48px,10.7vw,76px);letter-spacing:-2.5px;line-height:1.06}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:20px}.lead{font-size:16px;margin-bottom:24px}.primary-button{padding:17px 20px;font-size:14px;gap:28px}.platforms{font-size:10px;gap:9px;margin-top:20px}.hero-stage{height:505px;margin-top:50px;width:100%;max-width:500px;align-self:center}.hero-phone{width:215px}.side-phone{width:170px}.left-phone{left:0}.right-phone{right:0}.note-top{top:17px;right:0}.note-bottom{left:0;bottom:14px}.stage-caption{bottom:-17px;font-size:9px}.orbit-one{width:490px;height:490px}.orbit-two{width:350px;height:350px}.stage-word{display:none}.slide-footer{bottom:32px;left:7%;right:7%;font-size:8px;letter-spacing:.6px;align-items:flex-start}.slide-footer>span{max-width:150px;line-height:1.6}.scroll-link{font-size:11px;gap:8px}.page-nav{bottom:18px;padding:7px 11px;gap:7px}.page-nav span{width:20px}.experience{padding-top:60px;gap:0}.experience h2{font-size:clamp(36px,8.3vw,52px);letter-spacing:-1.8px}.section-lead{font-size:15px;margin-bottom:24px}.steps{max-width:none}.step{padding:17px 8px 17px 0}.step strong{font-size:16px;margin-bottom:4px}.step-copy>span{font-size:11px}.interaction-hint{font-size:10px;margin:16px 0 0}.demo-stage{height:555px;width:100%;max-width:490px;align-self:center;margin-top:45px;padding-right:77px}.demo-phone{width:215px}.demo-circle{width:390px;height:390px;right:-45px}.feature-callout{width:105px;right:-7px;top:180px}.feature-callout strong{font-size:15px}.feature-callout p{font-size:11px}.callout-rule{left:-27px;width:20px}.demo-kicker{left:15%;font-size:8px;top:-10px}.demo-controls{left:calc(50% - 38px);bottom:0}.demo-disclaimer{font-size:8px;bottom:-29px;line-height:1.5}.experience .slide-footer{bottom:25px}}
@media(max-width:370px){.hero-phone{width:196px}.side-phone{width:145px}.hero-stage{height:460px}.demo-phone{width:190px}.demo-stage{height:495px;padding-right:60px}.feature-callout{width:92px}.feature-callout strong{font-size:14px}.float-note{gap:7px}.float-note strong{font-size:9px}.platforms{font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.slide{height:190mm;min-height:0;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact;padding-top:70px}.masthead{position:absolute}.page-nav,.utilities,.scroll-link,.interaction-hint,.zoom-hint{display:none}.hero-stage{height:490px}.demo-stage{height:500px}body{background:white}}