:root{--color-cream:#f7f4ed;--color-off-white:#fcfbf8;--color-charcoal:#1c1c1c;--color-muted:#5f5f5d;--color-border:#eceae4;--color-border-interactive:#1c1c1c66;--color-charcoal-83:#1c1c1cd4;--color-charcoal-82:#1c1c1cd1;--color-charcoal-04:#1c1c1c0a;--color-charcoal-03:#1c1c1c08;--color-ring:#3b82f680;--color-focus-shadow:#0000001a 0px 4px 12px;--shadow-inset-btn:#fff3 0px .5px 0px 0px inset, #0003 0px 0px 0px .5px inset, #0000000d 0px 1px 2px 0px;--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--radius-sm:6px;--radius-md:8px;--radius-card:12px;--radius-lg:16px;--radius-pill:9999px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:96px;--content-max:1200px;--nav-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-charcoal);background:var(--color-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4{color:var(--color-charcoal);font-family:var(--font-sans);font-weight:600}.container{width:100%;max-width:var(--content-max);padding-inline:var(--space-lg);margin-inline:auto}@media (width>=768px){.container{padding-inline:var(--space-xl)}}.display-hero{letter-spacing:-.04em;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:600;line-height:1.05}.display-section{letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,3rem);font-weight:600;line-height:1}.display-sub{letter-spacing:-.025em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.1}.card-title{font-size:1.25rem;font-weight:400;line-height:1.25}.body-lg{color:var(--color-muted);font-size:1.125rem;font-weight:400;line-height:1.38}.body{color:var(--color-charcoal-82);font-size:1rem;font-weight:400;line-height:1.5}.body-sm,.caption{color:var(--color-muted);font-size:.875rem;font-weight:400;line-height:1.5}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wash-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(2%,-3%)scale(1.04)}}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:1rem;font-weight:400;line-height:1.5;transition:opacity .15s,box-shadow .15s,border-color .15s;display:inline-flex}.btn:active{opacity:.8}.btn:focus-visible{box-shadow:var(--color-focus-shadow);outline:none}.btn-primary{background:var(--color-charcoal);color:var(--color-off-white);box-shadow:var(--shadow-inset-btn)}.btn-ghost{color:var(--color-charcoal);border:1px solid var(--color-border-interactive);background:0 0}.btn-cream{background:var(--color-cream);color:var(--color-charcoal)}.top-nav{z-index:50;height:var(--nav-height);background:var(--color-cream);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.top-nav--scrolled{border-bottom-color:var(--color-border)}.top-nav__inner{height:var(--nav-height);align-items:center;gap:var(--space-lg);display:flex}.top-nav__brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.top-nav__wordmark{letter-spacing:-.03em;color:var(--color-charcoal);font-size:1.125rem;font-weight:600}.top-nav__links{align-items:center;gap:var(--space-lg);margin-inline:auto;display:none}.top-nav__link{color:var(--color-charcoal);opacity:.82;font-size:.875rem;transition:opacity .15s}.top-nav__link:hover,.top-nav__link--active{opacity:1}.top-nav__actions{align-items:center;gap:var(--space-sm);display:none}.top-nav__text-link{color:var(--color-charcoal);padding:8px 10px;font-size:.875rem;font-weight:400}.top-nav__menu-btn{border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;margin-left:auto;display:inline-flex}.top-nav__menu-btn span{background:var(--color-charcoal);width:18px;height:1.5px;transition:transform .2s;display:block}.top-nav__menu-btn span.is-open:first-child{transform:translateY(3.75px)rotate(45deg)}.top-nav__menu-btn span.is-open:last-child{transform:translateY(-3.75px)rotate(-45deg)}.top-nav__sheet{inset:var(--nav-height) 0 0;background:var(--color-cream);padding:var(--space-xl);gap:var(--space-xl);flex-direction:column;display:none;position:fixed}.top-nav__sheet.is-open{display:flex}.top-nav__sheet-nav{gap:var(--space-md);flex-direction:column;display:flex}.top-nav__sheet-link{letter-spacing:-.03em;font-size:1.5rem;font-weight:600}.top-nav__sheet-actions{gap:var(--space-sm);flex-direction:column;display:flex}@media (width>=768px){.top-nav__links,.top-nav__actions{display:flex}.top-nav__menu-btn,.top-nav__sheet{display:none!important}}.footer{margin-top:var(--space-section);padding:var(--space-xxl) 0 var(--space-xl);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(180deg, #ffdcc82e 0%, transparent 40%), var(--color-cream)}.footer__grid{gap:var(--space-xl);padding-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}.footer__brand{gap:var(--space-sm);flex-direction:column;max-width:240px;display:flex}.footer__logo{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.footer__col-title{margin-bottom:var(--space-sm);font-size:.875rem;font-weight:600}.footer__col a{color:var(--color-muted);text-underline-offset:3px;margin-bottom:8px;font-size:.875rem;text-decoration:underline;display:inline-block}.footer__col a:hover{color:var(--color-charcoal)}.footer__bottom{padding-top:var(--space-md);border-top:1px solid var(--color-border)}@media (width>=768px){.footer__grid{grid-template-columns:1.4fr repeat(4,1fr)}}.hero{min-height:calc(100vh - var(--nav-height));flex-direction:column;justify-content:center;padding:72px 0 64px;display:flex;position:relative;overflow:hidden}.hero__atmosphere{pointer-events:none;background:radial-gradient(60% 50% at 20% 30%,#ffb4a059,#0000 60%),radial-gradient(50% 45% at 80% 20%,#a0beff4d,#0000 55%),radial-gradient(45% 40% at 55% 75%,#d2b4e647,#0000 50%);position:absolute;inset:0}.hero__orb{filter:blur(48px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite wash-drift;position:absolute}.hero__orb--peach{background:#f5c4a8;width:280px;height:280px;top:8%;left:12%}.hero__orb--sky{background:#b8d0f0;width:320px;height:320px;animation-delay:-4s;top:5%;right:8%}.hero__orb--lilac{background:#d4c0e8;width:240px;height:240px;animation-delay:-8s;bottom:18%;left:40%}.hero__copy{text-align:center;max-width:820px;margin-inline:auto;position:relative}.hero__brand{letter-spacing:-.04em;margin-bottom:var(--space-md);color:var(--color-charcoal);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.1}.hero__sub{max-width:36rem;margin:var(--space-md) auto var(--space-xl)}.hero__actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.hero__composer{margin-top:48px;max-width:720px;margin-inline:auto;position:relative}.composer{gap:var(--space-sm);padding:var(--space-md);background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;display:flex}.composer__label{text-align:left}.composer__input{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-cream);width:100%;min-height:88px;color:var(--color-charcoal);font:inherit;padding:12px 14px;line-height:1.5}.composer__input::placeholder{color:var(--color-muted)}.composer__input:focus{outline:2px solid var(--color-ring);outline-offset:1px}.composer__row{gap:var(--space-sm);flex-direction:column;align-items:stretch;display:flex}.composer__chips{flex-wrap:wrap;gap:8px;display:flex}.composer__chip{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-cream);color:var(--color-charcoal);padding:6px 12px;font-size:.8125rem;transition:border-color .15s,opacity .15s}.composer__chip:hover{border-color:var(--color-border-interactive)}.composer__chip:active{opacity:.8}.composer__submit{align-self:flex-end}@media (width>=640px){.composer__row{flex-direction:row;justify-content:space-between;align-items:center}.composer__submit{flex-shrink:0}}.stats{padding:64px 0}.stats__grid{gap:var(--space-xl);text-align:center;grid-template-columns:1fr;display:grid}.stats__value{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1}.templates{padding:80px 0}.templates__intro{text-align:center;max-width:36rem;margin:0 auto 48px}.templates__intro .body-lg{margin-top:var(--space-md)}.templates__grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}.template-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-cream);transition:border-color .18s;overflow:hidden}.template-card:hover{border-color:var(--color-border-interactive)}.template-card__art{border-bottom:1px solid var(--color-border);height:160px;position:relative}.template-card__art--peach{background:linear-gradient(145deg,#f8dcc8 0%,#f7f4ed 70%)}.template-card__art--mint{background:linear-gradient(145deg,#d5ebe0 0%,#f7f4ed 70%)}.template-card__art--sky{background:linear-gradient(145deg,#d4e2f5 0%,#f7f4ed 70%)}.template-card__art--lilac{background:linear-gradient(145deg,#e4d8f0 0%,#f7f4ed 70%)}.template-card__window,.template-card__bar,.template-card__block{background:#fcfbf8b3;border:1px solid #1c1c1c1f;border-radius:8px;position:absolute}.template-card__window{inset:20px 18px 36px}.template-card__bar{border-radius:var(--radius-pill);height:10px;top:28px;left:28px;right:28px}.template-card__block{width:42%;height:36px;bottom:48px;left:28px}.template-card__meta{padding:var(--space-md);flex-direction:column;gap:6px;display:flex}.template-card__cat{color:var(--color-muted);text-underline-offset:3px;width:fit-content;font-size:.875rem;text-decoration:underline}.features{padding:80px 0}.features__intro{text-align:center;max-width:36rem;margin:0 auto 48px}.features__intro .body-lg{margin-top:var(--space-md)}.features__grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}.feature-card{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-cream)}.feature-card__num{margin-bottom:var(--space-sm);display:block}.feature-card .card-title{margin-bottom:8px}.cta{padding:80px 0 40px}.cta__inner{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(ellipse 70% 80% at 50% 0%, #ffc8b440, transparent 60%), var(--color-cream);padding:56px 24px}.cta__inner .body-lg{margin:var(--space-md) auto var(--space-xl);max-width:32rem}.cta__actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=640px){.stats__grid{grid-template-columns:repeat(3,1fr)}.templates__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.hero{padding:96px 0 80px}.templates__grid,.features__grid{grid-template-columns:repeat(3,1fr)}}.pricing-hero{text-align:center;padding:72px 0 32px}.pricing-hero__brand{letter-spacing:-.04em;margin-bottom:var(--space-md);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600}.pricing-hero__sub{max-width:36rem;margin:var(--space-md) auto 0}.pricing-tabs{padding-bottom:32px}.pricing-tabs__group{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-cream);gap:4px;margin-inline:auto;padding:4px;display:inline-flex}.container:has(.pricing-tabs__group){justify-content:center;display:flex}.pricing-tab{border-radius:var(--radius-pill);color:var(--color-muted);padding:8px 18px;font-size:.875rem;transition:background .15s,color .15s,box-shadow .15s}.pricing-tab.is-selected{background:var(--color-charcoal);color:var(--color-off-white);box-shadow:var(--shadow-inset-btn)}.pricing-tiers{padding:24px 0 64px}.pricing-tiers__grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}.tier-card{gap:var(--space-sm);padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-cream);flex-direction:column;display:flex}.tier-card--featured{background:var(--color-charcoal);color:var(--color-off-white);border-color:var(--color-charcoal)}.tier-card--featured .card-title,.tier-card--featured .tier-card__amount{color:var(--color-off-white)}.tier-card--featured .caption,.tier-card--featured .tier-card__features{color:#fcfbf8bf}.tier-card__price{align-items:baseline;gap:6px;display:flex}.tier-card__amount{letter-spacing:-.04em;font-size:2.5rem;font-weight:600;line-height:1}.tier-card__note{min-height:1.25rem}.tier-card__features{margin:var(--space-md) 0 var(--space-lg);flex-direction:column;flex:1;gap:10px;display:flex}.tier-card__features li{padding-left:1.1rem;font-size:.9375rem;position:relative}.tier-card__features li:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.tier-card .btn{width:100%}.pricing-faq{padding:48px 0}.pricing-faq__inner{max-width:720px}.pricing-faq .display-sub{margin-bottom:var(--space-xl)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item__q{justify-content:space-between;gap:var(--space-md);text-align:left;letter-spacing:-.02em;width:100%;color:var(--color-charcoal);padding:18px 0;font-size:1rem;font-weight:600;display:flex}.faq-item__a{max-width:40rem;padding:0 0 18px}.pricing-cta{padding:48px 0 32px}.pricing-cta__inner{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(ellipse 70% 80% at 50% 0%, #b4c8ff38, transparent 60%), var(--color-cream);padding:48px 24px}.pricing-cta__inner .body-lg{margin:var(--space-md) auto var(--space-xl);max-width:32rem}@media (width>=900px){.pricing-tiers__grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}