.app-preview{padding:76px 0 64px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:28px 50px;position:relative}.app-preview .app-preview-eyebrow{font-size:11px;letter-spacing:.18em;color:var(--soft);margin-bottom:18px}.app-preview .app-preview-intro h2{max-width:460px;overflow-wrap:break-word}.app-preview .app-preview-description{max-width:400px;font-size:16px;line-height:1.7;color:var(--muted);margin-top:23px}.app-preview-stage{min-width:0;position:relative;background:radial-gradient(ellipse at center,var(--surface),transparent 70%)}.app-preview-track{display:flex;align-items:flex-start;justify-content:center;padding:14px 10px 28px;outline-offset:5px}.app-preview-track:focus-visible{outline:2px solid var(--soft)}.app-preview-slide{margin:0;flex:0 0 51%;min-width:0;position:relative}.app-preview-library{transform:translateY(24px) rotate(-3deg);z-index:0}.app-preview-player{margin-left:-8%;transform:rotate(3deg);z-index:1}.app-preview-frame{padding:6px;background:#102236;border:1px solid #a5c5ee55;border-radius:26px;box-shadow:0 20px 45px #0004;overflow:hidden}.nature-v1 .app-preview-frame{background:#173b35;border-color:#9cac9066;box-shadow:0 20px 45px #092b3233}.app-preview-frame img{display:block;width:100%;height:auto;border-radius:20px;background:#0d1b30}.app-preview figcaption{display:flex;justify-content:center;gap:10px;margin:17px 0 0;font-size:12px;color:var(--muted)}.app-preview figcaption span{color:var(--soft);font-size:10px;letter-spacing:.1em}.app-preview .app-preview-benefits{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:18px 30px;margin:30px 0 0;padding:0;list-style:none}.app-preview-benefits li{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted)}.app-preview-benefits svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:var(--soft);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.app-preview-dots{display:none}@media(min-width:601px) and (max-width:1000px){.app-preview{grid-template-columns:1fr;gap:35px;padding:60px 0}.app-preview .app-preview-intro{text-align:center}.app-preview .app-preview-description,.app-preview .app-preview-intro h2{margin-left:auto;margin-right:auto;max-width:580px}.app-preview-stage{width:540px;max-width:100%;margin:auto}.app-preview .app-preview-benefits{margin-top:10px}}@media(max-width:600px){.app-preview{display:block;padding:44px 0}.app-preview .app-preview-eyebrow{font-size:10px;margin-bottom:14px}.app-preview .app-preview-intro h2{font-size:30px}.app-preview .app-preview-description{font-size:14px;margin-top:17px}.app-preview-stage{margin-top:25px;background:none}.app-preview-track{display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;overscroll-behavior-x:contain;border-radius:22px}.app-preview-track::-webkit-scrollbar{display:none}.app-preview-slide{flex:0 0 100%;padding:0 14px;transform:none;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.app-preview-frame{max-width:360px;margin:auto;box-shadow:none;padding:5px;border-radius:25px}.app-preview figcaption{margin:14px 0 0;font-size:13px}.app-preview-dots{display:flex;justify-content:center;gap:0;margin-top:3px}.app-preview .app-preview-dots button{width:44px;height:44px;display:grid;place-items:center;background:transparent;padding:0;border:0}.app-preview-dots span{display:block;width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.35}.app-preview-dots [aria-pressed=true] span{opacity:1;background:var(--soft);width:18px;border-radius:5px}.app-preview .app-preview-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;margin-top:19px}.app-preview-benefits li{font-size:12px;align-items:flex-start;line-height:1.5}.app-preview-benefits svg{width:18px;height:18px}}.app-preview .app-preview-swipe{display:none}@media(max-width:600px){.app-preview{padding-top:34px;padding-bottom:34px}.app-preview .app-preview-stage{margin-top:20px}.app-preview .app-preview-track{width:100%;max-width:334px;margin-inline:auto;gap:14px;padding:0;align-items:flex-start;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;border-radius:0}.app-preview .app-preview-slide{flex:0 0 84%;padding:0;margin:0;min-width:0;transform:none;scroll-snap-align:start;scroll-snap-stop:always}.app-preview .app-preview-frame{width:100%;padding:5px;border-radius:25px}.app-preview figcaption{font-size:13px;margin-top:10px;color:var(--muted)}.app-preview [data-active=true] figcaption{color:var(--fg);font-weight:650}.app-preview [data-active=true] figcaption span{color:var(--soft);font-weight:650}.app-preview .app-preview-swipe{display:block;text-align:center;font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0 0;padding-inline:5px}.app-preview .app-preview-dots{margin-top:0;gap:2px}.app-preview .app-preview-dots span{width:8px;height:8px;opacity:.65;border:1px solid var(--soft);background:transparent}.app-preview .app-preview-dots [aria-pressed=true] span{width:18px;background:var(--soft);opacity:1}.app-preview .app-preview-benefits{margin-top:10px}}