.page_page__G7oAK{width:100%;overflow-x:clip}.page_page__G7oAK *{box-sizing:border-box}.page_page__G7oAK h1,.page_page__G7oAK h2,.page_page__G7oAK h3,.page_page__G7oAK p{margin:0}.page_page__G7oAK h1,.page_page__G7oAK h2,.page_page__G7oAK h3{font-family:var(--font-display);color:var(--foreground)}.page_page__G7oAK h1{font-size:32px;font-weight:900;line-height:1.1;max-width:970px}.page_page__G7oAK h1,.page_page__G7oAK h2{letter-spacing:-.02em;text-align:center;margin:0 auto}.page_page__G7oAK h2{font-size:27px;font-weight:800;line-height:1.15;max-width:1000px}.page_page__G7oAK h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.025em}.page_page__G7oAK p{font-size:16px;line-height:24px;color:oklch(.985 0 0/.7);text-wrap:pretty}.page_page__G7oAK a,.page_page__G7oAK button,.page_page__G7oAK summary{touch-action:manipulation}.page_page__G7oAK a:focus-visible,.page_page__G7oAK button:focus-visible,.page_page__G7oAK summary:focus-visible{outline:3px solid var(--ring);outline-offset:5px}.page_page__G7oAK .section{border-top:1px solid oklch(1 0 0/.08)}.page_page__G7oAK .section-inner{margin:auto;padding:48px 16px;display:flex;flex-direction:column;gap:24px}.page_page__G7oAK .intro{max-width:900px;text-align:center;margin:0 auto}.page_page__G7oAK .eyebrow{align-self:center;font-size:14px;line-height:20px;padding:8px 10px;border:1px solid oklch(from var(--primary) l c h/.2);border-radius:999px;background:var(--surface-elevated);font-weight:500}.page_page__G7oAK #hero{border:0}.page_page__G7oAK .design-generator{scroll-margin-top:108px}.page_page__G7oAK .compare-grid,.page_page__G7oAK .example-grid,.page_page__G7oAK .further-grid,.page_page__G7oAK .motion-grid,.page_page__G7oAK .related-grid,.page_page__G7oAK .steps-grid,.page_page__G7oAK .style-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.page_page__G7oAK article{min-width:0}.page_page__G7oAK article p{margin-top:10px}.page_page__G7oAK .style-card h3{margin-top:20px}.page_page__G7oAK .media{position:relative;min-width:0;width:100%;border:1px solid oklch(from var(--primary) l c h/.22);border-radius:16px;background:var(--surface-elevated);display:flex;align-items:center;justify-content:center;color:oklch(.985 0 0/.35);overflow:hidden}.page_page__G7oAK .asset-id{font-size:13px;letter-spacing:.12em}.page_page__G7oAK .asset-meta{position:absolute;bottom:18px;font-size:11px;letter-spacing:.08em}.page_page__G7oAK .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.page_page__G7oAK .center{display:flex;justify-content:center}.page_page__G7oAK .cta{display:inline-flex;gap:20px;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;text-align:center;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-weight:600;font-size:16px;line-height:24px;box-shadow:0 3px 12px oklch(.66 .22 1.17/.3);transition:transform .3s ease-out,background .3s ease-out}.page_page__G7oAK .cta:hover{transform:translateY(-2px);background:oklch(from var(--primary) calc(l + .03) c h)}.page_page__G7oAK .cta span{flex-shrink:0}.page_page__G7oAK .direction-fields{display:grid;gap:14px;max-width:1000px;width:100%;margin:auto}.page_page__G7oAK .direction-field{padding:20px 24px;border:1px solid oklch(from var(--primary) l c h/.25);border-radius:16px;background:var(--surface-raised)}.page_page__G7oAK .direction-field p{margin-top:8px}.page_page__G7oAK .formula{max-width:1000px;margin:auto;width:100%;background:var(--surface-elevated);padding:24px;border-radius:16px;border:1px solid oklch(from var(--primary) l c h/.3)}.page_page__G7oAK .formula p{margin-top:12px}.page_page__G7oAK #character,.page_page__G7oAK #motion,.page_page__G7oAK #related{background:var(--surface-raised)}.page_page__G7oAK .compare-grid article,.page_page__G7oAK .motion-grid article{display:flex;flex-direction:column}.page_page__G7oAK .compare-grid .pair,.page_page__G7oAK .motion-grid .media{margin-top:24px}.page_page__G7oAK .compare-grid p,.page_page__G7oAK .motion-grid p{flex:1}.page_page__G7oAK .example-grid .media{margin-top:20px}.page_page__G7oAK .example-grid .pair .media{margin-top:0}.page_page__G7oAK .prompt-placeholder{border:1px dashed oklch(from var(--primary) l c h/.25);border-radius:12px;padding:16px;margin-top:20px;font-size:14px;color:oklch(.985 0 0/.45)}.page_page__G7oAK .further-grid article,.page_page__G7oAK .steps-grid article{border-top:1px solid oklch(from var(--primary) l c h/.3);padding-top:24px}.page_page__G7oAK .inline-link{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.page_page__G7oAK .related-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px 20px;align-content:start;border:1px solid oklch(from var(--primary) l c h/.25);background:var(--surface-elevated);border-radius:16px;padding:20px}.page_page__G7oAK .related-card img{width:84px;height:100px;object-fit:cover;border-radius:12px;grid-row:span 2}.page_page__G7oAK .related-title{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.4;display:flex;gap:12px;align-items:center}.page_page__G7oAK .related-card p{font-size:16px;line-height:24px;margin:0}.page_page__G7oAK .faq-list{max-width:1000px;margin:auto;width:100%;display:grid;gap:12px}.page_page__G7oAK details{background:var(--surface-elevated);border:1px solid oklch(from var(--primary) l c h/.25);border-radius:16px;padding:18px 24px}.page_page__G7oAK summary{position:relative;cursor:pointer;list-style:none;padding-right:28px;font-size:18px;font-weight:600;color:var(--foreground)}.page_page__G7oAK summary:after{content:"+";position:absolute;right:0;color:var(--primary)}.page_page__G7oAK details[open] summary:after{content:"−"}.page_page__G7oAK details p{margin-top:14px}.page_page__G7oAK #final{background:oklch(.17 .03 350)}.page_page__G7oAK .secondary-links{display:grid;gap:16px;border:1px solid oklch(from var(--primary) l c h/.25);background:var(--surface-elevated);padding:24px;border-radius:20px;margin-top:16px}.page_page__G7oAK .secondary-link{display:flex;gap:20px;align-items:center;border:1px solid oklch(from var(--primary) l c h/.2);border-radius:16px;padding:16px;background:var(--background);font-size:18px;font-weight:600;color:var(--foreground);transition:border-color .3s}.page_page__G7oAK .secondary-link:hover{border-color:var(--primary)}.page_page__G7oAK .secondary-link img{width:72px;height:72px;border-radius:12px;object-fit:cover}.page_page__G7oAK .secondary-link span{flex:1}.page_page__G7oAK .secondary-link b{color:var(--primary)}.page_page__G7oAK #mobile-menu,.page_page__G7oAK #more-menu{position:absolute;top:100%;padding:16px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px}.page_page__G7oAK #more-menu{left:350px}.page_page__G7oAK #mobile-menu a,.page_page__G7oAK #more-menu a{display:block;padding:12px;color:var(--foreground)}.page_page__G7oAK #mobile-trigger,.page_page__G7oAK [hidden]{display:none}.page_page__G7oAK #mobile-menu{right:16px}.page_page__G7oAK #hero .intro+.intro{margin-top:-12px}.page_page__G7oAK footer{margin-top:0}.page_page__G7oAK .shared-spacer{height:80px}@media (min-width:640px){.page_page__G7oAK .section-inner{padding-top:64px;padding-bottom:64px;gap:32px}.page_page__G7oAK .further-grid,.page_page__G7oAK .motion-grid,.page_page__G7oAK .related-grid,.page_page__G7oAK .secondary-links,.page_page__G7oAK .style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.page_page__G7oAK .section-inner{padding-left:24px;padding-right:24px}.page_page__G7oAK h1{font-size:34px}.page_page__G7oAK h2{font-size:30px}.page_page__G7oAK h3{font-size:22px}.page_page__G7oAK .direction-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.page_page__G7oAK .direction-field:last-child{grid-column:1/-1}}@media (min-width:1024px){.page_page__G7oAK .section-inner{padding-top:80px;padding-bottom:80px;gap:40px}.page_page__G7oAK .compare-grid,.page_page__G7oAK .example-grid,.page_page__G7oAK .related-grid,.page_page__G7oAK .steps-grid,.page_page__G7oAK .style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page_page__G7oAK .further-grid,.page_page__G7oAK .motion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page_page__G7oAK .motion-grid h3{min-height:2.8em}.page_page__G7oAK .secondary-links{grid-template-columns:repeat(3,minmax(0,1fr))}.page_page__G7oAK .secondary-link{gap:14px}.page_page__G7oAK .secondary-link img{width:64px;height:80px}}@media (min-width:1280px){.page_page__G7oAK h1{font-size:44px}.page_page__G7oAK h2{font-size:38px}.page_page__G7oAK h3{font-size:27px}.page_page__G7oAK p{font-size:18px;line-height:28px}.page_page__G7oAK .section-inner{padding-left:32px;padding-right:32px}.page_page__G7oAK .related-card{grid-template-columns:72px minmax(0,1fr);padding:20px 16px;gap:12px}.page_page__G7oAK .related-card img{width:72px}.page_page__G7oAK .related-title{font-size:22px}}@media (max-width:1023px){.page_page__G7oAK .shared-spacer{height:48px}.page_page__G7oAK #mobile-trigger{display:block;position:absolute;right:16px;top:8px;color:var(--foreground);background:var(--surface-raised);width:40px;height:32px}.page_page__G7oAK header .flex.flex-1{visibility:hidden}.page_page__G7oAK .secondary-link{min-height:104px}}@media (prefers-reduced-motion:reduce){.page_page__G7oAK *,.page_page__G7oAK :after,.page_page__G7oAK :before{transition:none;animation:none}.page_page__G7oAK .cta:hover{transform:none}}.page_page__G7oAK .related-card img{height:auto;aspect-ratio:3/4;align-self:start}.page_page__G7oAK .secondary-link img{height:auto;aspect-ratio:3/4;flex-shrink:0}.page_page__G7oAK .example-grid>article{display:grid;grid-template-rows:auto auto auto auto;gap:16px;align-content:start}.page_page__G7oAK .example-grid .media,.page_page__G7oAK .example-grid .pair,.page_page__G7oAK .example-grid .prompt-placeholder,.page_page__G7oAK .example-grid>article>p{margin-top:0}.page_page__G7oAK .example-grid>article>.pair{aspect-ratio:3/4;align-items:center;align-self:start;background:var(--surface-elevated);border-radius:16px;padding:12px;border:1px solid oklch(from var(--primary) l c h/.22)}.page_page__G7oAK .example-description-spacer{display:none}@media (min-width:640px){.page_page__G7oAK .style-grid>article{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:12px}.page_page__G7oAK .style-grid .style-card h3,.page_page__G7oAK .style-grid .style-card p{margin:0}.page_page__G7oAK .motion-grid>article{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:16px}.page_page__G7oAK .motion-grid>article>h3{min-height:0}.page_page__G7oAK .motion-grid .media,.page_page__G7oAK .motion-grid>article>p{margin:0}}@media (min-width:1024px){.page_page__G7oAK .example-grid>article{grid-template-rows:subgrid;grid-row:span 4;row-gap:16px}.page_page__G7oAK .example-description-spacer{display:block}}.page_page__G7oAK .section-inner{width:100%;max-width:1280px;padding-left:16px;padding-right:16px}.page_page__G7oAK .direction-fields,.page_page__G7oAK .faq-list,.page_page__G7oAK .formula,.page_page__G7oAK .section-inner>.intro,.page_page__G7oAK .section-inner>h1,.page_page__G7oAK .section-inner>h2{width:100%;max-width:none}@media (min-width:640px){.page_page__G7oAK .section-inner{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.page_page__G7oAK .section-inner{padding-left:32px;padding-right:32px}}.page_page__G7oAK .media>img,.page_page__G7oAK .media>video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.page_page__G7oAK .media>video{background:var(--surface-elevated)}.page_page__G7oAK
.example-grid>article{grid-template-rows:auto auto;grid-row:auto;row-gap:16px}.page_page__G7oAK .example-grid .media{margin-top:0}