:root{--black: #03050a;--gray-950: #080b14;--gray-900: #0c0f1c;--gray-800: #141829;--gray-700: #1d2238;--gray-600: #303654;--gray-500: #4a5177;--gray-400: #737b9e;--gray-300: #9da5c4;--gray-200: #c8cde0;--cyan-600: #0ea5e9;--cyan-500: #38bdf8;--cyan-400: #7dd3fc;--cyan-300: #aee2ff;--teal-600: #14b8a6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}::selection{background:var(--cyan-600);color:#fff}body{font-family:var(--font-sans);background:var(--black);color:var(--gray-300);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 60% 20%,rgba(14,165,233,.05) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(20,184,166,.03) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px) 0 0/48px 48px;mask-image:radial-gradient(ellipse at center,black 35%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 70%)}.corner{position:fixed;top:1.5rem;right:2rem;z-index:10}.corner a{font-size:.8rem;color:var(--gray-500);font-family:var(--font-mono)}.corner a:hover{color:var(--cyan-400)}.hero-inner{max-width:520px;text-align:center;position:relative;z-index:1}.hero-logo{margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 0 20px rgba(14,165,233,.08))}.hero h1{font-size:clamp(3.2rem,7vw,5rem);font-weight:800;color:#fff;letter-spacing:-2px;line-height:1.05;margin-bottom:1rem}.hero-blurb{font-size:1rem;color:var(--gray-400);line-height:1.75;margin-bottom:1.5rem}.hero-links{display:flex;align-items:center;justify-content:center;gap:.25rem}.hero-links a{padding:.35rem .9rem;font-size:.9rem;font-weight:500;color:var(--gray-400);border-radius:var(--radius-sm);transition:all .2s}.hero-links a:hover{color:#fff;background:#ffffff0a}.sep{color:var(--gray-600);font-size:.8rem}.product-section{padding:2rem 2rem 4rem}.product-card{max-width:560px;margin:0 auto;background:#ffffff05;border:1px solid rgba(14,165,233,.08);border-radius:var(--radius-lg);padding:2.5rem 2.2rem;position:relative;transition:all .3s}.product-card:hover{border-color:#0ea5e926;background:#0ea5e904}.product-badge{display:inline-block;font-family:var(--font-mono);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan-400);background:#0ea5e90f;border:1px solid rgba(14,165,233,.1);padding:.2rem .6rem;border-radius:100px;margin-bottom:.8rem}.product-name{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.5px;margin-bottom:.6rem}.product-desc{font-size:.9rem;color:var(--gray-400);line-height:1.7;margin-bottom:1.5rem}.product-stats{display:flex;gap:0;margin-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:1.2rem}.product-stat{flex:1;text-align:center}.product-stat+.product-stat{border-left:1px solid rgba(255,255,255,.04)}.product-stat-val{display:block;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--cyan-400),var(--teal-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.product-stat-lbl{font-size:.72rem;color:var(--gray-500)}.product-tech{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.3rem}.product-tech span{font-family:var(--font-mono);font-size:.7rem;color:var(--gray-400);padding:.2rem .5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px}.product-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.4rem;background:linear-gradient(135deg,var(--cyan-600),#0c7bb8);color:#fff;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);box-shadow:0 2px 16px #0ea5e933;transition:all .25s cubic-bezier(.16,1,.3,1)}.product-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px #0ea5e959}.projects{padding:2rem 2rem 5rem}.projects-inner{max-width:560px;margin:0 auto}.section-marker{font-family:var(--font-mono);font-size:.7rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.12em;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.marker-line{flex:1;height:0;border-top:1px solid rgba(255,255,255,.04);max-width:40px}.project{display:flex;gap:1rem;padding:1.1rem 0}.project+.project{border-top:1px solid rgba(255,255,255,.03)}.project-side{flex-shrink:0;width:32px;padding-top:2px}.project-icon{font-size:1.1rem;line-height:1;opacity:.6}.project-body{flex:1;min-width:0}.project-name{font-size:.92rem;font-weight:600;color:var(--gray-200);display:inline-block;margin-bottom:.2rem;transition:all .2s}.project-name:hover{color:var(--cyan-400)}.project-desc{font-size:.82rem;color:var(--gray-400);line-height:1.6;margin-bottom:.4rem}.project-tech{display:flex;flex-wrap:wrap;gap:.25rem}.project-tech span{font-family:var(--font-mono);font-size:.66rem;color:var(--gray-500);padding:.1rem .4rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:3px}.projects-footer{margin-top:2rem;text-align:center}.projects-footer a{font-size:.82rem;color:var(--gray-500);padding:.3rem .8rem;border-radius:var(--radius-sm);transition:all .2s}.projects-footer a:hover{color:var(--cyan-400);background:#0ea5e90a}footer{padding:2.5rem 2rem;display:flex;justify-content:center;align-items:center;gap:2rem;font-size:.8rem;color:var(--gray-600);flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.03)}.footer-links{display:flex;gap:1.2rem}.footer-links a{color:var(--gray-600);transition:color .2s}.footer-links a:hover{color:var(--gray-300)}@media (max-width: 600px){.hero{flex-direction:column;justify-content:center;padding:3rem 1.5rem}.corner{position:static;margin-bottom:1rem}.hero-inner{max-width:100%}.hero h1{font-size:clamp(2.5rem,12vw,3.2rem);letter-spacing:-1px}.hero-blurb{font-size:.92rem}.hero-links a{padding:.35rem .6rem;font-size:.85rem}.product-card{padding:1.5rem 1.2rem}.product-name{font-size:1.3rem}.project{flex-direction:column;gap:.4rem}.project-side{width:auto}.product-stats{flex-wrap:wrap;gap:.5rem}.product-stat{min-width:80px}.product-stat+.product-stat{border-left:none}footer{flex-direction:column;text-align:center;gap:.5rem}}