:root{--bg: #060b12;--surface: #0a1520;--surface-2: #0e1d2c;--border: rgba(255, 255, 255, .055);--border-hover: rgba(34, 211, 238, .38);--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .06);--accent-glow: rgba(34, 211, 238, .22);--text: #e2e8f0;--text-muted: #4a5568;--text-mid: #7a91aa;--font-display: "Syne", sans-serif;--font-mono: "IBM Plex Mono", monospace;--grid-color: rgba(34, 211, 238, .016);--grid-size: 52px;--bg-2: var(--surface);--bg-card: var(--surface-2);--border-accent: rgba(34, 211, 238, .22);--muted: var(--text-muted);--glow: 0 0 30px rgba(34, 211, 238, .14), 0 0 80px rgba(34, 211, 238, .05);--glow-sm: 0 0 15px rgba(34, 211, 238, .16);--green: #34d399;--violet: #a78bfa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;border-color:currentColor}code,kbd,samp,pre{font-family:var(--font-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;background-color:transparent}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none}table{border-collapse:collapse;text-indent:0}hr{height:0;color:inherit;border-top-width:1px}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);font-weight:300;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:0;opacity:.55}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.1;font-weight:700;color:var(--text)}a{color:inherit;text-decoration:none}.reveal{opacity:0;transform:translateY(32px)}.reveal-left{opacity:0;transform:translate(-40px)}.reveal-right{opacity:0;transform:translate(40px)}.section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.section-label:after{content:"";flex:1;max-width:48px;height:1px;background:var(--accent);opacity:.4}.card{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1.75rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:var(--accent-dim);opacity:0;transition:opacity .3s ease}.card:hover{border-color:var(--border-hover);box-shadow:0 0 40px #22d3ee0f,0 4px 20px #00000073;transform:translateY(-2px)}.card:hover:before{opacity:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#22d3ee47;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#000}.z-content{position:relative;z-index:1}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.filter-btn{padding:8px 16px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:2px;cursor:pointer;transition:all .2s}.filter-btn:hover{color:var(--text)!important;border-color:#ffffff29!important}input:focus{border-color:#22d3ee66!important}input::placeholder{color:var(--text-muted)}.nav-link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);transition:color .2s;position:relative}.nav-link:hover{color:var(--text)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s ease}.nav-link:hover:after{width:100%}@keyframes floatA{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes floatB{0%,to{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-14px) rotate(-1deg)}}@keyframes floatC{0%,to{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-8px) rotate(-.5deg)}}.float-a{animation:floatA 5s ease-in-out infinite}.float-b{animation:floatB 6.5s ease-in-out infinite}.float-c{animation:floatC 4.5s ease-in-out infinite}@keyframes floatD{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-12px) rotate(.5deg)}}.float-d{animation:floatD 7s ease-in-out infinite}@keyframes scanLine{0%{top:-2px;opacity:0}5%{opacity:1}95%{opacity:.6}to{top:100%;opacity:0}}.scan-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 40%,var(--accent) 60%,transparent 100%);animation:scanLine 5s ease-in-out infinite;animation-delay:1.5s}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{display:inline-block;width:3px;height:.85em;background:var(--accent);vertical-align:bottom;margin-left:3px;animation:blink 1.1s step-end infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse-dot 2s ease-in-out infinite}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:2px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-mid);letter-spacing:.05em;transition:border-color .25s,color .25s}.tag:hover{border-color:#22d3ee47;color:var(--text)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:var(--accent);color:#04080e;font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s;text-decoration:none}.btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 8px 30px #22d3ee47}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:var(--text-mid);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);border-radius:2px;cursor:pointer;transition:color .2s,border-color .2s;text-decoration:none}.btn-ghost:hover{color:var(--text);border-color:#ffffff29}.stat-num{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--text);line-height:1.15;display:block;overflow:visible}.stat-label{font-size:.67rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:6px;display:block;padding-bottom:4px}.divider{height:1px;background:var(--border)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal].revealed{opacity:1;transform:none}[data-reveal][data-delay="1"]{transition-delay:.08s}[data-reveal][data-delay="2"]{transition-delay:.16s}[data-reveal][data-delay="3"]{transition-delay:.24s}[data-reveal][data-delay="4"]{transition-delay:.32s}[data-reveal][data-delay="5"]{transition-delay:.4s}[data-reveal][data-delay="6"]{transition-delay:.48s}.section{padding:7rem clamp(1.5rem,8vw,8rem);position:relative}.container{max-width:1200px;margin:0 auto}.section-num{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.section-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,4.5vw,3.5rem);line-height:.95;letter-spacing:-.025em}.blog-card{display:flex;flex-direction:column;gap:.75rem}.blog-date{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.blog-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.35;transition:color .2s}.card:hover .blog-title{color:var(--accent)}.icon-box{font-size:1.3rem;margin-bottom:1.25rem;width:42px;height:42px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;border-radius:3px;transition:border-color .3s}.icon-box-accent{border-color:#22d3ee40}.card:hover .icon-box{border-color:#22d3ee4d}.accent{color:var(--accent)}.card-title{font-size:1.02rem;margin-bottom:.75rem}.card-copy{color:var(--text-mid);font-size:.8rem;line-height:1.85}.card-copy-sm{color:var(--text-mid);font-size:.78rem;line-height:1.8;flex:1}.card-fill{display:flex;flex-direction:column;height:100%}.card-foot{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;align-items:center}.meta-dim{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.12em}.row-split{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tag-row{display:flex;gap:.5rem;flex-wrap:wrap}.stack-xs{display:flex;flex-direction:column;gap:6px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}}.rise{animation:riseIn .65s cubic-bezier(.16,1,.3,1) backwards}.rise-1{animation-delay:.07s}.rise-2{animation-delay:.14s}.rise-3{animation-delay:.21s}.rise-4{animation-delay:.28s}.rise-5{animation-delay:.35s}@media(prefers-reduced-motion:reduce){.rise{animation:none}}.kv{display:grid;grid-template-columns:clamp(5.5rem,24vw,8.5rem) minmax(0,1fr);gap:.55rem 1rem;font-family:var(--font-mono);font-size:.76rem;line-height:1.5}.kv dt{color:var(--text-mid);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;padding-top:2px}.kv dd{color:var(--text);word-break:break-all}.link-quiet{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.link-quiet:hover{color:var(--accent)}