:root{--device-white:#fff;--device-shell:#262c3e;--device-edge:#576074;--device-metal:#d6d9e0;--device-metal-light:#f4f5f7;--device-metal-dark:#9fa5b2;--device-camera:#101422;--device-stage:#f0f2fd;--device-stage-text:#cbd2ed;--device-shadow:#17245124;--device-soft-shadow:#17245110;--device-highlight:#edf0ff;--device-error:#8e3535}.device-showcase{border-block:1px solid var(--line);background:var(--device-white);color:var(--ink);padding:90px 0 0}.product-mobile-reference{border-top:1px solid var(--line);align-items:center;gap:22px;margin-bottom:20px;padding:28px 0 35px;display:flex}.product-mobile-reference>svg{color:var(--accent)}.product-mobile-reference h3{margin-bottom:6px;font-size:18px;line-height:1.4}.product-mobile-reference p{color:var(--muted);font-size:12px;line-height:1.7}.product-mobile-reference .text-link{white-space:nowrap;margin-left:auto;font-size:11px}@media (max-width:760px){.product-mobile-reference{flex-wrap:wrap;gap:15px}.product-mobile-reference>div{flex:1;min-width:0}.product-mobile-reference .text-link{margin-left:35px}.product-mobile-reference h3{font-size:17px}}.device-section-heading{text-align:center;max-width:700px;margin:0 auto 65px}.device-section-heading .eyebrow{letter-spacing:.16em;margin-bottom:18px;font-size:9px}.device-section-heading h2{letter-spacing:-2.8px;overflow-wrap:anywhere;margin-bottom:22px;scroll-margin-top:50px;font-size:clamp(40px,4.6vw,64px);line-height:1.08}.device-section-heading h2 span{color:var(--accent)}.device-section-heading .section-copy{font-size:14px}.device-story{grid-template-columns:minmax(0,.78fr) minmax(0,1.45fr);align-items:center;gap:65px;padding:18px 0 85px;display:grid}.device-story-copy{min-width:0;max-width:360px}.device-platform{color:var(--accent);letter-spacing:.11em;align-items:center;gap:9px;margin-bottom:21px;font-size:9px;font-weight:600;display:flex}.device-story-copy h3{letter-spacing:-1.6px;overflow-wrap:anywhere;margin-bottom:20px;font-size:clamp(30px,3vw,42px);line-height:1.15}.device-story-copy>.section-copy{font-size:13px;line-height:1.85}.device-switcher{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:5px;width:-moz-fit-content;width:fit-content;margin:25px 0 20px;padding:5px;display:flex}.device-switcher button{white-space:nowrap;min-height:36px;color:var(--muted);border-radius:6px;padding:0 12px;font-size:11px;transition:background .18s,color .18s}.device-switcher button[aria-pressed=true]{background:var(--device-white);color:var(--deep);box-shadow:0 2px 5px var(--device-soft-shadow)}.device-switcher button:active{transform:translateY(1px)}.device-switcher button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.device-view-description{max-width:340px;min-height:92px}.device-view-description strong{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.device-view-description p{color:var(--muted);font-size:12px;line-height:1.75}.device-stage{isolation:isolate;min-width:0;margin:0;position:relative}.device-stage--laptop{padding:38px 0 24px}.device-stage--laptop:before{content:"";z-index:-1;background:var(--device-stage);border-radius:28px;position:absolute;inset:0 3% 5%}.device-frame{cursor:zoom-in;max-width:100%;padding:0;transition:transform .25s;display:block;position:relative}.device-frame:focus-visible{outline:3px solid var(--accent);outline-offset:10px;border-radius:18px}.device-frame:active{transform:translateY(1px)}.device-frame-body{background:var(--device-shell);border:1px solid var(--device-edge);box-shadow:0 20px 40px var(--device-shadow);display:block;position:relative}.device-frame--laptop{width:100%;padding:0 0 8px}.device-frame--laptop .device-frame-body{border-radius:13px 13px 5px 5px;width:91%;margin:auto;padding:17px 8px 10px}.device-display{background:var(--paper);display:block;position:relative;overflow:hidden}.device-display img{object-fit:contain;width:100%;height:100%;display:block}.device-frame--laptop .device-display{aspect-ratio:16/10;border-radius:3px}.device-frame--laptop .device-display img{object-fit:cover;object-position:center top}.device-camera{background:var(--device-camera);border:1px solid var(--device-edge);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.device-laptop-base{background:linear-gradient(var(--device-metal-light), var(--device-metal) 48%, var(--device-metal-dark));height:17px;box-shadow:0 14px 18px var(--device-shadow);border-radius:2px 2px 55% 55%/2px 2px 100% 100%;display:block;position:relative}.device-laptop-base>span{background:var(--device-metal-dark);border-radius:0 0 7px 7px;width:16%;height:5px;position:absolute;top:0;left:42%}.device-zoom{border:1px solid var(--line);background:var(--device-white);width:32px;height:32px;color:var(--muted);box-shadow:0 2px 6px var(--device-soft-shadow);border-radius:8px;place-items:center;display:grid;position:absolute;bottom:30px;right:7%}.device-stage figcaption{color:var(--muted);font-size:9px}.device-stage--laptop figcaption{justify-content:center;align-items:center;gap:7px;margin-top:25px;display:flex}.device-stage--laptop figcaption>span:last-child{margin-left:14px;font-size:8px}.device-caption-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.device-story--mobile{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:100px;padding:80px 0 90px}.device-story--mobile .device-story-copy{max-width:380px}.device-stage--phone{background:var(--device-stage);border-radius:28px;flex-direction:column;align-items:center;padding:40px 0 30px;display:flex;overflow:hidden}.device-frame--phone{width:242px;max-width:62%}.device-frame--phone .device-frame-body{border:2px solid var(--device-edge);border-radius:32px;padding:20px 7px 15px}.device-frame--phone .device-display{aspect-ratio:1080/2400;border-radius:16px}.device-frame--phone .device-camera{border-radius:5px;width:33px;height:5px;top:7px}.device-frame--phone .device-frame-body:after{content:"";background:var(--device-metal);border-radius:3px;width:28%;height:3px;position:absolute;bottom:6px;left:36%}.device-frame--phone .device-zoom{width:27px;height:27px;bottom:32px;right:17px}.device-phone-word{letter-spacing:-2px;color:var(--device-stage-text);z-index:-1;font-size:clamp(32px,4vw,58px);font-weight:600;line-height:1.08;position:absolute;top:50px;left:26px}.device-stage--phone figcaption{margin-top:20px}.device-continuity{color:var(--muted);align-items:flex-start;gap:8px;margin:16px 0 25px;font-size:10px;line-height:1.7;display:flex}.device-continuity svg{color:var(--accent);margin-top:1px}.device-story-copy>.text-link{font-size:12px}.device-image-state{text-align:center;background:var(--paper);color:var(--muted);place-items:center;padding:20px;font-size:12px;display:grid;position:absolute;inset:0}.device-image-state.is-error{color:var(--device-error)}.device-frame[aria-busy=true] .device-zoom{opacity:0}.image-dialog--mobile{width:min(520px,100% - 40px)}.image-dialog--mobile .dialog-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 230px);margin-inline:auto}@media (hover:hover){.device-switcher button:hover{color:var(--accent);background:var(--device-highlight)}.device-frame:hover{transform:translateY(-3px)}.device-frame:hover .device-zoom{color:var(--accent)}}@media (max-width:1000px){.device-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:30px}.device-story--mobile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px}.device-story-copy h3{font-size:33px}.device-switcher button{padding-inline:10px}.device-stage--laptop figcaption>span:last-child{display:none}.device-frame--phone{max-width:70%}.device-phone-word{font-size:42px;left:18px}.device-story-copy>.section-copy{font-size:12px}}@media (max-width:760px){.device-showcase{padding-top:60px}.device-section-heading{margin-bottom:45px}.device-section-heading h2{letter-spacing:-2px;font-size:45px}.device-story,.device-story--mobile{grid-template-columns:minmax(0,1fr);gap:28px;padding:0 0 55px}.device-story-copy,.device-story--mobile .device-story-copy{max-width:520px}.device-story-copy h3{font-size:35px}.device-story-copy>.section-copy{font-size:13px}.device-story--mobile{padding-top:55px}.device-story--mobile .device-stage{order:2}.device-view-description{max-width:440px;min-height:70px}.device-stage--laptop{padding-top:28px}.device-stage--phone{width:100%;max-width:520px;margin:auto}.device-frame--phone{width:245px;max-width:68%}.device-phone-word{font-size:60px;left:30px}.device-switcher button{min-height:40px}.device-story--mobile .device-continuity{margin-top:8px}}@media (max-width:414px){.device-section-heading{text-align:left;margin-bottom:38px}.device-section-heading h2{font-size:42px}.device-section-heading .eyebrow{letter-spacing:.1em;font-size:8px}.device-section-heading .section-copy{font-size:12px}.device-story-copy h3{font-size:32px}.device-story-copy>.section-copy{font-size:12px}.device-platform{margin-bottom:17px;font-size:8px}.device-stage--laptop:before{border-radius:16px}.device-frame--laptop .device-frame-body{border-radius:8px 8px 3px 3px;padding:12px 4px 5px}.device-frame--laptop .device-camera{width:4px;height:4px;top:4px}.device-laptop-base{height:9px}.device-laptop-base>span{height:3px}.device-stage--laptop .device-zoom{width:26px;height:26px;bottom:21px}.device-stage--phone{border-radius:20px;padding:30px 0 22px}.device-frame--phone{width:220px;max-width:74%}.device-phone-word{font-size:43px;top:35px;left:15px}.device-switcher{gap:2px}.device-switcher button{min-height:40px;padding-inline:10px;font-size:10px}.device-view-description{min-height:85px}.device-view-description p{font-size:11px}.device-continuity{font-size:9px}}@media (prefers-reduced-motion:reduce){.device-frame,.device-switcher button{transition:none}.device-frame:hover{transform:none}}.device-story--live{scroll-margin-top:15px;display:block}.device-story--live>.device-story-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:90px;max-width:1060px;margin:0 auto 22px;display:grid}.device-story--live .device-story-copy h3{margin-bottom:0}.device-story--live .section-copy{font-size:13px;line-height:1.85}.device-inline-hint{color:var(--accent);align-items:center;gap:7px;margin-top:17px;font-size:11px;display:flex}.device-stage--live{max-width:1120px;margin:auto;padding:28px 0 24px}.device-frame--interactive{cursor:default}.device-frame--interactive:hover,.device-frame--interactive:active{transform:none}.device-frame--interactive .device-display{aspect-ratio:auto;overscroll-behavior:contain;scrollbar-width:thin;height:clamp(320px,52vw,570px);overflow:auto}.device-frame--interactive .product-demo.is-embedded{box-shadow:none;border:0;border-radius:0;min-height:100%}.device-frame--interactive .demo-shell{min-height:570px}.device-frame--interactive .device-display .demo-logo{object-fit:contain;width:112px;height:33px}.device-frame--phone .device-frame-body:after{display:none}.native-app-downloads{flex-wrap:wrap;gap:10px;margin:22px 0 25px;display:flex}.native-app-badge{background:var(--ink);min-width:155px;color:var(--device-white);border:1px solid var(--device-shell);text-align:left;border-radius:9px;align-items:center;gap:12px;padding:12px 15px;display:flex}.native-app-badge>svg{flex-shrink:0;width:26px;height:31px}.native-app-badge>span{flex-direction:column;gap:2px;display:flex}.native-app-badge small{letter-spacing:.08em;font-size:7px}.native-app-badge strong{white-space:nowrap;font-size:17px;font-weight:500;line-height:1.2}.native-app-badge>span>span{color:var(--lavender);font-size:8px}a.native-app-badge:hover{background:var(--device-shell)}.native-app-badge.is-coming-soon{cursor:default}@media (max-width:760px){.device-story--live>.device-story-copy{grid-template-columns:minmax(0,1fr);gap:18px}.device-story--live .section-copy{font-size:12px}.device-frame--interactive .demo-sidebar{width:140px}.device-frame--interactive .demo-workspace{padding-inline:12px}.device-frame--interactive .demo-metric strong{font-size:18px}.device-frame--interactive .demo-metric small{font-size:7px}.device-frame--interactive .demo-heading h3{font-size:18px}}@media (max-width:600px){.device-frame--interactive .demo-sidebar{width:100%}.device-frame--interactive .demo-shell{min-height:0}.device-frame--interactive .device-frame-body{width:94%}.device-stage--live{padding-top:20px}.device-inline-hint{font-size:10px}.native-app-badge{gap:10px;min-width:0;padding:11px 13px}.native-app-badge strong{font-size:15px}.native-app-badge>svg{width:23px}.native-app-downloads{gap:8px}.device-frame--interactive .demo-nav-item{gap:4px;padding-inline:5px;font-size:10px}.device-frame--interactive .demo-nav-item svg{width:12px}.device-frame--interactive .demo-filters{flex-direction:column;align-items:stretch}.device-frame--interactive .demo-filters select{max-width:100%}.device-frame--interactive .demo-form-actions{flex-wrap:wrap}.device-frame--interactive .demo-heading-create{padding:6px;font-size:8px}.device-frame--interactive .device-display .demo-logo{display:none}.device-frame--interactive .demo-sidebar{z-index:2;position:sticky;top:0}.device-frame--interactive .demo-workspace-top,.device-frame--interactive .demo-sample-label{font-size:8px}.device-frame--interactive .demo-heading-create{font-size:10px}}