[data-hero-media]{position:relative}.generation-media-stage{aspect-ratio:3/2;color:#fff;background:#151515;border-radius:20px;position:absolute;inset:0 0 auto;overflow:hidden}.generation-loading{background:#0e0e0ef7;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.generation-spinner{width:40px;height:40px;animation:1.2s linear infinite generation-spin}.generation-meter{background:#333;border-radius:999px;width:min(320px,85%);height:5px;overflow:hidden}.generation-meter>span{transform-origin:0;background:#09f;width:100%;height:100%;transition:transform .3s linear;display:block;transform:scaleX(0)}.generation-percent{font-variant-numeric:tabular-nums;color:#aaa;font-size:14px}.generation-result-media{object-fit:contain;background:#151515;width:100%;height:100%}.generation-result-controls{flex-wrap:wrap;align-items:center;gap:16px;padding-top:16px;display:flex;position:relative}.generation-result-controls button{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:999px;padding:12px 20px}.generation-result-controls button:hover{background:#333}.generation-result-controls button:disabled{opacity:.6;cursor:wait}.generation-result-controls a{color:#fff;text-underline-offset:4px;font-size:14px;text-decoration:underline}.generation-result-controls p{color:#fca5a5;font-size:14px}.generation-result-controls :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #09f}.generation-media-stage[hidden],.generation-result-controls[hidden],.generation-loading[hidden],.generation-result-media[hidden]{display:none}.generation-button-spinner{width:18px;height:18px;animation:1s linear infinite generation-spin}@keyframes generation-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.generation-spinner,.generation-button-spinner{animation:none}.generation-meter>span{transition:none}}#home-content{--home-title-ink:#fafbff;--home-heading-ink:#e9edf5;--home-item-ink:#dbe3ef;--home-body-ink:#b3bac6;--home-description-ink:#c7ceda;--home-label-ink:#8cc7f5}#home-content section#hero h1{letter-spacing:-.04em;color:var(--home-title-ink);font-size:60px;font-weight:650;line-height:1.08}#home-content .below-fold-content .home-h2{letter-spacing:-.03em;color:var(--home-heading-ink);max-width:29ch;font-size:44px;font-weight:600;line-height:1.18}#home-content .below-fold-content #final-cta .home-h2{text-align:center;margin-inline:auto}#home-content .below-fold-content .home-h3{letter-spacing:-.02em;color:var(--home-item-ink);font-size:28px;font-weight:550;line-height:1.28}#home-content .below-fold-content .home-copy{font-size:var(--home-body-size,19px);color:var(--home-body-ink);line-height:1.75}#home-content .below-fold-content .description,#home-content #hero .hero-message .subtitle{font-size:var(--home-subtitle-size,21px);color:var(--home-description-ink);max-width:65ch;line-height:1.65}#home-content .below-fold-content .label,#home-content #hero .hero-message .eyebrow{font-size:var(--home-ui-size,13px);letter-spacing:.08em;color:var(--home-label-ink);font-weight:600;line-height:1.5}#home-content #key-features .description{margin-bottom:64px}#home-content #key-features .feature-row,#home-content #key-features .feature-support .feature-item{border-bottom:1px solid #ffffff14;grid-row:auto;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;margin:0;padding:76px 0;display:grid}#home-content #key-features .feature-row:first-of-type{padding-top:0}#home-content #key-features .feature-support{display:contents}#home-content #key-features .feature-support .feature-item:last-child{border-bottom:0;padding-bottom:0}#home-content #key-features .feature-row .home-copy,#home-content #key-features .feature-item .home-copy{max-width:48ch;margin-bottom:0}#home-content #key-features .home-media{justify-self:center;width:100%;max-width:560px}#home-content #key-features .feature-support .home-artwork{margin:0}#home-content .faq summary .home-h3{font-size:23px;line-height:1.4}#home-content .steps{gap:40px}#home-content .steps .home-h3{font-size:26px}#home-content #pricing .pricing-grid{gap:24px;padding-top:20px;overflow:visible}#home-content #pricing .pricing-plan{border:1px solid var(--border);background:var(--card);box-shadow:none;border-radius:20px;padding:30px;position:relative}#home-content #pricing .pricing-plan:nth-child(2){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--card));box-shadow:0 0 0 1px var(--primary)}#home-content #pricing .pricing-plan-title{color:var(--foreground);font-size:25px;line-height:1.3}#home-content #pricing .pricing-price{font-size:58px;line-height:1.1}#home-content #pricing .pricing-plan li span{font-size:var(--home-ui-size,17px);line-height:1.55}#home-content #pricing .pricing-plan button{min-height:48px;color:var(--foreground);border:1px solid var(--border);background:0 0;font-size:16px;line-height:1.4}#home-content #pricing .pricing-plan:nth-child(2) button{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}#home-content #pricing .pricing-plan button:not(:disabled):hover{filter:brightness(1.12)}#home-content #pricing .pricing-popular-badge{z-index:1;background:var(--primary);color:var(--primary-foreground);font-size:var(--home-ui-size,13px);white-space:nowrap;border-radius:999px;padding:7px 16px;font-weight:600;line-height:1.4;position:absolute;inset:0 auto auto 50%;transform:translate(-50%,-50%)}#home-content #pricing .pricing-projection{margin-top:28px}@media (max-width:1023px){#home-content #key-features .feature-row,#home-content #key-features .feature-support .feature-item{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:52px}#home-content #key-features .feature-row .home-copy,#home-content #key-features .feature-item .home-copy{max-width:62ch}#home-content #key-features .home-media{justify-self:start;max-width:610px}}@media (max-width:767px){#home-content section#hero h1{font-size:38px;line-height:1.12}#home-content .below-fold-content .home-h2{font-size:32px;line-height:1.2}#home-content .below-fold-content .home-h3,#home-content .steps .home-h3{font-size:24px;line-height:1.3}#home-content .below-fold-content .home-copy{font-size:18px;line-height:1.7}#home-content .below-fold-content .description,#home-content #hero .hero-message .subtitle{font-size:20px;line-height:1.6}#home-content .below-fold-content .label{font-size:13px}#home-content #key-features .description{margin-bottom:40px}#home-content .faq summary .home-h3{font-size:22px}#home-content .steps{gap:40px}#home-content #pricing .pricing-grid{gap:36px}#home-content #pricing .pricing-plan{padding:26px}#home-content #pricing .pricing-price{font-size:52px}}#home-content #use-cases .cases{flex-direction:column;gap:0;display:flex}#home-content #use-cases .cases article{border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;padding:56px 0;display:grid}#home-content #use-cases .cases article:first-child{padding-top:0}#home-content #use-cases .cases article:last-child{border-bottom:0;padding-bottom:0}#home-content #use-cases .home-media{place-items:center;min-width:0;display:grid}#home-content #use-cases .home-artwork{width:auto;max-width:100%;max-height:380px;margin:0}#home-content #use-cases .case-copy .home-copy{max-width:52ch;margin-bottom:0}@media (max-width:1023px){#home-content #use-cases .cases article{gap:36px}}@media (max-width:767px){#home-content #use-cases .cases article{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:44px}#home-content #use-cases .home-media{justify-items:start}#home-content #use-cases .home-artwork{max-height:360px}}@media (min-width:1024px){#home-content{--home-subtitle-size:20px;--home-body-size:16px;--home-ui-size:16px}#home-content #final-cta>p.home-copy:not(.label):not(.primary-cta){font-size:var(--home-subtitle-size)}#home-content .portrait-editor,#home-content .portrait-editor :is(.text-sm,.text-xs,label,textarea,button,input,[role=combobox]),#home-content .generation-loading p,#home-content .generation-percent{font-size:var(--home-ui-size)}.portrait-desktop-options [role=option]{font-size:16px}}#home-content{color:#fafafa;background:#090a0b}#home-content .section{max-width:1280px;margin-inline:auto;padding:90px 40px}#home-content .home-copy{color:#adb1b7;max-width:68ch;margin:0 0 20px;font-size:17px;line-height:1.65}#home-content .home-h2{letter-spacing:-.025em;margin:16px 0 24px;font-size:40px;font-weight:500;line-height:1.15}#home-content .home-h3{margin:0 0 14px;font-size:24px;font-weight:500;line-height:1.25}#home-content .label,#home-content .eyebrow{margin:0 0 16px;font-size:14px}#home-content .section a{color:#fafafa}#home-content .primary-cta{margin:26px 0 0}#home-content .primary-cta a{color:#090a0b;background:#fafafa;border-radius:30px;justify-content:center;align-items:center;min-height:52px;padding:12px 22px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex}#home-content .primary-cta a:hover{background:#dedfe1}#home-content .primary-cta a:active{transform:translateY(1px)}#home-content .section a:focus-visible,#home-content summary:focus-visible{outline-offset:5px;outline:2px solid #09f}#home-content #hero{padding-top:64px;padding-bottom:80px;display:block}#home-content #hero h1{letter-spacing:-.03em;margin:14px 0 24px;font-size:56px;font-weight:600;line-height:1.1}#home-content #hero .hero-message{text-align:center;min-width:0;max-width:920px;margin:0 auto 48px}#home-content #hero .hero-message .home-copy{margin-left:auto;margin-right:auto}#home-content #hero .hero-message .subtitle{max-width:76ch}#home-content #hero .hero-workspace{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;gap:48px;display:grid}#home-content #hero .hero-workspace>astro-island{width:100%;min-width:0}#home-content #hero .hero-media{align-self:start;width:100%;min-width:0;margin:0}#home-content .home-media{min-width:0;margin:0}#home-content .home-artwork{border-radius:12px;width:100%;max-width:100%;height:auto;margin:0;display:block}#home-content .definition{grid-template-columns:1fr 1.25fr;gap:64px;display:grid}#home-content .feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin:64px 0;display:grid}#home-content .feature-support{grid-template-columns:1fr 1fr;gap:56px;margin-top:56px;display:grid}#home-content .feature-support article{grid-template-rows:auto auto;align-content:start;gap:24px;min-width:0;display:grid}@supports (grid-template-rows:subgrid){#home-content .feature-support{grid-template-rows:auto auto}#home-content .feature-support article{grid-row:span 2;grid-template-rows:subgrid}}#home-content .steps,#home-content .cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px;display:grid}#home-content .steps{padding:0;list-style:none}#home-content .cases article{min-width:0}#home-content .cases .home-artwork{max-width:380px;margin:0 auto 28px}#home-content .faq details{border-top:1px solid #363a3e;padding:8px 0 20px}#home-content .faq summary{cursor:pointer;min-height:48px;padding:14px 0}#home-content .faq summary .home-h3{font-size:20px;display:inline}#home-content .faq details .home-copy{margin-top:16px}#home-content .final-cta{text-align:center;padding-bottom:110px}#home-content .final-cta .home-copy{margin-left:auto;margin-right:auto}@media (max-width:1023px){#home-content .section{padding:64px 24px}#home-content #hero{padding-top:48px;padding-bottom:64px}#home-content #hero .hero-message{margin-bottom:32px}#home-content #hero .hero-workspace{grid-template-columns:1fr;gap:32px;max-width:610px;margin-inline:auto}#home-content #hero .hero-media{width:100%;margin:0}#home-content #hero h1{font-size:36px;line-height:1.15}#home-content .home-h2{font-size:30px;line-height:1.2}#home-content .feature-row,#home-content .feature-support,#home-content .steps,#home-content .cases{grid-template-columns:1fr;gap:32px}#home-content .feature-row{margin:48px 0}#home-content .feature-support article{grid-row:auto;display:block}#home-content .feature-support .home-artwork{margin-top:24px}#home-content .cases{gap:56px}#home-content .definition{gap:32px}}@media (max-width:767px){#home-content .definition{grid-template-columns:1fr}#home-content .primary-cta a{padding-inline:18px}}@media (prefers-reduced-motion:reduce){#home-content .primary-cta a{transition:none}}
