/* Native screen proportions are preserved everywhere: images use width + auto height. */
.showcase .wrap{width:min(1320px,calc(100% - 80px))}
.showcase .site-header{padding-block:28px;border-bottom:0}
.showcase figure{margin:0;min-width:0}
.showcase h1,.showcase h2,.showcase h3{text-wrap:balance}
.showcase .eyebrow{font-size:13px}
.showcase-hero{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:44px;padding-block:62px 80px}
.hero-copy{max-width:470px}
.hero-copy h1{font-size:clamp(50px,5.7vw,82px);line-height:1.06;letter-spacing:-.065em;margin:0 0 28px}
.hero-description{font-size:18px;color:var(--quiet);line-height:1.8;max-width:430px;margin:0}
.hero-stage{position:relative;display:grid;grid-template-columns:.85fr 1.25fr .85fr;gap:18px;align-items:start;padding:20px 0 12px;isolation:isolate}
.hero-stage::before{content:"";position:absolute;inset:58px -14px 44px;background:#f4f4f4;border-radius:46px;z-index:-1}
.hero-device:first-child{margin-top:76px}
.hero-device:nth-child(3){margin-top:120px}
.widget-hero-label{display:block;text-align:center;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:15px}
.hero-widget figcaption{font-weight:700;color:var(--ink)}
.phone,.tablet{display:block;line-height:0;overflow:hidden;background:#0a0a0a;border:5px solid #0a0a0a;outline:1px solid #999999;border-radius:30px;text-decoration:none}
.phone img,.tablet img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.phone.android{border-radius:25px}
.tablet{border-width:8px;border-radius:28px}
.phone:focus-visible,.tablet:focus-visible{outline:3px solid #777777;outline-offset:6px}
.hero-device .phone{border-width:4px;border-radius:23px}
.hero-device figcaption{font-size:13px;text-align:center;margin-top:16px;color:var(--quiet)}
.product-facts{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:25px;border-block:1px solid var(--line);font-size:14px;color:var(--quiet)}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:56px}
.showcase-heading h2,.story-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.13;letter-spacing:-.052em;margin:0}
.showcase-heading>p{max-width:365px;margin:0;color:var(--quiet);font-size:17px}
.screen-tour{margin-top:0;padding-block:84px 74px;background:#f4f4f4}
.tour-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.tour-screen .phone{width:min(100%,260px);margin:auto}
.tour-screen figcaption{padding-top:27px;max-width:270px;margin:auto}
.screen-number{font-size:12px;letter-spacing:.08em;color:var(--quiet)}
.tour-screen h3{font-size:21px;line-height:1.3;letter-spacing:-.035em;margin:10px 0}
.tour-screen p{font-size:16px;color:var(--quiet);margin:0;line-height:1.65}
.gallery-hint{display:none}
.widget-feature{padding-block:100px 90px}
.widget-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:86px;align-items:center}
.story-copy>p:not(.eyebrow){font-size:17px;color:var(--quiet);max-width:440px;margin:25px 0}
.widget-uses{list-style:none;padding:0;margin:30px 0}
.widget-uses li{display:flex;gap:17px;padding-block:18px;border-bottom:1px solid var(--line)}
.use-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:var(--wash)}
.use-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.widget-uses h3{font-size:17px;line-height:1.5;margin:0 0 4px;letter-spacing:-.025em}
.widget-uses p{font-size:14px;line-height:1.65;color:var(--quiet);margin:0}
.widget-options{display:flex;flex-wrap:wrap;gap:10px}
.widget-options span{border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:13px}
.story-copy p.widget-caption{font-size:13px;margin:15px 0 0}
.widget-home-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;align-items:start}
.widget-home-screens figure:nth-child(2){padding-top:56px}
.widget-home-screens figcaption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--quiet);margin-top:20px}
.theme-dot{width:12px;height:12px;border:1px solid #939393;border-radius:50%;background:#fff}
.theme-dot.dark{background:#0a0a0a;border-color:#0a0a0a}
.native-caption{grid-column:1/-1;text-align:center;font-size:12px;color:var(--quiet);margin:25px 0 0}
.widget-setup{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center;border-top:1px solid var(--line);padding-top:65px;margin-top:80px}
.widget-setup h3{font-size:36px;letter-spacing:-.04em;line-height:1.2;margin:0}
.setup-steps{list-style:none;padding:0;margin:32px 0}
.setup-steps li{display:flex;gap:18px;margin-top:24px}
.step-index{display:grid;place-items:center;flex:0 0 36px;height:36px;font-size:12px;font-weight:700;background:var(--ink);color:#fff;border-radius:50%}
.setup-steps h4{font-size:16px;margin:0 0 5px}
.setup-steps p{font-size:15px;color:var(--quiet);margin:0;max-width:430px}
.widget-shared-note{font-size:12px;color:var(--quiet);max-width:450px;margin:20px 0 0}
.widget-ipad{width:min(100%,330px);justify-self:center}
.widget-ipad figcaption{font-size:15px;text-align:center;font-weight:700;margin-top:20px}
.widget-ipad figcaption span{display:block;font-size:12px;font-weight:400;color:var(--quiet);margin-top:3px}
.language-screen figcaption{font-size:14px;color:var(--quiet);text-align:center;margin-top:22px}
.appearance-band{background:#0a0a0a;color:#fff}
.appearance-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:center;padding-block:90px}
.theme-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:560px}
.theme-screens figure:last-child{padding-top:62px}
.theme-screens figcaption{text-align:center;font-size:14px;margin-top:18px;color:#c1c1c7}
.appearance-band .story-copy>p{color:#bcbcc4}
.appearance-band .eyebrow{color:#c1c1c7}
.theme-labels{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.theme-labels span{border:1px solid #56565c;padding:10px 19px;border-radius:100px;font-size:14px}
.language-story{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:100px;padding-block:110px}
.language-tags{display:flex;flex-wrap:wrap;gap:10px;max-width:470px;margin-top:30px}
.language-tags span{font-size:15px;border:1px solid var(--line);padding:9px 15px;border-radius:100px}
.language-screen{width:min(100%,275px);justify-self:center;position:relative;isolation:isolate}
.language-screen::before{content:"";position:absolute;inset:10% -55px 15%;background:#f4f4f4;border-radius:100% 100% 45px 45px;z-index:-1}
.devices-section{background:#f4f4f4;padding-block:85px 90px}
.device-gallery{display:grid;grid-template-columns:1.28fr 1fr;gap:90px;align-items:end;max-width:1040px;margin:auto}
.ipad-feature{max-width:570px}
.android-feature{width:min(100%,292px);justify-self:center}
.device-gallery figcaption{margin-top:25px;text-align:center;display:grid;gap:5px;font-size:14px;color:var(--quiet)}
.device-gallery figcaption strong{font-size:17px;font-weight:700;color:var(--ink)}
.showcase .privacy-note{border-top:0;padding-block:76px}
.showcase .download{background:white;border:1px solid var(--line);border-radius:32px;padding-block:66px}
.showcase .download .eyebrow{font-size:12px}
.showcase .download .store-status{background:#f4f4f4;border-color:#f4f4f4;justify-content:center}
.download-help{display:inline-block;margin-top:26px;font-size:14px;color:var(--quiet)}
@media(min-width:1550px){.showcase-hero{gap:64px}.hero-copy h1{font-size:82px}}
@media(max-width:1100px){.showcase .wrap{width:calc(100% - 56px)}.showcase-hero{grid-template-columns:.8fr 1.2fr;gap:24px}.hero-copy h1{font-size:58px}.hero-stage{gap:12px}.hero-device .phone{border-width:3px;border-radius:19px}.hero-device figcaption{font-size:12px}.showcase-heading{gap:32px}.tour-grid{gap:20px}.phone{border-radius:25px}.widget-story{gap:40px}.appearance-layout{gap:60px}.language-story{gap:60px}.device-gallery{gap:60px}}
@media(max-width:900px){.showcase-hero{grid-template-columns:1fr;gap:38px;padding-top:40px}.hero-copy{max-width:650px}.hero-copy h1{font-size:66px}.hero-description{max-width:540px}.hero-stage{width:min(100%,720px);justify-self:center;gap:22px}.hero-device .phone{border-width:4px;border-radius:25px}.hero-device figcaption{font-size:14px}.product-facts{display:grid;grid-template-columns:1fr 1fr}.tour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 35px}.tour-screen .phone{max-width:260px}.tour-screen figcaption{max-width:260px}.showcase-heading{align-items:start}.showcase-heading>p{max-width:300px}.widget-feature{padding-block:75px}.widget-story{grid-template-columns:1fr;gap:45px}.story-copy{max-width:580px}.story-copy>p:not(.eyebrow){max-width:560px}.widget-home-screens{width:min(100%,560px);margin:auto;gap:0 28px}.widget-setup{gap:40px;margin-top:60px;padding-top:55px}.appearance-layout{grid-template-columns:1fr;gap:45px;padding-block:75px}.appearance-layout .story-copy{grid-row:1}.theme-screens{width:min(100%,550px);justify-self:center}.language-story{grid-template-columns:1fr 1fr;gap:70px}.language-screen::before{inset:12% -24px 15%}.language-tags{gap:8px}.language-tags span{padding:8px 12px;font-size:14px}.device-gallery{gap:45px;grid-template-columns:1.35fr .8fr}.device-gallery .phone{border-width:4px}.tablet{border-width:6px;border-radius:23px}}
@media(max-width:640px){.showcase .wrap{width:calc(100% - 40px)}.showcase .site-header{gap:18px;padding-block:23px;align-items:center}.showcase .nav{gap:15px}.showcase .nav a[href='#screens']{display:none}.hero-copy h1{font-size:clamp(48px,12vw,64px)}.hero-copy .eyebrow{font-size:12px;letter-spacing:.07em}.hero-description{font-size:17px}.showcase-hero{padding-block:35px 40px;gap:30px}.hero-stage{grid-template-columns:1.18fr .82fr;gap:18px;padding-top:10px;max-width:420px}.hero-stage .hero-device:first-child{display:none}.hero-device .phone{border-width:3px;border-radius:21px;outline-width:1px}.hero-device:nth-child(3){margin-top:62px}.widget-hero-label{font-size:9px}.hero-device figcaption{font-size:12px;line-height:1.4;margin-top:12px}.hero-stage::before{inset:28px -7px 36px;border-radius:24px}.product-facts{gap:14px 20px;padding-block:22px;font-size:13px}.screen-tour{margin-top:0;padding-block:50px}.showcase-heading{display:block;margin-bottom:35px}.showcase-heading h2,.story-copy h2{font-size:40px}.showcase-heading>p{max-width:480px;font-size:16px;margin-top:22px}.tour-grid{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:6px 4px 22px;margin-inline:-4px;overscroll-behavior-x:contain}.tour-screen{flex:0 0 min(77vw,280px);scroll-snap-align:start}.tour-screen .phone,.tour-screen figcaption{width:100%;max-width:260px}.tour-screen h3{font-size:21px}.gallery-hint{display:block;font-size:13px;color:var(--quiet);margin:20px 0 0}.widget-feature{padding-block:60px}.widget-story{gap:40px}.widget-home-screens{gap:0 16px}.widget-home-screens .phone{border-width:3px;border-radius:22px}.widget-home-screens figcaption{font-size:12px;margin-top:15px}.widget-home-screens figure:nth-child(2){padding-top:36px}.widget-setup{grid-template-columns:1fr;gap:40px;padding-top:40px;margin-top:45px}.widget-setup h3{font-size:31px}.widget-ipad{width:min(90%,330px)}.theme-screens{gap:16px}.theme-screens .phone{border-width:4px;border-radius:23px}.theme-screens figure:last-child{padding-top:42px}.appearance-layout{padding-block:62px}.language-story{grid-template-columns:1fr;padding-block:65px;gap:45px}.language-screen{width:min(72%,270px)}.language-screen::before{inset:12% -30px 15%}.devices-section{padding-block:55px}.device-gallery{grid-template-columns:1fr;gap:48px}.ipad-feature{width:min(100%,460px);justify-self:center}.android-feature{width:min(72%,270px)}.device-gallery figcaption strong{font-size:16px}.showcase .privacy-note{padding-block:50px}.showcase .download{padding:42px 18px}.showcase .download h2{font-size:39px}.showcase .download .eyebrow{max-width:250px}.showcase .site-footer{gap:28px}}
@media(prefers-reduced-motion:reduce){.tour-grid{scroll-behavior:auto;scroll-snap-type:none}}