*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);background-image:var(--gradient-bg);color:var(--color-text)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--font-sans:'Inter', sans-serif;--font-mono:'JetBrains Mono', monospace;--font-size-3xs:0.5rem;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:4rem;--font-size-6xl:6rem;--space-2xs:0.125rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--heading-1-size:var(--font-size-4xl);--heading-2-size:var(--font-size-3xl);--heading-3-size:var(--font-size-2xl);--heading-4-size:var(--font-size-xl);--heading-5-size:var(--font-size-lg);--heading-6-size:var(--font-size-base);--heading-weight:600;--heading-line-height:1.2;--heading-margin-bottom:var(--space-sm);--color-bg:#0b1120;--color-bg-surface-nav:rgba(11, 17, 32, 0.9);--color-bg-surface-1:rgba(11, 17, 32, 0.6);--color-bg-surface-2:rgba(11, 17, 32, 0.4);--gradient-bg:radial-gradient(
      circle at 20% 30%,
      rgba(61, 155, 233, 0.06),
      transparent 60%
    ),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02), var(--color-bg));--color-flat-surface-1:#111827;--color-flat-surface-2:#1e293b;--color-flat-surface-3:#334155;--color-surface-1:rgba(255, 255, 255, 0.04);--color-surface-2:rgba(255, 255, 255, 0.06);--color-surface-3:rgba(255, 255, 255, 0.08);--color-border:#2e3547;--color-shadow:rgba(0, 0, 0, 0.4);--color-text:#f4f4f5;--color-muted:#a1a1aa;--color-disabled:#5e6370;--color-primary:#3d9be9;--color-secondary:#7d6ff0;--color-success:#4fb477;--color-info:#63c7e3;--color-warning:#f6b800;--color-error:#ef5e5e;--color-primary-desat:#1a3a5c;--color-secondary-desat:#2d2554;--color-success-desat:#1e3d2a;--color-info-desat:#1a3e4a;--color-warning-desat:#4a3d00;--color-error-desat:#4a1e1e;--color-primary-interaction:#3284cc;--color-secondary-interaction:#6f61dd;--color-success-interaction:#419965;--color-info-interaction:#50b3d3;--color-warning-interaction:#ddb000;--color-error-interaction:#dc5050;--color-accent:#a4e862;--color-accent-interaction:#8cc84e;--color-accent-desat:#2a3d1a;--color-on-primary:var(--color-text);--color-on-secondary:var(--color-text);--color-on-success:var(--color-text);--color-on-info:var(--color-text);--color-on-warning:var(--color-text);--color-on-error:var(--color-text);--color-on-accent:var(--color-text);--color-on-disabled:var(--color-text);--glass-surface:rgba(255, 255, 255, 0.05);--glass-surface-interaction:rgba(255, 255, 255, 0.08);--glass-surface-border-color:rgba(255, 255, 255, 0.15);--glass-surface-border-color-interaction:rgba(255, 255, 255, 0.25);--glass-surface-border:1px solid var(--glass-surface-border-color);--glass-surface-border-interaction:1px solid
    var(--glass-surface-border-color-interaction);--glass-primary:rgba(61, 155, 233, 0.12);--glass-primary-interaction:rgba(61, 155, 233, 0.24);--glass-primary-border-color:rgba(61, 155, 233, 0.2);--glass-primary-border-color-interaction:rgba(61, 155, 233, 0.35);--glass-primary-border:1px solid var(--glass-primary-border-color);--glass-primary-border-interaction:1px solid
    var(--glass-primary-border-color-interaction);--glass-secondary:rgba(125, 111, 240, 0.12);--glass-secondary-interaction:rgba(125, 111, 240, 0.24);--glass-secondary-border-color:rgba(125, 111, 240, 0.2);--glass-secondary-border-color-interaction:rgba(125, 111, 240, 0.35);--glass-secondary-border:1px solid var(--glass-secondary-border-color);--glass-secondary-border-interaction:1px solid
    var(--glass-secondary-border-color-interaction);--glass-success:rgba(79, 180, 119, 0.12);--glass-success-interaction:rgba(79, 180, 119, 0.24);--glass-success-border-color:rgba(79, 180, 119, 0.2);--glass-success-border-color-interaction:rgba(79, 180, 119, 0.35);--glass-success-border:1px solid var(--glass-success-border-color);--glass-success-border-interaction:1px solid
    var(--glass-success-border-color-interaction);--glass-info:rgba(99, 199, 227, 0.12);--glass-info-interaction:rgba(99, 199, 227, 0.24);--glass-info-border-color:rgba(99, 199, 227, 0.2);--glass-info-border-color-interaction:rgba(99, 199, 227, 0.35);--glass-info-border:1px solid var(--glass-info-border-color);--glass-info-border-interaction:1px solid
    var(--glass-info-border-color-interaction);--glass-warning:rgba(246, 184, 0, 0.12);--glass-warning-interaction:rgba(246, 184, 0, 0.24);--glass-warning-border-color:rgba(246, 184, 0, 0.2);--glass-warning-border-color-interaction:rgba(246, 184, 0, 0.35);--glass-warning-border:1px solid var(--glass-warning-border-color);--glass-warning-border-interaction:1px solid
    var(--glass-warning-border-color-interaction);--glass-error:rgba(239, 94, 94, 0.12);--glass-error-interaction:rgba(239, 94, 94, 0.24);--glass-error-border-color:rgba(239, 94, 94, 0.2);--glass-error-border-color-interaction:rgba(239, 94, 94, 0.35);--glass-error-border:1px solid var(--glass-error-border-color);--glass-error-border-interaction:1px solid
    var(--glass-error-border-color-interaction);--glass-accent:rgba(164, 232, 98, 0.12);--glass-accent-interaction:rgba(164, 232, 98, 0.24);--glass-accent-border-color:rgba(164, 232, 98, 0.2);--glass-accent-border-color-interaction:rgba(164, 232, 98, 0.35);--glass-accent-border:1px solid var(--glass-accent-border-color);--glass-accent-border-interaction:1px solid
    var(--glass-accent-border-color-interaction);--radius:6px;--radius-lg:calc(var(--radius) * 2);--radius-xl:calc(var(--radius) * 4);--border:1px solid var(--color-border);--shadow:0 8px 16px var(--color-shadow);--icon-size-sm:1rem;--icon-size-md:1.5rem;--icon-size-lg:2rem;--code-bg:var(--color-surface-2);--code-border:var(--color-border);--code-text:var(--color-text);--code-radius:var(--radius);--code-padding:var(--space-md);--code-font:var(--font-mono);--code-font-size:var(--font-size-sm);--code-line-height:1.5;--badge-bg:var(--glass-info);--badge-border:var(--glass-info-border);--badge-text:var(--color-text);--badge-radius:var(--radius);--badge-padding-x:var(--space-sm);--badge-padding-y:var(--space-xs);--badge-font-size:var(--font-size-xs);--badge-font-weight:500;--badge-font:var(--font-mono);--error-bg:var(--glass-error);--error-border:var(--glass-error-border);--error-text:var(--color-on-error);--warning-bg:var(--glass-warning);--warning-border:var(--glass-warning-border);--warning-text:var(--color-on-warning);--chip-bg:var(--glass-primary-interaction);--chip-border-color:var(--glass-primary-border-interaction);--chip-text:var(--color-text);--chip-radius:9999px;--chip-padding-x:var(--space-sm);--chip-padding-y:var(--space-2xs)}body{font-family:var(--font-sans);font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-sans);font-weight:600;line-height:1.2;margin-bottom:var(--space-sm);color:var(--color-text)}h1,.h1{font-size:var(--font-size-4xl)}h2,.h2{font-size:var(--font-size-3xl)}h3,.h3{font-size:var(--font-size-2xl)}h4,.h4{font-size:var(--font-size-xl)}h5,.h5{font-size:var(--font-size-lg)}h6,.h6{font-size:var(--font-size-base)}p{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);margin:var(--space-md)0}a{font-family:var(--font-sans);color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:is(:hover,:focus,:active){color:var(--color-primary-interaction);text-decoration:underline;outline:none}code{font-family:var(--font-mono)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.4;background-color:var(--color-surface-2);padding:var(--space-sm);margin:var(--space-md)0;border-radius:var(--radius);overflow-x:auto}pre code{font-size:var(--font-size-sm);color:var(--color-text)}ul,ol{margin-block-start:1em;margin-block-end:1em;padding-inline-start:var(--space-lg)}.btn{display:inline-block;padding:var(--space-sm)var(--space-lg);border-radius:var(--radius);font-weight:500;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-size:var(--font-size-base)}.btn-primary{background:var(--glass-primary);border:var(--glass-primary-border);color:var(--color-text);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.btn-primary:hover,.btn-primary:focus{background:var(--glass-primary-interaction);border-color:var(--glass-primary-border-color-interaction)}.btn-lg{padding:var(--space-md)var(--space-xl);font-size:var(--font-size-lg)}.card{background:var(--glass-surface);border:var(--glass-surface-border);border-radius:var(--radius-lg);padding:var(--space-xl);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow);transition:all .2s ease}.card:hover{background:var(--glass-surface-interaction);border-color:var(--glass-surface-border-color-interaction)}.card h3{color:var(--color-primary);margin-bottom:var(--space-md)}.card p{color:var(--color-muted);margin:0;line-height:1.6}.form-input{width:100%;padding:var(--space-md);background:var(--glass-surface);border:var(--glass-surface-border);border-radius:var(--radius);color:var(--color-text);font-size:var(--font-size-base);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease}.form-input::placeholder{color:var(--color-muted)}.form-input:focus{outline:none;background:var(--glass-surface-interaction);border-color:var(--glass-primary-border-color)}.form-group{display:flex;flex-direction:column;gap:var(--space-md)}.signup-form-wrapper{margin-top:var(--space-2xl)}.signup-form{display:flex;flex-direction:column;gap:var(--space-md);max-width:500px;margin:0 auto}.honeypot{position:absolute;left:-5e3px}.privacy-notice{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}@media(max-width:768px){.form-input{font-size:var(--font-size-base)}}.hero{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-2xl);text-align:left;overflow:hidden}.hero::before{content:'';position:absolute;top:50%;left:0;width:70%;height:150%;background-image:url(/i/dashboard-screenshot.png);background-size:60%;background-repeat:no-repeat;background-position:30%;transform:translateY(-50%)rotate(-15deg);mask-image:linear-gradient(to right,rgba(0,0,0,.8) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.8) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;width:50%;z-index:1}.hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-lg);background:linear-gradient( 135deg,var(--color-accent) 0%,var(--color-primary) 80% );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-muted);margin-bottom:var(--space-2xl);line-height:1.6}.features-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);padding:var(--space-2xl);max-width:1200px;margin:0 auto}@media(max-width:820px){.hero{min-height:auto;padding:var(--space-lg)var(--space-md);justify-content:center;text-align:center}.hero::before{background-size:100%;background-position:50%;transform:translateY(-25%)translateX(25%)rotate(-15deg);mask-image:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%)}.hero-content{width:100%}.hero h1{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.features-preview{grid-template-columns:1fr;padding:var(--space-xl)var(--space-md)}}.site-header{padding:var(--space-lg);display:flex;align-items:center}.site-header a{display:flex;align-items:center;text-decoration:none}.site-header img{width:100px;height:auto}.site-footer{padding:var(--space-md);text-align:center;border-top:var(--border)}.site-footer p{font-size:var(--font-size-xs);color:var(--color-muted);margin:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}html{scroll-behavior:smooth}