.challenges-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.challenges-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.challenge-filter-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);background:var(--bg-tertiary);padding:6px;border-radius:var(--radius-md)}.challenge-filter-tab{border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.challenge-filter-tab:hover:not(.challenge-filter-tab-active){color:var(--text-primary)}.challenge-filter-tab-active{background:#facc1533;color:var(--accent-yellow)}.challenges-empty-filtered{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted)}.challenges-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.challenges-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(min-width:1024px){.challenges-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.challenge-card{position:relative;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-secondary);border:1px solid;border-radius:var(--radius-xl);overflow:hidden}.challenge-card-ranked{border-color:#f59e0b4d}.challenge-card-free{border-color:var(--border-light)}.challenge-card-free:hover{border-color:#10b98180}.challenge-card-image-wrap{position:relative;height:144px;flex-shrink:0;overflow:hidden}.challenge-card-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-card) 0%,transparent 100%)}.challenge-card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.challenge-card-body{position:relative;z-index:10;display:flex;flex-direction:column;flex-grow:1;gap:var(--spacing-md);padding:20px}.challenge-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.challenge-card-title{margin:0;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1.375;color:var(--text-primary)}.challenge-timer{flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-bold);color:var(--accent-yellow);border:1px solid rgba(234,179,8,.4);border-radius:var(--radius-sm);padding:4px 8px}.challenge-category-chip{align-self:flex-start;font-size:10px;font-weight:var(--font-weight-bold)}.challenge-description{margin:0;font-size:var(--font-size-xs);line-height:1.625;color:var(--text-secondary)}.challenge-desc-clamp{--card-desc-lines: 3;flex:none;display:-webkit-box;-webkit-line-clamp:var(--card-desc-lines);-webkit-box-orient:vertical;overflow:hidden;height:calc(1.625em * var(--card-desc-lines))}@media(min-width:1024px){.challenge-desc-clamp{--card-desc-lines: 4}}.challenge-prize-pool{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--accent-yellow)}.challenge-unranked-caption{text-align:center;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.challenge-btn{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 0;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:filter var(--transition-base)}.challenge-btn:hover:not(:disabled){filter:brightness(1.1)}.challenge-btn:disabled{opacity:.6;cursor:not-allowed}.challenge-btn-gold{background:var(--gradient-gold);color:var(--bg-primary)}.challenge-btn s{opacity:.65;text-decoration-color:currentColor}.challenge-btn-free{background:var(--success);color:var(--bg-primary)}.challenge-btn-rating{background:var(--gradient-indigo-purple);color:var(--text-primary)}.challenge-btn-placeholder{width:100%;box-sizing:border-box;padding:14px;font-size:15px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:default}.my-chats-section{margin-bottom:var(--spacing-2xl)}.my-chats-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.my-chats-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.my-chats-count{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.my-chats-strip{position:relative;width:100%;display:flex;align-items:center;gap:var(--spacing-sm)}.my-chats-strip-viewport{overflow:hidden;flex:1 1 0;min-width:0}.my-chats-strip-track{display:flex;gap:var(--strip-gap, var(--spacing-lg));list-style:none;margin:0;padding:4px 0;transition:transform .5s ease-in-out}.my-chats-strip-item{flex:0 0 var(--strip-card-width, 280px);min-width:0;list-style:none}.my-chats-strip-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:var(--text-muted);cursor:pointer;transition:color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.my-chats-strip-arrow:hover{color:var(--text-primary);transform:scale(1.2)}.my-chat-card{display:flex;align-items:center;gap:var(--spacing-md);width:100%;min-width:0;padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);color:inherit;text-align:left;cursor:pointer}.my-chat-card:hover{border-color:var(--my-chat-hover-border, var(--border-hover))}.my-chat-card-image{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;background-color:var(--bg-tertiary)}.my-chat-card-body{min-width:0;flex:1}.my-chat-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:2px}.my-chat-card-title{margin:0;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-chat-card-time{flex-shrink:0;font-size:10px;color:var(--text-muted)}.my-chat-card-preview{margin:0 0 var(--spacing-xs);min-height:1em;font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-chat-card-category{font-size:10px;font-weight:var(--font-weight-bold)}.landing-hero{position:relative;text-align:center;margin-bottom:8px}.landing-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:256px;height:256px;background:#ca8a0433;border-radius:var(--radius-full);filter:blur(100px);z-index:-1;pointer-events:none}.landing-hero-title{margin:0;font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.landing-hero-title-accent{background-image:var(--gradient-hero-accent);background-clip:text;-webkit-background-clip:text;color:transparent}@media(min-width:640px){.landing-hero-title{font-size:36px}}@media(min-width:768px){.landing-hero-title{font-size:48px}}.landing-tabs-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.landing-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.landing-tab{border:2px solid;border-radius:var(--radius-lg);padding:12px 20px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transform:scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1)}.landing-tab-active{transform:scale(1.05)}@media(min-width:768px){.landing-tab{padding:16px 32px;font-size:20px}}.landing-tab-description-wrap{min-height:60px;display:flex;align-items:center;justify-content:center;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.landing-tab-description{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;animation:landingDescFade .25s ease}@keyframes landingDescFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing-carousel{position:relative;width:100%}.landing-carousel-viewport{overflow:hidden;width:100%;box-sizing:border-box;padding:16px 0 32px}.landing-carousel-track{display:flex;width:100%;transition:transform .7s ease-in-out}.landing-carousel-arrow{display:none;position:absolute;top:180px;z-index:40;background:none;border:none;padding:0;color:var(--text-muted);cursor:pointer;transition:color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.landing-carousel-arrow-prev{left:-24px}.landing-carousel-arrow-next{right:-24px}.landing-carousel-arrow:hover:not(:disabled){color:var(--text-primary);transform:scale(1.25)}.landing-carousel-arrow:disabled{opacity:.3;cursor:default}@media(min-width:1024px){.landing-carousel-arrow{display:block}}.landing-slide{flex:0 0 100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-xl)}.landing-slide-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center}@media(min-width:1024px){.landing-slide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-slide-grid--sides-0{grid-template-columns:minmax(0,calc((100% - 2 * var(--spacing-xl)) / 3 * 2 + var(--spacing-xl)));justify-content:center}.landing-slide-center-slot{order:2}.landing-slide-side-slot:nth-child(2){order:1}.landing-slide-side-slot:nth-child(3){order:3}}.landing-slide-center-slot,.landing-slide-side-slot{display:flex;min-width:0}.landing-slide-side-slot:empty{display:none}.landing-slide-side-slot-mirror{display:none}@media(min-width:1024px){.landing-slide-side-slot-mirror{display:flex}}.landing-card-img-wrapper{position:relative;overflow:hidden;flex-shrink:0}.landing-card-img-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-card) 0%,transparent 100%);z-index:1}.landing-card-image{width:100%;height:100%;object-fit:cover;display:block}.landing-card-center{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;height:560px;background-color:var(--bg-card);border:1px solid;border-radius:var(--radius-hero);overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.landing-card-center{transform:scale(1.04)}.landing-card-center:hover{transform:scale(1.05)}}.landing-card-center-image-wrap{height:144px}.landing-card-center-caption{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:var(--spacing-xl);z-index:2}.landing-card-center-title{margin:0 0 4px;font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--text-primary);overflow-wrap:break-word}.landing-card-center-subtitle{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.landing-card-center-body{flex:1;min-height:0;padding:var(--spacing-lg);display:flex;flex-direction:column}.landing-card-side{position:relative;width:100%;height:456px;background-color:var(--bg-card);border:1px solid;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),opacity .4s}@media(min-width:1024px){.landing-card-side{transform:scale(.95);opacity:.9}.landing-card-side:hover{transform:translateY(-8px) scale(1.02);opacity:1;box-shadow:0 18px 44px -12px #0000008c}.landing-card-side--center{transform:scale(1.04);opacity:1}.landing-card-side--center:hover{transform:scale(1.05);opacity:1}}.landing-card-side-button{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.landing-card-side-image-wrap{height:208px}.landing-card-side-caption{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:var(--spacing-lg);z-index:2}.landing-card-side-title{margin:0;font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);overflow-wrap:break-word}.landing-card-side-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg)}.landing-card-side-description{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.landing-card-price{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;box-sizing:border-box;padding:12px;background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md)}.landing-card-price-amount{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);color:var(--accent-yellow)}.landing-card-price-free{font-weight:700;font-size:var(--font-size-base);color:var(--success)}.landing-card-price-old{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:line-through;text-decoration-color:#f97316}.landing-card-price-new{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);color:#34d399}.landing-ribbon-new{background:linear-gradient(to right,#ca8a04,#f59e0b);color:#fff;box-shadow:0 0 15px #facc1580}.landing-ribbon-discount{background:#f97316;color:#fff}.landing-strip{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.landing-strip-viewport{overflow:hidden;flex:1 1 0;min-width:0}.landing-strip-track{display:flex;gap:var(--strip-gap, var(--spacing-lg));list-style:none;margin:0;padding:4px 0;transition:transform .5s ease-in-out}.landing-strip-track-centered{justify-content:center}.landing-strip-item{flex:0 0 var(--strip-card-width, 150px);min-width:0;list-style:none}.landing-strip-card{display:flex;flex-direction:column;width:100%;min-width:0;padding:0;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;text-align:left;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.landing-strip-card:hover{border-color:var(--landing-strip-hover-border, var(--border-hover))}.landing-strip-card-image-wrap{height:80px;width:100%;overflow:hidden}.landing-strip-card-body{padding:10px;text-align:center}.landing-strip-card-title{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-strip-card-price{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:700}.landing-strip-card-price-free{color:var(--success)}.landing-strip-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:var(--text-muted);cursor:pointer;transition:color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.landing-strip-arrow:hover{color:var(--text-primary);transform:scale(1.2)}.landing-demo-chat{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.landing-demo-messages{list-style:none;margin:0;padding:0 4px 0 0;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.landing-demo-message-row{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.landing-demo-message-row-user{justify-content:flex-end}.landing-demo-ai-avatar{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#000}.landing-demo-message{max-width:80%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);line-height:1.4;color:var(--text-chat);overflow-wrap:anywhere}.landing-demo-message-ai{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 0}.landing-demo-message-user{border-radius:var(--radius-md) var(--radius-md) 0 var(--radius-md)}.landing-demo-typing-dots{display:inline-flex;align-items:center;gap:4px;padding:2px 0}.landing-demo-typing-dots i{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;opacity:.35;animation:landingTypingDot 1s ease-in-out infinite}.landing-demo-typing-dots i:nth-child(2){animation-delay:.15s}.landing-demo-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes landingTypingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.landing-demo-skeleton-avatar{background:var(--border-light)}.landing-demo-skeleton-bubble{width:60%;height:34px;border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 0;background:var(--border-light);animation:landingSkeletonPulse 1.4s ease-in-out infinite}.landing-demo-skeleton-row:nth-child(2) .landing-demo-skeleton-bubble{width:42%;border-radius:var(--radius-md) var(--radius-md) 0 var(--radius-md);animation-delay:.2s}.landing-demo-skeleton-row:nth-child(3) .landing-demo-skeleton-bubble{width:52%;animation-delay:.4s}@keyframes landingSkeletonPulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.landing-demo-typing-dots i,.landing-demo-skeleton-bubble{animation:none;opacity:.6}}.landing-demo-input-row{display:flex;gap:var(--spacing-sm);flex-shrink:0}.landing-demo-input{flex:1;min-width:0;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:10px var(--spacing-md);font-size:var(--font-size-sm);transition:border-color .3s}.landing-demo-send{flex-shrink:0;width:40px;height:40px;border:none;border-radius:var(--radius-md);color:#000;font-weight:700;cursor:pointer;transition:filter .25s}.landing-demo-send:hover{filter:brightness(1.1)}.landing-demo-login-cta{display:flex;justify-content:center}.landing-demo-login-button{border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-purple);color:var(--text-primary);font-weight:var(--font-weight-semibold);cursor:pointer}.landing-demo-result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);flex-shrink:0;text-align:center;animation:landingDescFade .3s ease}.landing-demo-result-text{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--text-primary);max-width:34ch}.landing-demo-result-cta{border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-2xl);color:#0b0b0d;font-weight:700;font-size:var(--font-size-base);cursor:pointer;transition:filter .2s}.landing-demo-result-cta:hover{filter:brightness(1.08)}.landing-examples{position:relative;background-color:#1a1a21cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default);border-radius:var(--radius-hero);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);overflow:hidden}@media(min-width:768px){.landing-examples{padding:32px}}.landing-challenges-placeholder{display:flex;align-items:center;justify-content:center;min-height:700px}@media(min-width:1024px){.landing-challenges-placeholder{min-height:770px}}.landing-examples-placeholder{box-sizing:border-box;min-height:420px}.landing-examples-glow{position:absolute;top:0;left:0;width:384px;height:384px;background:#ca8a041a;border-radius:var(--radius-full);filter:blur(120px);pointer-events:none}.landing-examples-title{position:relative;margin:0 0 var(--spacing-xl);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.landing-examples-viewport{position:relative;min-height:300px;border-radius:var(--radius-xl);overflow:hidden}.landing-example-panel{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-md);opacity:0;pointer-events:none;transition:opacity .7s ease-in-out}.landing-example-panel-active{opacity:1;pointer-events:auto}@media(min-width:768px){.landing-example-panel{flex-direction:row}}.landing-example-terminal-col{display:flex;flex-direction:column;min-width:0;width:100%}@media(min-width:768px){.landing-example-terminal-col{width:66.6667%}}.landing-example-badge{align-self:flex-start;margin-bottom:var(--spacing-md);padding:6px 12px;border:1px solid;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.landing-example-badge-adventure{background:#10b98133;color:#6ee7b7;border-color:#10b9814d}.landing-example-badge-puzzle{background:#f9731633;color:#fdba74;border-color:#f973164d}.landing-example-badge-test{background:#3b82f633;color:#93c5fd;border-color:#3b82f64d}.landing-example-terminal{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);font-family:monospace;font-size:var(--font-size-sm);box-shadow:inset 0 2px 4px #0000004d}.landing-example-init{font-size:var(--font-size-xs);color:var(--text-muted)}.landing-example-line-label{color:var(--text-muted)}.landing-example-ai-adventure{color:#6ee7b7}.landing-example-world-adventure{color:#34d399}.landing-example-accused{color:#fdba74}.landing-example-reaction{color:#f87171}.landing-example-player-line{padding-left:var(--spacing-lg);border-left:2px solid;color:var(--text-secondary);font-style:italic}.landing-example-player-line-adventure{border-left-color:#10b9814d}.landing-example-player-line-puzzle{border-left-color:#f973164d}.landing-example-profile-line{font-weight:var(--font-weight-semibold);color:#60a5fa}.landing-example-summary{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.landing-example-progress{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.landing-example-progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-secondary)}.landing-example-progress-track{width:100%;height:6px;background-color:var(--bg-card);border-radius:var(--radius-full);overflow:hidden}.landing-example-progress-fill{height:100%;background-color:var(--info);border-radius:var(--radius-full)}.landing-example-image-wrap{display:none;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);background-color:var(--bg-tertiary)}@media(min-width:768px){.landing-example-image-wrap{display:block;width:33.3333%}}.landing-example-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;mix-blend-mode:luminosity;transition:opacity .3s}.landing-example-image-wrap:hover .landing-example-image{opacity:1}@media(max-width:767px){.landing-card-center{height:auto;min-height:420px}.landing-card-side{height:auto;min-height:0}.landing-slide{height:0;overflow:visible}.landing-slide-active,.landing-slide-leaving{height:auto}}.landing-card-center.landing-card-center-compact{height:auto;min-height:0}.landing-split{padding:var(--spacing-xl) 0}.landing-split-modes-placeholder{display:flex;align-items:center;justify-content:center;min-height:96px}.landing-split-mobile .landing-split-modes-placeholder{min-height:165px}.landing-split-mobile .landing-split-pitch{min-height:6em}.landing-split-chat{min-height:calc(420px + 2 * var(--spacing-lg) + 2px)}.landing-split-subtitle{margin:0;max-width:46ch;color:var(--text-muted);font-size:var(--font-size-base);line-height:1.6}.landing-split-chat-frame{display:flex;flex-direction:column;height:420px;padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:left}.mode-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color .25s,transform .25s,opacity .25s}.mode-card-glyph{width:30px;height:30px}.mode-card-name{font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--text-secondary);transition:color .25s}.mode-card-active{transform:translateY(-2px)}.mode-card-active .mode-card-name{color:var(--text-primary)}.landing-split-info{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.landing-split-title{margin:0}.landing-split-desktop{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xl);align-items:start;align-content:center;flex:1}.landing-split-desktop .landing-split-pitch{min-height:7.5em}.landing-split-desktop .landing-split-info{align-items:flex-start;text-align:left;gap:var(--spacing-2xl)}.landing-split-desktop .mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);width:100%}@media(min-width:1024px){.landing-split-desktop{grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:clamp(var(--spacing-2xl),6vw,88px)}.landing-split-desktop .landing-split-chat{align-self:stretch;position:relative}.landing-split-desktop .landing-split-chat-frame{position:absolute;inset:0;height:auto;box-sizing:border-box}}.landing-split-mobile{display:flex;flex-direction:column;gap:var(--spacing-lg)}.landing-split-mobile .landing-split-info{text-align:center}.landing-split-mobile .landing-split-subtitle{margin-inline:auto}.landing-split-mobile .landing-split-chat{scroll-margin-top:72px}.landing-split-pitch{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;animation:landingDescFade .25s ease}.mode-carousel-wrap{position:relative;width:100vw;margin-inline:calc(50% - 50vw)}.mode-carousel{--mode-peek: 28px;display:flex;gap:var(--spacing-sm);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--mode-peek);scrollbar-width:none;padding:4px var(--mode-peek)}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel .mode-card{scroll-snap-align:center;flex:0 0 100%;min-width:0;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-md)}.mode-carousel .mode-card-glyph{width:36px;height:36px}.mode-carousel .mode-card-name{font-size:18px}.mode-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:opacity .3s,transform .15s}.mode-nav svg{width:15px;height:15px}.mode-nav:active{transform:translateY(-50%) scale(.9)}.mode-nav-prev{left:2px}.mode-nav-next{right:2px}.mode-nav-off{opacity:0;pointer-events:none}.mode-dots{display:flex;gap:7px;justify-content:center;margin-top:var(--spacing-md)}.mode-dot{width:7px;height:7px;padding:0;border:none;border-radius:var(--radius-full);background:var(--text-muted);opacity:.5;cursor:pointer;transition:width .28s,opacity .28s,background .28s}.mode-dot-on{width:22px;border-radius:5px;opacity:1}@media(prefers-reduced-motion:reduce){.mode-carousel{scroll-behavior:auto}}