*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);background:#1e1e1e;color:#f0f0f0;line-height:1.5}.landing-topbar{display:flex;align-items:center;width:100%;max-width:none;margin:0;padding:20px 28px 0;box-sizing:border-box}.landing-wordmark{margin-left:max(0px,calc((100vw - 1176px)/2));color:#f0f0f0;text-decoration:none;font-size:1.05rem;letter-spacing:.12em}.landing-page{min-height:calc(100vh - 64px);display:flex;align-items:center;padding:32px 28px 64px}.landing-split{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-template-rows:auto auto;column-gap:56px;row-gap:28px;align-items:start}.landing-hero,.landing-stage{display:contents}.landing-hero h1{grid-column:1;grid-row:1;font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,5vw,4.25rem);line-height:.95;letter-spacing:-.03em;margin:0;color:#f0f0f0}.landing-demo{grid-column:1;grid-row:2;margin-top:0;pointer-events:none;-webkit-user-select:none;user-select:none}.landing-strip{grid-column:2;grid-row:2;align-self:center}.landing-demo-app{display:flex;height:320px;overflow:hidden;background:var(--color-bg);border:1px solid rgba(255,255,255,.1);border-radius:16px}.landing-demo-side{width:168px;flex:none;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);border-right:1px solid var(--color-border);transition:width var(--dur-base) var(--ease-standard)}.landing-demo-app.is-collapsed .landing-demo-side{width:56px}.landing-demo-brand{display:flex;align-items:center;min-height:44px;padding:0 12px;border-bottom:1px solid var(--color-border)}.landing-demo .logo-icon{display:none;width:32px;height:32px;object-fit:contain;flex:none}.landing-demo-app.is-collapsed .landing-demo-brand{justify-content:center;padding-inline:0}.landing-demo-app.is-collapsed .logo-icon{display:block}.landing-demo-wordmark{font-size:var(--text-sm);white-space:nowrap}.landing-demo-app.is-collapsed .landing-demo-wordmark,.landing-demo-app.is-collapsed .landing-demo-kicker,.landing-demo-app.is-collapsed .landing-demo-item span,.landing-demo-app.is-collapsed .landing-demo-account-label{display:none}.landing-demo-nav{position:relative;flex:1;overflow:hidden;padding:8px;scrollbar-width:none}.landing-demo-nav::-webkit-scrollbar{display:none}.landing-demo-account{position:relative;margin-top:auto;padding:8px;border-top:1px solid var(--color-border);pointer-events:auto}.landing-demo-account-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.landing-demo-account-toggle svg{width:16px;height:16px;flex:none}.landing-demo-account-toggle[aria-expanded=true]{background:var(--color-accent-glow);color:var(--color-accent)}.landing-demo-app.is-account-open,.landing-demo-app.is-account-open .landing-demo-side{overflow:visible}.landing-demo-account-panel{position:absolute;left:8px;bottom:calc(100% - 4px);z-index:5;display:flex;flex-direction:column;width:max-content;min-width:180px;padding:4px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.landing-demo-account-panel[hidden]{display:none}.landing-demo-account-item{padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}.landing-demo-kicker{display:block;padding:8px 8px 4px;color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing-demo-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm)}.landing-demo-item svg{width:16px;height:16px;flex:none}.landing-demo-item.is-active{background:var(--color-accent-glow);color:var(--color-accent)}.landing-demo-mark{position:absolute;left:8px;top:0;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--color-accent);z-index:2;transition:transform var(--dur-base) var(--ease-standard)}.landing-demo-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.landing-demo-pane{display:none;padding:12px}.landing-demo-pane.is-active{display:flex;flex:1;flex-direction:column;justify-content:center}.landing-demo-welcome{margin:0 0 12px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:400}.landing-demo-card,.landing-demo-row{padding:12px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.landing-demo-card-title{margin:0 0 8px;font-size:var(--text-sm);font-weight:600}.landing-demo-week{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.landing-demo-week span{color:var(--color-text);font-size:var(--text-2xl);font-variant-numeric:tabular-nums}.landing-demo-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-demo-name{font-size:var(--text-sm);font-weight:600}.landing-demo-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.landing-demo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.landing-demo-status.is-paused{background:#fbbf2426;color:var(--color-warning)}.landing-demo-status.is-running{background:#7eb0cc26;color:var(--color-accent)}.landing-demo-status.is-posted{background:#34d3991f;color:var(--color-success)}.landing-demo-label{transition:opacity var(--dur-base) var(--ease-standard)}.landing-demo-app.is-instant .landing-demo-side,.landing-demo-app.is-instant .landing-demo-mark,.landing-demo-app.is-instant .landing-demo-status,.landing-demo-app.is-instant .landing-demo-label{transition:none}.landing-strip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:12px}.landing-form{padding:0}#wl-step-email,#wl-step-details{padding:12px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.landing-field{margin-bottom:12px}.landing-optional{color:var(--color-text-muted);font-weight:400}.landing-field label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:6px}.landing-field input,.landing-field textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.landing-field input::placeholder,.landing-field textarea::placeholder{color:var(--color-text-subtle)}.landing-field input:focus,.landing-field textarea:focus,.landing-field input:focus-visible,.landing-field textarea:focus-visible{outline:2px solid #7eb0cc;outline-offset:2px;border-color:#7eb0cc}.landing-field textarea{min-height:88px;resize:vertical}.landing-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.landing-actions{display:flex;align-items:center;gap:8px}.landing-submit{position:relative;flex:1;margin-top:4px;padding:12px 18px;overflow:hidden;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-bg);font:inherit;font-weight:600;font-size:var(--text-sm);cursor:pointer}.landing-submit-label{position:relative;z-index:1;display:inline-block}.landing-submit:hover:not(:disabled){background:var(--color-accent-hover)}.landing-submit:disabled{opacity:.5;cursor:not-allowed}.landing-submit.is-coming-soon,.landing-submit.is-coming-soon:disabled,.landing-submit.is-coming-soon:hover{opacity:1;background:#f0f0f0;color:#1e1e1e}.landing-submit.is-coming-soon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#fff 45%,transparent);transform:translate(-130%);animation:landing-flash-right .7s ease forwards;pointer-events:none}.landing-submit.is-coming-soon .landing-submit-label{animation:landing-fade-right 1.4s ease forwards}@keyframes landing-flash-right{to{transform:translate(130%)}}@keyframes landing-fade-right{0%{opacity:0;transform:translate(-10px)}20%{opacity:1;transform:translate(0)}68%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(14px)}}.landing-login-link,.landing-skip{flex:0 0 auto;margin-top:4px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text);font:inherit;font-weight:500;font-size:var(--text-sm);text-decoration:none;cursor:pointer}.landing-login-link:hover,.landing-skip:hover{background:#ffffff0a}.landing-msg{margin:0;min-height:0;padding:0;background:transparent;color:var(--color-text);font-size:var(--text-sm)}.landing-msg:empty{display:none}.landing-msg.is-error,.landing-msg.is-success{margin-top:12px}.landing-msg.is-error{color:var(--color-error)}.landing-msg.is-success{color:var(--color-success)}.landing-login-link:focus-visible,.landing-submit:focus-visible,.landing-skip:focus-visible,.landing-wordmark:focus-visible{outline:2px solid #7eb0cc;outline-offset:2px}@media(max-width:800px){.landing-page{align-items:flex-start;padding:24px 16px 48px}.landing-topbar{padding:16px 16px 0}.landing-wordmark{margin-left:0}.landing-split{grid-template-columns:1fr;grid-template-rows:none;gap:28px}.landing-hero h1,.landing-demo,.landing-strip{grid-column:1;grid-row:auto}.landing-demo-app{height:260px}}@media(prefers-reduced-motion:reduce){.landing-submit.is-coming-soon:before,.landing-submit.is-coming-soon .landing-submit-label{animation:none}.landing-submit.is-coming-soon .landing-submit-label{opacity:1;transform:none}}