.preview-section{--preview-stage-radius:24px;--preview-control-radius:12px;--preview-control-inset:3px;--preview-icon-radius:28%;width:min(1080px,100% - 64px);margin:0 auto}.preview-caption{justify-content:space-between;align-items:center;gap:16px;padding:8px 0 16px;display:flex}.preview-caption h2{letter-spacing:0;margin:0;font-size:14px;font-weight:600}.preview-caption p{color:var(--muted);margin:0;font-size:12px}.preview-stage{border-radius:var(--preview-stage-radius);background:var(--section);padding:26px 48px 18px;overflow:hidden}.preview-toolbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.mode-switch{padding:var(--preview-control-inset);border-radius:var(--preview-control-radius);background:#e5e5ea;display:inline-flex}.mode-switch button{border-radius:calc(var(--preview-control-radius) - var(--preview-control-inset));min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 14px;font-size:12px;transition:background .18s,color .18s}.mode-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000012}.preview-search{border:1px solid var(--line);border-radius:var(--preview-control-radius);width:min(320px,100%);min-height:42px;color:var(--muted);background:var(--surface);align-items:center;gap:10px;padding:0 12px;display:flex}.preview-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.preview-search svg{flex-shrink:0;width:17px}.preview-search input{width:100%;min-width:0;height:40px;color:var(--ink);background:0 0;border:0;padding:0;font-size:14px}.preview-search input:focus{outline:none}.preview-search input::placeholder{color:var(--muted);opacity:1}.preview-content{padding:36px 0 18px}.preview-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:28px 20px;min-height:260px;display:grid}.preview-app{color:var(--ink);cursor:pointer;border-radius:var(--preview-control-radius);background:0 0;border:0;flex-direction:column;align-items:center;gap:11px;padding:4px;font-size:12px;display:flex}.app-art{border-radius:var(--preview-icon-radius);color:#fff;background:var(--app-color);place-items:center;width:76px;height:76px;transition:width .42s cubic-bezier(.22,1.2,.36,1),height .42s cubic-bezier(.22,1.2,.36,1),border-radius .42s,transform .4s cubic-bezier(.22,1.35,.36,1);display:grid;box-shadow:inset 0 1px 1px #fff5,0 4px 8px #00000012}.app-art svg{width:59%;height:59%}.preview-app:hover .app-art{transform:translateY(-3px)}.preview-app:active .app-art{transform:scale(.96)}#preview-empty{text-align:center;color:var(--muted);margin:30px 0;font-size:14px}.preview-bottom{min-height:30px;color:var(--muted);text-align:center;padding:10px 0 0;font-size:12px}[data-density=compact] .preview-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:28px 12px}[data-density=compact] .app-art{width:56px;height:56px}@media (width<=1000px){.preview-stage{padding:24px 32px 18px}.app-art{width:66px;height:66px}.preview-grid{min-height:238px}}@media (width<=760px){.preview-section{width:calc(100% - 40px)}.preview-caption{align-items:flex-start}.preview-caption p{text-align:right;max-width:160px;font-size:11px;line-height:1.4}.preview-stage{padding:20px 18px 16px}.preview-toolbar{flex-wrap:wrap;justify-content:center;gap:14px}.preview-search{width:100%}.mode-switch button{min-height:36px;padding:8px 15px}.preview-content{padding:26px 0 14px}.preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 8px;min-height:294px}.preview-app{gap:8px;font-size:11px}.app-art{width:54px;height:54px}[data-density=compact] .preview-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 4px}[data-density=compact] .app-art{width:36px;height:36px}[data-density=compact] .preview-app{padding:2px;font-size:10px}.preview-bottom{font-size:11px;line-height:1.5}}@media (width<=380px){.preview-stage{padding-left:12px;padding-right:12px}.app-art{width:48px;height:48px}[data-density=compact] .preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.mode-switch{background:#343439}.mode-switch button[aria-pressed=true]{background:#515157}.preview-search{background:#2d2d32}}@supports (corner-shape:squircle){.preview-section{--preview-stage-radius:40px;--preview-control-radius:18px;--preview-icon-radius:50%}.preview-stage,.preview-search,.mode-switch,.mode-switch button,.preview-app,.app-art{corner-shape:squircle}}@media (forced-colors:active){.preview-search:focus-within{outline-color:highlight}}.hero-section,.section{--home-spring:cubic-bezier(.22, 1.35, .36, 1);width:min(1080px,100% - 64px);margin:auto}.hero-section{text-align:center;padding:48px 0 40px}.hero-icon{border-radius:14px;width:60px;height:60px}.hero-category{color:var(--muted);margin:16px 0 0;font-size:15px}.hero-section h1{margin:14px 0 22px}.hero-copy{max-width:610px;color:var(--muted);margin:0 auto 26px;font-size:19px;line-height:1.5}.hero-actions{justify-content:center;align-items:center;gap:28px;display:flex}.hero-section .quiet{margin:15px 0 0}.section{padding:80px 0}.section-heading{text-align:center;max-width:740px;margin:0 auto 40px}.section-heading>p{color:var(--muted);margin:0;font-size:17px}.feature-stories{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;display:grid}.feature-story h2{margin:0 0 14px;font-size:25px}.feature-story p{color:var(--muted);margin:0;font-size:16px}.pricing-section{border-top:1px solid var(--line)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.price-card{border:1px solid var(--line);background:var(--surface);transition:translate .5s var(--home-spring), box-shadow .3s ease;border-radius:12px;flex-direction:column;padding:28px;display:flex}.price-card.featured{border-color:var(--accent)}.price-card h3{margin:0 0 8px;font-size:23px}.plan-limit{color:var(--muted);font-size:14px}.price{letter-spacing:-.055em;margin-top:26px;font-size:44px;font-weight:600;line-height:1.1}.price small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:400}.price-card p{color:var(--muted);font-size:14px}.price-card ul{border-top:1px solid var(--line);margin:12px 0 20px;padding:22px 0 8px;list-style:none}.price-card li{margin-bottom:12px;font-size:13px}.price-card li:before{content:"✓";color:var(--muted);margin-right:9px}.checkout-form{gap:9px;margin-top:auto;display:grid}.price-card .form-status{margin:0;font-size:12px}.trial-section{background:var(--section);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:44px;display:grid}.trial-section img{border-radius:16px;width:72px;height:72px}.trial-section h2{margin:0 0 12px;font-size:32px}.trial-section p{color:var(--muted);max-width:480px;margin:0;font-size:15px}.download-note{text-align:center;width:min(1080px,100% - 64px);margin:16px auto 0}.faq-section{max-width:760px}.faq-list details{border-top:1px solid var(--line);padding:23px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding-right:32px;font-size:16px;font-weight:550;list-style:none;position:relative}.faq-list summary:focus-visible{outline-offset:-3px;border-radius:4px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--muted);font-size:24px;font-weight:400;position:absolute;top:-3px;right:3px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);margin:14px 28px 0 0;font-size:15px}@media (width<=1000px){.feature-stories{gap:30px}.price-card{padding:22px}.trial-section{grid-template-columns:auto 1fr;gap:24px}.trial-section>.button{grid-column:2;justify-self:start}}@media (width<=760px){.hero-section,.section{width:calc(100% - 40px)}.hero-section{padding:36px 0 32px}.hero-icon{border-radius:11px;width:48px;height:48px}.hero-section h1{margin:16px 0 18px;font-size:clamp(40px,7.3vw,58px)}.hero-copy{max-width:460px;font-size:17px}.hero-actions{gap:22px}.section{padding:56px 0}.section-heading{margin-bottom:28px}.section-heading>p{font-size:16px}.feature-stories{grid-template-columns:1fr;gap:28px}.feature-story{max-width:480px}.feature-story h2{margin-bottom:9px;font-size:24px}.pricing-grid{grid-template-columns:1fr;gap:16px}.price-card{padding:26px}.price{margin-top:22px}.trial-section{grid-template-columns:1fr;gap:20px;padding:28px}.trial-section img{border-radius:12px;width:56px;height:56px}.trial-section h2{font-size:30px}.trial-section>.button{grid-column:1}.download-note{width:calc(100% - 48px)}}@media (width<=380px){.hero-section h1{font-size:37px}.hero-actions{gap:18px}.hero-actions .button{padding:12px 16px;font-size:14px}.hero-actions .text-link{font-size:14px}}@media (prefers-reduced-motion:no-preference){.hero-actions .button,.price-card .button,.trial-section>.button{transition:translate .4s var(--home-spring), scale .4s var(--home-spring), background .18s, border-color .18s}.hero-actions .button:not(:disabled):active,.price-card .button:not(:disabled):active,.trial-section>.button:active{scale:.96}.hero-actions .text-link{transition:translate .4s var(--home-spring)}.hero-actions .text-link:active{translate:0 1px}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.price-card:hover{translate:0 -5px;box-shadow:0 12px 28px #0000000c}.hero-actions .button:hover,.price-card .button:not(:disabled):hover,.trial-section>.button:hover{translate:0 -2px}.hero-actions .text-link:hover{translate:2px}}