:root{--paper:#f3f6fa;--ink:#14203a;--navy:#071243;--blue:#247de2;--pad:clamp(22px,4.2vw,68px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{font:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2175c4;outline-offset:5px}button{border:0}.icon{width:1.15em;height:1.15em;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h2,h3{letter-spacing:-.055em;line-height:1.03}h2{font-size:clamp(38px,4.3vw,70px)}h3{font-size:clamp(32px,3.2vw,50px)}.skip{position:absolute;z-index:50;left:-1000px;background:white;padding:12px}.skip:focus{left:10px}.hero{--hero-h:clamp(820px,68vw,1070px);height:var(--hero-h);position:relative;color:#f7fbff;background:radial-gradient(ellipse 35% 13% at 47% 99%,#63d5f8 0%,transparent 95%),radial-gradient(ellipse 48% 32% at 48% 101%,#258adf 0%,#1857bc 33%,#102e79 58%,transparent 100%),radial-gradient(ellipse 36% 43% at 53% 89%,#1a4ab3 0%,#102865 50%,transparent 100%),linear-gradient(160deg,#0b1737 0%,#07112c 42%,#050c24 82%);isolation:isolate}.hero:before,footer:before{content:"";position:absolute;inset:0;background:url(assets/grain.png);opacity:.075;mix-blend-mode:screen;pointer-events:none;z-index:-1}nav{display:flex;align-items:center;gap:32px;padding:clamp(17px,1.65vw,27px) var(--pad);font-size:16px;font-weight:600}nav a:not(.brand):hover,.footlinks a:hover{text-decoration:underline;text-underline-offset:5px}.spacer{flex:1}.brand{display:inline-flex;align-items:center;letter-spacing:-.075em;font-size:clamp(24px,2.05vw,34px);font-weight:600;line-height:1}.brand .icon{width:1.05em;height:1.05em;margin-right:7px}.brand span{font-weight:400}.navlink .icon{width:15px;margin-right:5px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 23px;min-height:45px;border-radius:99px;background:#fff;color:#161a21;font-weight:600;letter-spacing:-.035em;font-size:16px;line-height:1.12;transition:transform .18s,box-shadow .18s}.pill:hover,.tile:hover .tile-art{transform:translateY(-3px);box-shadow:0 4px 20px #83a3d82f}.get{box-shadow:0 0 15px #d2e3ff2b}.hero-copy{text-align:center;position:relative;z-index:3;padding-top:clamp(46px,5.4vw,86px)}h1{font-size:clamp(70px,6.25vw,102px);letter-spacing:-.068em;line-height:1.14;transform:scaleX(.94)}h1 span,.features h2 span,.intro h2 span{color:#6bc9f5;background:linear-gradient(105deg,#deefff 1%,#9ad9ff 42%,#5bbdee 89%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy p{font-size:clamp(15px,1.13vw,18px);margin:clamp(26px,2.6vw,42px) 18px;letter-spacing:-.025em;color:#ceddf2}.stage{position:absolute;top:calc(var(--hero-h) * .59);left:0;width:100%;height:65%;pointer-events:none;z-index:2;clip-path:inset(-70% 0 -8%)}.device{position:relative;z-index:3;margin:auto;width:clamp(255px,20vw,314px);aspect-ratio: .483;border-radius:15% / 7.4%;padding:7px;background:linear-gradient(110deg,#c9ccd4 0,#21252b 5%,#07070a 20%,#08080b 60%,#979aa3 90%,#1f2226 100%);border:1px solid #252930;box-shadow:0 2px 2px #fff7 inset,0 0 0 1.5px #13161c,0 19px 25px -9px #0b15244d,0 35px 40px -25px #0006}.screen{height:100%;border-radius:13.8% / 6.7%;overflow:hidden;border:3px solid #060709;display:flex;flex-direction:column;align-items:stretch;padding:0 5% 3%;background:radial-gradient(ellipse at 80% 27%,#2360cf 0%,transparent 56%),radial-gradient(ellipse at 14% 68%,#5488f0 0%,transparent 49%),linear-gradient(157deg,#0b54bb,#1066eb 39%,#195fdc 69%,#0454cb);color:white}.status{position:relative;display:flex;justify-content:space-between;align-items:center;height:6.5%;font-size:clamp(10px,.9vw,14px);padding:0 4%}.status i{background:#040609;border-radius:12px;position:absolute;width:32%;height:58%;left:34%;top:14%}.appbrand{align-self:center;text-align:center;padding:3% 0 5%;font-size:clamp(14px,1.1vw,18px);letter-spacing:-.06em}.aura{margin:0 auto 5px;width:clamp(36px,3.7vw,56px);aspect-ratio:.93;transform:rotate(27deg);border-radius:48%;background:radial-gradient(ellipse at center,#306ecf 0%,#367ce7 23%,#a7c5ff 36%,#ffdf71 48%,#f7ffe4 59%,#b8f7f5 63%,transparent 75%);filter:blur(2.4px);box-shadow:0 0 16px #4382ed}.bubble{font-size:clamp(12px,.96vw,15px);line-height:1.24;letter-spacing:-.035em;padding:5%;max-width:80%;border-radius:14px;margin:2% 0}.mine{align-self:flex-end;background:#fff;color:#111c2e;border-bottom-right-radius:3px}.reply{background:#ffffff33;border-bottom-left-radius:3px}.reply svg{width:13px}.reviewpanel{margin-top:5%;border:1px solid #fff2;border-radius:15px;background:linear-gradient(125deg,#2558ab9c,#4e85ec9c);padding:7% 6%;box-shadow:0 5px 12px #072e6d2b}.reviewpanel small{display:block;font-weight:600}.reviewpanel b{display:block;font-size:clamp(24px,2vw,32px);margin:8% 0 4%;letter-spacing:-.075em}.stars{color:#ffe5ad;letter-spacing:.04em;font-size:clamp(22px,2vw,32px)}.reviewpanel p{font-size:13px;margin-top:6%}.appbutton{display:flex;justify-content:space-between;margin-top:auto;background:#ffffff2c;padding:5% 6%;font-size:13px;border-radius:30px}.homebar{width:34%;height:4px;border-radius:20px;background:#dfebff;margin:6% auto 0}.float{position:absolute;width:clamp(220px,22vw,345px);top:11%;display:grid;gap:14px;color:#d8edff;opacity:.53;filter:saturate(.9)}.left{right:calc(50% + clamp(145px,11vw,176px));transform:perspective(1000px) rotateY(4deg);mask-image:linear-gradient(90deg,#0009,#000)}.right{left:calc(50% + clamp(145px,11vw,176px));width:clamp(210px,16vw,250px);top:4%;mask-image:linear-gradient(90deg,#000,#000c)}.glass{padding:20px;border:1px solid #d8e5ff26;background:linear-gradient(140deg,#93baff39,#617eb527);box-shadow:inset 0 0 25px #87aff519,0 8px 22px #00113415;border-radius:17px}.caption{display:flex;gap:13px;align-items:center}.caption>.icon{width:30px;height:30px}.glass small,.glass strong{display:block}.glass strong{font-size:16px;margin-top:8px}.waveform{opacity:.7}.bars{height:52px;display:flex;gap:4px;align-items:center;justify-content:center}.bars i{background:currentColor;width:3px;border-radius:6px}.waveform small:last-child{display:flex;justify-content:space-between}.briefing>b{display:block;font-size:14px;margin-bottom:14px}.briefing>div{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.25;margin-top:14px}.briefing .icon{padding:5px;width:28px;height:28px;border-radius:7px;background:#c5daff31}.follow strong{font-size:30px;color:#b1e2ff}.stardust{position:absolute;inset:-30% 24% 2%;background-image:radial-gradient(circle,#c5efff 0 .8px,transparent 1.8px),radial-gradient(circle,#81c9f4 0 1px,transparent 2px);background-size:83px 103px,147px 73px;background-position:23px 4px,39px 32px;opacity:.37;mask-image:radial-gradient(ellipse,#000 18%,transparent 68%)}.paper{position:relative;border-radius:38px 38px 0 0;background:var(--paper);margin-top:-3px}.intro{padding:clamp(265px,21vw,340px) 20px clamp(105px,12vw,190px);text-align:center}.intro p{color:#606f87;margin-bottom:20px}.intro h2 span,.features h2 span{background-image:linear-gradient(110deg,#2155a7,#1672a6 81%)}.intro h2{font-size:clamp(42px,5.1vw,80px)}.features{padding:0 var(--pad);scroll-margin:40px}.features>h2,.setup>h2{text-align:center}.features>h2{margin-bottom:clamp(50px,6vw,96px)}.feature-list{max-width:1100px;margin:auto}.feature{position:sticky;top:calc(28px + var(--order) * 11px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.7vw,42px);padding:clamp(14px,1.55vw,24px);background:#fff;border-radius:27px;margin:0 auto 64px;box-shadow:0 3px 26px #20263205}.feature img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:15px}.feature>div{display:flex;flex-direction:column;align-items:flex-start;padding:22px 7% 14px 0}.feature h3{max-width:8.8em}.feature p{margin:20px 0 25px;max-width:24em;font-size:clamp(17px,1.45vw,23px);line-height:1.35;letter-spacing:-.037em}.textbtn{margin-top:auto;background:transparent;border-bottom:1px solid #8baed9;padding:7px 0;color:#245997;font-weight:600}.more{margin:100px 0 0}.section-head{padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:clamp(37px,3vw,49px)}.rail-nav{display:flex;gap:9px}.rail-nav button{background:white;border:1px solid #d8e2ed;width:42px;height:42px;border-radius:100%;font-size:22px}.rail-nav button:disabled{opacity:.35;cursor:default}.rail{margin-top:34px;display:flex;gap:22px;overflow:auto;padding:8px var(--pad) 18px;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);scrollbar-width:none}.tile{background:none;flex:0 0 clamp(225px,22vw,345px);padding:0;text-align:left;scroll-snap-align:start}.tile-art{display:grid;place-items:center;aspect-ratio:1;border-radius:22px;transition:transform .2s;background:linear-gradient(145deg,#bedff7,#86bff0 54%,#d6edfc);overflow:hidden}.t1 .tile-art{background:linear-gradient(125deg,#0b2653,#2364b1 55%,#164278)}.t2 .tile-art{background:linear-gradient(145deg,#071c3f,#155a90 47%,#4795bc)}.t3 .tile-art{background:linear-gradient(135deg,#0b2b5a,#397fbe 60%,#9ed3ed)}.t4 .tile-art{background:linear-gradient(125deg,#498dc5,#a8dbef 43%,#428ab3)}.mini{display:flex;flex-direction:column;align-items:flex-start;gap:.7em;padding:8%;background:#071243b8;border:1px solid #ffffff50;color:white;width:74%;border-radius:15px;box-shadow:0 14px 30px #041a4038;transform:rotate(-4deg)}.t0 .mini,.t4 .mini{background:#edf7ff;color:#173c65}.t1 .mini,.t3 .mini{transform:rotate(5deg)}.mini em{font-style:normal;font-weight:bold;font-size:clamp(22px,2.05vw,32px);color:#c3eaff}.t0 .mini em,.t4 .mini em{color:#256298}.mini b{letter-spacing:-.045em;font-size:clamp(17px,1.5vw,25px)}.mini small{font-size:13px}.mini .bars{height:30px}.tile>strong{display:block;margin:18px 0 0;letter-spacing:-.045em;font-size:clamp(19px,1.7vw,27px)}.band{margin:70px var(--pad) 0;background:linear-gradient(120deg,#dcecf9,#eaf4fc);padding:20px clamp(18px,2.6vw,38px);border-radius:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.band>span{font-size:clamp(20px,2vw,32px);font-weight:600;letter-spacing:-.05em}.band .icon{color:#2a72bb}.dark{background:#0c2453;color:white}.setup{padding:clamp(100px,11vw,170px) var(--pad) 0}.setup h2{max-width:1200px;margin:0 auto 58px}.setup-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.setup article{flex:0 0 calc((100% - 36px)/3);background:white;min-height:300px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:25px}.setup article>span{width:50px;height:50px;background:#e1eef9;color:#224f81;display:grid;place-items:center;border-radius:12px;font-size:23px}.setup h3{font-size:clamp(20px,1.64vw,27px);letter-spacing:-.04em}.setup p,.faq p,.footlinks p{margin-top:12px;font-size:17px;line-height:1.45;color:#56647a;letter-spacing:-.015em}.faq{padding:clamp(110px,12vw,190px) var(--pad) 90px;display:grid;grid-template-columns:1fr 2fr;gap:45px}.faq>div>p{max-width:20em}.faq details{background:white;border-radius:11px;margin-bottom:10px}.faq summary{font-size:clamp(16px,1.35vw,21px);font-weight:600;letter-spacing:-.035em;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:22px;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span:before{content:'+';font-weight:400;font-size:24px}.faq [open] summary span:before{content:'−'}.faq details p{margin:0;padding:0 22px 22px;max-width:50em}footer{position:relative;isolation:isolate;background:#081b43;color:#f5faff;padding:75px var(--pad) 32px}footer:before{opacity:.045}.closing{text-align:center}.foot-qr{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;background:#ffffff21;border-radius:17px;width:max-content;margin:48px auto 25px;font-size:16px;line-height:1.3;text-align:left;letter-spacing:-.03em}.foot-qr img{border-radius:8px;width:83px;height:83px;background:#fff}.footlinks{margin:clamp(110px,12vw,180px) 0 60px;display:grid;grid-template-columns:2.5fr 1fr 1fr;gap:25px}.footlinks>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footlinks p,.footlinks a:not(.brand),.legal{color:#c9d9ed}.footlinks p{margin:0}.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #ffffff29;padding-top:24px;font-size:12px}.fixedqr{position:fixed;bottom:28px;right:clamp(15px,2.7vw,42px);z-index:7}.qr{display:flex;flex-direction:column;align-items:center;padding:5px 6px 10px;border-radius:16px;background:#fff;box-shadow:0 4px 22px #0c142420;color:#181c23}.qr img{width:clamp(75px,7.3vw,116px);height:auto}.qr strong{font-size:12px;letter-spacing:-.045em;margin-top:-3px}.fixedqr.hidden{visibility:hidden}dialog{border:0;padding:0;color:var(--ink);background:#fafcff;border-radius:24px;width:min(440px,calc(100% - 28px));max-height:88dvh;box-shadow:0 22px 100px #0b152440}dialog::backdrop{background:#0c1729ba;backdrop-filter:blur(7px)}.dialog-head{padding:17px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe5ef;font-weight:bold}.dialog-head span .icon{color:#287dc6}.x{border:0;width:33px;height:33px;border-radius:50%;background:#e5edf6;font-size:24px}#dialog-content{padding:24px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}.tabs button{border-radius:20px;background:#e8f0f8;padding:9px 13px;font-size:13px}.tabs button[aria-pressed=true]{background:#153d70;color:white}.sample{background:linear-gradient(125deg,#0e346b,#2368a7);color:white;padding:24px;border-radius:18px;min-height:180px}.sample small{color:#d5eaff;font-size:13px}.sample h3,#dialog-content>h2{font-size:32px;margin:12px 0}.sample p,.get-copy{line-height:1.5;letter-spacing:-.02em}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.dialog-actions small{color:#5d6e87}.get-copy{margin:12px 0 20px}.dialog-link{display:inline-flex;margin:18px 0 0;color:#285d98;font-weight:600}.modal-open{overflow:hidden}
@media(max-width:760px){nav{gap:18px}.demo-nav{display:none}.hero{--hero-h:795px}.hero-copy{padding-top:64px}h1{font-size:clamp(63px,10vw,78px)}.hero-copy p{margin:24px 16px}.stage{top:435px}.float{opacity:.36}.feature{gap:22px}.feature>div{padding:8px 0}.feature p{font-size:16px}.intro{padding:270px 16px 95px}.setup article{flex-basis:calc(50% - 9px);min-height:250px}.faq{grid-template-columns:1fr;gap:24px}.fixedqr{display:none}.setup-grid{gap:12px}.footlinks{grid-template-columns:1.5fr 1fr 1fr}.feature-list{max-width:620px}}
@media(max-width:520px){:root{--pad:20px}.hero{--hero-h:698px}nav{padding-top:18px;gap:12px}.navlink{font-size:13px}.brand{font-size:24px}.get{min-height:39px;padding:11px 15px;font-size:14px}.hero-copy{padding-top:56px}h1{font-size:clamp(56px,14vw,72px)}.hero-copy p{max-width:285px;margin:22px auto;font-size:15px;line-height:1.35}.hero-copy>.pill{min-height:40px;padding:12px 19px;font-size:14px}.stage{top:374px;height:510px}.device{width:224px;padding:5px}.screen{border-width:2px}.status{font-size:10px}.appbrand{font-size:13px}.bubble{font-size:11px}.reviewpanel small,.reviewpanel p{font-size:11px}.reviewpanel b{font-size:23px}.stars{font-size:22px}.appbutton{font-size:11px}.left{right:calc(50% + 125px);width:182px}.right{left:calc(50% + 125px);width:168px}.paper{border-radius:23px 23px 0 0}.intro{padding:195px 20px 80px}.intro h2{font-size:38px}.intro p{font-size:14px}.feature{display:flex;flex-direction:column;gap:0;position:relative;top:0;margin-bottom:20px;padding:12px;border-radius:20px}.features>h2{margin-bottom:28px}.feature img{aspect-ratio:1.18}.feature>div{padding:22px 9px 10px}.feature h3{font-size:32px;max-width:10em}.feature p{margin:12px 0;line-height:1.4}.textbtn{font-size:14px}.more{margin-top:75px}.rail{gap:14px;margin-top:20px}.rail-nav{gap:4px}.rail-nav button{width:35px;height:35px}.band{border-radius:22px;align-items:flex-start;flex-direction:column;gap:14px;margin-top:44px}.band .pill{font-size:14px;min-height:38px;padding:10px 16px}.setup{padding-top:80px}.setup h2{margin-bottom:28px}.setup article{min-height:180px;padding:18px;flex-basis:100%;gap:22px}.setup article>span{width:37px;height:37px;font-size:18px}.setup p,.faq p{font-size:15px;margin-top:8px}.faq{padding-top:80px;padding-bottom:55px}.faq summary{padding:17px}.footlinks{grid-template-columns:1fr 1fr;row-gap:35px}.footlinks>div:first-child{grid-column:1/-1}.footlinks{margin:80px 0 36px}.closing h2{font-size:38px}footer{padding-top:55px}.foot-qr{margin-top:25px}.rail-nav button:focus-visible{outline-offset:1px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero{z-index:1}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:38px;background:var(--paper);border-radius:38px 38px 0 0;pointer-events:none}.hero:before{opacity:.045}.paper{margin-top:0}.aura{animation:shine 6s ease-in-out infinite alternate}.float{animation:drift 7s ease-in-out infinite alternate}.right{animation-delay:-4s}@keyframes shine{to{transform:rotate(48deg) scale(1.06)}}@keyframes drift{to{translate:0 -6px}}

/* Clip decorative overflow without changing the sticky cards' scroll container. */
html, body { overflow-x: clip; }
main, section, nav, .feature > div { min-width: 0; }
.rail { overscroll-behavior-x: contain; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
h1 .headline-visible, h1 .headline-lead, h1 .headline-bottom,
h1 .typed-slot {
  color: inherit; background: none; -webkit-text-fill-color: currentColor;
}
.headline-lead { display: block; }
.headline-bottom { display: flex; align-items: baseline; justify-content: center; gap: .22em; }
.typed-slot { display: inline-flex; justify-content: center; align-items: center; width: 4.6em; }
h1 #typed-word {
  background: linear-gradient(105deg,#deefff 1%,#9ad9ff 42%,#5bbdee 89%);
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.typing-cursor { width: .035em; height: .8em; background: #91d5fc; margin-left: .05em; animation: cursor-blink 1s step-end infinite; }
@keyframes cursor-blink { 50% { opacity: 0; } }
@media (max-width: 760px) {
  .feature { position: relative; top: auto; }
  .feature.reveal-pending { opacity: 0; transform: translateY(36px) scale(.98); }
  .feature {
    transition: opacity .75s ease, transform .85s cubic-bezier(.22,1,.36,1);
  }
  .feature.reveal-pending:focus-within { opacity: 1; transform: none; }
  h1 { font-size: clamp(42px,7.9vw,60px); }
}
@media (max-width: 520px) {
  nav > .navlink { display: none; }
  nav { gap: 10px; }
  nav .brand { font-size: 23px; white-space: nowrap; }
  nav .get { flex-shrink: 0; }
  .hero { --hero-h: 770px; }
  .hero-copy { padding-top: 40px; }
  h1 { font-size: clamp(38px,10.5vw,54px); line-height: 1.1; }
  .headline-bottom { flex-direction: column; align-items: center; gap: 0; }
  .typed-slot { font-size: 1.25em; justify-content: center; height: 1.15em; }
  .stage { top: 448px; }
}
@media (prefers-reduced-motion: reduce) {
  .typing-cursor { display: none; }
  .feature.reveal-pending { opacity: 1; transform: none; }
}

/* Preserve the complete app recording inside the existing iPhone frame. */
.device--video { aspect-ratio: auto; }
.screen.screen--video { display: block; height: auto; padding: 0; background: #071243; }
.app-preview-video { display: block; width: 100%; height: auto; aspect-ratio: 664 / 1440; object-fit: contain; }
.video-toggle { position: absolute; right: -45px; bottom: 18px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #c3d7ed; border-radius: 50%; background: #f7fbff; color: #153d70; box-shadow: 0 3px 12px #171f2e22; font-size: 15px; line-height: 1; pointer-events: auto; }
.video-toggle[hidden] { display: none; }
.video-toggle:hover { background: #e5f1fa; }
.video-toggle:focus-visible { outline: 3px solid #227bc2; outline-offset: 3px; }

.video-toggle .preview-play, .video-toggle.is-paused .preview-pause { display: none; }
.video-toggle.is-paused .preview-play { display: block; }