.feature-section-visual[data-astro-cid-u3x2psmj]{width:100%;min-width:0;margin:0}.feature-section-visual[data-astro-cid-u3x2psmj]>figcaption[data-astro-cid-u3x2psmj]{color:var(--muted);text-align:center;white-space:pre-line;overflow-wrap:anywhere;margin-top:20px;font-size:13px;line-height:1.5}@media (width<=720px){.feature-section-visual[data-astro-cid-u3x2psmj]>figcaption[data-astro-cid-u3x2psmj]{margin-top:14px;font-size:11px}}.design-hero{padding-top:48px}.feature-breadcrumb{color:var(--muted);align-items:center;gap:12px;margin-bottom:34px;font-size:14px;display:flex}.feature-breadcrumb a:hover,.feature-breadcrumb [aria-current]{color:var(--ink)}.design-hero-heading{grid-template-columns:1.35fr 1fr;align-items:center;gap:85px;display:grid}.design-hero h1{letter-spacing:-.058em;text-wrap:balance;max-width:730px;font-size:clamp(42px,4.5vw,64px);font-weight:350;line-height:1.06}.design-hero-copy>p:first-child{letter-spacing:-.022em;max-width:470px;font-size:19px;line-height:1.6}.design-hero-copy .button{margin-top:25px}.design-hero-copy .microcopy{margin-top:12px}.design-hero-demo{margin-top:48px}.design-hero-demo>.visual{height:480px;padding:28px}.design-hero-demo .editor-main{flex-direction:row;align-items:center;gap:40px;padding:30px 50px}.design-hero-demo .editor-screens{flex:1;gap:24px}.design-hero-demo .editor-screens .screen{max-width:160px}.design-hero-demo .editor-fields{flex:.35;min-width:100px}.design-hero-demo figcaption,.design-caption{color:var(--muted);text-align:center;margin-top:20px;font-size:13px}.design-section-copy h2{font-size:clamp(34px,3.2vw,46px);line-height:1.13}.design-section-copy>p{letter-spacing:-.02em;max-width:520px;margin-top:24px;font-size:18px;line-height:1.65}.design-section-copy .eyebrow{margin-bottom:20px}.design-start{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;display:grid}.design-start article{flex-direction:column;min-width:0;display:flex}.design-start .design-section-copy{margin-bottom:32px}.design-start .design-placeholder{margin-top:auto}.device-hub-page .design-start .design-placeholder{flex-shrink:0;height:390px}.design-placeholder{background:var(--surface);border-radius:var(--radius);flex-direction:column;justify-content:center;min-width:0;height:360px;padding:30px;display:flex;position:relative;overflow:hidden}.placeholder-caption{color:#88888e;font-size:13px;position:absolute;top:25px;left:28px}.capture-flow{justify-content:center;align-items:center;gap:34px;padding-top:35px;display:flex}.capture-device{background:#f7f7f8;border:2px solid #d3d3d8;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:115px;height:210px;padding:22px 14px;display:flex}.capture-device>.icon{opacity:.15;margin:auto}.capture-flow>.icon{opacity:.3}.capture-device,.capture-canvas,.starting-template,.starting-blank{min-width:0}.capture-canvas{background:#f7f7f8;border:1px solid #d3d3d8;border-radius:12px;flex-direction:column;align-items:center;gap:14px;width:150px;height:235px;padding:22px 16px;display:flex}.capture-canvas>.icon{opacity:.15;margin:auto}.starting-points{justify-content:center;gap:25px;padding-top:35px;display:flex}.starting-template,.starting-blank{background:#f7f7f8;border:1px solid #d3d3d8;border-radius:13px;width:145px;height:220px}.starting-template{flex-direction:column;gap:12px;padding:25px 18px;display:flex}.starting-template .icon{opacity:.15;margin:auto}.starting-blank{border-style:dashed;place-items:center;display:grid}.starting-blank .icon{opacity:.2}.design-personality{grid-template-columns:1.25fr 1fr;align-items:center;gap:85px;display:grid}.design-personality-visual>.visual{height:490px}.design-personality .editor-sidebar{display:none}.design-personality .editor-screens .screen{max-height:200px}.design-story .section-heading h2,.design-next .section-heading h2{font-size:clamp(36px,3.5vw,50px)}.placeholder-story{height:390px;padding:60px 45px 35px}.story-screens{justify-content:center;gap:22px;display:flex}.story-screen{background:#f7f7f8;border:1px solid #d7d7dc;border-radius:14px;flex-direction:column;flex:1;gap:10px;min-width:0;max-width:190px;height:265px;padding:20px 16px;display:flex;position:relative}.story-screen>.icon{opacity:.14;width:42px;height:42px;margin:auto}.story-phone{border:2px solid #dcdcdf;border-bottom:0;border-radius:12px 12px 0 0;width:70%;height:90px;margin:0 auto}.design-export{grid-template-columns:1fr 1.15fr;align-items:center;gap:100px;display:grid}.design-native{margin-top:42px}.design-native h3{margin-bottom:12px;font-size:24px}.design-native p{max-width:430px;font-size:16px}.placeholder-export{height:440px}.export-preview{width:85%;margin:30px auto 0}.export-set{justify-content:center;gap:18px;display:flex}.export-set>div{background:#f7f7f8;border:1px solid #d3d3d8;border-radius:12px;flex:1;place-items:center;height:190px;display:grid}.export-set .icon{opacity:.15}.export-file{color:#85858b;background:#f9f9fa;border-radius:12px;align-items:center;gap:14px;max-width:220px;margin:24px auto 0;padding:15px 20px;font-size:13px;display:flex}.export-file .icon:last-child{margin-left:auto}.design-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.design-next-grid:has(>:nth-child(4)):not(:has(>:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}.publishing-next-grid>:last-child:nth-child(odd){grid-column:1/-1}.design-next-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;padding:22px;display:flex}.design-next-card:hover{background:#e9e9ec}.design-next-card>.visual{background:0 0;height:200px;padding:10px}.design-next-card h3{letter-spacing:-.025em;margin:24px 0 10px;font-size:20px}.design-next-card>p{margin-bottom:24px;font-size:15px;line-height:1.5}.design-next-link{align-items:center;gap:12px;margin-top:auto;font-size:14px;display:flex}.design-final{border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:45px;margin-bottom:100px;padding:60px;display:flex}.design-final h2{font-size:clamp(32px,3.3vw,48px)}.design-final>div>p{margin-top:20px;font-size:17px}.design-final-action{text-align:center;flex-shrink:0}.design-final-action .microcopy{margin-top:14px;font-size:12px}@media (width<=1100px){.design-hero-heading{grid-template-columns:1.1fr 1fr;gap:40px}.design-hero-copy>p:first-child{font-size:17px}.design-hero-demo .editor-main{gap:24px;padding:25px}.design-hero-demo .editor-fields{display:none}.design-start{gap:35px}.capture-flow{gap:16px}.design-personality,.design-export{gap:45px}.design-next-card{padding:18px}.design-next-card .publish-flow{gap:6px}.design-next-card .source-sizes{display:none}.design-final{padding:40px}}@media (width<=760px){.design-hero{padding-top:32px}.feature-breadcrumb{margin-bottom:24px;font-size:12px}.design-hero-heading{grid-template-columns:1fr;gap:24px}.design-hero h1{text-wrap:initial;max-width:570px;font-size:clamp(36px,7.8vw,48px);line-height:1.1}.design-hero-copy>p:first-child{max-width:520px;font-size:17px}.design-hero-copy .button{margin-top:22px}.design-hero-copy .microcopy{font-size:11px}.design-hero-demo{margin-top:35px}.design-hero-demo>.visual{height:280px;padding:18px}.design-hero-demo .window-top{margin-bottom:16px;font-size:12px}.design-hero-demo .editor-sidebar{display:none}.design-hero-demo .editor-main{padding:18px 12px}.design-hero-demo .editor-screens{gap:12px}.design-hero-demo .editor-screens .screen{max-width:95px;max-height:175px;padding:9px 6px}.design-hero-demo .screen>.icon{width:32px;height:32px}.design-hero-demo figcaption,.design-caption{margin-top:14px;font-size:11px;line-height:1.5}.design-section-copy h2{font-size:34px}.design-section-copy>p{margin-top:20px;font-size:17px}.design-start{grid-template-columns:1fr;gap:70px}.design-placeholder{height:300px;padding:24px}.placeholder-caption{font-size:11px;top:22px;left:22px}.capture-device{width:95px;height:175px}.capture-canvas{width:115px;height:195px}.capture-flow{gap:18px}.capture-flow>.icon{width:20px}.starting-points{gap:20px}.starting-template,.starting-blank{width:120px;height:185px}.design-personality,.design-export{grid-template-columns:1fr;gap:32px}.design-personality-visual{order:2}.design-personality-visual>.visual{height:330px;padding:20px}.design-personality .editor-fields{gap:8px;padding:12px}.design-personality .editor-fields .skeleton{height:6px}.design-story .section-heading h2,.design-next .section-heading h2{font-size:36px}.placeholder-story{height:auto;padding:60px 20px 25px}.story-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.story-screen{gap:6px;height:165px;padding:12px 8px}.story-screen:nth-child(n+4){display:none}.story-screen .skeleton{height:6px}.story-screen>.icon{width:26px;height:26px}.story-phone{height:58px}.design-native{margin-top:30px}.placeholder-export{height:340px}.export-preview{width:100%}.export-set{gap:12px}.export-set>div{height:140px}.export-set .icon{width:28px}.design-next-grid{grid-template-columns:1fr;gap:18px}.design-next-grid:has(>:nth-child(4)):not(:has(>:nth-child(5))){grid-template-columns:1fr}.device-hub-page .design-start .design-placeholder{height:300px}.design-next-card{padding:24px}.design-next-card>.visual{max-width:360px;height:190px;margin:auto}.design-next-card h3{margin-top:16px;font-size:21px}.design-final{flex-direction:column;align-items:flex-start;gap:28px;margin-bottom:70px;padding:32px 26px}.design-final h2{font-size:32px}.design-final>div>p{font-size:16px}.design-final-action{text-align:left;flex-shrink:1;width:100%}.design-final-action .microcopy{font-size:11px}}.feature-custom-media{object-fit:contain;width:100%;height:auto;display:block}