@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color:#f4f4f0;--text-color:#111;--accent:#ff3b30;--border-color:#111;--border-width:4px;--shadow-color:#111;--shadow-offset:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Space Grotesk,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{margin-bottom:1rem;font-size:clamp(3rem,8vw,6rem)}h2{margin-bottom:1rem;font-size:clamp(2rem,5vw,4rem)}h3{font-size:1.5rem}code,pre,.mono{font-family:JetBrains Mono,monospace}.container{max-width:1200px;margin:0 auto;padding:2rem}.brutalist-card{border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);background:#fff;margin-bottom:2rem;padding:2rem;transition:transform .1s,box-shadow .1s}.brutalist-btn{background:var(--accent);color:#fff;text-transform:uppercase;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);cursor:pointer;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;text-decoration:none;transition:all .1s;display:inline-flex}.brutalist-btn:hover{box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--shadow-color);transform:translate(-2px,-2px)}.brutalist-btn:active{transform:translate(var(--shadow-offset), var(--shadow-offset));box-shadow:0 0 0 0 var(--shadow-color)}.brutalist-btn.secondary{color:var(--text-color);background:#fff}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hero{border-bottom:var(--border-width) solid var(--border-color);background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);background-position:-1px -1px;background-size:40px 40px;padding:6rem 0}.hero .container{-webkit-backdrop-filter:blur(12px);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);background:#f4f4f0b3;padding:4rem 3rem}.terminal-block{isolation:isolate;color:#f7f7f2;border:2px solid #3a3a35;border-left:6px solid var(--accent);cursor:default;z-index:10;background:linear-gradient(135deg,#ff6a001f,#0000 35%),#101010;border-radius:3px;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0;padding:2.9rem 1.1rem 1.1rem;font-family:JetBrains Mono,monospace;font-size:1rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:8px 8px #111,inset 0 0 0 1px #ffffff0a}.terminal-block:before{color:#85857d;content:"SECURE SHELL  //  READY";letter-spacing:.14em;text-transform:uppercase;background:#181818;border-bottom:1px solid #30302c;height:2rem;padding:.35rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.68rem;font-weight:700;line-height:1.3rem;position:absolute;top:0;left:0;right:0}.terminal-block:after{background:var(--accent);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:.83rem;right:.8rem;box-shadow:-10px 0 #f3c623,-20px 0 #39ff14}.terminal-block>div:first-child{overflow-wrap:anywhere;min-width:0;line-height:1.6}.terminal-block>div:first-child>span:first-child{font-weight:700;color:var(--accent)!important}.terminal-block:active{transform:translate(5px,5px);box-shadow:3px 3px #111}.terminal-block:hover{border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:10px 10px #111,inset 0 0 24px #ff6a0014}.snag-action{color:#ff6a00;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ff6a0014;border:1px solid #ff6a0073;flex-shrink:0;align-items:center;gap:.45rem;min-height:2.4rem;margin:-.1rem -.25rem -.1rem 0;padding:.35rem .7rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden}.snag-action:after{content:"";background:#ffffffbf;width:22%;transition:left;position:absolute;top:0;bottom:0;left:-35%;transform:skew(-18deg)}.terminal-block:hover .snag-action{border-color:var(--accent);background:#ff6a0033;transform:translateY(-1px)}.terminal-block:hover .snag-action:after{transition:left .45s;left:125%}.snag-action svg{z-index:1;transition:transform .25s cubic-bezier(.22,1,.36,1);position:relative}.snag-action span{z-index:1;position:relative}.terminal-block:hover .snag-action svg{transform:scale(1.12)}.snag-action.copied{color:#111;background:#39ff14;border-color:#39ff14;animation:.35s ease-out snag-confirm}.snag-action.copied svg{animation:.35s ease-out snag-check}.snag-action.compact{color:#ff6a00;font-size:.72rem}@keyframes snag-confirm{0%{transform:scale(.92)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes snag-check{0%{transform:scale(.65)rotate(-25deg)}to{transform:scale(1)rotate(0)}}.badge{background:var(--accent);color:#fff;border:2px solid var(--border-color);text-transform:uppercase;padding:.25rem .75rem;font-size:.875rem;font-weight:700;display:inline-block}.badge.high{background:var(--accent)}.badge.critical{color:#fff;background:#000}table.brutalist-table{border-collapse:collapse;border:var(--border-width) solid var(--border-color);width:100%;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);background:#fff;margin:2rem 0}table.brutalist-table th,table.brutalist-table td{border:2px solid var(--border-color);text-align:left;padding:1rem}table.brutalist-table th{background:var(--border-color);color:#fff;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:1.25rem}table.brutalist-table td{font-family:JetBrains Mono,monospace}.marquee-container{pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--accent);color:#fff;border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);width:100%;box-shadow:0 var(--shadow-offset) 0 0 var(--shadow-color);margin-bottom:4rem;padding:1rem 0;display:flex;overflow:hidden}.marquee-content{white-space:nowrap;pointer-events:none;animation:42s linear infinite marquee;display:inline-flex}.marquee-text{pointer-events:none;text-transform:uppercase;padding:0 1rem;font-size:1.5rem;font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{background:var(--bg-color);border-bottom:var(--border-width) solid var(--border-color);z-index:100;isolation:isolate;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:static;overflow:hidden}.navbar .logo{z-index:1;text-transform:uppercase;letter-spacing:-1px;font-size:1.5rem;font-weight:900;position:relative}.navbar .nav-links{z-index:1;position:relative}.docs-link{padding:.5rem 1rem;font-size:1rem}.pixel-trail-layer{transition:opacity .18s}.pixel-trail-layer.muted{opacity:0}.tutorial-backdrop{z-index:300;background:#080808eb;place-items:center;padding:1.5rem;animation:.2s ease-out tutorial-fade-in;display:grid;position:fixed;inset:0}.tutorial-panel{color:#111;width:min(100%,620px);min-height:520px;box-shadow:12px 12px 0 var(--accent);aspect-ratio:1;background:#f4f4f0;border:4px solid #111;flex-direction:column;padding:2.5rem;animation:.3s cubic-bezier(.22,1,.36,1) tutorial-panel-in;display:flex;position:relative}.tutorial-close,.tutorial-arrow{color:#111;cursor:pointer;background:0 0;border:3px solid #111;place-items:center;width:48px;height:48px;display:inline-grid}.tutorial-close{position:absolute;top:1rem;right:1rem}.tutorial-close:hover,.tutorial-arrow:hover:not(:disabled){color:#fff;background:#111}.tutorial-close:focus-visible,.tutorial-arrow:focus-visible,.tutorial-next:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tutorial-progress{gap:.5rem;padding-right:4rem;display:flex}.tutorial-progress span{background:#c9c9c3;width:42px;height:6px}.tutorial-progress span.active{background:var(--accent)}.tutorial-content{flex-direction:column;flex:1;justify-content:center;max-width:500px;animation:.25s ease-out tutorial-content-in;display:flex}.tutorial-eyebrow{color:var(--accent);margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.tutorial-content h2{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.tutorial-content>p:not(.tutorial-eyebrow){font-size:1.15rem}.tutorial-command{color:#39ff14;overflow-wrap:anywhere;background:#111;border:3px solid #111;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem;font-family:JetBrains Mono,monospace;display:flex}.tutorial-command span{color:#aaa}.tutorial-command code{flex:1;font-size:.9rem}.tutorial-command .snag-action{color:#ff6a00}.tutorial-footer{justify-content:space-between;align-items:center;gap:1rem;font-family:JetBrains Mono,monospace;font-weight:700;display:flex}.tutorial-actions{gap:.75rem;display:flex}.tutorial-arrow:disabled{cursor:not-allowed;opacity:.35}.tutorial-next{color:#fff;background:var(--accent);cursor:pointer;border:3px solid #111;align-items:center;gap:.5rem;min-height:48px;padding:.6rem 1rem;font-weight:700;display:inline-flex}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-panel-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes tutorial-content-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){body{line-height:1.45}.navbar{gap:.5rem!important;padding:.75rem 1rem!important}.navbar .logo{min-height:130px}.navbar .logo .warp-text{min-height:140px;height:140px!important}.navbar .nav-links{justify-content:center;width:100%;gap:.65rem!important}.navbar .nav-links .brutalist-btn{padding:.55rem .75rem;font-size:.85rem;box-shadow:4px 4px #111}.hero{padding:2rem 0 3rem}.hero .container,.container{width:100%;padding:1.25rem}.hero .container{padding:1.5rem 1.1rem}h1{font-size:clamp(2.35rem,12vw,4.5rem)}h2{font-size:clamp(1.8rem,9vw,3rem)}.hero h2{font-size:clamp(1.6rem,8vw,2.6rem)}.hero p{margin:1.25rem 0!important;font-size:1.05rem!important}.hero .terminal-block{margin:.65rem 0}.hero>.container>div:last-child{flex-direction:column;gap:.75rem!important;margin-top:1.5rem!important}.hero>.container>div:last-child .brutalist-btn{justify-content:center;width:100%}.grid,.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.brutalist-card{margin-bottom:.75rem;padding:1.25rem}.brutalist-card svg{width:36px;height:36px}.brutalist-table{margin:1rem 0;font-size:.78rem;display:block;overflow-x:auto}table.brutalist-table th,table.brutalist-table td{min-width:130px;padding:.65rem}.model-stage>div{max-width:calc(100vw - 2.5rem);width:100%!important}.model-stage>div>div{width:100%!important;height:min(64vw,360px)!important}.tech-stack-section{padding:3rem 1rem!important}.tech-stack-section h2{margin-bottom:1.5rem!important;font-size:2rem!important}.tech-stack-grid{gap:.75rem!important}.tech-stack-item{width:160px!important;height:190px!important}.tech-stack-item>div{transform:scale(1.45)!important}.terminal-block{align-items:flex-start;padding-right:.75rem;font-size:.82rem}.terminal-block>div:first-child{flex:1}.snag-action{margin-top:.1rem;padding:.3rem .45rem;font-size:.68rem}.tutorial-backdrop{padding:1rem}.tutorial-panel{aspect-ratio:auto;min-height:0;padding:2rem 1.25rem 1.25rem}.tutorial-content{min-height:350px;padding:1rem 0}.tutorial-footer{align-items:flex-end}}.ripple-distortion{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.ripple-distortion canvas{width:100%;height:100%;display:block}:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#fff}.folder{cursor:pointer;transition:all .2s ease-in}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-120%,-70%)rotate(-15deg)}.folder.open .paper:first-child:hover{transform:translate(-120%,-70%)rotate(-15deg)scale(1.1)}.folder.open .paper:nth-child(2){height:80%;transform:translate(10%,-70%)rotate(15deg)}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%)rotate(15deg)scale(1.1)}.folder.open .paper:nth-child(3){height:80%;transform:translate(-50%,-100%)rotate(5deg)}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%)rotate(5deg)scale(1.1)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);border-radius:10px;justify-content:center;align-items:center;width:70%;height:80%;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%)}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.folder:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #fff}.split-flap-text{align-items:center;gap:var(--split-flap-gap,6px);color:var(--split-flap-text-color,#f8fafc);font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Liberation Mono,Menlo,monospace;font-size:var(--split-flap-font-size,52px);letter-spacing:.035em;white-space:pre;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-weight:760;line-height:1;display:inline-flex}.split-flap-text__tile{border-radius:var(--split-flap-radius,8px);background:radial-gradient(circle at 50% 0%, #ffffff29, transparent 44%), linear-gradient(180deg, color-mix(in srgb, var(--split-flap-tile-color,#111827) 82%, white), var(--split-flap-tile-color,#111827));perspective:520px;width:.78em;height:1.08em;transform-style:preserve-3d;isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 .035em .08em #ffffff14,inset 0 -.05em .1em #00000061,0 .16em .38em #00000047}.split-flap-text__tile:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e 18%,#000000a3 50%,#ffffff24 82%,#0000);width:100%;height:1px;position:absolute;top:calc(50% - .5px);left:0;box-shadow:0 -1px #ffffff14,0 1px #00000080}.split-flap-text__tile:after{content:"";z-index:9;border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0003}.split-flap-text__half,.split-flap-text__flap{background:linear-gradient(180deg, #ffffff12, transparent 34%), var(--split-flap-tile-color,#111827);backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.split-flap-text__half--top,.split-flap-text__flap--front{top:0}.split-flap-text__half--bottom,.split-flap-text__flap--back{background:linear-gradient(0deg, #ffffff0f, transparent 38%), color-mix(in srgb, var(--split-flap-tile-color,#111827) 92%, black);bottom:0}.split-flap-text__char{width:100%;height:200%;color:var(--split-flap-text-color,#f8fafc);text-shadow:0 .025em #ffffff29,0 .09em .16em #0000006b;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.split-flap-text__half--top .split-flap-text__char,.split-flap-text__flap--front .split-flap-text__char{top:0}.split-flap-text__half--bottom .split-flap-text__char,.split-flap-text__flap--back .split-flap-text__char{bottom:0}.split-flap-text__flap{z-index:6;will-change:transform, filter;transform-style:preserve-3d}.split-flap-text__flap--front{transform-origin:bottom;animation:split-flap-front var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both}.split-flap-text__flap--back{transform-origin:top;animation:split-flap-back var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both;transform:rotateX(90deg)}@keyframes split-flap-front{0%{filter:brightness(1.08);transform:rotateX(0)}to{filter:brightness(.52);transform:rotateX(-90deg)}}@keyframes split-flap-back{0%,45%{filter:brightness(.58);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.split-flap-text__flap{animation:none!important}}.warp-text{isolation:isolate;border-radius:inherit;width:100%;min-height:220px;display:block;position:relative;overflow:hidden}.warp-text canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.goo-filter-container{z-index:1;position:absolute;overflow:hidden}.pixel-canvas{z-index:1;position:absolute}.prismatic-burst-container{pointer-events:none;opacity:.78;mix-blend-mode:lighten;position:absolute;inset:0;overflow:hidden}.prismatic-burst-container canvas{width:100%;height:100%;display:block}