.is-hidden{display:none}.homepage{width:100%;max-width:68rem;padding:var(--space-xl) var(--space-md) var(--space-3xl);gap:var(--space-3xl);flex-direction:column;margin:0 auto;display:flex}.homepage-hero{text-align:center;width:100%;max-width:44rem;margin:0 auto}.homepage-hero__eyebrow{font-size:var(--font-size-label);letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary-muted);margin:0 0 var(--space-sm)}.homepage-hero__title{font-family:var(--font-display);margin:0 0 var(--space-md);font-size:clamp(2rem,6vw,3.25rem);line-height:1.1}.homepage-hero__lead{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 auto var(--space-lg);max-width:38rem;line-height:1.6}.homepage-hero__cta{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.homepage-hero__note{margin:var(--space-sm) 0 0;font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}.homepage-hero__media{margin:var(--space-lg) 0 0}.homepage-hero__scroll{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-label);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;text-decoration:none;display:inline-flex}.homepage-hero__scroll:hover{color:var(--color-primary)}.homepage-hero__scroll-arrow{border-right:var(--border-sm) solid currentColor;border-bottom:var(--border-sm) solid currentColor;width:.7rem;height:.7rem;animation:1.8s ease-in-out infinite homepage-hero-bounce;transform:rotate(45deg)}@keyframes homepage-hero-bounce{0%,to{transform:rotate(45deg)translate(0)}50%{transform:rotate(45deg)translate(.15rem,.15rem)}}@media (prefers-reduced-motion:reduce){.homepage-hero__scroll-arrow{animation:none}}.homepage-link{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.homepage-link:hover{text-decoration:underline}.homepage-browser{border-radius:var(--radius-lg);background:var(--color-surface);border:var(--border-sm) solid var(--color-border);text-align:left;overflow:hidden;box-shadow:0 12px 40px #0000001f}.homepage-browser__bar{align-items:center;gap:var(--space-sm);padding:.55rem var(--space-md);background:var(--color-surface-alt);border-bottom:var(--border-sm) solid var(--color-border);display:flex}.homepage-browser__dots{border-radius:var(--radius-round);background:var(--color-border-strong);width:.6rem;height:.6rem;box-shadow:.95rem 0 0 var(--color-border-strong), 1.9rem 0 0 var(--color-border-strong);flex:none;margin-right:1.9rem}.homepage-browser__url{min-width:0;padding:.2rem var(--space-md);border-radius:var(--radius-pill);background:var(--color-surface);border:var(--border-sm) solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.homepage-browser__badge{border-radius:var(--radius-pill);background:var(--color-surface);border:var(--border-sm) solid var(--color-border);color:var(--color-primary-muted);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;flex:none;padding:.15rem .6rem}.homepage-browser__shot{width:100%;height:auto;display:block}.homepage-section{text-align:center;width:100%;max-width:44rem;scroll-margin-top:var(--space-xxl);margin:0 auto}.homepage-section--wide{max-width:100%}.homepage-section__title{font-family:var(--font-display);font-size:var(--font-size-h1-lg);margin:0 0 var(--space-md)}.homepage-steps{margin:var(--space-lg) 0 0;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:0;list-style:none;display:grid}.homepage-step{padding:var(--space-lg);text-align:center}.homepage-step__number{border-radius:var(--radius-round);background:var(--color-primary);width:2.5rem;height:2.5rem;color:var(--color-surface);font-family:var(--font-display);font-size:var(--font-size-h4);justify-content:center;align-items:center;line-height:1;display:inline-flex}.homepage-step__title{font-size:var(--font-size-h2-sm);margin:var(--space-sm) 0 var(--space-xs)}.homepage-step__text{color:var(--color-text-secondary);margin:0;line-height:1.6}.homepage-themes{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.homepage-theme{border:var(--border-sm) solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);margin:0;overflow:hidden}.homepage-theme__zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.homepage-theme__img{border-bottom:var(--border-sm) solid var(--color-border-soft);width:100%;height:auto;display:block}.homepage-theme__caption{padding:var(--space-md);text-align:center;display:block}.homepage-theme__name{font-family:var(--font-display);font-size:var(--font-size-h2-sm);display:block}.homepage-theme__text{margin-top:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:1.5;display:block}.homepage-prose{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0;line-height:1.7}.homepage-prose--start{text-align:left}.homepage-features{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));width:100%;display:grid}.homepage-feature{padding:var(--space-lg);border:var(--border-sm) solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left}.homepage-feature__icon{color:var(--color-primary);display:inline-flex}.homepage-feature__icon svg{width:2.25rem;height:2.25rem}.homepage-feature__title{font-size:var(--font-size-h2-sm);margin:var(--space-sm) 0 var(--space-xs)}.homepage-feature__text{color:var(--color-text-secondary);margin:0;line-height:1.6}.homepage-plans{gap:var(--space-lg);text-align:left;margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.homepage-plan{padding:var(--space-xl);border:var(--border-sm) solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);gap:var(--space-md);flex-direction:column;display:flex}.homepage-plan__cta{margin-top:auto}.homepage-plan--premium{border-color:var(--color-gold);box-shadow:0 4px 20px #0000000f}.homepage-plan__name{justify-content:space-between;align-items:baseline;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--font-size-h2);margin:0;display:flex}.homepage-plan__price{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-gold-deep)}.homepage-plan__list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.homepage-plan__list li{padding-left:var(--space-lg);color:var(--color-text-secondary);position:relative}.homepage-plan__list li:before{content:"";border-radius:var(--radius-round);background:var(--color-primary);width:.5rem;height:.5rem;position:absolute;top:.55em;left:0}.homepage-section .faq{text-align:left;margin:var(--space-md) auto 0}.homepage-cta{text-align:center}.homepage-cta__title{font-family:var(--font-display);font-size:var(--font-size-h1-lg);margin:0 0 var(--space-lg)}body:has(.buy-bar) footer{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}.buy-bar{z-index:200;background:var(--color-surface);border-top:var(--border-sm) solid var(--color-border-soft);padding-bottom:env(safe-area-inset-bottom);transition:transform .24s;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -4px 24px #00000024}.buy-bar:before{content:"";background:linear-gradient(90deg, var(--color-gold) 0%, var(--color-gold-deep) 50%, var(--color-gold) 100%);height:2px;position:absolute;inset:0 0 auto}.buy-bar--visible{transform:translateY(0)}.buy-bar__inner{max-width:68rem;padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);margin:0 auto;display:flex}.buy-bar__info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.buy-bar__name{font-size:var(--font-size-label);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.buy-bar__price{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);color:var(--color-gold-deep)}.buy-bar__note{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-left:.4rem}.buy-bar__btn{flex:none}@media (width<=560px){.buy-bar__name{display:none}}@media (prefers-reduced-motion:reduce){.buy-bar{transition:none}}
