.section-cream{background-color:var(--cream);position:relative;overflow:hidden}.headline-giant{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;font-weight:900;line-height:.92}.headline-giant--hero{font-size:clamp(3.5rem,11vw,9rem)}.headline-giant--section{font-size:clamp(2.5rem,8vw,7rem)}.bento-grid{gap:16px;width:100%;max-width:1200px;margin:0 auto;display:grid}.bento-grid--features{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr)}.bento-grid--benefits{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.bento-grid--features,.bento-grid--benefits{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bento-grid--features,.bento-grid--benefits{grid-template-columns:1fr}}.bento-card{border-radius:24px;flex-direction:column;justify-content:space-between;min-height:280px;padding:32px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000026}.bento-card--large{grid-column:span 2;min-height:340px}@media (max-width:640px){.bento-card--large{grid-column:span 1}}.bento-card--purple{background:var(--card-purple);color:#fff}.bento-card--coral{background:var(--card-coral);color:#fff}.bento-card--green{background:var(--card-green);color:#fff}.bento-card--amber{background:var(--card-amber);color:var(--neutral-900)}.bento-card--blue{background:var(--card-blue);color:var(--neutral-900)}.bento-card--lavender{background:var(--card-lavender);color:var(--neutral-900)}.bento-card--peach{background:var(--card-peach);color:var(--neutral-900)}.bento-card--dark{background:var(--neutral-900);color:#fff}.bento-card--brand{background:var(--brand);color:#fff}.bento-card__label{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.2}.bento-card__sublabel{opacity:.8;margin-top:8px;font-size:.875rem;line-height:1.5}.bento-card__illustration{justify-content:center;align-items:flex-end;margin-top:auto;padding-top:20px;display:flex}.product-mockup{background:var(--neutral-900);color:#fff;border-radius:24px;width:100%;max-width:380px;padding:24px;box-shadow:0 40px 80px #0003}.mini-ui{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:16px;padding:16px}.mini-ui--light{background:#0000000f}.mini-ui__row{align-items:center;gap:10px;padding:8px 0;display:flex}.mini-ui__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mini-ui__line{border-radius:4px;flex:1;height:8px}.mini-ui__input{opacity:.8;background:#ffffff26;border-radius:12px;padding:12px 16px;font-size:.8rem}.mini-ui__input--light{background:#00000014}.mini-ui__btn{border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.landing-nav{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s}.landing-nav--hidden{opacity:0;transform:translateY(-100%)}.cta-glow{position:relative;overflow:visible}.cta-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--brand),#8b5cf6,var(--brand));opacity:0;z-index:-1;filter:blur(16px);transition:opacity .5s;position:absolute;inset:-4px}.cta-glow:hover:before{opacity:.5}.tool-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tool-card{white-space:nowrap;border:1.5px solid;border-radius:14px;align-items:center;gap:6px;padding:10px 18px;font-size:.8rem;font-weight:800;transition:transform .3s;display:inline-flex}.tool-card:hover{transform:scale(1.05)}.tool-card--merged{border-radius:16px;padding:14px 24px;font-size:.9rem}.marquee-container{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-track{will-change:transform;gap:12px;width:max-content;display:flex}.marquee-left{animation:45s linear infinite marquee-scroll-left}.marquee-right{animation:50s linear infinite marquee-scroll-right}.marquee-container:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-pill{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;cursor:default;background:0 0;border:2px solid;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:18px 36px;font-size:1.15rem;font-weight:800;transition:all .3s;display:inline-flex}.marquee-pill:hover{transform:scale(1.06);box-shadow:0 4px 20px #0000000f}.marquee-pill-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pill-dot-pulse}@keyframes pill-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.bento-card,.tool-card,.marquee-pill{transition:none!important}.headline-giant,.product-mockup,.tool-strip,.creator-row,.chat-bubble,.draft-card,.flow-arrow,.credit-flow,.marquee-track,.marquee-pill-dot{animation:none!important;transform:none!important}}