.hero-sky{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-height:clamp(640px,88vh,980px);padding:clamp(72px,12vh,148px) 0 clamp(96px,12vh,168px);background-color:var(--bg-app);background-image:var(--sky-dark);background-size:cover;background-position:top;background-repeat:no-repeat}[data-theme=light] .hero-sky{background-image:var(--sky-light)}.hero-sky-fade{position:absolute;z-index:0;inset:auto 0 0 0;height:180px;pointer-events:none;background:linear-gradient(180deg,transparent 0,var(--bg-app) 100%)}.hero-sky-wrap{position:relative;z-index:1}.hero-copy{position:relative;z-index:2;max-width:min(52ch,92vw)}.hero-copy h1{margin:0;color:var(--fg-1);font:600 clamp(34px,4vw,52px) /1.03 var(--font-sans);letter-spacing:var(--tracking-tight)}.hero-copy .sub{max-width:30ch;margin:16px 0 0;color:var(--fg-2);font-size:clamp(16px,1.6vw,19px);line-height:1.4}.hero-headline{position:relative;display:inline-block;white-space:nowrap}.ht-ghost{visibility:hidden}.ht-live{position:absolute;inset:0;white-space:nowrap}.ht-live-pending{visibility:hidden}.ht-caret{display:inline-block;width:2px;height:.92em;margin-left:2px;transform:translateY(.08em);background:var(--accent-text);animation:ht-blink .6s step-end infinite}.ht-ready-hidden{opacity:0}.hero-copy .ht-sub{max-width:none;color:color-mix(in srgb,var(--accent-text) 70%,var(--fg-2));white-space:nowrap;font-size:clamp(13px,1.5vw,19px);opacity:0;transition:opacity 3s ease}.hero-copy .ht-sub-in{opacity:1}@keyframes ht-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ht-caret{animation:none}.hero-copy .ht-sub{transition:none}}.hero-generate{position:relative;margin-top:clamp(44px,7vh,88px)}.hero-sky .showcase{padding:clamp(40px,6vh,80px) 0 0}.hero-sky .showcase>.mk-wrap{max-width:none;padding:0}.features-glass{border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);background:var(--bg-surface);box-shadow:var(--edge-top);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.features-head{margin:0 0 12px}.feature-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start;border-top:1px solid var(--border-1);padding:44px 0}.feature-row[data-row-accent=cyan]{--row-accent:var(--accent-cyan)}.feature-row[data-row-accent=mint]{--row-accent:var(--accent-mint)}.feature-row[data-row-accent=yellow]{--row-accent:var(--accent-yellow)}.feature-left{display:flex;flex-direction:column;gap:18px}.feature-num{color:var(--accent-text);font:600 14px var(--font-sans);letter-spacing:.04em}.feature-titlerow{display:flex;gap:14px;align-items:center}.feature-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--row-accent) 12%,transparent);color:var(--row-accent)}.feature-icon svg{width:22px;height:22px}.feature-title{color:var(--fg-1);font:600 clamp(20px,2.4vw,26px) /1.2 var(--font-sans)}.feature-bullets{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.feature-bullets li{display:flex;gap:14px;color:var(--fg-2);font-size:16px;line-height:1.5}.feature-bullets li .dot{flex:none;width:7px;height:7px;margin-top:9px;border-radius:50%;background:color-mix(in oklab,var(--row-accent) 70%,var(--fg-3))}.gen-box{position:relative;z-index:1;max-width:660px;margin:0 auto;text-align:center}.gen-hero{margin:0;color:var(--fg-1);font:600 clamp(28px,3.4vw,38px) /1.08 var(--font-sans);letter-spacing:var(--tracking-tight)}.gen-sub{margin:12px 0 24px;color:var(--fg-2);font-size:16px;line-height:1.45}.gen-field{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--bg-surface);padding:16px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.gen-field:focus-within{box-shadow:var(--shadow-accent-focus)}.gen-field textarea{width:100%;min-height:104px;resize:vertical;border:0;outline:0;background:transparent;color:var(--fg-1);font:500 16px/1.5 var(--font-sans)}.gen-field textarea::placeholder{color:var(--fg-3)}.gen-send{display:inline-flex;width:48px;height:48px;flex:none;align-items:center;justify-content:center;border:1px solid var(--border-2);border-radius:999px;background:var(--bg-card);color:var(--fg-2);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.gen-send.ready{border-color:var(--border-accent);background:var(--accent);color:var(--accent-contrast)}.gen-send.ready:hover{transform:translateY(-1px)}.gen-send svg{width:18px;height:18px}.stories-head{margin:0 0 24px;text-align:center}.stories-head .eyebrow{display:inline-flex}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--bg-card);padding:28px;box-shadow:var(--shadow-sm)}.story-quote{margin:0;color:var(--fg-1);font-size:17px;line-height:1.55}.story-foot{display:flex;align-items:center;justify-content:flex-start;margin-top:24px}.heart{display:inline-flex;min-width:82px;height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-2);border-radius:999px;background:var(--bg-surface);color:var(--fg-2);cursor:pointer;font:600 14px/1 var(--font-sans);transition:border-color .18s ease,color .18s ease,transform .18s ease}.heart:hover{transform:translateY(-1px)}.heart.voted{border-color:var(--border-accent);color:var(--accent-text)}.heart svg{width:18px;height:18px}.heart.voted svg{fill:currentColor}.heart-count{min-width:3ch;text-align:left}.heart.pop svg{animation:heartpop .32s ease}@keyframes heartpop{0%{transform:scale(1)}48%{transform:scale(1.35)}to{transform:scale(1)}}.closer-cta{margin-top:64px;text-align:center}.cta-mascot-slot{position:relative;z-index:1;display:flex;justify-content:center}.cta-mascot-slot img{width:min(420px,72vw);height:auto;user-select:none;-webkit-user-drag:none}.cta-mascot-slot .m-light,[data-theme=light] .cta-mascot-slot .m-dark{display:none}[data-theme=light] .cta-mascot-slot .m-light{display:block}.closer-cta .btn{margin-top:24px}.showcase{padding:16px 0 72px}.showcase-stage{overflow:hidden;max-width:920px;margin:0 auto}.showcase-track{display:flex;align-items:stretch;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}.showcase-track.is-snapping,.showcase-track.is-snapping .showcase-pair{transition:none}.showcase-pair{flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;opacity:0;transition:opacity .7s ease}.showcase-pair.is-active{opacity:1}.ba-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--glass-card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.ba-after{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.ba-head{padding:13px 18px;border-bottom:1px solid var(--border-1)}.ba-after .ba-head{border-bottom-color:var(--border-accent)}.ba-label{display:flex;align-items:center;gap:8px;color:var(--fg-3);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.ba-label-accent{color:var(--accent-text)}.ba-body{padding:18px}.ba-body p{margin:0;color:var(--fg-1);font:400 15px/1.6 var(--font-sans)}.ba-before .ba-body p{color:var(--fg-2);font-size:16px}.showcase-dots{display:flex;justify-content:center;gap:10px;margin-top:28px}.showcase-dot{width:8px;height:8px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--border-2);cursor:pointer;transition:background .18s ease,width .18s ease}.showcase-dot:hover{background:var(--fg-3)}.showcase-dot.is-active{width:22px;background:var(--accent)}@media (prefers-reduced-motion:reduce){.showcase-pair,.showcase-track{transition:none}}@media (max-width:860px){.hero{padding:48px 0 40px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-mascot{min-height:300px;order:-1;aspect-ratio:16/10}.mascot-slot img{width:88%;transform:none}.hero-copy .sub{max-width:none}.feature-row{gap:20px;padding:36px 0}.feature-row,.showcase-pair,.stories{grid-template-columns:1fr}.showcase-pair{gap:14px}}