.landing-page{--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}[data-mode=dark] .landing-page{--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:radial-gradient(90% 75% at 50% 8%,#000 15%,#0000 72%)}.landing-hero:after{content:"";z-index:-1;background: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% 5% auto}.landing-shell{box-sizing:border-box;justify-self:center;width:min(72rem,100%);min-width:0;max-width:100%;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>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%;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:.16em;text-transform:uppercase;color:var(--nb-muted-foreground);margin:0;font-size:.6875rem;font-weight:550}.landing-display{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2rem,4.8vw,3.25rem);font-weight:600;line-height:1.12}.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.12}.landing-lede{width:min(36rem,100%);color:var(--nb-muted-foreground);text-wrap:balance;margin:0;font-size:1.0625rem;line-height:1.65}.landing-copy .landing-lede{justify-self:center;width:min(34rem,100%)}@media (width>=640px){.landing-lede{font-size:1.125rem;line-height:1.7}}.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-frame{border:1px solid var(--nb-border);background:var(--nb-card);width:100%;min-width:0;max-width:100%;box-shadow:0 1px 0 color-mix(in oklch, var(--nb-foreground) 3%, transparent), 0 12px 28px -20px color-mix(in oklch, var(--nb-foreground) 10%, transparent);border-radius:.75rem;position:relative;overflow:hidden}@media (width>=640px){.landing-preview-frame{border-radius:.875rem}}[data-mode=dark] .landing-preview-frame{box-shadow:0 1px 0 color-mix(in oklch, var(--nb-foreground) 6%, transparent), 0 14px 32px -22px color-mix(in oklch, var(--nb-foreground) 18%, transparent)}.landing-preview-chrome{border-bottom:1px solid var(--nb-border);background:color-mix(in oklch, var(--nb-muted) 65%, var(--nb-card));align-items:center;gap:.5rem;min-width:0;padding:.55rem .75rem;display:flex;overflow:hidden}@media (width>=640px){.landing-preview-chrome{padding:.65rem .9rem}}.landing-preview-dot{background:color-mix(in oklch, var(--nb-foreground) 18%, transparent);border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem}.landing-preview-label{min-width:0;color:var(--nb-muted-foreground);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;margin-left:.35rem;font-size:.75rem;text-decoration:none;overflow:hidden}a.landing-preview-label:hover{color:var(--nb-foreground);text-underline-offset:.15em;text-decoration:underline}.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-code{border-bottom:1px solid var(--nb-border);background:var(--nb-background);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-preview-code pre.astro-code{min-height:100%;border:0!important;border-radius:0!important;margin:0!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-frame iframe{width:100%;min-width:0;max-width:100%;display:block}.landing-proof{color:var(--landing-ink-fade);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 0;font-size:.8125rem;display:flex}.landing-proof span{align-items:center;display:inline-flex}.landing-proof span:not(:last-child):after{content:"·";color:color-mix(in oklch, var(--nb-foreground) 28%, transparent);margin-inline:.75rem}.landing-panel{border:1px solid var(--nb-border);background:var(--nb-card);box-shadow:0 1px 0 color-mix(in oklch, var(--nb-foreground) 3%, transparent);border-radius:.875rem;padding:1.25rem}@media (width>=640px){.landing-panel{padding:1.75rem}}.landing-code{border:1px solid var(--nb-border);background:var(--nb-card);min-width:0;max-width:100%;box-shadow:0 1px 0 color-mix(in oklch, var(--nb-foreground) 3%, transparent);border-radius:.875rem;overflow:hidden}.landing-code-chrome{border-bottom:1px solid var(--nb-border);background:color-mix(in oklch, var(--nb-muted) 55%, var(--nb-card));color:var(--nb-muted-foreground);font-family:var(--nb-font-mono,ui-monospace, monospace);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .85rem;font-size:.6875rem;display:flex}.landing-code pre.astro-code{border:0!important;border-radius:0!important;margin:0!important}.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-install{width:100%;min-width:0;max-width:min(40rem,100%);overflow:hidden}.landing-install :is(button,[role=button],div){border-radius:.65rem;min-width:0;max-width:100%}.landing-install :is(code,pre,span){text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}