:root{color-scheme:light;--ink:#142e42;--muted:#61788b;--blue:#147fa7;--line:#dce7ed;--paper:#f7fafc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #28acd7;outline-offset:5px}svg{width:24px;height:24px;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.header{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:760;letter-spacing:-.8px}.brand img{border-radius:12px}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-cta{background:#fff;border:1px solid var(--line);padding:14px 24px;border-radius:40px;box-shadow:0 6px 20px #143e5606}.nav-cta span{margin-left:18px}.header a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:680px;padding-top:38px;padding-bottom:60px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#5c7890;line-height:1.5;margin:0 0 25px}.dot{display:inline-block;width:7px;height:7px;background:#21aed6;border-radius:50%;margin-right:10px}h1{font-size:clamp(56px,5.4vw,86px);line-height:1.03;letter-spacing:-4px;margin:0 0 28px;font-weight:750}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:460px;margin:0 0 30px}.store-row{display:flex;flex-wrap:wrap;gap:10px}.store{display:flex;align-items:center;gap:11px;padding:13px 18px;min-width:148px;border:1px solid #cddfe8;background:linear-gradient(140deg,#fff,#eff7fb);border-radius:17px;transition:transform .2s,box-shadow .2s}.store:hover{transform:translateY(-3px);box-shadow:0 8px 25px #183e5914}.store.primary{background:#183c52;color:#fff;border-color:#183c52}.store small{display:block;font-size:10px;margin-bottom:2px}.store strong{font-size:17px;letter-spacing:-.4px}.store svg{width:23px;height:26px}.fine-print{font-size:11px;line-height:1.7;color:var(--muted);margin-top:15px}.hero-art{height:525px;position:relative;isolation:isolate;margin-left:20px}.halo{position:absolute;inset:-100px -30px -50px -100px;background:radial-gradient(ellipse,#c5eafd 0%,#e7f4fb 48%,transparent 70%);z-index:-1}.art-label{position:absolute;top:15px;left:16px;font-size:10px;letter-spacing:1.9px;color:#688599}.desktop-device{position:absolute;top:90px;left:0;width:95%;background:#15202a;border:8px solid #23313c;border-radius:18px;box-shadow:0 35px 70px #15374b2b;transform:perspective(1400px) rotateY(-8deg) rotateX(2deg);overflow:hidden}.desktop-device img{width:100%;height:auto;display:block}.window-top{height:20px;background:#23313c;display:flex;align-items:center;gap:4px;color:#d0dce4;font-size:7px;padding:0 4px 5px}.window-top>span{height:5px;width:5px;background:#788995;border-radius:50%}.window-top b{font-weight:400;margin:auto}.phone-device{position:absolute;width:26%;height:auto;right:-6px;top:185px;border:5px solid #29373f;border-radius:27px;box-shadow:0 18px 40px #14314438;transform:rotate(5deg)}.float-note{position:absolute;bottom:2px;left:18px;background:#ffffffce;border:1px solid white;backdrop-filter:blur(18px);border-radius:18px;padding:14px 23px;font-size:12px;line-height:1.6;box-shadow:0 12px 25px #29475c0c;transform:rotate(-3deg)}.float-note>span{float:left;padding-right:16px;font-size:28px;color:var(--blue)}.platform-strip{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.platform-strip>div{display:flex;align-items:center;gap:30px;color:var(--ink);font-weight:600}.platform-strip i{width:4px;height:4px;background:#aac6d5;border-radius:50%}.screens,.features{padding-top:106px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:30px}h2{font-size:clamp(34px,3.5vw,52px);line-height:1.15;letter-spacing:-1.8px;font-weight:700;margin:0}.section-head .eyebrow{margin-bottom:14px}.section-head>p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:4px}.gallery-shell{padding:26px;border-radius:32px;background:#eaf1f5;border:1px solid #e0e9ef}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.platform-tabs{display:flex;background:#dce5ec;padding:4px;border-radius:30px;gap:3px}.platform-tabs button{border:0;background:transparent;padding:11px 25px;border-radius:26px;display:flex;gap:9px;align-items:center;font-size:14px}.platform-tabs svg{width:17px;height:18px}.platform-tabs [aria-selected=true]{background:#fff;box-shadow:0 2px 6px #152e4210}.gallery-hint{font-size:11px;color:var(--muted)}.gallery-hint span{font-size:20px;padding-left:10px}.screen-tabs{display:flex;gap:8px;margin:0 0 20px}.screen-tabs button{background:transparent;border:1px solid #d1dfe7;padding:9px 20px;border-radius:22px;font-size:12px}.screen-tabs [aria-selected=true]{background:#183c52;color:#fff;border-color:#183c52}figure{margin:0}.screen-zoom{display:block;border:0;background:transparent;padding:0;position:relative;max-width:100%;width:100%;border-radius:14px;overflow:hidden;cursor:zoom-in}.screen-zoom img{width:100%;height:auto;display:block}.zoom-symbol{position:absolute;bottom:18px;right:18px;border-radius:50%;background:#ffffffed;color:#142e42;font-size:27px;width:44px;height:44px;box-shadow:0 5px 20px #0002}.screen-zoom:hover .zoom-symbol{background:#d9f2ff}figcaption{display:flex;justify-content:space-between;align-items:center;padding:25px 10px 0;gap:20px}h3{font-size:24px;letter-spacing:-.6px;margin:0 0 10px;line-height:1.25}figcaption p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.screen-index{font-size:12px;white-space:nowrap;color:#7b93a3;letter-spacing:1px}.preview-note{font-size:11px;color:#73899b;text-align:center;line-height:1.8;margin:18px auto;max-width:800px}.iphone-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:25px 12%;gap:70px;min-height:650px;background:radial-gradient(ellipse at 80% 50%,#c9eafa,transparent 65%)}.iphone-preview h3{font-size:54px;letter-spacing:-2px;margin:24px 0 20px}.iphone-preview p{line-height:1.8;color:var(--muted)}.pill{font-size:12px;border:1px solid #c3d8e4;background:#fff8;padding:10px 15px;border-radius:25px;display:inline-block}.phone-zoom{max-width:255px;margin:auto;border-radius:27px;border:5px solid #1f2e37;box-shadow:0 20px 45px #1b47542b;transform:rotate(3deg)}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:14px;font-weight:600;padding:12px 0}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.feature-card{background:#eaf3f8;border:1px solid #e4edf3;border-radius:28px;padding:30px;min-height:340px;overflow:hidden}.feature-card:nth-child(2){background:#eef2f4}.feature-card:nth-child(3){background:#f0f1f8}.feature-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:26px;color:#267c9d;border:1px solid #cadfe9;border-radius:14px;margin-bottom:22px}.feature-card h3{font-size:24px}.feature-card p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:24px}.feature-card small{font-size:11px;color:#7b95a6}.message-demo{display:flex;flex-direction:column;gap:8px;margin:15px 0 28px;align-items:flex-start}.message-demo span{background:#fff;border-radius:15px 15px 15px 4px;padding:12px 17px;font-size:13px}.message-demo span+span{background:#d1eaf6;margin-left:50px;border-radius:15px 15px 4px 15px}.people{display:flex;padding-top:10px}.people span{background:#d0e8f0;border:3px solid #eef2f4;border-radius:50%;width:61px;height:61px;display:grid;place-items:center;font-size:22px;color:#207891}.people span+span{margin-left:-12px;background:#e0dfe9;color:#74648e}.people span:last-child{background:#d5e8e0;color:#588873}.theme-samples{display:flex;gap:12px;padding-top:10px}.theme-samples span{height:65px;width:90px;border:1px solid #d6dbe1;border-radius:15px;background:linear-gradient(150deg,#fff,#e1e8ed)}.theme-samples span+span{background:linear-gradient(150deg,#3c444f,#14212b);border-color:#35434e}.download{margin-top:110px;padding:60px 50px;border-radius:36px;background:linear-gradient(130deg,#e4f2fa,#f1f7fa 55%,#e5effa);text-align:center}.download-intro>img{border-radius:20px;margin-bottom:22px;box-shadow:0 10px 30px #31556a12}.download-intro .eyebrow{margin-bottom:15px}.download-intro>p:last-child{color:var(--muted);line-height:1.7}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0 25px;text-align:left}.download-card{background:#ffffffb5;border:1px solid #fff;border-radius:24px;padding:26px;transition:transform .2s,box-shadow .2s}.download-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1c566214}.download-card>svg{width:30px;height:32px;color:#267697;margin-bottom:25px}.download-card h3{font-size:23px;margin:0}.download-card p{font-size:12px;color:var(--muted);line-height:1.6}.download-card>span{display:flex;justify-content:space-between;margin-top:24px;border-top:1px solid #dae7ef;padding-top:18px;font-size:13px;font-weight:600}.download-note{font-size:12px;line-height:1.9;color:#688298}.footer{display:flex;justify-content:space-between;align-items:start;padding-top:55px;padding-bottom:55px;gap:30px}.footer .brand{font-size:21px}.footer p{font-size:12px;color:var(--muted)}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;font-size:12px;color:var(--muted);padding-top:10px}.footer a:hover{color:var(--blue)}[hidden]{display:none!important}dialog{border:1px solid #ffffff25;border-radius:20px;background:#101820;color:#fff;padding:45px 15px 10px;max-width:96vw;max-height:96vh;overflow:auto;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#06131be8;backdrop-filter:blur(12px)}dialog img{display:block;max-width:90vw;max-height:78vh;width:auto;height:auto;margin:auto;border-radius:8px}dialog p{text-align:center;font-size:12px;line-height:1.5;color:#b1c4d2}#close-dialog{position:absolute;right:10px;top:7px;background:#ffffff16;color:white;border:1px solid #ffffff20;border-radius:50%;width:32px;height:32px;font-size:17px}.screen-zoom img{animation:reveal .3s ease}@keyframes reveal{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero{min-height:760px}.hero-art{height:560px}.desktop-device{top:90px}.phone-device{top:200px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero{grid-template-columns:43% 57%;min-height:610px}.hero-art{height:450px}.art-label{font-size:8px}.hero h1{font-size:64px}.intro{font-size:15px}.store{min-width:135px;padding:11px 13px}.store strong{font-size:15px}.phone-device{top:170px;right:-5px;border-width:4px;border-radius:21px}.float-note{bottom:10px;font-size:10px;padding:11px 15px}.feature-card{padding:24px}.iphone-preview{gap:40px;padding:20px 8%}}@media(max-width:800px){.header{height:86px}.header nav{gap:18px}.header nav>a:first-child{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:28px;padding-bottom:25px}.hero-copy{max-width:600px}.hero h1{font-size:72px;line-height:1.02}.hero h1 br:nth-of-type(2){display:none}.hero h1 em:before{content:' '}.intro{font-size:16px}.hero-art{height:520px;margin:15px 0 0}.desktop-device{width:90%;top:75px}.phone-device{width:24%;top:130px;right:0}.float-note{left:25px;bottom:5px;font-size:12px}.art-label{font-size:9px}.platform-strip{flex-direction:column;gap:20px;align-items:flex-start}.platform-strip>div{gap:24px}.screens,.features{padding-top:70px}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.section-head>p{margin:0}.gallery-shell{padding:18px;border-radius:24px}.gallery-hint{display:none}.gallery-toolbar{justify-content:center}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2}.feature-card{min-height:290px}.message-demo{max-width:400px}.iphone-preview{min-height:520px;padding:20px 5%;gap:28px}.iphone-preview h3{font-size:40px}.download{padding:40px 25px;margin-top:70px}.download-grid{gap:12px}.download-card{padding:20px}.footer{flex-direction:column}.footer nav{gap:16px 35px}.preview-note{text-align:left}}@media(max-width:520px){.wrap{width:calc(100% - 36px)}.brand{font-size:21px}.brand img{width:36px;height:36px}.header nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 17px}.hero{padding-top:18px}.hero h1{font-size:59px;letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:22px}.intro{font-size:14px}.store-row{gap:8px}.store{min-width:0;flex:1 1 44%;padding:12px;gap:8px;border-radius:14px}.store:last-child{flex:0 1 auto;min-width:calc(50% - 4px)}.store small{font-size:9px}.store strong{font-size:16px}.store svg{width:20px}.hero-art{height:335px;margin-top:24px}.desktop-device{top:55px;border-width:5px;border-radius:12px;width:92%}.window-top{height:13px;padding-bottom:2px;font-size:5px}.window-top span{width:3px;height:3px}.phone-device{top:108px;width:27%;border-radius:17px;border-width:3px}.art-label{font-size:7px;letter-spacing:1.1px;top:15px;left:5px}.float-note{font-size:9px;bottom:0;left:10px;padding:10px 14px}.float-note>span{font-size:23px;padding-right:10px}.platform-strip{font-size:12px;padding:22px 0}.platform-strip>div{gap:20px}.section-head{margin-bottom:26px}h2{font-size:34px;letter-spacing:-1.2px}.section-head>p{font-size:14px}.gallery-shell{padding:12px;border-radius:20px}.platform-tabs button{padding:10px 22px;font-size:13px}.screen-tabs{gap:6px;justify-content:center}.screen-tabs button{font-size:11px;padding:9px 15px}.screen-zoom{border-radius:8px}.zoom-symbol{width:32px;height:32px;font-size:23px;right:9px;bottom:9px}figcaption{padding:18px 4px 4px;gap:10px;align-items:flex-start}figcaption h3{font-size:19px}figcaption p{font-size:12px}.screen-index{font-size:10px;margin-top:6px}.preview-note{font-size:10px}.iphone-preview{grid-template-columns:1fr;gap:25px;padding:20px 12px}.iphone-preview h3{font-size:35px;margin:18px 0 12px}.iphone-preview h3 br{display:none}.iphone-preview p{font-size:14px}.phone-zoom{max-width:200px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-card{min-height:0;padding:25px}.feature-card h3{font-size:25px}.feature-card .people,.feature-card .theme-samples{padding-bottom:5px}.download{padding:32px 18px;border-radius:26px}.download h2{font-size:35px}.download-intro .eyebrow{font-size:9px}.download-intro>p:last-child{font-size:14px}.download-grid{grid-template-columns:1fr}.download-card{display:grid;grid-template-columns:42px 1fr;column-gap:15px;padding:21px}.download-card>svg{grid-row:span 2;align-self:center;margin:0;width:27px}.download-card h3{font-size:22px}.download-card p{margin:6px 0 0}.download-card>span{grid-column:1/-1;margin-top:16px;padding-top:15px}.download-note{font-size:11px}.footer{padding-top:38px;padding-bottom:35px}.footer nav{grid-template-columns:1fr;gap:15px}dialog{padding:43px 8px 8px;border-radius:14px}dialog img{max-width:90vw;max-height:75vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:800px){.halo{inset:-40px 0 -40px 0}}
