.landing-shell{--header-height:var(--landing-header-height,80px);--hero-lens:max(560px,calc(100vh - var(--header-height)));--hero-pad-x:clamp(16px,2.5vw,32px);--text:#252525;--text-soft:#575757;--surface:#ffffff;--surface-soft:#f7f7f7;--ring:#b5b5b5;--input:#c3c4c6;--brand-accent:#a866da;--action-bg:#252527;--action-text:#ffffff}.landing-shell .hero{position:relative;z-index:4;display:flex;justify-content:center;height:var(--hero-lens);min-height:min(560px,100dvh);padding:clamp(96px,12vh,200px) var(--hero-pad-x) 0;scroll-margin-top:var(--header-height);overflow-x:hidden;overflow-y:visible;text-align:center}.landing-shell .hero-main{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:min(940px,100%)}.landing-shell .hero-copy{max-width:940px;margin:0 auto;text-align:center}.landing-shell .hero-badge{margin-top:4px;padding:4px 12px;font-weight:450;opacity:0}.landing-shell.is-hero-ready .hero-badge{animation:hero-enter .52s ease .36s both}.landing-shell .hero h1{width:fit-content;max-width:100%;margin:16px auto 18px;text-wrap:balance;opacity:0}.landing-shell.is-hero-ready .hero h1{animation:hero-enter .58s ease .48s both}.landing-shell .hero-copy>a,.landing-shell .hero-copy>p{margin:4px auto 0;width:fit-content;max-width:100%;padding-inline:16px;color:var(--text-soft);font-size:15px;line-height:1.7;letter-spacing:.08em;text-align:center;text-wrap:balance;opacity:0}.landing-shell.is-hero-ready .hero-copy>a,.landing-shell.is-hero-ready .hero-copy>p{animation:hero-enter .5s ease .82s both}.landing-shell .hero-copy>a{display:block;text-decoration:none;transition:color .18s ease}.landing-shell .hero-copy>a:hover{color:var(--text)}.dark .landing-shell .hero-copy>a,.dark .landing-shell .hero-copy>p{color:#d9d9d9}.dark .landing-shell .hero-copy>a:hover{color:#fafafa}.landing-shell .prompt-template-list{opacity:0}.landing-shell.is-hero-ready .prompt-template-list{animation:hero-enter .48s ease 1.18s both}.landing-shell .composer{opacity:0}.landing-shell.is-hero-ready .composer{animation:hero-enter .52s ease 1.02s both}.landing-shell .prompt-template{height:32px;display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:0 11px;border:1px solid color-mix(in srgb,var(--text-soft) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:color-mix(in srgb,var(--text) 82%,var(--text-soft));font-size:12px;font-weight:380;line-height:16px;white-space:nowrap;cursor:pointer;backdrop-filter:blur(10px);transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .16s ease}.landing-shell .prompt-template:hover{border-color:color-mix(in srgb,var(--text-soft) 48%,transparent);background:color-mix(in srgb,var(--surface-soft) 84%,transparent)}.landing-shell .prompt-template:active{transform:scale(.97)}.landing-shell .prompt-template:focus-visible{outline:2px solid color-mix(in srgb,#7c5cff 68%,transparent);outline-offset:2px}.landing-shell .prompt-template.is-active{border-color:var(--brand-accent);background:color-mix(in srgb,#7657ff 11%,var(--surface));color:color-mix(in srgb,#7657ff 86%,var(--text))}.dark .landing-shell .prompt-template{border-color:color-mix(in srgb,var(--text-soft) 22%,transparent);background:color-mix(in srgb,var(--surface) 86%,transparent)}.dark .landing-shell .prompt-template.is-active{border-color:var(--brand-accent);background:color-mix(in srgb,#7657ff 18%,var(--surface));color:#c9bbff}@media (min-width:1024px) and (min-height:800px){.landing-shell .prompt-template-list{justify-content:center;flex-wrap:wrap;overflow:visible}}.landing-shell .agent-team{margin:0 auto 6px}.landing-shell .agent-team.is-entering{pointer-events:none}.landing-shell .agent-team__avatar{--peek-scale:1.06;will-change:transform,filter}.landing-shell .agent-team__lens{pointer-events:none;transition:box-shadow .32s cubic-bezier(.22,1,.36,1),border-color .2s ease}.landing-shell .agent-team__ply{transform:translate3d(0,var(--peek-lift),0) scale(var(--peek-scale));transform-origin:50% 100%;will-change:transform;transition:transform .36s cubic-bezier(.22,1,.36,1)}.landing-shell .agent-team__lens .agent-team__ply{top:calc(-1 * var(--ring, 2px));left:calc(-1 * var(--ring, 2px));width:calc(100% + 2 * var(--ring, 2px));height:calc(100% + 2 * var(--ring, 2px))}.landing-shell .agent-team.has-hover .agent-team__avatar.is-active{--peek-scale:1.28}.landing-shell .agent-team__avatar.is-active .agent-team__lens,.landing-shell .agent-team__avatar:focus-visible .agent-team__lens{border-color:color-mix(in srgb,#252525 26%,transparent);box-shadow:0 12px 28px color-mix(in srgb,#000 20%,transparent),0 4px 10px color-mix(in srgb,#000 10%,transparent)}@keyframes hero-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-hero-enter{opacity:0}.landing-shell.is-hero-ready .landing-hero-enter{animation:hero-enter .52s ease forwards}@media (prefers-reduced-motion:reduce){.landing-hero-enter,.landing-shell .composer,.landing-shell .hero h1,.landing-shell .hero-badge,.landing-shell .hero-copy>a,.landing-shell .hero-copy>p,.landing-shell .prompt-template-list{opacity:1;animation:none;transform:none}}