.landing{max-width:1440px;margin:0 auto;background:var(--color-bg);overflow:clip}.landing-main{display:block}.landing-brand{display:inline-flex;align-items:center;gap:var(--space-3)}.landing-brand__mark{width:22px;height:22px;background:var(--color-accent);border-radius:7px;transform:rotate(45deg)}.landing-brand__mark--sm{width:14px;height:14px;border-radius:var(--radius-sm)}.landing-brand__name{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-h2);letter-spacing:-.02em;color:var(--color-text)}.landing-brand__name--sm{font-size:var(--text-sm)}.landing-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) calc(var(--space-8) * 2);border-bottom:1px solid color-mix(in srgb,var(--color-border-subtle) 78%,transparent);background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-nav__menu{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8)}.landing-nav__link{display:inline-flex;align-items:center;min-height:32px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.landing-nav__link:hover{color:var(--color-accent)}.landing .landing-cta--primary,.landing .landing-cta--primary:hover{color:var(--color-accent-contrast)}.landing .landing-cta--secondary,.landing .landing-cta--secondary:hover{color:var(--color-text)}.landing .landing-cta--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-body)}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:calc(var(--space-8) + var(--space-6));align-items:center;padding:calc(var(--space-6) * 3) calc(var(--space-8) * 2) calc(var(--space-8) * 3);background:radial-gradient(60% 80% at 75% 10%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 60%),radial-gradient(50% 70% at 10% 90%,color-mix(in srgb,var(--color-violet) 12%,transparent),transparent 60%)}.landing-hero:before{content:"";position:absolute;inset:8% 4% auto auto;width:420px;height:420px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 8%,transparent);filter:blur(100px);pointer-events:none;animation:landing-glow 9s ease-in-out infinite alternate}.landing-hero__copy,.landing-mock{position:relative;z-index:1}.landing-hero__copy{animation:landing-copy-in var(--motion-slow) var(--ease-out) both}.landing-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);margin-bottom:calc(var(--space-6) + var(--space-1))}.landing-hero__badge-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-accent)}.landing-hero__title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-hero);line-height:1.12;letter-spacing:-.03em;margin:0 0 var(--space-5)}.landing-hero__lead{font-size:calc(var(--text-h3) + 2px);line-height:1.65;color:var(--color-text-muted);margin:0 0 calc(var(--space-8) + var(--space-1));max-width:480px;text-wrap:pretty}.landing-hero__actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.landing-hero__stats{display:flex;gap:var(--space-10);margin-top:calc(var(--space-10) + var(--space-3));flex-wrap:wrap}.landing-stat__value{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-h1);color:var(--color-text)}.landing-stat__value--accent{color:var(--color-accent)}.landing-stat__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.landing-mock{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);animation:landing-panel-in .9s var(--ease-out) .12s both}.landing-mock__bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);align-items:center}.landing-mock__dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-border)}.landing-mock__bar-label{margin-left:var(--space-2);color:var(--color-text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}.landing-mock__live{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--color-accent);font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.landing-mock__live span{width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent) 70%,transparent);animation:landing-pulse 1.8s ease-in-out infinite}.landing-mock__body{display:flex}.landing-mock__side{width:150px;background:var(--color-bg);border-right:1px solid var(--color-border-subtle);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.landing-mock__logo{width:16px;height:16px;background:var(--color-accent);border-radius:5px;transform:rotate(45deg);margin:2px 0 var(--space-2) 2px}.landing-mock__nav{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-2) var(--space-3)}.landing-mock__nav--active{font-weight:var(--weight-bold);color:var(--color-text);background:var(--color-surface-2);border-radius:7px}.landing-mock__main{flex:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.landing-monitor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.landing-monitor__item{min-width:0;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg)}.landing-monitor__label,.landing-monitor__value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.landing-monitor__label{color:var(--color-text-dim);font-size:9px}.landing-monitor__value{margin-top:var(--space-1);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.landing-monitor__value--accent{color:var(--color-accent)}.landing-mock__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.landing-mock__title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-body)}.landing-mock__new{background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-black);font-size:var(--text-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill)}.landing-mock__row{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}.landing-mock__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:3px}.landing-mock__host{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.landing-section{padding:calc(var(--space-8) * 3) calc(var(--space-8) * 2);border-top:1px solid var(--color-border-subtle)}.landing-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;color:var(--color-accent);margin-bottom:var(--space-3)}.landing-section__title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:calc(var(--text-hero) * .68);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-4)}.landing-section__lead{font-size:var(--text-h3);color:var(--color-text-muted);line-height:1.65;margin:0 0 calc(var(--space-8) + var(--space-6));max-width:560px;text-wrap:pretty}.landing-video{position:relative;margin:0 0 calc(var(--space-8) + var(--space-6));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}.landing-video__player{display:block;width:100%;aspect-ratio:16 / 9}.landing-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border:0;padding:0;background:color-mix(in srgb,var(--color-bg) 20%,transparent);cursor:pointer;transition:background .2s var(--ease-out)}.landing-video__overlay:hover,.landing-video__overlay:focus-visible{background:color-mix(in srgb,var(--color-bg) 8%,transparent)}.landing-video__play{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 40px color-mix(in srgb,var(--color-accent) 45%,transparent);transition:transform .2s var(--ease-out)}.landing-video__play svg{margin-left:4px}.landing-video__overlay:hover .landing-video__play,.landing-video__overlay:focus-visible .landing-video__play{transform:scale(1.08)}.landing-video__hint{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text);text-shadow:0 1px 8px color-mix(in srgb,var(--color-bg) 80%,transparent)}.landing-how__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.card.landing-how__card{padding:var(--space-8)}.landing-how__step{font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-5)}.landing-how__step--accent{color:var(--color-accent)}.landing-how__step--violet{color:var(--color-violet)}.landing-how__heading{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-h2);margin:0 0 var(--space-3)}.landing-how__body{font-size:calc(var(--text-sm) + 1px);color:var(--color-text-muted);line-height:1.65;margin:0}.landing-feat__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6)}.card.landing-feat__card{padding:calc(var(--space-8) + var(--space-1))}.landing-feat__heading{font-family:var(--font-display);font-weight:var(--weight-black);font-size:calc(var(--text-h2) + 2px);margin:0 0 var(--space-3)}.landing-feat__body{font-size:calc(var(--text-sm) + 1px);color:var(--color-text-muted);line-height:1.65;margin:0 0 var(--space-6)}.landing-feat__roles{display:flex;gap:var(--space-2);flex-wrap:wrap}.landing-feat__revoke{display:inline-flex;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);font-weight:var(--weight-bold);font-size:var(--text-sm);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill)}.landing-feat__log,.landing-feat__code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.landing-feat__log{color:var(--color-text-muted)}.landing-feat__log-action,.landing-feat__code{color:var(--color-accent)}.landing-final{margin:0 calc(var(--space-8) * 2) calc(var(--space-8) * 3);padding:calc(var(--space-6) * 3) calc(var(--space-8) * 2);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--color-border);background:radial-gradient(70% 120% at 50% 0%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 65%),var(--color-surface)}.landing-final__title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:calc(var(--text-hero) * .64);letter-spacing:-.02em;margin:0 0 var(--space-4)}.landing-final__lead{font-size:var(--text-h3);color:var(--color-text-muted);margin:0 0 var(--space-8)}.landing-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:calc(var(--space-6) + var(--space-1)) calc(var(--space-8) * 2);border-top:1px solid var(--color-border-subtle);font-size:var(--text-sm);color:var(--color-text-muted)}.landing-footer__tag{font-family:var(--font-mono);font-size:var(--text-xs)}.landing-footer__links{display:flex;gap:var(--space-6);flex-wrap:wrap}.landing-footer__links a{display:inline-flex;align-items:center;min-height:32px;color:var(--color-text-muted)}.landing-footer__links a:hover{color:var(--color-accent)}@keyframes landing-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-panel-in{0%{opacity:0;transform:translateY(24px) rotateX(4deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes landing-glow{0%{transform:translate3d(-20px,-12px,0) scale(.92)}to{transform:translate3d(22px,18px,0) scale(1.08)}}@keyframes landing-pulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (max-width: 960px){.landing-hero,.landing-how__grid,.landing-feat__grid{grid-template-columns:1fr}.landing-nav__menu{gap:var(--space-4)}}@media (max-width: 640px){.landing-nav{padding:var(--space-4);flex-wrap:wrap;row-gap:var(--space-3)}.landing-nav__menu{order:3;width:100%;gap:var(--space-4);justify-content:flex-start}.landing-nav__link{font-size:var(--text-xs);min-height:44px}.landing-footer__links a{min-height:44px}.landing-nav__cta{display:inline-flex}.landing-hero,.landing-section{padding:calc(var(--space-8) + var(--space-6)) var(--space-5)}.landing-hero__title{font-size:42px}.landing-hero__stats{gap:var(--space-5)}.landing-mock__side{display:none}.landing-monitor{grid-template-columns:1fr}.landing-final{margin:0 var(--space-4) var(--space-10);padding:var(--space-10) var(--space-5)}.landing-footer{padding:var(--space-6) var(--space-5)}}