:root{--background:#f3f4f6;--foreground:#0f1729;--card:#fcfcfd;--card-foreground:#0f1729;--popover:#fff;--popover-foreground:#0f1729;--border:#d7dde4;--input:#e0e5eb;--ring:#11bed4;--primary:#0fa8bd;--primary-foreground:#fff;--secondary:#ebecf0;--secondary-foreground:#0f1729;--accent:#e6eff0;--accent-foreground:#0b7e8e;--muted:#ebecf0;--muted-foreground:#5c6b7f;--destructive:#dc2828;--destructive-foreground:#fff;--success:#2c9653;--success-foreground:#fff;--warning:#dc8f09;--warning-foreground:#0f1729;--info:#2094f3;--info-foreground:#fff;--chart-1:#11bed4;--chart-2:#2c9653;--chart-3:#dc8f09;--chart-4:#6837be;--chart-5:#65758b;--radius:.5rem;--sidebar:#eff0f3;--sidebar-foreground:#0f1729;--sidebar-primary:#0fa8bd;--sidebar-primary-foreground:#fff;--sidebar-accent:#e6eff0;--sidebar-accent-foreground:#0b7e8e;--sidebar-border:#d7dde4;--sidebar-ring:#11bed4}.dark{--background:#0b111e;--foreground:#f1f5f9;--card:#10192d;--card-foreground:#f1f5f9;--popover:#16213c;--popover-foreground:#f1f5f9;--border:#1d283a;--input:#1a2333;--ring:#29cbe0;--primary:#29cbe0;--primary-foreground:#0b111e;--secondary:#222f44;--secondary-foreground:#f1f5f9;--accent:#144a52;--accent-foreground:#f1f5f9;--muted:#222f44;--muted-foreground:#94a3b8;--destructive:#cf3030;--destructive-foreground:#f1f5f9;--success:#39ac63;--success-foreground:#f1f5f9;--warning:#f59f0a;--warning-foreground:#0b111e;--info:#51abf6;--info-foreground:#f1f5f9;--chart-1:#29cbe0;--chart-2:#39ac63;--chart-3:#f59f0a;--chart-4:#7a47d1;--chart-5:#94a3b8;--radius:.5rem;--sidebar:#0e1525;--sidebar-foreground:#f1f5f9;--sidebar-primary:#29cbe0;--sidebar-primary-foreground:#f1f5f9;--sidebar-accent:#222f44;--sidebar-accent-foreground:#f1f5f9;--sidebar-border:#1d283a;--sidebar-ring:#29cbe0}[data-slot=input-group] [data-slot=input-group-control]:focus-visible{--tw-ring-shadow:none;--tw-ring-offset-shadow:none;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-shadow)}[data-slot=input-group] [data-slot=input-group-button]:focus-visible{--tw-ring-shadow:none;--tw-ring-offset-shadow:none;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-shadow)}.bg-chrome,.bg-chrome-footer{background-color:var(--card)}:focus-visible{--tw-ring-offset-width:0px}.focus-ring:focus-visible{--tw-ring-offset-width:0px}.focus-ring-primary:focus-visible{--tw-ring-offset-width:0px}.text-info{color:var(--info)}.border-info-subtle{border-color:color-mix(in srgb, var(--info) 50%, transparent)}[data-slot=slider-thumb]{background-color:var(--background)!important}[data-slot=tabs-trigger]:after{background-color:var(--primary)!important}[data-slot=input]:disabled,[data-slot=textarea]:disabled,[data-slot=select-trigger]:disabled{color:var(--muted-foreground);border-color:var(--muted);background-color:var(--muted);opacity:1!important}[data-slot=button]:disabled{color:var(--muted-foreground);background-color:var(--muted);border-color:#0000;opacity:1!important}[data-slot=checkbox]:disabled,[data-slot=switch][data-disabled]{border-color:var(--muted);opacity:1!important}.dark [data-slot=input]:disabled,.dark [data-slot=textarea]:disabled,.dark [data-slot=select-trigger]:disabled,.dark [data-slot=button]:disabled{background-color:var(--muted)}.landing-grid-bg{position:relative;overflow:hidden}.landing-grid-bg:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 30%,#0000 70%);mask-image:radial-gradient(60% 50% at 50% 0,#000 30%,#0000 70%)}.hero-glow{background:radial-gradient(ellipse, color-mix(in srgb, var(--primary) 12%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;width:600px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.33,1,.68,1),transform .6s cubic-bezier(.33,1,.68,1);transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.showcase-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);transition:border-color var(--duration-slow) var(--easing-ease-out), box-shadow var(--duration-slow) var(--easing-ease-out);position:relative;overflow:hidden}.showcase-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 24px -4px color-mix(in srgb, var(--primary) 10%, transparent)}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mockup-line{background:var(--muted);border-radius:4px;height:8px}.mockup-line-short{width:40%}.mockup-line-med{width:65%}.mockup-line-long{width:85%}.mockup-line-accent{background:color-mix(in srgb, var(--primary) 30%, var(--muted))}.stat-value{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--foreground);font-size:2rem;font-weight:600;line-height:1}.pro-card-glow{position:relative}.pro-card-glow:before{content:"";border-radius:calc(var(--radius) + 4px);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 50%, transparent), transparent 60%);z-index:-1;opacity:.5;transition:opacity var(--duration-slow) var(--easing-ease-out);position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.pro-card-glow:hover:before{opacity:.8}.btn-glow{position:relative;overflow:visible}.btn-glow:after{content:"";border-radius:inherit;background:var(--primary);opacity:0;filter:blur(10px);z-index:-1;transition:opacity var(--duration-slow) var(--easing-ease-out);position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.btn-glow:hover:after{opacity:.18}.fade-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);border:none;height:1px}.guide-prose p{color:var(--muted-foreground);margin-bottom:1rem;line-height:1.75}.guide-prose p:last-child{margin-bottom:0}.guide-toc-link[data-active]{color:var(--primary);font-weight:500}.guide-table{border-collapse:collapse}.guide-table th,.guide-table td{white-space:nowrap}@media (max-width:640px){.guide-table td,.guide-table th{white-space:normal;padding-left:.5rem;padding-right:.5rem;font-size:.8125rem}}.router-progress-bar{background-color:var(--primary);box-shadow:0 0 8px color-mix(in srgb, var(--primary) 40%, transparent);transition:width .3s cubic-bezier(.22,1,.36,1)}[data-state=completing] .router-progress-bar{opacity:0;transition:width .15s ease-out,opacity .3s ease-out .15s}