.feature-explorer{border-block:1px solid var(--line);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);padding-block:clamp(24px,4vw,48px);display:grid}.feature-explorer-nav{border-top:1px solid var(--line);flex-direction:column;align-self:start;display:flex}.feature-explorer-nav button{border:0;border-bottom:1px solid var(--line);min-height:56px;color:var(--text-body);text-align:left;font:inherit;cursor:pointer;background:0 0;grid-template-columns:2rem minmax(0,1fr) 1rem;align-items:center;gap:10px;padding:10px 4px;display:grid}.feature-explorer-nav button[aria-pressed=true]{color:var(--text);font-weight:650}.feature-explorer-nav button[aria-pressed=true] .feature-explorer-number{color:var(--primary)}.feature-explorer-nav button svg{opacity:0;width:15px;height:15px;transition:opacity .14s}.feature-explorer-nav button[aria-pressed=true] svg,.feature-explorer-nav button:hover svg,.feature-explorer-nav button:focus-visible svg{opacity:1}.feature-explorer-nav button:focus-visible,.marketing-detail-related a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.feature-explorer-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.feature-explorer-copy{align-content:start;gap:24px;min-width:0;display:grid}.feature-selected-description h3,.feature-copy-section h3,.feature-ai-details h3{color:var(--text);letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(20px,2vw,26px);line-height:1.2}.feature-selected-description p,.feature-copy-section p{color:var(--text-body);line-height:1.65}.feature-selected-description ul,.feature-copy-section ul,.feature-ai-details ul{color:var(--text-body);margin:12px 0 0;padding-inline-start:20px;line-height:1.6;list-style:outside}.feature-selected-description li+li,.feature-copy-section li+li,.feature-ai-details li+li{margin-top:4px}.feature-selected-description[hidden]{display:none}.feature-explorer-nav button[id],.feature-copy-section[id],.feature-ai-details[id]{scroll-margin-top:100px}.feature-chapter-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 24px;display:flex}.feature-chapter-nav a{min-height:48px;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:5px;align-items:center;font-weight:600;display:inline-flex}.feature-chapter-nav a:focus-visible,.feature-report-image a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.feature-chapter{border-bottom:1px solid var(--line);gap:clamp(20px,3vw,36px);padding-block:clamp(28px,4vw,48px);scroll-margin-top:100px;display:grid}.feature-chapter-heading h2{letter-spacing:-.035em;max-width:24ch;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.1}.feature-chapter-heading p{max-width:66ch;color:var(--text-body);line-height:1.65}.feature-supporting-notes{max-width:72ch}.feature-ai-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start;gap:28px clamp(28px,5vw,64px);display:grid}.feature-ai-support{gap:12px;display:grid}.feature-ai-details{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:14px 16px}.feature-ai-details summary{min-height:44px;color:var(--text);cursor:pointer;font-size:18px;font-weight:650}.feature-ai-details summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.feature-ai-details>p{color:var(--text-body);margin-top:12px;line-height:1.65}.feature-report-image{max-width:1040px;margin:0 auto}.feature-report-image img{aspect-ratio:16/9;object-fit:cover;object-position:center 43%;border:1px solid var(--line);border-radius:8px;width:100%;height:auto;max-height:560px;display:block}.feature-report-image figcaption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:14px}.feature-report-support{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.feature-demo-frame{border:1px solid var(--line);background:var(--card);border-radius:8px;min-width:0;padding:clamp(12px,2vw,24px);overflow:hidden}.feature-demo-loading{background:var(--surface-muted);min-height:360px}@layer base{.feature-demo-frame .marketing-app-demo-view [class*="dark:!text-white"]{color:var(--foreground)!important}}.feature-demo-frame .marketing-app-demo-view .text-muted-foreground\/70{color:#52525b!important}.feature-demo-frame .marketing-app-demo-view h3:has(button){grid-template-columns:minmax(0,1fr) 2.75rem}.feature-demo-frame .marketing-app-demo-view button:has(svg.lucide-info){display:none}.ai-writing-preview{border:1px solid var(--line);background:var(--card);border-radius:8px;margin-top:24px;padding:clamp(16px,2vw,24px)}.ai-writing-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.ai-preview-label{color:var(--text-muted);margin:0 0 6px;font-size:13px;font-weight:600}.ai-writing-preview h4{letter-spacing:-.02em;margin:0;font-size:20px}.ai-writing-preview label,.ai-preview-suggestion strong{margin-bottom:6px;font-size:13px;font-weight:650;display:block}.ai-writing-preview textarea{border:1px solid var(--line-strong);background:var(--background);width:100%;min-height:96px;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:10px 12px;font-size:16px;line-height:1.5;display:block}.ai-preview-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ai-preview-reset{min-height:44px}.ai-writing-preview button:focus-visible,.ai-writing-preview textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ai-preview-suggestion{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.ai-preview-suggestion p,.ai-preview-local-status{color:var(--text-body);margin:0;line-height:1.6}.ai-preview-local-status{margin-top:12px;font-size:14px}.marketing-detail-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(28px,5vw,64px);display:grid}.marketing-detail-hero-copy h1{letter-spacing:-.045em;max-width:16ch;margin:0;font-size:clamp(36px,5vw,60px);line-height:1.04}.marketing-detail-hero-copy>p{max-width:54ch;color:var(--text-body);line-height:1.65}.marketing-detail-hero img,.marketing-detail-section img{aspect-ratio:1.5;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.marketing-detail-sections{gap:clamp(32px,6vw,72px);display:grid}.marketing-detail-section.has-image{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.marketing-detail-section.has-image:nth-child(2n) img{order:2}.marketing-detail-proof{max-width:1000px;margin:0 auto}.marketing-detail-proof img{aspect-ratio:16/10;object-fit:cover;object-position:center 8%;border:1px solid var(--line);border-radius:8px;width:100%;max-height:720px;display:block}.marketing-detail-proof figcaption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:14px}.marketing-detail-section h2{letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,34px)}.marketing-detail-section p{color:var(--text-body);line-height:1.7}.marketing-detail-faq{max-width:780px;margin-inline:auto}.marketing-detail-faq h2,.marketing-detail-related h2{letter-spacing:-.03em;font-size:clamp(24px,3vw,32px)}.marketing-detail-faq details{border-top:1px solid var(--line);padding-block:16px}.marketing-detail-faq details:last-child{border-bottom:1px solid var(--line)}.marketing-detail-faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.marketing-detail-faq p{max-width:68ch;color:var(--text-body);line-height:1.65}.marketing-detail-related{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.marketing-detail-related h2{width:100%;margin-bottom:0}.marketing-detail-related a{min-height:44px;color:var(--text);text-underline-offset:4px;align-items:center;gap:6px;padding-block:8px;text-decoration:underline;display:inline-flex}.marketing-detail-related a svg{width:14px;height:14px}@media (width<=760px){.feature-explorer,.feature-explorer-copy,.feature-ai-layout,.feature-report-support,.marketing-detail-hero,.marketing-detail-section.has-image{grid-template-columns:minmax(0,1fr)}.feature-explorer{gap:20px}.feature-demo-loading{min-height:260px}.feature-report-image img{aspect-ratio:4/3;object-position:center 43%}.feature-report-support .feature-copy-section+.feature-copy-section{border-top:1px solid var(--line);padding-top:20px}.marketing-detail-section.has-image:nth-child(2n) img{order:0}}@media (prefers-reduced-motion:reduce){.feature-explorer-nav button svg{transition:none}}