.hero{position:relative;padding-block:clamp(var(--space-2xl),7vw,6rem) clamp(var(--space-2xl),7vw,5rem)}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(var(--space-xl),5vw,5rem);align-items:center}@media(max-width:900px){.hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-2xl)}}.hero h1{margin-bottom:var(--space-lg)}.hero__accent{background:radial-gradient(circle at 0% 50%,#b1ddc7,#eae4dc 55%,#b1ddc7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.hero__note{margin-top:var(--space-md);font-size:var(--type-caption);color:var(--text-tertiary)}.hero__proof{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.frame{position:relative;aspect-ratio:1244 / 1660;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-strong);background:var(--container)}.frame img,.frame video{width:100%;height:100%;object-fit:cover}.frame__label{position:absolute;top:var(--space-md);left:var(--space-md);z-index:2}.demo{position:relative}.demo__layout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(var(--space-xl),5vw,4.5rem);align-items:center;margin-top:var(--space-2xl)}@media(max-width:860px){.demo__layout{grid-template-columns:minmax(0,1fr);justify-items:center}.demo__stage{width:min(100%,360px)}.demo__controls{width:100%;max-width:480px}}.demo__stage{position:relative;aspect-ratio:1244 / 1660;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-strong);background:var(--container)}.demo__stage img,.demo__stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo__result{opacity:0;transition:opacity var(--duration) var(--ease-out)}.demo__stage[data-phase=result] .demo__result{opacity:1}.demo__sweep{position:absolute;left:0;right:0;height:45%;background:linear-gradient(180deg,#b1ddc700,#b1ddc78c,#b1ddc700);opacity:0;pointer-events:none;z-index:3}.demo__stage[data-phase=generating] .demo__sweep{animation:sweep 1.05s var(--ease-out) forwards}@keyframes sweep{0%{transform:translateY(-45%);opacity:0}18%{opacity:1}82%{opacity:1}to{transform:translateY(100%);opacity:0}}.demo__badge{position:absolute;top:var(--space-md);left:var(--space-md);z-index:4;transition:opacity var(--duration-fast) var(--ease-out)}.demo__stage[data-phase=generating] .demo__badge{opacity:0}.demo__controls h3{margin-bottom:var(--space-sm)}.demo__presets{display:grid;gap:10px;margin:var(--space-lg) 0 var(--space-md)}.preset{position:relative}.preset input{position:absolute;opacity:0;width:1px;height:1px}.preset label{display:flex;align-items:center;gap:var(--space-md);padding:12px var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--container);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.preset label:hover{border-color:var(--border-strong)}.preset input:checked+label{border-color:var(--accent);background:var(--accent-trace)}.preset input:focus-visible+label{outline:2px solid var(--accent);outline-offset:3px}.preset__thumb{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;flex:none;border:1px solid var(--border)}.preset__copy{display:grid;gap:2px;min-width:0}.preset__name{font-family:var(--font-brand);font-weight:700;font-size:var(--type-body);letter-spacing:var(--tracking-title)}.preset__note{font-size:var(--type-caption);color:var(--text-secondary)}.demo__disclosure{font-size:var(--type-caption);color:var(--text-tertiary);margin-top:var(--space-md);max-width:46ch}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl);counter-reset:step}.step{position:relative;padding-top:var(--space-lg);border-top:1px solid var(--border)}.step:before{counter-increment:step;content:counter(step);font-family:var(--font-brand);font-weight:800;font-size:var(--type-caption);color:var(--accent);display:block;margin-bottom:var(--space-sm)}.step h3{font-size:var(--type-subtitle);margin-bottom:var(--space-sm)}.step p{color:var(--text-secondary);font-size:var(--type-caption);line-height:1.6}.band{background:var(--container);border-block:1px solid var(--border)}.band__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(var(--space-xl),5vw,4rem);align-items:center}@media(max-width:860px){.band__inner{grid-template-columns:minmax(0,1fr);justify-items:center}}.band__inner .frame{width:min(100%,340px);justify-self:center}.band__points{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:grid;gap:var(--space-md)}.band__points li{display:flex;gap:var(--space-md);align-items:flex-start;color:var(--text-secondary)}.band__points li:before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:9px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-2xl)}@media(max-width:720px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery>:last-child{display:none}}.gallery figure{margin:0}.gallery figcaption{margin-top:10px;font-size:var(--type-caption);color:var(--text-secondary)}.gallery figcaption strong{display:block;color:var(--text-primary);font-family:var(--font-brand);font-weight:700}.faq{max-width:var(--measure-text);margin-top:var(--space-2xl)}.faq details{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;list-style:none;padding-block:var(--space-lg);font-family:var(--font-brand);font-weight:700;font-size:var(--type-subtitle);letter-spacing:var(--tracking-title);display:flex;justify-content:space-between;gap:var(--space-md);align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:rotate(45deg);transition:transform var(--duration-fast) var(--ease-out)}.faq details[open] summary:after{transform:rotate(-135deg)}.faq p{color:var(--text-secondary);padding-bottom:var(--space-lg);max-width:62ch}.cta{text-align:center;padding-block:clamp(var(--space-2xl),9vw,8rem)}.cta h2{margin-bottom:var(--space-md)}.cta .lede{margin-inline:auto;margin-bottom:var(--space-xl)}.cta__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-md)}