/* A complete demonstration fits the desktop viewport; detailed reading opens separately. */
.features-section{padding-top:8px;padding-bottom:8px;scroll-margin-top:0}.features-section>.section-heading{margin:0 0 8px}.features-section>.section-heading .eyebrow{display:none}.features-section>.section-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.04em}.features-section>.section-heading p{font-size:13px;line-height:1.5;margin:7px 0 0;max-width:none}.features-section>.section-heading .text-link{font-size:12px;margin:0 0 0 14px;padding-bottom:2px}.features-showcase{padding:0;color:#f4f8f3;scroll-margin-top:0}.features-section.features-showcase{padding:8px 0!important}.features-heading{margin:0 0 8px}.features-section.features-showcase>.features-heading{display:block}.features-heading h2{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0}.features-heading p{font-size:13px;line-height:1.5;margin:7px 0 0;max-width:none;color:#b1bfb3}.features-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;border-bottom:1px solid #ffffff25;margin-bottom:10px}.features-section .features-nav button{appearance:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#b1bfb3;padding:8px 5px;font:500 12px/1.5 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.features-nav button svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.features-nav button[aria-selected=true]{color:#d6fc73;border-bottom-color:#d6fc73}.features-nav button:hover{color:#fff;background:#ffffff05}.features-nav button:focus-visible{outline:2px solid #d6fc73;outline-offset:3px}.features-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:35px;align-items:center;background:#101b16;border:1px solid #ffffff12;border-radius:16px;padding:10px 30px;min-height:0;overflow:visible}.features-copy{max-width:550px;min-width:0}.features-step{font-size:10px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#b1c5b6}.features-section .features-copy h3{font-family:Manrope,sans-serif;font-size:32px;font-weight:500;line-height:1.13;letter-spacing:-.045em;margin:14px 0}.features-copy>p{font-size:14px;line-height:1.6;color:#b6c5bc;margin:0;max-width:480px}.features-points{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:8px}.features-points li{display:flex;gap:10px;align-items:baseline;font-size:13px;line-height:1.4;color:#e0e9e2}.features-points li::before{content:'✓';color:#d6fc73}.features-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px}.features-tools button{font:500 12px/1.5 'DM Sans',sans-serif;padding:9px 15px;border:1px solid #ffffff35;border-radius:30px;background:transparent;color:#f4f8f3;cursor:pointer;min-height:38px}.features-tools .features-enlarge{background:#d6fc73;color:#142719;border-color:#d6fc73;font-weight:700}.features-tools button:focus-visible{outline:2px solid #d6fc73;outline-offset:4px}.features-copy>.features-caption{font-size:10px;line-height:1.4;color:#a7b9ad;margin-top:11px}.features-media{min-width:0;display:flex;justify-content:center;align-items:center}.features-phone{--screen-ratio:.5;--phone-height:clamp(390px,calc(100dvh - 286px),714px);width:calc((var(--phone-height) - 16px)*var(--screen-ratio) + 16px);max-width:100%;position:relative;background:#101112;border:3px solid #303331;border-radius:22px;padding:5px;overflow:hidden;box-sizing:border-box;box-shadow:0 0 0 1px #68706960,0 12px 35px #0004}.features-phone::before,.features-phone::after{display:none}.features-phone video,.features-phone img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:#101112;margin:0;max-width:none;border:0;border-radius:14px}.features-phone [hidden],.features-tools [hidden]{display:none!important}.features-note{font-size:11px;line-height:1.45;color:#a7b9ad;margin:10px 0 0;max-width:none}.features-anchor{display:block;height:0;visibility:hidden}.features-viewer{color:#f4f8f3;background:#091713;border:1px solid #ffffff35;border-radius:16px;padding:16px;width:min(96vw,850px);max-width:96vw;max-height:96dvh;overflow:auto;box-shadow:0 30px 100px #0008}.features-viewer::backdrop{background:#000d;backdrop-filter:blur(8px)}.features-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.features-viewer-header h2{font:500 16px/1.4 Manrope,sans-serif;letter-spacing:0;margin:0}.features-viewer-header button{background:#d6fc73;color:#142719;border:0;border-radius:30px;font:500 13px/1.5 'DM Sans',sans-serif;padding:9px 16px;cursor:pointer}.features-viewer-body{display:flex;justify-content:center}.features-viewer-body video,.features-viewer-body img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(96dvh - 105px);object-fit:contain;border-radius:8px}.features-viewer>p{font-size:10px;line-height:1.4;text-align:center;color:#b1bfb3;margin:10px 0 0}body.features-viewer-open{overflow:hidden}
@media(max-width:999px){.features-section{padding-top:30px;padding-bottom:30px}.features-section>.section-heading h2,.features-heading h2{font-size:30px}.features-section>.section-heading p,.features-heading p{font-size:14px}.features-nav{display:flex;overflow-x:auto;scrollbar-width:thin;gap:4px;margin-top:20px;margin-bottom:20px}.features-section .features-nav button{flex:0 0 110px;flex-direction:column;gap:8px;padding:12px 5px;font-size:12px}.features-nav button svg{width:21px;height:21px}.features-stage{grid-template-columns:1fr;padding:25px 20px;gap:28px}.features-copy{max-width:none}.features-copy>p{max-width:none}.features-section .features-copy h3{font-size:32px}.features-points{gap:10px}.features-tools button{min-height:44px;font-size:13px}.features-media{width:100%}.features-phone{width:100%;max-width:400px}.features-note{font-size:11px;line-height:1.6;margin-top:18px}.features-section.features-showcase{padding:30px 0!important}}
@media(max-width:760px){.features-section>.section-heading .text-link{display:inline-block;margin:8px 0 0}.features-section>.section-heading{margin-bottom:20px}.features-section>.section-heading h2{font-size:30px}.features-section>.section-heading p{line-height:1.6}.features-stage{padding:25px 12px;gap:28px}.features-copy{padding-inline:8px}.features-points li{font-size:13px}.features-phone{border-radius:22px;padding:5px}.features-viewer{padding:12px;border-radius:12px}.features-viewer-header h2{font-size:13px}.features-viewer-header button{padding:8px 12px}.features-viewer-body video,.features-viewer-body img{max-height:calc(96dvh - 110px)}}

/* A slim device frame, with the notch outside the application image. */
.features-phone{width:calc((var(--phone-height) - 38px)*var(--screen-ratio) + 16px);padding:20px 6px 14px;border:2px solid #657268;border-radius:31px;background:#070b09;overflow:visible}.features-phone::before{display:block;content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:55px;height:7px;border-radius:7px;background:#263128}.features-phone::after{display:block;content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:62px;height:3px;border-radius:3px;background:#eef3e9}.features-phone video,.features-phone img{border-radius:19px}.features-stage{align-items:start}.features-copy{padding-top:24px;max-width:440px}.features-section .features-copy h3{font-size:30px;line-height:1.2;max-width:19ch;margin:12px 0 15px}.features-copy>p{max-width:42ch;font-size:14px;line-height:1.65}.features-points{margin-top:20px;gap:12px}.features-points li{line-height:1.5}.features-copy>.features-caption{margin-top:20px}.features-phone video:focus-visible{outline:2px solid #d6fc73;outline-offset:4px}@media(max-width:999px){.features-copy{padding-top:0;max-width:none}.features-copy>p{max-width:48ch}.features-phone{width:100%;max-width:400px}.features-section .features-copy h3{font-size:30px;max-width:19ch}.features-points{gap:11px}}@media(max-width:760px){.features-phone{border-radius:31px;padding:20px 6px 14px}.features-stage{gap:24px}.features-copy>.features-caption{margin-top:17px}}