:root{--bg:#060608;--s1:#0c0d14;--s2:#111320;--s3:#161828;--border:#1c1e30;--border2:#252840;--text:#e2e4f0;--body:#9094b8;--muted:#484b6a;--blue:#7aa2f7;--lav:#bb9af7;--grn:#9ece6a;--red:#f7768e;--org:#e0af68;--cyan:#7dcfff;--grad:linear-gradient(135deg, #7aa2f7 0%, #bb9af7 100%);--font-display:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--nav-h:64px;--max-w:1120px;--section-gap:120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2.5rem)}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.body-text{color:var(--body)}.tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;align-items:center;gap:.35rem;padding:.2em .65em;font-size:.72rem;font-weight:500;display:inline-flex}.tag-red{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red);border:1px solid color-mix(in srgb, var(--red) 30%, transparent)}.tag-blue{background:color-mix(in srgb, var(--blue) 12%, transparent);color:var(--blue);border:1px solid color-mix(in srgb, var(--blue) 30%, transparent)}.tag-grn{background:color-mix(in srgb, var(--grn) 12%, transparent);color:var(--grn);border:1px solid color-mix(in srgb, var(--grn) 30%, transparent)}.tag-lav{background:color-mix(in srgb, var(--lav) 12%, transparent);color:var(--lav);border:1px solid color-mix(in srgb, var(--lav) 30%, transparent)}.tag-org{background:color-mix(in srgb, var(--org) 12%, transparent);color:var(--org);border:1px solid color-mix(in srgb, var(--org) 30%, transparent)}.tag-muted{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted);border:1px solid color-mix(in srgb, var(--muted) 30%, transparent)}.btn-primary{background:var(--grad);color:#fff;border-radius:6px;align-items:center;gap:.4em;padding:.6em 1.4em;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border2);color:var(--body);border-radius:6px;align-items:center;gap:.4em;padding:.55em 1.2em;font-size:.9rem;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-size:.72rem}.section-title{letter-spacing:-.03em;color:var(--text);margin-bottom:.5rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;line-height:1.15}.section-sub{color:var(--body);max-width:52ch;margin-bottom:2.5rem}.card{background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.card:after{content:"";transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.card:hover{transform:translateY(-2px)}.card:hover:after{transform:scaleX(1)}.card:hover{border-color:var(--border2)}.card-red:after{background:var(--red)}.card-grn:after{background:var(--grn)}.card-lav:after{background:var(--lav)}.card-org:after{background:var(--org)}.card-blue:after{background:var(--blue)}.card-title{color:var(--text);margin-block:.75rem .4rem;font-size:1.05rem;font-weight:700;line-height:1.3}.card-desc{color:var(--body);font-size:.88rem;line-height:1.55}#nav{height:var(--nav-h);z-index:100;border-bottom:1px solid #0000;transition:background .3s,backdrop-filter .3s,border-color .3s;position:fixed;top:0;left:0;right:0}#nav.scrolled{background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:blur(16px);border-color:var(--border)}.nav-inner{height:100%;max-width:var(--max-w);justify-content:space-between;align-items:center;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2.5rem);display:flex}.nav-logo{font-family:var(--font-mono);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:500}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--body);font-size:.875rem;transition:color .2s}.nav-links a:hover{color:var(--text)}footer{border-top:1px solid var(--border);text-align:center;color:var(--body);font-size:.85rem;font-family:var(--font-mono);padding:2rem}.noise-overlay{pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--s1)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}