.landing-page{--landing-accent:var(--color-primary);--landing-accent-soft:color-mix(in oklch, var(--color-primary) 12%, transparent);--landing-accent-line:color-mix(in oklch, var(--color-primary) 45%, transparent);--landing-grid-color:color-mix(in oklch, var(--nb-foreground) 5.5%, transparent);--landing-wash:color-mix(in oklch, var(--nb-foreground) 5%, transparent);--landing-wash-strong:color-mix(in oklch, var(--nb-foreground) 8%, transparent);--landing-ink-fade:color-mix(in oklch, var(--nb-foreground) 55%, transparent);max-width:100%;overflow-x:clip}.landing-page :is(a,button){font-size:.875rem}[data-theme=dark] .landing-page{--landing-accent:var(--color-primary);--landing-accent-soft:color-mix(in oklch, var(--color-primary) 12%, transparent);--landing-accent-line:color-mix(in oklch, var(--color-primary) 45%, transparent);--landing-grid-color:color-mix(in oklch, var(--nb-foreground) 7.5%, transparent);--landing-wash:color-mix(in oklch, var(--nb-foreground) 7%, transparent);--landing-wash-strong:color-mix(in oklch, var(--nb-foreground) 11%, transparent)}.landing-hero{isolation:isolate;position:relative;overflow:clip}.landing-hero:before{content:"";z-index:-2;background-image:linear-gradient(to right, var(--landing-grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--landing-grid-color) 1px, transparent 1px);pointer-events:none;background-size:56px 56px;position:absolute;inset:0;mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.landing-hero:after{content:"";z-index:-1;background:radial-gradient(ellipse 45% 60% at 50% 0%, var(--landing-accent-soft), transparent 72%), radial-gradient(ellipse 55% 70% at 50% 0%, var(--landing-wash-strong), transparent 72%), radial-gradient(ellipse 40% 50% at 18% 20%, var(--landing-wash), transparent 70%), radial-gradient(ellipse 40% 50% at 82% 20%, var(--landing-wash), transparent 70%);pointer-events:none;height:min(34rem,60vh);position:absolute;inset:-8% 0 auto}.landing-shell{box-sizing:border-box;justify-self:center;width:min(72rem,100%);min-width:0;max-width:100%;margin-inline:auto;padding-inline:1.25rem;display:grid}@media (width>=640px){.landing-shell{padding-inline:1.5rem}}@media (width>=1024px){.landing-shell{padding-inline:2rem}}.landing-page #main-content>section{justify-items:stretch;display:grid}.landing-copy{text-align:center;justify-self:center;justify-items:center;gap:1rem;width:min(40rem,100%);min-width:0;max-width:100%;margin-inline:auto;display:grid}.landing-copy .landing-display,.landing-copy .landing-section-title,.landing-copy .landing-lede,.landing-copy .landing-eyebrow{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%}.landing-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--nb-muted-foreground);margin:0;font-size:.875rem;font-weight:600}.landing-display{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,6vw,4.25rem);font-weight:600;line-height:1.05}.landing-display-accent{background:linear-gradient(100deg, var(--nb-foreground) 10%, var(--landing-accent) 95%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-section-title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.625rem,3.4vw,2.5rem);font-weight:600;line-height:1.15}.landing-lede{width:min(36rem,100%);color:var(--nb-muted-foreground);text-wrap:balance;margin:0;font-size:1rem;line-height:1.6}.landing-lede code,.landing-close code{font-family:var(--nb-font-mono,ui-monospace, monospace);border:1px solid var(--nb-border);background:var(--landing-wash);color:var(--nb-foreground);border-radius:.35rem;padding:.1em .35em;font-size:.9em}.landing-lede-lg{font-size:clamp(1.0625rem,1.6vw,1.1875rem)}.landing-copy .landing-lede{justify-self:center;width:min(38rem,100%)}.landing-hero-copy{animation:.75s cubic-bezier(.22,1,.36,1) both landing-rise}.landing-hero-visual{animation:.9s cubic-bezier(.22,1,.36,1) .1s both landing-rise}@keyframes landing-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.landing-hero-copy,.landing-hero-visual{animation:none}}.landing-hero-visual{min-width:0;max-width:100%}.landing-preview-split{grid-template-columns:1fr;min-width:0;max-width:100%;display:grid}@media (width>=1024px){.landing-preview-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.landing-preview-split{border-top:1px solid var(--nb-border)}.landing-preview-code{border-bottom:1px solid var(--nb-border);min-width:0;max-width:100%;max-height:22rem;overflow:auto}@media (width>=1024px){.landing-preview-code{border-bottom:0;border-right:1px solid var(--nb-border);max-height:none}}.landing-page [class*=shj-lang-]{margin:0!important;padding:0!important;font-family:inherit!important;font-size:.8125rem!important;line-height:1.65!important}.landing-preview-code>[class*=shj-lang-]{min-height:100%;padding:1rem!important}.landing-preview-run{min-width:0;max-width:100%;overflow:hidden}.landing-preview-run>.ilha-preview{height:18rem;border:0!important;border-radius:0!important}@media (width>=640px){.landing-preview-run>.ilha-preview{height:28rem}}@media (width>=1024px){.landing-preview-run>.ilha-preview,.landing-preview-code{height:40rem}}.landing-preview-run p{font-size:.875rem}.landing-preview-run iframe{width:100%;min-width:0;max-width:100%;display:block}.landing-close{isolation:isolate;border-top:1px solid var(--nb-border);position:relative;overflow:clip}.landing-close:before{content:"";z-index:-1;background:radial-gradient(ellipse 70% 80% at 50% 100%, var(--landing-wash-strong), transparent 70%), linear-gradient(to bottom, transparent, color-mix(in oklch, var(--nb-muted) 35%, transparent));pointer-events:none;position:absolute;inset:0}.landing-pill{border:1px solid var(--nb-border);background:color-mix(in oklch, var(--nb-background) 70%, transparent);backdrop-filter:blur(6px);color:var(--nb-muted-foreground);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .85rem .3rem .6rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex;font-size:.8125rem!important}.landing-pill:hover{border-color:var(--landing-accent-line);color:var(--nb-foreground)}.landing-pill-dot{background:var(--landing-accent);width:.45rem;height:.45rem;box-shadow:0 0 0 3px var(--landing-accent-soft);border-radius:999px}.landing-command{background:color-mix(in oklch, var(--nb-background) 80%, transparent);gap:.75rem;font-size:.8125rem!important}.landing-window{border:1px solid var(--nb-border);background:var(--color-base-100);min-width:0;max-width:100%;box-shadow:0 1px 2px color-mix(in oklch, var(--nb-foreground) 6%, transparent), 0 24px 48px -24px color-mix(in oklch, var(--nb-foreground) 22%, transparent);border-radius:.875rem;overflow:hidden}.landing-window-bar{border-bottom:1px solid var(--nb-border);background:var(--landing-wash);align-items:center;gap:.4rem;min-height:2.75rem;padding:.5rem .75rem .5rem 1rem;display:flex}.landing-window-title{min-width:0;color:var(--nb-muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-inline:.5rem auto;font-size:.8125rem;overflow:hidden}.landing-dot{background:color-mix(in oklch, var(--nb-foreground) 16%, transparent);border-radius:999px;flex:none;width:.625rem;height:.625rem}.landing-code{max-height:30rem;overflow:auto}.landing-code>[class*=shj-lang-]{padding:1.25rem!important}.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}@media (width>=768px){.landing-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.landing-stat{text-align:center;flex-direction:column-reverse;justify-content:flex-end;gap:.25rem;padding:1.75rem 1rem;display:flex}.landing-stat+.landing-stat{border-left:1px solid var(--nb-border)}@media (width<=767px){.landing-stat:nth-child(3){border-left:0}.landing-stat:nth-child(n+3){border-top:1px solid var(--nb-border)}}.landing-stat dt{color:var(--nb-muted-foreground);font-size:.8125rem}.landing-stat dd{letter-spacing:-.03em;margin:0;font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:600}.landing-eyebrow-index{color:var(--landing-accent);font-variant-numeric:tabular-nums;margin-right:.75rem}.landing-checks{color:var(--nb-foreground);gap:.75rem;margin:.25rem 0 0;padding:0;font-size:.9375rem;list-style:none;display:grid}.landing-checks li{align-items:flex-start;gap:.75rem;display:flex}.landing-checks li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / .65rem no-repeat, var(--landing-accent);border-radius:999px;flex:none;width:1.125rem;height:1.125rem;margin-top:.15rem}.landing-steps{gap:0;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.landing-steps li{gap:1rem;padding-bottom:1.25rem;display:flex;position:relative}.landing-steps li:last-child{padding-bottom:0}.landing-steps li:not(:last-child):after{content:"";background:var(--nb-border);width:1px;position:absolute;top:2rem;bottom:.25rem;left:.875rem}.landing-step-index{border:1px solid var(--landing-accent-line);background:var(--landing-accent-soft);width:1.75rem;height:1.75rem;color:var(--landing-accent);border-radius:999px;flex:none;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.landing-step-code{color:var(--nb-muted-foreground);font-family:var(--nb-font-mono,ui-monospace, monospace);justify-self:start;font-size:.8125rem}.landing-diagram{border:1px solid var(--nb-border);background:var(--color-base-100);min-width:0;box-shadow:0 24px 48px -24px color-mix(in oklch, var(--nb-foreground) 22%, transparent);border-radius:.875rem;margin:0;overflow:hidden}.landing-diagram-chrome{border-bottom:1px solid var(--nb-border);background:var(--landing-wash);align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.landing-diagram-url{background:var(--color-base-100);color:var(--nb-muted-foreground);font-family:var(--nb-font-mono,ui-monospace, monospace);border-radius:999px;flex:1;margin-left:.75rem;padding:.2rem .75rem;font-size:.75rem}.landing-diagram-page{gap:1.25rem;padding:1.25rem;display:grid}@media (width>=640px){.landing-diagram-page{padding:1.75rem}}.landing-diagram-nav{align-items:center;gap:.75rem;display:flex}.landing-bar{background:color-mix(in oklch, var(--nb-foreground) 10%, transparent);border-radius:999px;height:.5rem;display:block}.landing-bar-lg{background:color-mix(in oklch, var(--nb-foreground) 18%, transparent);height:.875rem}.landing-tile{aspect-ratio:4/3;background:color-mix(in oklch, var(--nb-foreground) 6%, transparent);border-radius:.5rem}.landing-island{border:1.5px dashed var(--landing-accent-line);background:var(--landing-accent-soft);border-radius:.625rem;gap:.75rem;padding:1rem;animation:3.2s ease-in-out infinite landing-island-pulse;display:grid;position:relative}.landing-island-sm{color:var(--landing-accent);white-space:nowrap;padding:.3rem .65rem;font-size:.75rem;font-weight:600;animation-delay:1.6s;display:inline-flex}.landing-island-tag{background:var(--landing-accent);color:var(--color-primary-content);letter-spacing:.06em;text-transform:uppercase;border-radius:.25rem;padding:0 .4rem;font-size:.625rem;font-weight:600;line-height:1.2rem;position:absolute;top:-.6rem;right:.6rem}.landing-diagram-input{border:1px solid var(--nb-border);background:var(--color-base-100);color:var(--nb-muted-foreground);border-radius:.4rem;padding:.5rem .75rem;font-size:.8125rem}@keyframes landing-island-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px var(--landing-accent-soft)}}.landing-diagram-legend{border-top:1px solid var(--nb-border);color:var(--nb-muted-foreground);flex-wrap:wrap;gap:1.25rem;padding:.875rem 1.25rem;font-size:.8125rem;display:flex}.landing-diagram-legend>span{align-items:center;gap:.5rem;display:inline-flex}.landing-swatch{background:color-mix(in oklch, var(--nb-foreground) 12%, transparent);border-radius:.2rem;width:.75rem;height:.75rem}.landing-swatch-island{border:1.5px dashed var(--landing-accent-line);background:var(--landing-accent-soft)}.landing-tabs{flex-wrap:wrap;gap:.25rem;padding-top:.5rem;display:flex}.landing-tab{appearance:none;color:var(--nb-muted-foreground);cursor:pointer;border-radius:.5rem;order:0;margin:0 0 .5rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}.landing-tab:first-of-type{margin-left:.5rem}.landing-tab:after{content:attr(aria-label)}.landing-tab:hover{color:var(--nb-foreground)}.landing-tab:checked{background:var(--landing-wash-strong);color:var(--nb-foreground)}.landing-tab-panel{border-top:1px solid var(--nb-border);order:1;width:100%;display:none}.landing-tab-panel .landing-window-bar{min-height:2.25rem;padding-left:.5rem}.landing-tab:checked+.landing-tab-panel{display:block}@media (prefers-reduced-motion:reduce){.landing-island{animation:none}}.landing-hero-copy{width:min(56rem,100%)}.landing-island-sm .landing-island-tag{display:none}