:root{--navy:#063e50;--navy-d:#042b3b;--teal:#00bebf;--teal-bright:#26e0d0;--aqua:#cbf8f4;--ink:#082f42;--text:#466578;--muted:#6c8796;--surface:#f4faf9;--border:#dbeae9;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:#fff;font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin-top:0}.container{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;color:var(--navy);padding:12px 18px;z-index:99;border-radius:12px}.skip-link:focus{top:15px}:focus-visible{outline:3px solid #00c1b9;outline-offset:5px}::selection{background:#a5f8f1;color:var(--navy)}
.header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #eef3f2;box-shadow:0 2px 14px rgba(3,52,64,.035)}.nav-inner{height:86px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;justify-content:center;flex:none}.logo img{width:81px;height:auto}.nav{display:flex;gap:36px;margin-inline:auto;align-items:center}.nav a{font-size:13px;font-weight:600;color:#456676;transition:color .2s}.nav a:hover{color:var(--teal)}.nav-cta{display:inline-flex;align-items:center;gap:12px;background:var(--navy);color:#fff;border-radius:12px;padding:15px 20px;font-size:13px;font-weight:700;white-space:nowrap;transition:.2s}.nav-cta:hover{background:#005c69;transform:translateY(-2px)}.nav-cta .icon{width:16px;height:16px}.nav-toggle{display:none;border:0;background:#e9f9f7;color:var(--navy);width:43px;height:43px;border-radius:12px;place-items:center;cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#042b3b 4%,#064f61 58%,#087f87 110%);color:#fff}.hero::after{position:absolute;content:"";width:550px;height:550px;background:radial-gradient(circle,rgba(32,216,215,.18),transparent 70%);bottom:-300px;left:-220px;pointer-events:none}.hero-glow{position:absolute;width:800px;height:800px;top:-200px;right:-260px;background:radial-gradient(circle,rgba(37,213,212,.24),transparent 62%);pointer-events:none}.hero-layout{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;position:relative}.hero-content{padding:76px 0 86px;position:relative;z-index:4}.eyebrow,.overline{font-weight:700;letter-spacing:.19em;font-size:11px;line-height:1.6}.eyebrow{color:#93e9e4;display:inline-flex;align-items:center;gap:13px;margin-bottom:22px}.eyebrow-line{width:28px;height:2px;background:var(--teal-bright)}h1{font-size:clamp(3.5rem,5vw,5.2rem);line-height:1.085;letter-spacing:-.064em;font-weight:800;margin-bottom:27px}h1 span{color:#6cebe1}.hero-content>p:not(.hero-small){max-width:490px;font-size:16px;line-height:1.85;color:#cce5e7;margin-bottom:29px}.hero-content>p strong{font-weight:700;color:#fff}.hero-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.store-button{display:inline-flex;align-items:center;gap:14px;background:#fff;color:#072f40;min-height:76px;padding:13px 20px;border-radius:16px;box-shadow:0 16px 38px rgba(0,0,0,.17);transition:transform .22s,box-shadow .22s}.store-button:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(0,0,0,.22)}.store-button>span{display:flex;flex-direction:column;line-height:1.15;min-width:122px}.store-button small{font-size:10px;letter-spacing:.12em;font-weight:600}.store-button strong{font-size:20px;font-weight:700;letter-spacing:-.04em;margin-top:4px}.play-logo{width:32px;height:36px;flex:none}.store-arrow{margin-left:5px;width:17px;height:17px}.hero-text-link{display:flex;gap:11px;align-items:center;font-weight:700;font-size:13px;color:#fff}.hero-text-link .icon{width:18px;height:18px;transition:transform .2s}.hero-text-link:hover .icon{transform:translateX(4px)}.hero-small{display:flex;align-items:center;gap:11px;color:#a9d4da;font-size:11px;line-height:1.6;margin:27px 0 0}.hero-small span,.label-dot{width:7px;height:7px;border-radius:50%;background:#23e3ce;flex:none;box-shadow:0 0 0 5px rgba(35,227,206,.14)}
.hero-media{height:650px;position:relative;align-self:end;isolation:isolate}.hero-ring{position:absolute;width:540px;height:540px;top:53px;left:13px;border:1px solid rgba(136,244,234,.16);border-radius:50%;box-shadow:0 0 0 52px rgba(66,220,218,.035),0 0 0 104px rgba(66,220,218,.028)}.hero-ring.ring-two{width:390px;height:390px;top:126px;left:92px;border:1px dashed rgba(167,241,232,.26);box-shadow:none}.phone{position:relative;overflow:hidden;flex:none;aspect-ratio:746/1600;border:8px solid #0e2731;border-radius:38px;background:#f2f9f8;box-shadow:0 28px 65px rgba(0,19,27,.30)}.phone::before{content:"";position:absolute;width:35%;height:13px;border-radius:0 0 14px 14px;left:32.5%;top:-1px;z-index:3;background:#0e2731}.phone img{width:100%;height:100%;object-fit:fill}.phone-front{position:absolute;z-index:3;width:272px;left:115px;top:49px;transform:rotate(-1.5deg)}.phone-back{position:absolute;z-index:2;width:222px;left:355px;top:112px;transform:rotate(9deg);filter:saturate(.92)}.hero-label{position:absolute;z-index:5;padding:13px 16px;background:#fff;color:#064e5c;font-size:12px;font-weight:700;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 35px rgba(0,21,29,.21);white-space:nowrap}.hero-label .icon{color:#00b7b7;width:20px;height:20px}.hero-label-top{left:345px;top:146px}.hero-label-bottom{left:52px;bottom:90px}.hero-label-bottom .label-dot{box-shadow:0 0 0 4px #d5f9f6}
.proof-strip{border-bottom:1px solid #e8f1ef}.proof-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}.proof-inner>div{display:flex;align-items:center;gap:12px;color:#426574;font-size:12px;font-weight:600}.proof-inner .icon{color:#03abb1;width:22px;height:22px}
.section{padding:110px 0}.overline{color:#009fa8;margin-bottom:19px}h2{font-size:clamp(2.65rem,4.15vw,4.15rem);letter-spacing:-.058em;line-height:1.17;font-weight:800;margin-bottom:0}h2 span{color:#00aeb3}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.section-description{max-width:335px;color:var(--text);line-height:1.9;font-size:14px;margin:0 4px 4px 0}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.activity-card{min-width:0;background:#fff;border:1px solid #e4eeed;border-radius:20px;overflow:hidden;box-shadow:0 14px 28px rgba(4,47,65,.045);transition:transform .25s,box-shadow .25s}.activity-card:hover{transform:translateY(-5px);box-shadow:0 23px 40px rgba(4,47,65,.10)}.activity-img{height:228px;position:relative;overflow:hidden}.activity-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.activity-card:hover .activity-img img{transform:scale(1.04)}.activity-pill{position:absolute;left:19px;top:18px;background:#fff;color:#075b6b;padding:9px 13px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.09em}.activity-body{padding:27px 25px 24px}.activity-body h3{font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.045em;margin:0 0 11px}.activity-body p{font-size:13px;line-height:1.85;min-height:76px;color:var(--text);margin:0 0 18px}.activity-end{border-top:1px solid #e6efee;padding-top:17px;display:flex;align-items:center;gap:10px;font-size:11px;color:#008c99;font-weight:700}.activity-end .icon{width:19px;height:19px}
.showcase{background:#f1f9f8;padding-bottom:94px}.showcase-heading{text-align:center;max-width:700px;margin:0 auto 52px}.showcase-heading h2{margin-bottom:15px}.showcase-heading>p:last-child{color:var(--text);line-height:1.8;font-size:14px;margin:0}.showcase-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:stretch}.showcase-tabs{display:flex;flex-direction:column;gap:10px;justify-content:center}.show-tab{display:flex;align-items:center;gap:20px;text-align:left;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:15px;padding:20px 23px;color:var(--ink);transition:.2s;min-width:0}.show-tab:hover{background:rgba(255,255,255,.65)}.show-tab.is-active{background:#fff;border-color:#d9efeb;box-shadow:0 15px 30px rgba(2,68,83,.07)}.tab-index{display:grid;place-items:center;flex:none;width:46px;height:46px;background:#e4f5f4;border-radius:12px;color:#08a2aa;font-weight:800;font-size:13px}.show-tab.is-active .tab-index{background:#00bfc0;color:#fff}.tab-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.tab-copy strong{font-size:17px;font-weight:700;letter-spacing:-.04em;line-height:1.25}.tab-copy small{font-size:12px;line-height:1.65;color:#63818d}.show-tab>.icon{width:18px;height:18px;color:#03b4b5;opacity:0;transform:translateX(-7px);transition:.2s}.show-tab.is-active>.icon{opacity:1;transform:none}.showcase-stage{position:relative;min-height:710px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#d2fbf7 0%,#e0f6f3 42%,#e8f5f4 77%);border:1px solid #dbeae8;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-orbit{position:absolute;width:500px;height:500px;border:1px dashed rgba(0,176,178,.24);border-radius:50%;top:98px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 64px rgba(255,255,255,.16)}.stage-kicker{position:absolute;top:27px;left:30px;color:#078b99;letter-spacing:.15em;font-size:10px;font-weight:800}.phone-showcase{z-index:1;width:276px;box-shadow:0 26px 55px rgba(0,56,69,.20);border-width:7px;transition:opacity .15s ease,transform .25s ease}.phone-showcase.switching{opacity:.12;transform:translateY(8px) scale(.98)}.stage-footer{position:absolute;z-index:2;left:30px;bottom:24px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#0b5266;font-size:12px}.stage-footer span{font-weight:800;color:#079aa5;letter-spacing:.1em}.stage-footer strong{font-size:13px}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.showcase-bottom span,.showcase-bottom a{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#68808a}.showcase-bottom span .icon{width:17px;height:17px;color:#009ca5}.showcase-bottom a{font-weight:700;color:#007c8b}.showcase-bottom a .icon{width:16px;height:16px}
.details-layout,.community-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.details-copy>p:not(.overline),.community-copy>p:not(.overline){color:var(--text);line-height:1.95;font-size:15px;max-width:470px;margin-top:22px;margin-bottom:26px}.detail-list{display:flex;flex-direction:column;gap:24px;margin-top:34px}.detail-list>div{display:flex;gap:16px;align-items:flex-start}.detail-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#e5f8f6;color:#00a1a9}.detail-icon .icon{width:25px;height:25px}.detail-list strong{display:block;font-size:15px;font-weight:700;line-height:1.3;margin-bottom:6px}.detail-list small{color:var(--text);font-size:12px;line-height:1.75;display:block;max-width:340px}.detail-visual{position:relative;min-height:635px;display:grid;place-items:center}.detail-visual-bg{position:absolute;inset:25px 25px 15px;background:#dff6f4;border-radius:50% 47% 44% 50%;transform:rotate(5deg)}.detail-phone{width:260px;z-index:1;border-color:#0e303b;box-shadow:0 30px 55px rgba(1,53,70,.21)}.detail-badge{position:absolute;z-index:2;right:7px;top:154px;background:#fff;padding:15px 18px;border-radius:13px;box-shadow:0 12px 32px rgba(4,56,68,.11);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#045267}.detail-badge .icon{color:#00aaa7;width:21px;height:21px}
.community{background:#f7fbfa}.community-layout{grid-template-columns:1fr .9fr;gap:95px}.community-media{position:relative;min-height:615px;display:grid;place-items:center}.community-blob{position:absolute;inset:22px 20px;background:#d9f5f2;border-radius:38% 48% 46% 34%;transform:rotate(-6deg)}.community-phone{position:relative;z-index:2;width:252px;transform:rotate(-4deg);border-color:#103542;box-shadow:0 27px 65px rgba(8,55,69,.18)}.community-badge{position:absolute;z-index:3;right:-4px;bottom:116px;display:flex;align-items:center;gap:9px;background:#fff;border-radius:12px;padding:14px 18px;font-size:12px;font-weight:700;color:#075a65;box-shadow:0 12px 35px rgba(5,52,68,.13)}.community-badge .icon{color:#00aeb4;width:20px;height:20px}.community-features{display:flex;flex-direction:column;gap:16px;margin:31px 0}.community-features>span{display:flex;align-items:center;gap:11px;font-weight:600;font-size:13px}.community-features .icon{width:20px;height:20px;color:#03b8b3}.text-cta{display:inline-flex;align-items:center;gap:12px;color:#00798c;font-size:13px;font-weight:800;border-bottom:2px solid #09beb9;padding-bottom:8px}.text-cta .icon{width:16px;height:16px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-items{border-top:1px solid #e1eaea}.faq-items details{border-bottom:1px solid #e1eaea;padding:19px 0}.faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;font-weight:700;font-size:15px;line-height:1.6}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{width:28px;height:28px;border:1px solid #d3e6e5;border-radius:50%;display:grid;place-items:center;color:#008d97;flex:none;font-size:20px;font-weight:400;transition:.2s}.faq-items details[open] summary span{transform:rotate(45deg);background:#daf6f2}.faq-items details p{color:#587483;font-size:13px;line-height:1.9;max-width:580px;margin:11px 30px 0 0}
.download{position:relative;overflow:hidden;background:linear-gradient(105deg,#04536a,#047b80 78%,#00b1a9);color:#fff}.download-inner{display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:center;min-height:415px;position:relative;z-index:1;padding-block:65px}.download .overline{color:#87f0e3}.download h2 span{color:#8bf3e7}.download-inner>div:first-child>p:not(.overline){color:#d0edf0;font-size:14px;line-height:1.9;margin:16px 0 24px;max-width:450px}.store-button-light{box-shadow:none;min-height:67px}.download-mark{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(31vw,360px);display:grid;place-items:center;opacity:.16;pointer-events:none}.download-mark img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 32px rgba(0,0,0,.08))}.footer{background:#fff}.footer-layout{display:flex;justify-content:space-between;align-items:center;padding:42px 0 29px;gap:30px}.footer-logo{display:flex;align-items:center;gap:17px}.footer-logo img{width:69px;height:auto}.footer-logo p{color:#6e8691;font-size:12px;margin:0}.footer-links{display:flex;align-items:center;gap:27px}.footer-links a{font-size:12px;font-weight:600;color:#476677;display:flex;align-items:center;gap:4px}.footer-links .icon{width:14px;height:14px}.footer-links a:hover{color:#00aab0}.footer-bottom{padding:21px 0 32px;border-top:1px solid #e8f0ef;display:flex;justify-content:space-between;gap:20px;color:#7d959f;font-size:11px}.floating-download{display:none}
@media(max-width:1120px){.hero-layout{grid-template-columns:1fr 1fr}.hero-media{transform:scale(.92);transform-origin:left bottom}.hero-label-top{left:320px}.section{padding:86px 0}.details-layout,.community-layout{gap:35px}.showcase-layout{gap:25px}}
@media(max-width:900px){.container{width:min(var(--max),calc(100% - 42px))}.nav{gap:20px}.nav a{font-size:12px}.hero-layout{min-height:auto}.hero h1{font-size:clamp(3.3rem,5.5vw,4.7rem)}.hero-content{padding:69px 0}.hero-media{height:570px;transform:scale(.77);transform-origin:left bottom;width:600px}.section-head{align-items:flex-start}.activity-grid{gap:14px}.activity-img{height:176px}.activity-body{padding:20px 18px}.activity-body h3{font-size:17px}.activity-body p{font-size:12px;min-height:88px}.showcase-layout{grid-template-columns:1fr 1fr;gap:17px}.show-tab{padding:16px;gap:12px}.showcase-stage{min-height:660px}.phone-showcase{width:260px}.tab-copy strong{font-size:15px}.tab-copy small{font-size:11px}.details-layout,.community-layout{gap:24px}.detail-visual{min-height:570px}.detail-phone{width:234px}.community-media{min-height:570px}.community-phone{width:233px}}
@media(max-width:720px){html{scroll-padding-top:71px}.container{width:calc(100% - 36px)}.header .nav-inner{height:72px}.logo img{width:70px}.nav-toggle{display:grid;margin-left:auto}.nav-cta{display:none}.nav{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:20px 24px;overflow:auto;z-index:70}.nav.is-open{display:flex}.nav a{font-size:17px;padding:20px 4px;border-bottom:1px solid #ecf3f2}.hero-layout{display:flex;flex-direction:column;gap:0;align-items:stretch}.hero-content{padding:62px 0 32px}.hero h1{font-size:clamp(3.15rem,10.6vw,4.65rem);line-height:1.12;max-width:600px}.hero-content>p:not(.hero-small){font-size:14px;line-height:1.85;max-width:560px}.hero-buttons{gap:19px}.hero-media{width:590px;height:580px;transform:scale(.86);transform-origin:center top;align-self:center;margin-bottom:-62px}.hero-label-top{left:340px}.hero-label-bottom{left:55px}.proof-inner{flex-wrap:wrap;justify-content:center;gap:13px 24px;padding:22px 0;min-height:0}.proof-inner>div{font-size:11px}.section{padding:74px 0}.section-head{display:block;margin-bottom:29px}.section-head .section-description{margin-top:18px;max-width:580px}.activity-grid{grid-template-columns:1fr;gap:17px}.activity-card{display:grid;grid-template-columns:42% 58%;border-radius:18px;min-height:190px}.activity-img{height:100%;min-height:192px}.activity-pill{left:13px;top:13px;font-size:9px;padding:8px 10px}.activity-body{padding:22px 23px}.activity-body h3{font-size:19px}.activity-body p{font-size:12px;min-height:0;margin-bottom:16px}.showcase-heading{margin-bottom:32px}.showcase-layout{grid-template-columns:1fr;gap:21px}.showcase-tabs{display:grid;grid-template-columns:repeat(5,minmax(165px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px}.showcase-tabs::-webkit-scrollbar{display:none}.show-tab{scroll-snap-align:start;display:block;min-height:94px;padding:13px 13px 11px;border-radius:11px;background:#fff;border:1px solid #e2f0ee}.show-tab .tab-index{display:block;background:none!important;color:#00aeb4!important;height:auto;width:auto;font-size:10px;margin-bottom:7px}.show-tab .tab-copy strong{font-size:13px;display:block}.show-tab .tab-copy small{display:none}.show-tab>.icon{display:none}.show-tab.is-active{border-color:#00bbbb;box-shadow:inset 0 0 0 1px #00b9bb,0 8px 20px rgba(5,101,116,.05)}.showcase-stage{min-height:665px}.stage-orbit{top:95px}.showcase-bottom{align-items:flex-start}.details-layout,.community-layout{grid-template-columns:1fr;gap:25px}.details-layout .detail-visual{order:2}.detail-visual{min-height:605px}.detail-phone{width:250px}.community-layout .community-media{order:2}.community-layout .community-copy{order:1}.community-media{min-height:590px}.community-phone{width:250px}.faq-layout{grid-template-columns:1fr;gap:24px}.download-inner{grid-template-columns:1fr;min-height:395px}.download-mark{right:-48px;opacity:.14;width:250px}.footer-layout{align-items:flex-start}.footer-links{gap:15px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom{padding-bottom:110px}.floating-download{display:flex;align-items:center;justify-content:center;gap:11px;position:fixed;z-index:75;bottom:calc(13px + env(safe-area-inset-bottom));left:16px;right:16px;min-height:53px;border-radius:13px;background:#063e50;color:#fff;font-size:13px;font-weight:700;box-shadow:0 13px 29px rgba(2,43,60,.28);opacity:0;transform:translateY(90px);pointer-events:none;transition:.25s}.floating-download.is-visible{opacity:1;transform:none;pointer-events:auto}.floating-download .icon{width:17px;height:17px}}
@media(max-width:480px){h2{font-size:clamp(2.5rem,10vw,3.2rem)}.hero-content{padding:47px 0 20px}.eyebrow{font-size:10px}.hero h1{font-size:clamp(3.05rem,11.7vw,3.85rem)}.hero-buttons{gap:16px}.store-button{min-height:70px;padding:11px 15px;gap:10px}.store-button small{font-size:9px}.store-button strong{font-size:18px}.store-button>span{min-width:106px}.store-arrow{margin-left:0}.hero-text-link{font-size:12px}.hero-small{margin-top:22px;font-size:10px}.hero-media{transform:scale(.65);margin-bottom:-186px}.hero-label-top{left:345px}.hero-label-bottom{left:52px}.proof-inner{justify-content:flex-start;gap:15px}.proof-inner>div{width:100%;font-size:11px}.proof-inner .icon{width:19px;height:19px}.section{padding:67px 0}.section-description{font-size:13px}.activity-card{display:block}.activity-img{height:180px;min-height:0}.activity-body{padding:20px}.activity-body p{font-size:12px;margin-bottom:12px}.activity-end{padding-top:13px}.showcase-stage{min-height:610px}.phone-showcase{width:246px}.stage-orbit{top:92px;width:380px;height:380px}.stage-footer{left:18px;right:18px}.stage-kicker{left:20px}.showcase-bottom{flex-direction:column;gap:12px}.details-copy>p:not(.overline),.community-copy>p:not(.overline){font-size:13px}.detail-visual,.community-media{min-height:545px}.detail-visual-bg{inset:26px 15px}.detail-phone{width:227px}.detail-badge{right:-7px;top:135px;padding:12px 13px;font-size:10px}.community-phone{width:223px}.community-badge{right:0;bottom:75px;font-size:10px}.faq-items summary{font-size:13px}.footer-layout{display:block}.footer-logo{margin-bottom:24px}.footer-links{justify-content:flex-start;gap:17px 22px}.footer-bottom{display:block;font-size:10px;line-height:1.9}.footer-bottom span{display:block}.download-inner{min-height:365px}.download-mark{right:-85px;width:190px;opacity:.12}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Scrollable screen selector: always start on the first option on phones. */
@media(max-width:720px){.showcase-tabs{justify-content:start;justify-items:stretch}}

/* ===============================================================
   MOBILE EXPERIENCE — deliberate responsive layout, no fixed-size
   scaled screenshots, discoverable tab navigation and clean footer.
   =============================================================== */
.proof-inner>div>span{display:flex;flex-direction:column;gap:2px}
.proof-inner strong{font-size:12px;color:#1c5668;font-weight:700}
.proof-inner small{font-size:11px;color:#76909a;font-weight:500}
.footer-bottom p{margin:0;color:inherit;font-size:inherit;line-height:1.7}
.mobile-showcase-toolbar,.showcase-pagination{display:none}
.screen-nav-btn{font:inherit}

@media(max-width:720px){
  .hero{overflow:hidden}
  .hero-content{padding-bottom:8px}
  .hero-media{
    position:relative;width:min(100%,500px);height:clamp(355px,116vw,540px);
    transform:none;transform-origin:initial;align-self:center;margin:10px auto 14px;
    isolation:isolate;overflow:visible;
  }
  .hero-ring{width:min(94vw,510px);height:min(94vw,510px);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px rgba(66,220,218,.035),0 0 0 78px rgba(66,220,218,.022)}
  .hero-ring.ring-two{left:50%;top:50%;transform:translate(-50%,-50%);width:min(65vw,360px);height:min(65vw,360px)}
  .hero-media .phone-front{width:min(52%,235px);left:10%;top:10px;transform:rotate(-2deg);border-width:6px;border-radius:29px;box-shadow:0 19px 45px rgba(0,14,28,.29)}
  .hero-media .phone-back{width:min(40%,193px);left:57%;top:15%;transform:rotate(7deg);border-width:6px;border-radius:29px;box-shadow:0 14px 40px rgba(0,14,28,.22)}
  .hero-media .hero-label{display:none}
  .proof-strip{padding:14px 0 0;border:0;background:#fff}
  .proof-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 2px;min-height:0}
  .proof-inner>div{width:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:101px;border:1px solid #deefed;border-radius:15px;background:#f5fbfa;padding:14px 11px}
  .proof-inner .icon{width:21px;height:21px;flex:none}
  .proof-inner strong{font-size:11px;line-height:1.2}
  .proof-inner small{font-size:9px;line-height:1.35}
  .showcase-heading{margin-bottom:24px}
  .mobile-showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}
  .swipe-help{display:flex;align-items:center;gap:7px;color:#276776;font-size:10px;font-weight:600;line-height:1.35;max-width:185px}
  .swipe-help-arrow{display:grid;place-items:center;flex:none;min-width:27px;height:26px;border-radius:8px;background:#dcf4f1;color:#078a93;font-size:12px;font-weight:800}
  .mobile-screen-nav{display:flex;align-items:center;gap:6px;flex:none}
  #mobile-screen-progress{font-size:11px;color:#4c7882;font-weight:700;white-space:nowrap;margin-right:3px;font-variant-numeric:tabular-nums}
  .screen-nav-btn{display:grid;place-items:center;min-width:39px;min-height:39px;border:1px solid #c8e4df;border-radius:12px;background:#fff;color:#006879;cursor:pointer;padding:0}
  .screen-nav-btn:disabled{opacity:.36;cursor:not-allowed}
  .screen-nav-btn .icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .showcase-layout{display:flex;flex-direction:column;gap:12px}
  .showcase-tabs{display:flex;flex-direction:row;gap:9px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding:0 12px;scrollbar-width:none;padding:2px 22% 10px 0;margin-right:-18px;-webkit-overflow-scrolling:touch}
  .showcase-tabs::-webkit-scrollbar{display:none}
  .show-tab{display:flex;align-items:flex-start;flex-direction:column;flex:0 0 64%;min-width:0;min-height:98px;gap:6px;padding:13px 15px;background:#fff;border:1px solid #d9eae7;border-radius:15px;scroll-snap-align:start}
  .show-tab .tab-index{margin:0;font-size:11px;line-height:1.2}
  .show-tab .tab-copy strong{font-size:13px;line-height:1.4}
  .show-tab.is-active{border-color:#00babc;box-shadow:inset 0 0 0 1px #00babc,0 8px 22px rgba(4,99,111,.08)}
  .showcase-stage{width:100%;min-height:630px;border-radius:22px;touch-action:pan-y;cursor:grab}
  .showcase-stage:active{cursor:grabbing}
  .showcase-stage .phone-showcase{width:min(62%,270px)}
  .showcase-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0}
  .screen-dot{display:block;width:9px;height:9px;min-width:9px;padding:0;border:0;background:#c2d9d9;border-radius:99px;cursor:pointer;transition:width .22s,background .22s}
  .screen-dot.is-active{width:30px;background:#00babc}
  .showcase-bottom{margin-top:16px}
  .footer{background:#f7fbfa}
  .footer-layout{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:37px 0 26px}
  .footer-logo{display:flex;align-items:center;gap:14px;margin:0}
  .footer-logo img{width:85px;height:auto;flex:none}
  .footer-logo p{font-size:12px;line-height:1.6}
  .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;width:100%;border-top:1px solid #dcebe8}
  .footer-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:11px 8px 11px 0;font-size:12px;border-bottom:1px solid #dcebe8}
  .footer-links a:nth-child(odd){margin-right:16px}
  .footer-links .icon{width:15px;height:15px;opacity:.7}
  .footer-bottom{display:flex;flex-direction:column;gap:5px;padding:19px 0 34px;font-size:11px;line-height:1.6}
  .footer-bottom p{display:block;margin:0;color:#728994}
  .footer-bottom span{display:inline}
  .floating-download{border:1px solid rgba(160,237,232,.22);min-height:54px;bottom:calc(11px + env(safe-area-inset-bottom));border-radius:16px}
}
@media(max-width:480px){
  .hero-media{height:clamp(355px,116vw,470px);margin:14px auto 12px;transform:none}
  .hero-media .phone-front{width:52%;top:9px;left:10%}
  .hero-media .phone-back{width:40%;top:15%;left:57%}
  .showcase-stage{min-height:590px}
  .showcase-stage .phone-showcase{width:min(65%,245px)}
  .stage-footer{left:19px;right:19px;bottom:20px}
  .stage-kicker{left:20px;top:22px}
  .footer-layout{display:flex}
  .footer-links{display:grid}
  .footer-bottom{display:flex}
}
@media(max-width:360px){
  .proof-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .proof-inner>div{padding:11px 8px}
  .proof-inner strong{font-size:10px}
  .proof-inner small{font-size:8px}
  .showcase-stage{min-height:560px}
  .swipe-help{max-width:142px;font-size:9px}
  .show-tab{flex-basis:70%}
}
@media(prefers-reduced-motion:reduce){.screen-dot{transition:none}}


/* Mobile UX fixes: simpler showcase + autoplay support */
@media (max-width: 720px){
  .mobile-showcase-toolbar{display:none !important}
  .showcase-layout{gap:14px}
  .showcase-stage{
    min-height:auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding:58px 18px 18px;
  }
  .stage-orbit{
    top:92px;
    width:min(92vw,520px);
    height:min(92vw,520px);
  }
  .showcase-stage .phone-showcase{
    width:min(66vw,270px);
    margin:0 auto;
  }
  .stage-kicker{
    top:22px;
    left:22px;
    right:22px;
  }
  .stage-footer{
    position:static;
    width:100%;
    margin-top:16px;
    padding-top:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-align:center;
    background:transparent;
  }
  .stage-footer span{
    font-size:11px;
    line-height:1;
  }
  .stage-footer strong{
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.03em;
  }
  .showcase-pagination{margin:10px 0 0}
}
@media (max-width: 480px){
  .showcase-stage{
    padding:56px 14px 16px;
    border-radius:20px;
  }
  .showcase-stage .phone-showcase{
    width:min(68vw,250px);
  }
  .stage-orbit{
    top:94px;
    width:min(95vw,430px);
    height:min(95vw,430px);
  }
  .stage-footer strong{font-size:18px}
}
@media (max-width: 360px){
  .showcase-stage .phone-showcase{width:min(70vw,232px)}
  .stage-footer strong{font-size:17px}
}