.studio-site.feature-site{--fp-surface: #fffdf6;--fp-surface-line: #22241f14}.studio-site.feature-site.theme-dark{--fp-surface: #202a1c;--fp-surface-line: #415137}.feature-site .fp-crumbs{padding-block:20px 0;font:var(--text-caption) var(--mono);letter-spacing:.035em;color:var(--muted)}.feature-site .fp-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.feature-site .fp-crumbs li+li:before{content:"/";margin-right:8px;opacity:.6}.feature-site .fp-crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}.feature-site .fp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;padding-block:clamp(36px,6vw,80px) 0}.feature-site .fp-hero--text{grid-template-columns:minmax(0,1fr)}.feature-site .fp-hero--text .fp-hero-copy{max-width:980px}.feature-site .fp-hero h1{margin:22px 0 18px;font-size:var(--text-section);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.feature-site .fp-intro{max-width:60ch;margin:0;color:var(--muted);font-size:var(--text-body)}.feature-site .fp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:30px}.feature-site .fp-hero-media{justify-self:center;width:100%;max-width:420px}.feature-site .fp-media{display:block;width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:22px;background:#181b14}.feature-site .fp-media--image{aspect-ratio:auto;height:auto}.feature-site .fp-section{padding-block:clamp(48px,7vw,96px) 0}.feature-site .fp-section h2{margin:0 0 28px;font-size:var(--text-card);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.feature-site .fp-section p{color:var(--muted)}.feature-site .fp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature-site .fp-card{padding:26px;border:1px solid var(--fp-surface-line);border-radius:18px;background:var(--fp-surface)}.feature-site .fp-card h3,.feature-site .fp-steps h3{margin:0 0 10px;font-size:var(--text-lead);letter-spacing:-.02em}.feature-site .fp-card p,.feature-site .fp-steps p{margin:0}.feature-site .fp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.feature-site .fp-steps li{padding-top:18px;border-top:1px solid var(--line)}.feature-site .fp-step-n{display:block;margin-bottom:12px;font:var(--text-caption) var(--mono);color:var(--muted)}.feature-site .fp-examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.feature-site .fp-examples figure{margin:0}.feature-site .fp-examples figcaption{margin-top:10px;font:var(--text-caption) var(--mono);color:var(--muted)}.feature-site .fp-cost p{max-width:70ch}.feature-site .fp-faq-item{padding:18px 0;border-top:1px solid var(--line)}.feature-site .fp-faq-item:last-of-type{border-bottom:1px solid var(--line)}.feature-site .fp-faq-item summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}.feature-site .fp-faq-item summary::-webkit-details-marker{display:none}.feature-site .fp-faq-item summary h3{margin:0;font-size:var(--text-lead);letter-spacing:-.02em}.feature-site .fp-faq-item summary:after{content:"+";font:var(--text-lead) var(--mono)}.feature-site .fp-faq-item[open] summary:after{content:"–"}.feature-site .fp-faq-item p{max-width:72ch;margin:12px 0 0}.feature-site .fp-related ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:0 0 clamp(48px,7vw,96px);padding:0;list-style:none}.feature-site .fp-related a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px;border:1px solid var(--fp-surface-line);border-radius:18px;background:var(--fp-surface);color:inherit;text-decoration:none}.feature-site .fp-related a:is(:hover,:focus-visible){border-color:#6c893b}.feature-site .fp-related span,.feature-site .fp-related small{color:var(--muted)}.feature-site .fp-hub-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:clamp(48px,7vw,96px)}@media (max-width: 820px){.feature-site .fp-hero{grid-template-columns:minmax(0,1fr)}.feature-site .fp-hero-media{max-width:360px}.feature-site .fp-steps{grid-template-columns:minmax(0,1fr)}}.feature-site .fp-disclosure{color:var(--color-text-muted);font-size:var(--type-small);line-height:1.7;margin-top:16px}