@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#181a1b;--bg-elevated:#1e2122;--surface:#ffffff09;--surface-strong:#ffffff0f;--border:#ffffff14;--border-strong:#ffffff29;--text:#c8c8c8;--text-dim:#8c9296;--heading:#f1f5f4;--accent-rgb:0, 177, 136;--accent:rgb(var(--accent-rgb));--accent-bright:#2ff0bf;--accent-deep:#008364;--accent-cyan:#22d3ee;--danger:#ff5f6d;--glow:0 0 24px rgba(var(--accent-rgb), .35);--glow-strong:0 0 40px rgba(var(--accent-rgb), .55);--radius:14px;--radius-sm:8px;--nav-h:68px;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:"Space Grotesk", "DM Mono", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body,html{background-color:var(--bg)}body{font-family:var(--font-mono);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.65;overflow-x:hidden}body:after,body:before{content:"";pointer-events:none;z-index:-1;position:fixed;inset:0}body:before{background-image:linear-gradient(#ffffff09 1px,#0000 0),linear-gradient(90deg,#ffffff09 1px,#0000 0);background-size:56px 56px;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000)}body:after{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:rgba(var(--accent-rgb),.35);color:#fff}h1,h2,h3,h4{font-family:var(--font-display);color:var(--heading);margin:0;line-height:1.15}p{margin:0 0 1em}strong{color:var(--heading);font-weight:500}a{color:var(--accent);cursor:pointer;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-bright)}img{max-width:100%}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{scroll-margin-top:var(--nav-h);padding:96px 0;position:relative}@media (width<=680px){.section{padding:64px 0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff0d,#ffffff04)}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle),transparent 0deg,var(--accent) 60deg,var(--accent-cyan) 120deg,transparent 180deg,transparent 1turn);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;animation:4s linear infinite spin-angle;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-border.is-active:before,.gradient-border:focus-visible:before,.gradient-border:hover:before{opacity:1}.btn{font-family:var(--font-mono);cursor:pointer;transition:background-color .25s,border-color .25s,box-shadow .25s,color .25s,transform .25s var(--ease-out);translate:var(--mx,0) var(--my,0);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6em;padding:.8em 1.4em;font-size:.95rem;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent-deep);border-color:var(--accent);box-shadow:0 0 0 rgba(var(--accent-rgb),0);color:#fff!important}.btn--primary:hover:not(:disabled){background:var(--accent);box-shadow:var(--glow-strong)}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--heading)!important}.btn--ghost:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--glow)}.chip{color:var(--accent-bright);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.25);border-radius:999px;align-items:center;gap:.4em;padding:.2em .7em;font-size:.75rem;display:inline-flex}.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .6s var(--ease-out);will-change:transform}.tilt.is-tilting{transition:transform .1s linear!important}.tilt-glare{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#ffffff1f,transparent 45%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.is-tilting>.tilt-glare{opacity:1}html.motion [data-reveal]{opacity:0;filter:blur(4px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),filter .8s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}html.motion [data-reveal][data-revealed]{opacity:1;filter:none;transform:none}.page-enter-active,.page-leave-active{transition:opacity .35s,filter .35s,transform .35s var(--ease-out)}.page-enter-from,.page-leave-to{opacity:0;filter:blur(6px);transform:translateY(12px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.caret{vertical-align:text-bottom;background:var(--accent-bright);width:.6em;height:1.1em;box-shadow:var(--glow);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@keyframes spin-angle{to{--angle:360deg}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
