.landing-page{min-height:100vh;background:var(--paper);color:var(--ink)}.landing-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--s4);min-height:68px;padding:0 var(--s7);border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--paper) 92%,transparent);backdrop-filter:blur(10px)}.landing-brand{display:inline-flex;align-items:center;gap:var(--s3);min-width:0}.landing-brand-mark{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;background:var(--ink);color:var(--surface);font-family:var(--font-sans);font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 55%,transparent)}[data-theme=dark] .landing-brand-mark{color:var(--paper)}.landing-brand strong{display:block;font-family:var(--font-serif);font-size:18px;line-height:1.1}.landing-brand small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.landing-nav-actions{gap:var(--s3);flex:1;min-width:0}.landing-nav-actions,.landing-nav-links{display:flex;align-items:center;justify-content:flex-end}.landing-nav-links{gap:var(--s4);color:var(--ink-soft);font-size:13px;font-weight:600}.landing-nav-links a{padding:8px 0}.landing-nav-links a:hover{color:var(--ink)}.landing-nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;transition:background .16s ease,border-color .16s ease}.landing-nav-login:hover{border-color:var(--ink);background:var(--surface-2)}.landing-page :where(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);gap:clamp(var(--s7),4vw,var(--s9));align-items:center;min-height:min(700px,calc(100svh - 68px));overflow:hidden;padding:var(--s9) max(var(--s7),calc((100vw - 1380px) / 2));border-bottom:1px solid var(--line)}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,color-mix(in oklab,var(--gold) 10%,transparent) 0,transparent 36%),linear-gradient(180deg,color-mix(in oklab,var(--surface) 34%,transparent) 0,transparent 72%);pointer-events:none}.landing-hero-copy{position:relative;z-index:2;width:100%;max-width:620px;animation:landing-rise .48s cubic-bezier(.2,.8,.2,1) both}.landing-hero h1{margin-top:var(--s3);font-size:clamp(58px,5vw,72px);line-height:.95}.landing-hero-subtitle{max-width:56ch;margin:var(--s5) 0 0;color:var(--ink-soft);font-size:18px;line-height:1.65}.landing-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;padding:0 16px;border-radius:var(--r-sm);border:1px solid transparent;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}.landing-btn-primary{background:var(--ink);color:var(--primary-fg)}[data-theme=dark] .landing-btn-primary{background:#eef0f4;color:#14181f}.landing-btn-ghost{background:color-mix(in oklab,var(--surface) 72%,transparent);border-color:var(--line-strong);color:var(--ink-soft)}.landing-btn-ghost:hover{background:var(--surface);color:var(--ink)}.landing-btn:hover{transform:translateY(-1px)}.landing-install{display:inline-flex;flex-direction:column;gap:var(--s2)}.landing-install-hint{max-width:320px;margin:0;font-size:12px;line-height:1.5;color:var(--ink-soft)}.landing-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);max-width:560px;margin:var(--s7) 0 0}.landing-hero-metrics div{border-left:1px solid var(--line-strong);padding-left:var(--s4)}.landing-hero-metrics dt{font-family:var(--font-serif);font-size:27px;font-weight:600;line-height:1}.landing-hero-metrics dd{margin:6px 0 0;color:var(--muted);font-size:12px;font-weight:600}.landing-preview{position:relative;z-index:2;width:100%;min-width:0;color:var(--ink);animation:landing-preview-in .62s cubic-bezier(.2,.8,.2,1) 80ms both}.landing-preview-shell{display:grid;grid-template-columns:178px 1fr;min-height:486px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-lg)}.landing-preview-sidebar{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);border-right:1px solid var(--line);background:var(--surface-2)}.landing-preview-brand{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4)}.landing-preview-brand span{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--ink);color:var(--surface);font-family:var(--font-sans);font-size:11px;font-weight:600}[data-theme=dark] .landing-preview-brand span{color:var(--paper)}.landing-preview-brand strong{font-family:var(--font-serif);font-size:15px}.landing-preview-nav{display:flex;align-items:center;gap:var(--s2);min-height:32px;padding:0 var(--s2);border-radius:var(--r-sm);color:var(--muted);font-size:12px;font-weight:600}.landing-preview-nav span{width:14px;height:14px;border-radius:4px;background:var(--line-strong)}.landing-preview-nav-active{background:var(--ink);color:var(--primary-fg)}[data-theme=dark] .landing-preview-nav-active{background:#eef0f4;color:#14181f}.landing-preview-nav-active span{background:color-mix(in oklab,currentColor 42%,transparent)}.landing-preview-main{min-width:0;padding:var(--s5);background:var(--paper)}.landing-preview-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.landing-preview-section-head span,.landing-preview-stats span,.landing-preview-top span{display:block;color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.landing-preview-top strong{display:block;margin-top:3px;font-family:var(--font-serif);font-size:21px}.landing-preview-top small{padding:3px 8px;border:1px solid var(--success-line);border-radius:var(--r-pill);background:var(--success-bg);color:var(--success);font-size:11px;font-weight:700}.landing-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s4)}.landing-preview-access,.landing-preview-pipeline,.landing-preview-stats div{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-sm)}.landing-preview-stats div{min-height:96px;padding:var(--s4)}.landing-preview-stats strong{display:block;margin-top:var(--s3);font-family:var(--font-serif);font-size:20px}.landing-preview-stats small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:600}.landing-preview-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(176px,.8fr);gap:var(--s3)}.landing-preview-access,.landing-preview-pipeline{min-width:0;padding:var(--s4)}.landing-preview-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.landing-preview-section-head small{color:var(--muted);font-size:11px;font-weight:700}.landing-preview-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}.landing-preview-column{min-height:190px;padding:var(--s3);border-top:3px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2)}.landing-preview-column.info{border-color:var(--info)}.landing-preview-column.warn{border-color:var(--warn)}.landing-preview-column.gold{border-color:var(--gold)}.landing-preview-column.success{border-color:var(--success)}.landing-preview-column span{display:block;color:var(--muted);font-size:11px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.landing-preview-column strong{display:block;margin:var(--s2) 0 var(--s3);font-size:18px}.landing-preview-column div{height:42px;margin-top:var(--s2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.landing-preview-role{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:34px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:12px;font-weight:700}.landing-preview-role:last-child{border-bottom:0}.landing-preview-role div{display:inline-flex;gap:5px}.landing-preview-role i{width:8px;height:8px;border-radius:99px;background:var(--line-strong)}.landing-preview-role i.on{background:var(--success)}.landing-band,.landing-cta,.landing-section{width:min(1160px,calc(100% - 48px));margin:0 auto}.landing-section{padding:var(--s9) 0}.landing-section-tight{padding-bottom:var(--s8)}.landing-section-head{max-width:720px;margin-bottom:var(--s7)}.landing-cta h2,.landing-flow-copy h2,.landing-section-head h2{margin-top:var(--s2);font-size:34px}.landing-cta p,.landing-flow-copy p,.landing-section-head p{margin:var(--s3) 0 0;color:var(--muted);font-size:15px;line-height:1.65}.landing-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:var(--s7);column-gap:var(--s7)}.landing-module{min-height:164px;padding:var(--s5) 0 var(--s6);border-top:1px solid var(--line-strong);transition:border-color .16s ease}.landing-module:hover{border-color:var(--gold)}.landing-module-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--gold)}.landing-module h3{margin-top:var(--s4);font-size:16px}.landing-module p{max-width:36ch;margin:var(--s2) 0 0;color:var(--muted);font-size:13px;line-height:1.6}.landing-band{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--s7);align-items:start;padding:var(--s8) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.landing-flow{display:grid;gap:var(--s3);margin:0;padding:0;list-style:none}.landing-flow li{grid-template-columns:58px 1fr;align-items:center;gap:var(--s4);min-height:78px;padding:var(--s4);border:1px solid var(--line);background:var(--surface)}.landing-flow li,.landing-flow span{display:grid;border-radius:var(--r-sm)}.landing-flow span{place-items:center;width:44px;height:44px;background:var(--ink);color:var(--primary-fg);font-family:var(--font-serif);font-weight:600}[data-theme=dark] .landing-flow span{background:#eef0f4;color:#14181f}.landing-flow strong{color:var(--ink-soft);font-size:15px;line-height:1.45}.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s8) 0 var(--s9)}.landing-cta>div{max-width:700px}@media (max-width:1120px){.landing-hero{min-height:auto;display:block;padding:var(--s8) var(--s7)}.landing-hero-copy{width:min(680px,100%)}.landing-preview{width:100%;margin-top:var(--s7)}.landing-preview-shell{min-height:430px}}@media (max-width:880px){.landing-nav{padding:0 var(--s5)}.landing-nav-links{display:none}.landing-hero{padding:var(--s7) var(--s5) var(--s8)}.landing-hero h1{font-size:54px}.landing-hero-subtitle{font-size:16px}.landing-band{grid-template-columns:1fr}.landing-preview{display:none}.landing-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-band,.landing-cta,.landing-section{width:min(100% - 32px,680px)}.landing-cta h2,.landing-flow-copy h2,.landing-section-head h2{font-size:28px}.landing-cta{align-items:flex-start;flex-direction:column}}@media (max-width:540px){.landing-nav{min-height:64px;padding:0 var(--s4)}.landing-brand,.landing-nav{gap:var(--s2)}.landing-brand-mark{width:34px;height:34px}.landing-brand strong{font-size:16px}.landing-brand small{display:none}.landing-nav-actions{gap:var(--s2)}.landing-nav .iconbtn,.landing-nav-login{min-height:44px}.landing-nav-login{padding:0 var(--s3)}.landing-nav .iconbtn{width:44px;height:44px}.landing-hero{padding:var(--s5) var(--s5) var(--s6)}.landing-hero h1{font-size:40px}.landing-hero-subtitle{margin-top:var(--s3);line-height:1.55}.landing-actions{flex-direction:column;align-items:stretch;margin-top:var(--s4)}.landing-btn{width:100%}.landing-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-top:var(--s4)}.landing-hero-metrics div{border-top:0;border-left:1px solid var(--line-strong);padding:0 0 0 var(--s2)}.landing-hero-metrics dt{font-size:20px}.landing-hero-metrics dd{font-size:11px;line-height:1.25}.landing-section{padding-top:var(--s7)}.landing-module-grid{grid-template-columns:1fr;gap:0}.landing-module{display:grid;grid-template-columns:36px minmax(0,1fr);-moz-column-gap:var(--s3);column-gap:var(--s3);min-height:0;padding:var(--s4) 0}.landing-module-icon{grid-row:1/3;width:36px;height:36px}.landing-module h3{margin-top:0}.landing-module p{max-width:none;margin-top:var(--s1)}.landing-flow li{grid-template-columns:44px 1fr;padding:var(--s4)}}@media (max-width:360px){.landing-brand strong{font-size:15px}.landing-nav-login{padding:0 10px}.landing-hero h1{font-size:36px}}@keyframes landing-rise{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes landing-preview-in{0%{transform:translateY(18px) scale(.99)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.landing-hero-copy,.landing-preview{animation:none}.landing-btn,.landing-module,.landing-nav-login{transition:none}}