.landing-footer{border-top:1px solid var(--app-border);background-color:var(--app-bg-card);width:100%;max-width:100%;color:var(--app-text-secondary);transition:background-color var(--app-motion-slow), border-color var(--app-motion-slow);margin-top:auto;overflow-x:clip}.landing-footer__bar{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:clip}.landing-footer__directory{width:100%;max-width:80rem;overflow-x:clip}.landing-footer__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--app-text-secondary);opacity:.85;font-size:11px;font-weight:700}.landing-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (max-width:380px){.landing-footer__grid{grid-template-columns:1fr;gap:.375rem}}@media (min-width:1024px){.landing-footer__grid{flex-direction:column;gap:.25rem;display:flex}}.landing-footer__chip{border-radius:var(--app-radius-md);background-color:var(--app-bg-card);border:1px solid var(--app-border);transition:all var(--app-motion-normal);align-items:center;gap:.5rem;min-height:2.25rem;padding:.45rem .6rem;text-decoration:none;display:flex;box-shadow:0 1px 2px #00000005}.landing-footer__chip:hover{background-color:var(--app-bg-hover);border-color:var(--app-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000000a}.landing-footer__chip:active{transform:translateY(0)}.landing-footer__chip-icon{border-radius:var(--app-radius-sm);background-color:var(--app-bg-hover);width:1.5rem;height:1.5rem;color:var(--app-text-secondary);transition:color var(--app-motion-normal), background-color var(--app-motion-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-footer__chip:hover .landing-footer__chip-icon{color:var(--app-accent);background-color:var(--app-accent-bg)}.landing-footer__chip-text{color:var(--app-text);transition:color var(--app-motion-normal);word-break:break-word;font-size:11.5px;font-weight:500;line-height:1.3}.landing-footer__chip:hover .landing-footer__chip-text{color:var(--app-accent)}@media (min-width:1024px){.landing-footer__chip{box-shadow:none;background-color:#0000;border-color:#0000;min-height:2rem;padding:.35rem .5rem}.landing-footer__chip:hover{background-color:var(--app-bg-hover);border-color:var(--app-border);box-shadow:none;transform:none}.landing-footer__chip-text{color:var(--app-text-secondary);font-size:12px}.landing-footer__chip:hover .landing-footer__chip-text{color:var(--app-text)}}
.hero-preview{isolation:isolate;width:100%;max-width:100%;margin-block:.75rem;position:relative}.hero-preview__glow{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--app-accent) 18%, transparent), transparent 68%);filter:blur(64px);opacity:.75;border-radius:50%;position:absolute;inset:-12% -8%}.hero-preview__window{border-radius:var(--app-radius-xl);background-color:var(--app-bg-card);border:1px solid var(--app-border);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 12px 32px -4px #0f172a14,0 24px 60px -12px #0f172a1f}.dark .hero-preview__window,[data-app-theme=dark] .hero-preview__window{border:1px solid #ffffff1a;box-shadow:0 0 0 1px #ffffff0d,0 24px 60px -12px #000000bf,0 40px 90px -20px #000000e6,inset 0 1px #ffffff1a}.hero-preview__chrome{background-color:color-mix(in srgb, var(--app-bg-main) 60%, var(--app-bg-card));border-bottom:1px solid color-mix(in srgb, var(--app-border) 75%, transparent);align-items:center;gap:.85rem;padding:.65rem 1rem;display:flex}.hero-preview__traffic-lights{align-items:center;gap:.35rem;display:flex}.hero-preview__dot{border-radius:var(--app-radius-pill);width:.65rem;height:.65rem;display:inline-block}.hero-preview__dot--red{background-color:#ff5f56}.hero-preview__dot--amber{background-color:#ffbd2e}.hero-preview__dot--green{background-color:#27c93f}.hero-preview__tabs{scrollbar-width:none;align-items:center;gap:.35rem;min-width:0;display:flex;overflow-x:auto}.hero-preview__tabs::-webkit-scrollbar{display:none}.hero-preview__tab{border-radius:var(--app-radius-md);color:var(--app-text-secondary);cursor:pointer;transition:all var(--app-motion-normal);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.6875rem;display:inline-flex}.hero-preview__tab:hover{color:var(--app-text);background:color-mix(in srgb, var(--app-bg-card) 80%, transparent)}.hero-preview__tab.is-active{color:var(--app-text);background:var(--app-bg-card);border-color:var(--app-border);font-weight:600;box-shadow:0 1px 2px #0000000d}.hero-preview__chrome-badge{border-radius:var(--app-radius-pill);background-color:color-mix(in srgb, var(--status-emerald-text) 10%, var(--app-bg-card));border:1px solid color-mix(in srgb, var(--status-emerald-text) 28%, transparent);color:var(--status-emerald-text);white-space:nowrap;transition:all var(--app-motion-normal);flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto;padding:.2rem .55rem;display:inline-flex}.hero-preview__chrome-badge:hover{background-color:color-mix(in srgb, var(--status-emerald-text) 16%, var(--app-bg-card));border-color:color-mix(in srgb, var(--status-emerald-text) 40%, transparent)}.hero-preview__chrome-badge span{color:var(--status-emerald-text);letter-spacing:.02em;white-space:nowrap;font-weight:600}.hero-preview__scenes{min-width:0;display:grid}.hero-preview__body{visibility:hidden;pointer-events:none;grid-area:1/1;grid-template-columns:1fr;min-width:0;min-height:17rem;display:grid;position:relative}.hero-preview__body.is-active{visibility:visible;pointer-events:auto}@media (min-width:768px){.hero-preview__body{grid-template-columns:1fr auto 1.15fr}}.hero-preview__pane{flex-direction:column;min-width:0;padding:1.1rem;display:flex}.hero-preview__pane--source{background-color:color-mix(in srgb, var(--app-bg-main) 40%, var(--app-bg-card));border-bottom:1px solid color-mix(in srgb, var(--app-border) 70%, transparent)}@media (min-width:768px){.hero-preview__pane--source{border-bottom:none;border-right:1px solid color-mix(in srgb, var(--app-border) 70%, transparent)}}.hero-preview__pane-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.hero-preview__lang-tag,.hero-preview__rendered-tag{border-radius:var(--app-radius-sm);background:var(--app-accent-chip-bg);color:var(--app-accent-chip-text);border:1px solid var(--app-accent-chip-border);letter-spacing:.02em;padding:.15rem .45rem;font-size:.625rem;font-weight:700}.dark .hero-preview__lang-tag,.dark .hero-preview__rendered-tag,[data-app-theme=dark] .hero-preview__lang-tag,[data-app-theme=dark] .hero-preview__rendered-tag{box-shadow:0 0 10px -2px color-mix(in srgb, var(--app-primary) 30%, transparent)}.hero-preview__code{color:var(--app-text-secondary);margin:0;padding:0;font-size:.735rem;line-height:1.6;overflow-x:auto}.hero-preview__code-line{align-items:baseline;gap:.75rem;display:flex}.hero-preview__body.is-active .hero-preview__code-line{animation:.4s cubic-bezier(.16,1,.3,1) both hero-code-enter;animation-delay:calc(var(--idx) * 60ms)}@keyframes hero-code-enter{0%{opacity:.2;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.hero-preview__line-num{color:var(--app-text-secondary);opacity:.4;-webkit-user-select:none;user-select:none;text-align:right;min-width:1rem;font-size:.65rem}.hero-preview__line-text{color:var(--app-text);opacity:.9}.hero-preview__bridge{display:none}@media (min-width:768px){.hero-preview__bridge{background-color:var(--app-bg-card);justify-content:center;align-items:center;width:2rem;display:flex;position:relative}.hero-preview__bridge-line{background:linear-gradient(90deg, transparent, var(--app-accent), transparent);opacity:.7;height:1.5px;position:absolute;inset-inline:0}.hero-preview__bridge-spark{border-radius:var(--app-radius-pill);background-color:var(--app-accent);width:.45rem;height:.45rem;box-shadow:0 0 10px var(--app-accent);position:absolute}.hero-preview__body.is-active .hero-preview__bridge-spark{animation:2.2s ease-in-out infinite hero-spark-stream}}@keyframes hero-spark-stream{0%{opacity:0;left:0%;transform:scale(.6)}25%{opacity:1;transform:scale(1.2)}75%{opacity:1;transform:scale(1.2)}to{opacity:0;left:100%;transform:scale(.6)}}.hero-preview__pane--rendered{background-color:var(--app-bg-card)}.hero-preview__body.is-active .hero-preview__pane--rendered{animation:.5s cubic-bezier(.16,1,.3,1) both hero-rendered-fade}@keyframes hero-rendered-fade{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-preview__footer{background-color:color-mix(in srgb, var(--app-bg-main) 70%, var(--app-bg-card));border-top:1px solid color-mix(in srgb, var(--app-border) 75%, transparent);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.hero-preview__footer-status{align-items:center;gap:.45rem;display:flex}.hero-preview__status-dot{border-radius:var(--app-radius-pill);background-color:var(--status-emerald-text);width:.45rem;height:.45rem;box-shadow:0 0 6px #10b98166}.hero-preview__footer-tag{color:var(--app-text-secondary);opacity:.8;font-size:.625rem}@media (max-width:768px){.hero-preview{margin-block:.35rem}.hero-preview__chrome{gap:.45rem;padding:.45rem .65rem}.hero-preview__traffic-lights{display:none}.hero-preview__tabs{gap:.25rem}.hero-preview__tab{padding:.25rem .45rem;font-size:.625rem}.hero-preview__chrome-badge{white-space:nowrap;flex-shrink:0;gap:.25rem;padding:.15rem .45rem}.hero-preview__chrome-badge span{white-space:nowrap;font-size:.5625rem}.hero-preview__body{min-height:0}.hero-preview__pane--rendered{border-bottom:1px solid var(--app-border);order:-1}.hero-preview__pane--source{border-bottom:0}.hero-preview__pane{padding:.75rem .85rem}.hero-preview__pane-header{margin-bottom:.4rem}.hero-preview__code{font-size:.6875rem;line-height:1.45}.hero-preview__code-line{gap:.45rem}.hero-preview__doc-title{margin-bottom:.4rem;font-size:.8125rem;line-height:1.25}.hero-preview__rendered-stack{gap:.4rem}.hero-preview__table-row{padding:.25rem .45rem;font-size:.6875rem}.hero-preview__table-head{font-size:.625rem}.hero-preview__callout{padding:.3rem .5rem}.hero-preview__callout span{font-size:.6875rem;line-height:1.3}.hero-preview__math{padding:.25rem .5rem;font-size:.6875rem}.hero-preview__node{gap:.25rem;padding:.25rem .45rem;font-size:.625rem}.hero-preview__diagram-caption{font-size:.625rem}.hero-preview__footer{padding:.35rem .65rem}.hero-preview__footer-tag{display:none}}@media (prefers-reduced-motion:reduce){.hero-preview__code-line,.hero-preview__pane--rendered,.hero-preview__bridge-spark{animation:none!important}}
.hero-preview__doc-title{color:var(--app-text);margin-bottom:.75rem;font-size:.95rem;font-weight:700;line-height:1.3}.hero-preview__rendered-stack{flex-direction:column;gap:.65rem;display:flex}.hero-preview__table{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background-color:color-mix(in srgb, var(--app-bg-main) 50%, var(--app-bg-card));overflow:hidden}.hero-preview__table-row{border-bottom:1px solid color-mix(in srgb, var(--app-border) 60%, transparent);grid-template-columns:1fr 1fr 1fr;align-items:center;padding:.35rem .6rem;font-size:.75rem;display:grid}.hero-preview__table-row:last-child{border-bottom:none}.hero-preview__table-head{color:var(--app-text-secondary);background-color:color-mix(in srgb, var(--app-accent-bg) 60%, var(--app-bg-card));font-size:.6875rem;font-weight:600}.hero-preview__badge{border-radius:var(--app-radius-pill);justify-content:center;align-items:center;width:fit-content;padding:.1rem .4rem;font-size:.625rem;font-weight:600;display:inline-flex}.hero-preview__badge--green{background-color:var(--app-success-chip-bg);color:var(--app-success-chip-text);border:1px solid var(--app-success-chip-border)}.hero-preview__callout{border-radius:var(--app-radius-md);background-color:var(--app-accent-chip-bg);border:1px solid var(--app-accent-chip-border);color:var(--app-text);align-items:center;gap:.45rem;padding:.45rem .65rem;display:flex}.hero-preview__math{border-radius:var(--app-radius-md);background-color:color-mix(in srgb, var(--app-bg-main) 60%, var(--app-bg-card));border:1px solid var(--app-border);color:var(--app-text);padding:.35rem .65rem;font-size:.75rem}.hero-preview__api-card{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background-color:color-mix(in srgb, var(--app-bg-main) 50%, var(--app-bg-card));overflow:hidden}.hero-preview__api-header{border-bottom:1px solid var(--app-border);background-color:color-mix(in srgb, var(--app-accent) 8%, transparent);align-items:center;gap:.45rem;padding:.45rem .65rem;display:flex}.hero-preview__method-badge{border-radius:var(--app-radius-xs);background-color:var(--app-accent-band-bg);color:var(--app-accent-band-text);padding:.15rem .4rem;font-size:.625rem;font-weight:700}.hero-preview__api-fields{flex-direction:column;gap:.35rem;padding:.5rem .65rem;display:flex}.hero-preview__api-field{justify-content:space-between;align-items:center;display:flex}.hero-preview__diagram-container{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background-color:color-mix(in srgb, var(--app-bg-main) 50%, var(--app-bg-card));flex-direction:column;gap:.85rem;padding:.65rem;display:flex}.hero-preview__diagram-nodes{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.hero-preview__node{border-radius:var(--app-radius-md);border:1px solid var(--app-border);background-color:var(--app-bg-card);align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.6875rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #00000014}.hero-preview__node--agent{border-color:rgba(var(--app-aurora-2), .4);color:var(--app-text)}.hero-preview__node--core{border-color:var(--app-accent-chip-border);background-color:var(--app-accent-chip-bg);color:var(--app-text)}.hero-preview__node--output{border-color:color-mix(in srgb, var(--status-emerald-text) 35%, transparent);background-color:color-mix(in srgb, var(--status-emerald-text) 6%, transparent);color:var(--app-text)}.hero-preview__diagram-caption{border-top:1px dashed color-mix(in srgb, var(--app-border) 70%, transparent);justify-content:space-between;align-items:center;padding-top:.35rem;display:flex}
.landing-dropzone{max-width:34rem;margin-inline:auto}.landing-dropzone__surface{text-align:left;border:1px dashed var(--app-border);border-radius:var(--app-radius-lg);background-color:var(--app-bg-card);cursor:pointer;width:100%;transition:border-color var(--app-motion-fast), background-color var(--app-motion-fast);align-items:center;gap:.65rem;padding:.7rem .85rem;display:flex}.landing-dropzone__surface:hover,.landing-dropzone--active .landing-dropzone__surface{border-color:var(--app-accent);background-color:var(--app-accent-bg)}.landing-dropzone__surface:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.landing-dropzone__icon{border-radius:var(--app-radius-sm);background-color:var(--app-bg-hover);width:1.75rem;height:1.75rem;color:var(--app-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-dropzone__copy{flex-direction:column;flex:auto;gap:.1rem;min-width:0;display:flex}.landing-dropzone__title{font-size:.75rem;font-weight:600;line-height:1.3}.landing-dropzone__formats{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.35;overflow:hidden}.landing-dropzone__action{white-space:nowrap;flex-shrink:0;font-size:.6875rem;font-weight:700}@media (max-width:480px){.landing-dropzone{max-width:20rem}.landing-dropzone__action{display:none}}@media (min-width:1024px){.landing-hero--split .landing-dropzone{margin-inline:0}}.landing-dropzone__surface{animation:3.6s ease-in-out infinite landing-dropzone-invite-outline}.landing-dropzone__icon{animation:3.6s ease-out infinite landing-dropzone-invite-ring}.landing-dropzone__icon>svg{animation:3.6s ease-in-out infinite landing-dropzone-invite-lift}@keyframes landing-dropzone-invite-lift{0%,36%,to{transform:translateY(0)}9%{transform:translateY(-3px)}18%{transform:translateY(0)}27%{transform:translateY(-1.5px)}}@keyframes landing-dropzone-invite-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--app-accent) 45%, transparent)}40%,to{box-shadow:0 0 0 .5rem #0000}}@keyframes landing-dropzone-invite-outline{0%,45%,to{border-color:var(--app-border)}15%{border-color:color-mix(in srgb, var(--app-accent) 70%, var(--app-border))}}.landing-dropzone__surface:is(:hover,:focus-visible),.landing-dropzone__surface:is(:hover,:focus-visible) .landing-dropzone__icon,.landing-dropzone__surface:is(:hover,:focus-visible) .landing-dropzone__icon>svg,.landing-dropzone--active .landing-dropzone__surface,.landing-dropzone--active .landing-dropzone__icon,.landing-dropzone--active .landing-dropzone__icon>svg{animation:none}@media (prefers-reduced-motion:reduce){.landing-dropzone__surface,.landing-dropzone__icon,.landing-dropzone__icon>svg{animation:none}}
html:has(.landing-band){scroll-behavior:smooth}.landing-band{--landing-inner:80rem;--landing-gutter:clamp(1rem, 4vw, 2.5rem);--landing-space:clamp(2.5rem, 5.5vw, 5.25rem);--landing-h1:clamp(1.85rem, 5vw, 3.3rem);--landing-h2:clamp(1.4rem, 3.5vw, 2.25rem);--landing-h3:clamp(1.05rem, 1.8vw, 1.25rem);--landing-lead:clamp(.925rem, 1.5vw, 1.1rem);--landing-body:clamp(.875rem, 1.2vw, .9375rem);background-color:var(--app-bg-main);width:100%;max-width:100%;transition:background-color var(--app-motion-normal);scroll-margin-top:3.5rem;position:relative;overflow-x:clip}@media (max-width:768px){html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-top:0}.landing-band,.landing-hero,.landing-features,section[id]{box-sizing:border-box;contain:layout paint;padding-top:0;padding-bottom:2rem;scroll-margin-top:0;display:block;transform:translateZ(0)}.landing-band__inner,.landing-hero__inner{width:100%;margin-block:0;padding-top:.75rem;padding-bottom:1.5rem}.landing-head{gap:.35rem;margin-bottom:1rem}}.landing-band--raised{background-color:var(--app-bg-card)}.dark .landing-band--raised,[data-app-theme=dark] .landing-band--raised{border-block:1px solid color-mix(in srgb, var(--app-border) 65%, transparent)}.landing-band__aurora-bottom{pointer-events:none;z-index:0;background:radial-gradient(ellipse 55% 45% at 50% 80%, rgba(var(--app-aurora-1), .07), transparent 70%), radial-gradient(ellipse 40% 35% at 25% 75%, rgba(var(--app-aurora-2), .05), transparent 60%), radial-gradient(ellipse 40% 35% at 75% 75%, rgba(var(--app-aurora-3), .05), transparent 60%);filter:blur(64px);will-change:transform, opacity;width:100%;max-width:1200px;height:380px;animation:16s ease-in-out infinite alternate band-aurora-drift;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.dark .landing-band__aurora-bottom,[data-app-theme=dark] .landing-band__aurora-bottom{background:radial-gradient(ellipse 60% 50% at 50% 80%, rgba(var(--app-aurora-1), .15), transparent 70%), radial-gradient(ellipse 45% 40% at 20% 75%, rgba(var(--app-aurora-2), .08), transparent 60%), radial-gradient(ellipse 45% 40% at 80% 75%, rgba(var(--app-aurora-3), .1), transparent 65%);filter:blur(72px)}@keyframes band-aurora-drift{0%{opacity:.8;transform:translate(-50%)scale(1)translateY(0)}50%{opacity:1;transform:translate(-47%)scale(1.08)translateY(-14px)}to{opacity:.85;transform:translate(-53%)scale(.97)translateY(8px)}}@media (max-width:640px){.landing-band__aurora-bottom{filter:blur(36px);height:280px;bottom:-15%}}@media (prefers-reduced-motion:reduce){.landing-band__aurora-bottom{animation:none!important}}.landing-band__inner{max-width:var(--landing-inner);padding-inline:var(--landing-gutter);padding-block:var(--landing-space);margin-inline:auto;position:relative}@media (prefers-reduced-motion:reduce){html:has(.landing-band){scroll-behavior:auto}}.landing-band:not(.landing-band--raised)+.landing-band:not(.landing-band--raised)>.landing-band__inner,.landing-band--raised+.landing-band--raised>.landing-band__inner{padding-top:0}.landing-head{margin-inline:auto;text-align:center;flex-direction:column;align-items:center;gap:.6rem;max-width:46rem;margin-bottom:clamp(2rem,3.4vw,3.25rem);display:flex}.landing-head__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--app-text-light);font-size:.6875rem;font-weight:700}.landing-head__title{font-size:var(--landing-h2);letter-spacing:-.022em;text-wrap:balance;color:var(--app-text);font-weight:600;line-height:1.15}.landing-head__lead{font-size:var(--landing-lead);color:var(--app-text-secondary);text-wrap:pretty;max-width:40rem;line-height:1.65}.landing-surface{background-color:var(--app-bg-card);border:1px solid color-mix(in srgb, var(--app-border) 70%, transparent);border-radius:var(--app-radius-xl)}.landing-band--raised .landing-surface{background-color:var(--app-bg-main)}.landing-features__pillar-bullets{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.landing-features__pillar-bullet{color:var(--app-text-secondary);align-items:flex-start;gap:.65rem;font-size:.875rem;line-height:1.6;display:flex}.landing-features__pillar-bullet-dot{background-color:var(--app-accent);border-radius:50%;flex-shrink:0;width:.3rem;height:.3rem;margin-top:.55rem}.landing-link{color:var(--app-accent);align-items:center;gap:.4rem;margin-block:-.75rem;padding-block:.75rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-link:hover{text-underline-offset:3px;text-decoration:underline}.landing-link:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px;border-radius:var(--app-radius-xs)}
.landing-hero{isolation:isolate;width:100%;max-width:100%;position:relative;overflow-x:clip}.landing-hero__inner{z-index:1;position:relative}.landing-hero__aurora{pointer-events:none;z-index:0;will-change:transform, opacity;backface-visibility:hidden;width:100%;max-width:1280px;position:absolute;left:50%;transform:translate(-50%)}.landing-hero__aurora--top{background:radial-gradient(ellipse 60% 45% at 50% 28%, rgba(var(--app-aurora-1), .08), transparent 70%), radial-gradient(ellipse 45% 35% at 72% 38%, rgba(var(--app-aurora-2), .06), transparent 60%), radial-gradient(ellipse 40% 30% at 28% 34%, rgba(var(--app-aurora-3), .05), transparent 60%);filter:blur(64px);height:560px;animation:16s ease-in-out infinite alternate hero-aurora-drift-top;top:-6%}.landing-hero__aurora--bottom{background:radial-gradient(ellipse 65% 50% at 50% 75%, rgba(var(--app-aurora-1), .07), transparent 70%), radial-gradient(ellipse 45% 35% at 25% 70%, rgba(var(--app-aurora-2), .05), transparent 60%), radial-gradient(ellipse 40% 30% at 78% 68%, rgba(var(--app-aurora-3), .05), transparent 65%);filter:blur(64px);height:460px;animation:18s ease-in-out infinite alternate hero-aurora-drift-bottom;bottom:-4%}.dark .landing-hero__aurora--top,[data-app-theme=dark] .landing-hero__aurora--top{background:radial-gradient(ellipse 60% 45% at 50% 22%, rgba(var(--app-aurora-1), .16), transparent 70%), radial-gradient(ellipse 45% 35% at 76% 32%, rgba(var(--app-aurora-2), .09), transparent 60%), radial-gradient(ellipse 40% 30% at 24% 28%, rgba(var(--app-aurora-3), .09), transparent 65%);filter:blur(72px)}.dark .landing-hero__aurora--bottom,[data-app-theme=dark] .landing-hero__aurora--bottom{background:radial-gradient(ellipse 65% 50% at 50% 78%, rgba(var(--app-aurora-1), .14), transparent 70%), radial-gradient(ellipse 45% 35% at 20% 72%, rgba(var(--app-aurora-2), .08), transparent 60%), radial-gradient(ellipse 45% 35% at 82% 68%, rgba(var(--app-aurora-3), .09), transparent 65%);filter:blur(72px)}@keyframes hero-aurora-drift-top{0%{opacity:.85;transform:translate(-50%)scale(1)translateY(0)}50%{opacity:1;transform:translate(-48%)scale(1.06)translateY(14px)}to{opacity:.9;transform:translate(-52%)scale(1.03)translateY(-10px)}}@keyframes hero-aurora-drift-bottom{0%{opacity:.85;transform:translate(-50%)scale(1)translateY(0)}50%{opacity:1;transform:translate(-53%)scale(1.08)translateY(-16px)}to{opacity:.9;transform:translate(-47%)scale(.97)translateY(8px)}}@media (max-width:640px){.landing-hero__aurora--top{filter:blur(40px);height:440px;top:-5%}.landing-hero__aurora--bottom{filter:blur(40px);height:380px;bottom:-10%}}@media (prefers-reduced-motion:reduce){.landing-hero__aurora{animation:none!important}}.landing-hero__grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--app-border) 1px, transparent 1px), linear-gradient(90deg, var(--app-border) 1px, transparent 1px);opacity:.12;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 35%,#000 20%,#0000 80%);mask-image:radial-gradient(70% 55% at 50% 35%,#000 20%,#0000 80%)}.dark .landing-hero__grid,[data-app-theme=dark] .landing-hero__grid{opacity:.07}.landing-hero__title{font-size:1.35rem;font-weight:800;line-height:1.25}.landing-hero__description{font-size:.75rem;line-height:1.625}@media (min-width:640px){.landing-hero__title{font-size:1.55rem;line-height:1.375}.landing-hero__description{font-size:.875rem}}.landing-hero--split .landing-hero__title{font-size:var(--landing-h1);letter-spacing:-.028em;text-wrap:balance;font-weight:600;line-height:1.08}.landing-hero--split .landing-hero__description{font-size:var(--landing-lead);text-wrap:pretty;line-height:1.65}.landing-hero--split .landing-hero__copy{max-width:52rem}.landing-hero--split .landing-hero__copy>*{margin-block:0}.landing-hero--split .landing-hero__copy>*+*{margin-top:1.15rem}.landing-hero--split .landing-hero__action{margin-top:clamp(2.25rem,4vw,3.5rem)}.landing-hero__cta{grid-template-columns:1fr;gap:.65rem;max-width:34rem;margin-inline:auto;display:grid}@media (min-width:640px){.landing-hero__cta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.landing-hero__cta{max-width:20rem}}.landing-hero__btn{border-radius:var(--app-radius-pill);border:1px solid var(--app-border);cursor:pointer;transition:transform var(--app-motion-fast), border-color var(--app-motion-fast), background-color var(--app-motion-fast);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.landing-hero__btn:hover{background-color:var(--app-bg-hover);border-color:var(--app-accent-border,var(--app-border))}.landing-hero__btn:active{transform:scale(.97)}.landing-hero__btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.landing-hero__btn--primary{background:linear-gradient(180deg, var(--app-primary-grad-from) 0%, var(--app-primary-grad-to) 100%);color:#fff;box-shadow:inset 0 1px 0 #ffffff59, 0 4px 14px -2px var(--app-primary-glow);border:1px solid #fff3}.landing-hero__btn--primary:hover{background:linear-gradient(180deg, var(--app-primary-grad-from-hover) 0%, var(--app-primary-grad-to-hover) 100%);box-shadow:inset 0 1px 0 #ffffff73, 0 6px 20px -2px var(--app-primary-glow-strong);transform:translateY(-1px)}.landing-hero__hint{font-size:.8125rem;line-height:1.6}@media (min-width:1024px){.landing-hero--split{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:clamp(594px,75vh,828px);display:flex}.landing-hero--split .landing-hero__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;column-gap:clamp(2rem,4vw,3.5rem);width:100%;padding-block:clamp(3.15rem,5.4vh,4.95rem);display:grid}.landing-hero--split .landing-hero__aurora--top{height:576px}.landing-hero--split .landing-hero__aurora--bottom{height:486px}.landing-hero--split .landing-hero__inner>*+*{margin-top:0}.landing-hero--split .landing-hero__copy{text-align:left;max-width:none;margin-inline:0}.landing-hero--split .landing-hero__title{font-size:clamp(2rem,3.05vw,2.8rem)}.landing-hero--split .landing-hero__cta,.landing-hero--split .landing-hero__action .landing-hero__install{justify-content:flex-start}.landing-hero--split .landing-hero__cta{margin-inline:0}.landing-hero--split .landing-hero__action{margin-top:0}.landing-hero--split .hero-shot__pill{padding-inline:.65rem;font-size:.6875rem}}.landing-hero__eyebrow{color:var(--app-accent);font-size:var(--app-type-callout);letter-spacing:.05em;margin-bottom:1rem;font-weight:600}.landing-hero__headline-line{text-wrap:balance;display:block}.landing-hero__headline-line--accent{color:var(--app-accent)}.landing-hero__hint a{color:var(--app-accent);text-underline-offset:.25rem;text-decoration:underline}.landing-hero__hint a:focus-visible{outline:2px solid var(--app-accent);outline-offset:.25rem}.landing-hero .landing-hero__eyebrow{will-change:transform, opacity, filter;animation:.7s cubic-bezier(.16,1,.3,1) both hero-fade-down}.landing-hero .landing-hero__title{will-change:transform, opacity, filter;animation:.75s cubic-bezier(.16,1,.3,1) 60ms both hero-fade-up}.landing-hero .landing-hero__description{will-change:transform, opacity, filter;animation:.75s cubic-bezier(.16,1,.3,1) .14s both hero-fade-up}.landing-hero .landing-hero__cta,.landing-hero .landing-hero__dropzone{will-change:transform, opacity, filter;animation:.78s cubic-bezier(.16,1,.3,1) .2s both hero-fade-up}.landing-hero .landing-hero__hint{will-change:transform, opacity, filter;animation:.78s cubic-bezier(.16,1,.3,1) .26s both hero-fade-up}.landing-hero .landing-hero__action{will-change:transform, opacity, filter;animation:.88s cubic-bezier(.16,1,.3,1) .14s both hero-preview-depth}@keyframes hero-fade-down{0%{opacity:0;filter:blur(3px);transform:translateY(-8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hero-fade-up{0%{opacity:0;filter:blur(3px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hero-preview-depth{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.988)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.landing-hero .landing-hero__eyebrow,.landing-hero .landing-hero__title,.landing-hero .landing-hero__description,.landing-hero .landing-hero__cta,.landing-hero .landing-hero__dropzone,.landing-hero .landing-hero__hint,.landing-hero .landing-hero__action{filter:none!important;animation:none!important;transform:none!important}}
.diagram-canvas{width:100%;height:100%;color:var(--app-code-plate-text);position:relative}.diagram-canvas__drawing{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diagram-canvas__drawing>svg{width:100%;height:100%;overflow:visible;max-width:100%!important}.diagram-canvas__staging{visibility:hidden;pointer-events:none;position:absolute;inset:0}.diagram-canvas .doc-mermaid-motion{pointer-events:none}.diagram-canvas .doc-mermaid-motion-dot{offset-path:var(--mermaid-motion-path);offset-rotate:0deg;animation:landing-diagram-packet var(--mermaid-motion-duration) linear var(--mermaid-motion-delay) infinite;fill:var(--diagram-preview-accent)!important;stroke:none!important}.diagram-canvas[data-playing=false] .doc-mermaid-motion-dot{animation-play-state:paused}.features-page__diagram-flow svg[data-spectrum=mosaic] g.node[data-spectrum-node] .label-container{stroke:var(--spectrum)!important;fill:color-mix(in oklab, var(--spectrum) 16%, var(--app-bg-card))!important;stroke-width:2px!important}.features-page__diagram-flow svg[data-stroke=dashed] path.flowchart-link:not(.edge-pattern-dotted,.edge-pattern-dashed,.edge-thickness-thick){stroke-dasharray:7 5!important}@keyframes landing-diagram-packet{0%{offset-distance:0%}to{offset-distance:100%}}.diagram-canvas__fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.diagram-canvas__fallback>div{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.diagram-canvas__fallback span{border:1px solid var(--app-accent);border-radius:var(--app-radius-md);padding:.75rem}.diagram-canvas__fallback b{align-self:center}@media (prefers-reduced-motion:reduce){.diagram-canvas .doc-mermaid-motion{display:none}}
.diagram-demo{--diagram-stage-height:22rem;border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-bg-card);width:100%;margin-bottom:2rem;overflow:hidden}.diagram-demo--compact{--diagram-stage-height:16rem;margin-bottom:0}.diagram-demo__intro{padding:1.5rem 1.5rem 0}.diagram-demo__intro h3{font-size:var(--landing-h3);color:var(--app-text);font-weight:600}.diagram-demo__intro p{color:var(--app-text-secondary);font-size:var(--landing-body);margin-top:.5rem}.diagram-demo__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex}.diagram-demo__choices{flex-wrap:wrap;gap:.25rem;display:flex}.diagram-demo button{cursor:pointer;font-size:var(--app-type-callout);color:var(--app-text-secondary);font-weight:600}.diagram-demo__choices button{border-radius:var(--app-radius-md);padding:.75rem}.diagram-demo__choices button[aria-pressed=true],.diagram-demo__frames button[aria-pressed=true]{background:var(--app-accent-chip-bg);color:var(--app-accent-chip-text);box-shadow:inset 0 0 0 1px var(--app-accent-chip-border)}.diagram-demo button:hover{color:var(--app-accent)}.diagram-demo button:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.diagram-demo__play{border:1px solid var(--app-border);border-radius:var(--app-radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:inline-flex}.diagram-demo__play svg{width:1rem;height:1rem}.diagram-demo__play:disabled{cursor:default}.diagram-demo--compact .diagram-demo__play span{display:none}.diagram-demo__viewport{min-height:calc(var(--diagram-stage-height) + 2rem);background:radial-gradient(ellipse at center, var(--app-accent-chip-bg), transparent);border-block:1px solid var(--app-border);place-items:center;padding:1rem;display:grid}.diagram-demo__frame{width:min(100%, calc(var(--diagram-stage-height) * var(--diagram-aspect)));aspect-ratio:var(--diagram-aspect);background:var(--app-code-plate-bg);border:1px solid var(--app-code-plate-border);border-radius:var(--app-radius-lg);color:var(--app-code-plate-text);grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;padding:1rem;display:grid}.diagram-demo__caption{font-size:var(--app-type-callout);opacity:.8}.diagram-demo__stamp{font-size:var(--app-type-footnote);text-align:right;opacity:.6}.diagram-demo__frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.75rem;display:grid}.diagram-demo__frames button{border-radius:var(--app-radius-md);padding:.75rem .25rem}.diagram-demo__frames span,.diagram-demo__frames small{display:block}.diagram-demo__frames small{font-size:var(--app-type-footnote);margin-top:.25rem;font-weight:400}@media (max-width:767px){.diagram-demo{--diagram-stage-height:18rem}.diagram-demo__toolbar{gap:.5rem;padding:.75rem}.diagram-demo__choices button{padding:.75rem .5rem}.diagram-demo__play span{display:none}.diagram-demo__frame{padding:.75rem}.diagram-demo__caption{font-size:var(--app-type-footnote)}}
.features-page__diagram-flow{aspect-ratio:16/9;background:var(--app-bg-card);width:100%;padding:.5rem}.features-page__diagram-flow .diagram-canvas{color:var(--app-text)}
.sequence-demo{margin-bottom:2rem}.sequence-demo__toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.sequence-demo__motion{align-items:center;gap:.25rem;display:inline-flex}.sequence-demo__motion-label{color:var(--app-text-secondary);font-size:var(--app-type-callout);margin-inline:.5rem .25rem}.sequence-demo__toolbar button{border-radius:var(--app-radius-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;min-height:2.25rem;padding:.375rem .625rem;display:inline-flex}.sequence-demo__present,.sequence-demo__play{border-color:var(--app-border)!important}.sequence-demo__present{margin-inline-start:auto}.sequence-demo__play{width:2.25rem;padding-inline:0!important}.sequence-demo__motion button:not([aria-pressed=true]){color:var(--app-text-secondary)}.sequence-demo__toolbar button svg,.sequence-demo__steps button svg{width:1rem;height:1rem}.sequence-demo__toolbar button[aria-pressed=true]{background:var(--app-accent-chip-bg);color:var(--app-accent-chip-text);border-color:var(--app-accent-chip-border)}.sequence-demo__toolbar button:focus-visible,.sequence-demo__steps button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.sequence-demo__toolbar button:disabled,.sequence-demo__steps button:disabled{cursor:default;opacity:.5}.sequence-demo__viewport{border-block:1px solid var(--app-border);background:var(--app-bg-main);place-items:center;padding:1rem;display:grid}.sequence-demo__frame{border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-bg-card);width:min(100%,48rem);min-height:30rem;color:var(--app-text);grid-template-rows:auto auto minmax(0,1fr) auto;gap:.5rem;padding:1rem;display:grid}.sequence-demo__caption{font-size:var(--app-type-callout);color:var(--app-text-secondary)}.sequence-demo__swipe{display:none}.sequence-demo__stamp{font-size:var(--app-type-footnote);text-align:right;color:var(--app-text-secondary)}.sequence-demo__canvas{place-items:center;width:100%;min-height:0;display:grid;position:relative}.sequence-demo__drawing{place-items:center;width:100%;height:100%;display:grid}.sequence-demo__drawing>svg{width:100%;height:auto;max-height:25rem;display:block;overflow:visible;max-width:100%!important}.sequence-demo__staging{visibility:hidden;pointer-events:none;position:absolute;inset:0}.sequence-demo__fallback{color:var(--app-text-secondary);font-size:var(--app-type-body)}.sequence-demo__canvas .doc-mermaid-motion{pointer-events:none;display:inline}.sequence-demo__canvas .doc-mermaid-motion-dot{offset-path:var(--mermaid-motion-path);offset-rotate:0deg;animation:sequence-demo-packet var(--mermaid-motion-duration) linear var(--mermaid-motion-delay) infinite;fill:var(--app-accent)!important;stroke:none!important}.sequence-demo__canvas .doc-mermaid-motion-signal{stroke-linecap:round;animation:sequence-demo-signal var(--mermaid-motion-duration) linear infinite;fill:none!important;stroke:var(--app-accent)!important;stroke-width:3.5px!important;stroke-dasharray:16 100!important}.sequence-demo__canvas[data-playing=false] .doc-mermaid-motion>*{animation-play-state:paused}.sequence-demo__canvas [data-demo-step-ahead]{opacity:0!important;visibility:hidden!important}.sequence-demo__canvas [data-demo-step-past]{opacity:.45}.sequence-demo__steps{border-inline-start:1px solid var(--app-border);align-items:center;gap:.25rem;padding-inline-start:.5rem;display:inline-flex}.sequence-demo__steps button{padding-inline:.5rem}.sequence-demo__steps output{text-align:center;min-width:2.5rem;color:var(--app-text-secondary);font-size:var(--app-type-body)}@keyframes sequence-demo-packet{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes sequence-demo-signal{0%{stroke-dashoffset:16px}to{stroke-dashoffset:-100px}}@media (max-width:767px){.sequence-demo__toolbar{gap:.25rem;padding:.5rem .75rem}.sequence-demo__motion-label{display:none}.sequence-demo__present{margin-inline-start:auto}.sequence-demo__frame{min-height:20rem;padding:.75rem;overflow:hidden}.sequence-demo__swipe{color:var(--app-text-secondary);font-size:var(--app-type-footnote);display:block}.sequence-demo__canvas{place-items:normal start;display:block;overflow:auto hidden}.sequence-demo__drawing{width:36rem;height:100%}.sequence-demo__steps{border-inline-start:0;border-block-start:1px solid var(--app-border);flex-basis:100%;justify-content:center;padding-block-start:.25rem;padding-inline-start:0}.sequence-demo__steps button{font-size:var(--app-type-callout)}}@media (prefers-reduced-motion:reduce){.sequence-demo__canvas .doc-mermaid-motion{display:none}}
.landing-features__glance-grid{grid-template-columns:1fr;column-gap:clamp(1.5rem,4vw,3.5rem);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.landing-features__glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-features__glance-row{border-top:1px solid color-mix(in srgb, var(--app-border) 45%, transparent);grid-template-columns:1.15rem minmax(0,1fr);align-content:start;column-gap:.75rem;padding-block:.875rem;display:grid}.landing-features__glance-row:first-child{border-top:0}@media (min-width:768px){.landing-features__glance-row:nth-child(2){border-top:0}}.landing-features__glance-mark{border-radius:var(--app-radius-sm);background-color:color-mix(in srgb, var(--status-emerald-text) 10%, transparent);border:1px solid color-mix(in srgb, var(--status-emerald-text) 30%, transparent);flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.125rem;display:inline-block;position:relative}.landing-features__glance-mark:after{content:"";border:solid var(--status-emerald-text);border-width:0 2px 2px 0;width:.3rem;height:.55rem;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.landing-features__glance-row--roadmap .landing-features__glance-mark{border-color:var(--app-accent-border,var(--app-border));background-color:#0000;border-style:dashed}.landing-features__glance-row--roadmap .landing-features__glance-mark:after{border:1.5px solid var(--app-accent);border-radius:var(--app-radius-pill);width:.4rem;height:.4rem;top:50%;transform:translate(-50%,-50%)}.landing-features__glance-row--by-design .landing-features__glance-mark{background-color:color-mix(in srgb, var(--app-border) 35%, transparent);border-color:var(--app-border)}.landing-features__glance-row--by-design .landing-features__glance-mark:after{border-width:0 0 2px;border-color:var(--app-text-secondary);width:.5rem;height:0;top:50%;transform:translate(-50%,-50%)}.landing-features__glance-copy{flex-direction:column;gap:.125rem;min-width:0;display:flex}.landing-features__glance-label{font-size:var(--app-type-emphasis);color:var(--app-text);font-weight:600;line-height:1.45}.landing-features__glance-note{font-size:var(--app-type-body);color:var(--app-text-secondary);line-height:1.45}
.landing-features__closing{isolation:isolate;text-align:center;flex-direction:column;align-items:center;gap:.9rem;margin-top:clamp(3.5rem,6vw,5.5rem);padding-block:clamp(2rem,4vw,3rem);display:flex;position:relative}.landing-features__closing:first-child{margin-top:0}.landing-features__closing-aurora{pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 70%, rgba(var(--app-aurora-1), .08), transparent 70%), radial-gradient(ellipse 45% 40% at 75% 65%, rgba(var(--app-aurora-1), .05), transparent 65%), radial-gradient(ellipse 40% 35% at 25% 75%, rgba(var(--app-aurora-3), .05), transparent 60%);filter:blur(64px);will-change:transform, opacity;backface-visibility:hidden;width:100%;max-width:1100px;height:420px;animation:15s ease-in-out infinite alternate closing-aurora-drift;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}.dark .landing-features__closing-aurora,[data-app-theme=dark] .landing-features__closing-aurora{background:radial-gradient(ellipse 65% 55% at 50% 70%, rgba(var(--app-aurora-1), .16), transparent 70%), radial-gradient(ellipse 50% 40% at 80% 65%, rgba(var(--app-aurora-2), .09), transparent 60%), radial-gradient(ellipse 45% 40% at 20% 70%, rgba(var(--app-aurora-3), .1), transparent 65%);filter:blur(72px)}@keyframes closing-aurora-drift{0%{opacity:.8;transform:translate(-50%)scale(1)translateY(0)}50%{opacity:1;transform:translate(-47%)scale(1.08)translateY(-14px)}to{opacity:.85;transform:translate(-53%)scale(.97)translateY(8px)}}@media (max-width:640px){.landing-features__closing-aurora{filter:blur(36px);height:300px;bottom:-25%}}@media (prefers-reduced-motion:reduce){.landing-features__closing-aurora{animation:none!important}}.landing-features__closing-title{font-size:var(--landing-h2);letter-spacing:-.022em;text-wrap:balance;max-width:34rem;color:var(--app-text);font-weight:600;line-height:1.15}.landing-features__closing-body{font-size:var(--landing-lead);max-width:38rem;color:var(--app-text-secondary);line-height:1.7}.landing-features__closing-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.6rem;display:flex}@media (max-width:480px){.landing-features__closing-actions{flex-direction:column;align-items:stretch;width:100%;max-width:20rem;margin-inline:auto}}.landing-features__closing-btn{border-radius:var(--app-radius-pill);border:1px solid var(--app-border);background-color:var(--app-bg-card);min-height:2.75rem;color:var(--app-text);transition:transform var(--app-motion-fast), background-color var(--app-motion-fast), border-color var(--app-motion-fast);justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-band--raised .landing-features__closing-btn{background-color:var(--app-bg-main)}.landing-features__closing-btn:hover{background-color:var(--app-bg-hover);border-color:var(--app-accent-border,var(--app-border))}.landing-features__closing-btn:active{transform:scale(.97)}.landing-features__closing-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.landing-features__closing-btn--primary,.landing-band--raised .landing-features__closing-btn--primary{background:linear-gradient(180deg, var(--app-primary-grad-from) 0%, var(--app-primary-grad-to) 100%);color:#fff;box-shadow:inset 0 1px 0 #ffffff59, 0 4px 14px -2px var(--app-primary-glow);border:1px solid #fff3}.landing-features__closing-btn--primary:hover,.landing-band--raised .landing-features__closing-btn--primary:hover{background:linear-gradient(180deg, var(--app-primary-grad-from-hover) 0%, var(--app-primary-grad-to-hover) 100%);box-shadow:inset 0 1px 0 #ffffff73, 0 6px 20px -2px var(--app-primary-glow-strong);transform:translateY(-1px)}
.landing-trust{width:100%}.landing-trust__grid{grid-template-columns:1fr;gap:clamp(1.25rem,2.5vw,1.75rem);margin-top:clamp(2rem,3.5vw,2.75rem);display:grid}@media (min-width:768px){.landing-trust__grid{grid-template-columns:repeat(3,1fr)}}.landing-trust__card{border:1px solid var(--app-border);background-color:var(--app-bg-card);transition:transform var(--app-motion-slow), border-color var(--app-motion-slow), box-shadow var(--app-motion-slow);border-radius:clamp(.85rem,2vw,1.25rem);flex-direction:column;padding:clamp(1.15rem,2.5vw,1.75rem);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #0000000a}.landing-trust__card:after{content:"";background:var(--app-accent);transform-origin:0;height:.2rem;transition:transform var(--app-motion-slow);position:absolute;inset:auto 0 0;transform:scaleX(0)}.landing-trust__card:hover:after{transform:scaleX(1)}.landing-features--animated .landing-trust__grid:not(.is-revealed) .landing-trust__card:not(.is-revealed){opacity:0;transform:translateY(28px)}.landing-trust__grid.is-revealed .landing-trust__card,.landing-trust__card.is-revealed{animation:landing-card-arrive var(--app-motion-reveal) both}.landing-trust__grid.is-revealed .landing-trust__card:first-child,.landing-trust__card:first-child.is-revealed{animation-delay:80ms}.landing-trust__grid.is-revealed .landing-trust__card:nth-child(2),.landing-trust__card:nth-child(2).is-revealed{animation-delay:.18s}.landing-trust__grid.is-revealed .landing-trust__card:nth-child(3),.landing-trust__card:nth-child(3).is-revealed{animation-delay:.28s}.landing-trust__grid.is-revealed .landing-trust__icon-wrap,.landing-trust__card.is-revealed .landing-trust__icon-wrap{animation:landing-icon-pop var(--app-motion-reveal) both}@keyframes landing-icon-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.landing-trust__card:hover{border-color:color-mix(in srgb, var(--app-accent) 50%, var(--app-border));box-shadow:0 12px 30px -4px color-mix(in srgb, var(--app-accent) 16%, transparent);transform:translateY(-4px)}.dark .landing-trust__card,[data-app-theme=dark] .landing-trust__card{box-shadow:0 4px 16px -4px #00000080,inset 0 1px #ffffff0d}.dark .landing-trust__card:hover,[data-app-theme=dark] .landing-trust__card:hover{box-shadow:0 8px 28px -4px #000000b3, 0 0 20px -4px color-mix(in srgb, var(--app-primary) 28%, transparent)}.landing-trust__icon-wrap{border-radius:var(--app-radius-lg);background-color:var(--app-accent-chip-bg);border:1px solid var(--app-accent-chip-border);width:2.5rem;height:2.5rem;color:var(--app-accent-chip-text);justify-content:center;align-items:center;margin-bottom:.95rem;display:inline-flex}.landing-trust__card-title{letter-spacing:-.01em;color:var(--app-text);margin-bottom:.5rem;font-size:1rem;font-weight:700}.landing-trust__card-desc{color:var(--app-text-secondary);margin:0;font-size:.84375rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.landing-features--animated .landing-trust__grid:not(.is-revealed) .landing-trust__card:not(.is-revealed),.landing-trust__grid.is-revealed .landing-trust__card,.landing-trust__card.is-revealed,.landing-trust__grid.is-revealed .landing-trust__icon-wrap,.landing-trust__card.is-revealed .landing-trust__icon-wrap{opacity:1!important;animation:none!important;transform:none!important}.landing-trust__card:hover{transform:none}}
.landing-features__elements-grid{grid-template-columns:1fr;gap:clamp(1.75rem,3.5vw,2.75rem);display:grid}@media (min-width:640px) and (max-width:1023px){.landing-features__elements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.landing-features__elements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-features__elements-grid--pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-features__element-card{border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-bg-card);min-width:0;transition:transform var(--app-motion-slow), border-color var(--app-motion-slow), box-shadow var(--app-motion-slow);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.landing-features__element-card:hover{border-color:var(--app-accent);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--app-accent) 12%, transparent);transform:translateY(-.25rem)}.landing-features__element-card:after{content:"";background:var(--app-accent);transform-origin:0;height:.2rem;transition:transform var(--app-motion-slow);position:absolute;inset:auto 0 0;transform:scaleX(0)}.landing-features__element-card:hover:after{transform:scaleX(1)}.landing-band--raised .landing-features__element-card{background:var(--app-bg-main)}.landing-features__element-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--app-text-light);font-size:.6875rem;font-weight:700}.landing-features__element-title{font-size:var(--landing-h3);letter-spacing:-.012em;color:var(--app-text);font-weight:600;line-height:1.35}.landing-features__element-desc{font-size:var(--landing-body);color:var(--app-text-secondary);line-height:1.7}.landing-features__elements-footer{justify-content:center;margin-top:clamp(2.25rem,4vw,3.25rem);display:flex}@media (prefers-reduced-motion:reduce){.landing-features__element-card,.landing-features__element-card:after{transition:none}.landing-features__element-card:hover{transform:none}}
.features-matrix__scroll{border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-bg-main);overflow-x:auto}.features-matrix__scroll:focus-visible{outline:2px solid var(--app-accent);outline-offset:.25rem}.features-matrix__table{border-collapse:collapse;text-align:left;width:100%;min-width:48rem}.features-matrix__table th,.features-matrix__table td{border-bottom:1px solid var(--app-border);vertical-align:middle;font-size:var(--landing-body);padding:.85rem 1rem;line-height:1.45}.features-matrix__table thead th{color:var(--app-text-light);background:var(--app-bg-hover);font-size:var(--app-type-callout);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-weight:700}.features-matrix__table tbody tr:last-child th,.features-matrix__table tbody tr:last-child td{border-bottom:0}.features-matrix__table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--app-accent) 3%, var(--app-bg-main))}.features-matrix__table tbody th{width:22%;color:var(--app-text);font-weight:600}.features-matrix__table tbody td{color:var(--app-text-secondary)}.features-matrix__table tbody td:last-child{width:31%}.features-matrix__name,.features-matrix__extensions{display:block}.features-matrix__extensions{color:var(--app-text-light);font-family:var(--app-font-mono);font-size:var(--app-type-callout);margin-top:.2rem;font-weight:400}.features-matrix__capability{white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.features-matrix__status{border-radius:var(--app-radius-sm);border:1px solid;flex:none;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;display:inline-flex}.features-matrix__status svg{stroke-width:3px;width:.9rem;height:.9rem}.features-matrix__status--yes{color:var(--app-success-chip-text);background:var(--app-success-chip-bg);border-color:var(--app-success-chip-border)}.features-matrix__status--no{color:var(--status-rose-text);background:color-mix(in srgb, var(--status-rose-text) 10%, transparent);border-color:color-mix(in srgb, var(--status-rose-text) 28%, transparent)}.features-matrix__scroll-hint{display:none}@media (max-width:768px){.features-matrix__scroll-hint{color:var(--app-text-secondary);font-size:var(--app-type-body);margin-bottom:.75rem;display:block}.features-matrix__table{min-width:45rem}.features-matrix__table th,.features-matrix__table td{padding:.75rem}.features-matrix__table thead th:first-child,.features-matrix__table tbody th{z-index:var(--app-z-sticky);background:var(--app-bg-main);box-shadow:1px 0 0 var(--app-border);position:sticky;left:0}.features-matrix__table thead th:first-child{background:var(--app-bg-hover)}}
.features-formats__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.features-formats__group{background:var(--app-bg-main);border:1px solid var(--app-border);border-radius:var(--app-radius-xl);min-width:0;transition:transform var(--app-motion-slow), border-color var(--app-motion-slow), box-shadow var(--app-motion-slow);padding:1.5rem;position:relative;overflow:hidden}.features-formats__group:hover{border-color:var(--app-accent);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--app-accent) 12%, transparent);transform:translateY(-.25rem)}.features-formats__group:after{content:"";background:var(--app-accent);transform-origin:0;height:.2rem;transition:transform var(--app-motion-slow);position:absolute;inset:auto 0 0;transform:scaleX(0)}.features-formats__group:hover:after{transform:scaleX(1)}.features-formats__icon{border-radius:var(--app-radius-lg);border:1px solid var(--app-accent-chip-border);width:2.5rem;height:2.5rem;color:var(--app-accent-chip-text);background:var(--app-accent-chip-bg);transition:transform var(--app-motion-slow), box-shadow var(--app-motion-slow);margin-bottom:1rem;padding:.5rem}.features-formats__group:hover .features-formats__icon{box-shadow:0 .4rem 1rem color-mix(in srgb, var(--app-accent) 18%, transparent);transform:translateY(-.2rem)rotate(-4deg)}.features-formats__title{font-size:var(--landing-h3);color:var(--app-text);font-weight:600}.features-formats__description{color:var(--app-text-secondary);font-size:var(--landing-body);margin-top:.5rem;line-height:1.6}.features-formats__list{margin:1rem 0 0;padding:0;list-style:none}.features-formats__item{border-top:1px solid var(--app-border);grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem;padding:.75rem 0;text-decoration:none;display:grid}.features-formats__name{font-size:var(--app-type-emphasis);color:var(--app-text);overflow-wrap:anywhere;grid-column:1;font-weight:600}.features-formats__category{font-size:var(--app-type-body);color:var(--app-text-secondary);grid-column:1}.features-formats__arrow{width:1rem;height:1rem;color:var(--app-accent);grid-area:1/2/span 2;align-self:center}a.features-formats__item:hover .features-formats__name{color:var(--app-accent);text-underline-offset:.25rem;text-decoration:underline}a.features-formats__item:focus-visible{outline:2px solid var(--app-accent);outline-offset:.25rem;border-radius:var(--app-radius-xs)}@media (max-width:639px){.features-formats__groups{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.features-formats__group,.features-formats__icon,.features-formats__group:after{transition:none}.features-formats__group:hover,.features-formats__group:hover .features-formats__icon{transform:none}}
.ws-create-modal-option{border-radius:var(--doc-radius-xl);border:1px solid var(--border-color,#94a3b833);background:var(--card-bg,#0f172a80);cursor:pointer;transition:all var(--doc-transition-fast);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.ws-create-modal-option:hover{border-color:var(--primary,#38bdf8);background:var(--primary-soft)}
