*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0e0d0c;color:#efe7d8;font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}picture{display:block}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.028) 2px,rgba(0,0,0,.028) 4px)}.paper-tex:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;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.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.nav-paper:after{opacity:.07;z-index:0;mix-blend-mode:overlay}.frame-paper:after{opacity:.06;z-index:3;mix-blend-mode:overlay}.ann{font-family:Caveat,cursive;color:#c8972f}.ann-g{font-family:Caveat,cursive;color:#6b7a3a}.cav-g{font-family:Caveat,cursive;color:#c8972f}.cav-ol{font-family:Caveat,cursive;color:#6b7a3a}.cav-dim{font-family:Caveat,cursive;color:#6a6058}.sec-cav{font-family:Caveat,cursive;font-size:22px;color:#c8972f;letter-spacing:.02em;margin-bottom:16px;display:block}.gold-glow{color:#c8972f;text-shadow:0 0 24px rgba(200,151,47,.38),0 0 60px rgba(200,151,47,.12)}.wordmark{font-family:Anton,sans-serif;font-size:clamp(3.6rem,9vw,7.5rem);color:#c8972f;text-shadow:0 0 30px rgba(200,151,47,.22),0 0 60px rgba(200,151,47,.08);letter-spacing:.06em;line-height:1}.badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6b7a3a;border:1px solid #3A4520;padding:3px 9px;border-radius:2px}.sec-label{font-family:JetBrains Mono,monospace;font-size:10px;color:#3a3428;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.terminal{background-color:#0a0908f7;border:1px solid #262014;border-radius:8px;overflow:hidden;box-shadow:0 24px 64px #000000a6,0 0 0 1px #c8972f0f}.terminal-bar{background:#161310;border-bottom:1px solid #252018;padding:10px 14px;display:flex;align-items:center;gap:7px;-webkit-user-select:none;user-select:none}.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dot-r{background:#ff5f57}.dot-y{background:#ffbd2e}.dot-g{background:#28c840}.term-title{font-family:JetBrains Mono,monospace;font-size:11px;color:#4a4438;letter-spacing:.06em;margin:0 auto}.term-body{padding:18px 22px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.75;overflow-x:auto}.c-prompt{color:#6b7a3a}.c-cmd{color:#efe7d8}.c-cmt{color:#3e3830}.c-gold{color:#c8972f}.c-olive{color:#6b7a3a}.c-dim{color:#4a4438}.c-err{color:#c0503a}.c-cyan{color:#4a8090}.c-spin{color:#c8972f}.cursor{display:inline-block;width:8px;height:1.05em;background:#c8972f;vertical-align:text-bottom;animation:blink 1s step-end infinite;box-shadow:0 0 6px #c8972f80}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.btn-gold{display:inline-block;font-family:JetBrains Mono,monospace;font-weight:700;font-size:12px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;border-radius:4px;transition:background .2s,box-shadow .2s;background:#c8972f;color:#0e0d0c;padding:13px 28px}.btn-gold:hover{background:#b8862f;box-shadow:0 0 22px #c8972f47}.copy-block{background:#0e0c0a;border:1px solid #222018;border-radius:4px;padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .2s;font-size:12px;font-family:JetBrains Mono,monospace;white-space:nowrap;overflow-x:auto}.copy-block:hover{border-color:#c8972f40}.copy-block.copied{border-color:#6b7a3a}.copy-icon{color:#3a3428;font-size:13px;flex-shrink:0;transition:color .2s}.copy-block.copied .copy-icon{color:#6b7a3a}.cmd-row{cursor:pointer;border-radius:4px;padding:2px 6px;margin:-2px -6px;transition:background .15s ease}.cmd-row:hover,.cmd-row:focus-visible{background:#c8972f17;outline:none}#copy-toast{position:fixed;z-index:9999;transform:translate(-50%,-100%) translateY(4px);background:#6b7a3a;color:#0e0d0c;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 11px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 6px 18px #00000073;transition:opacity .16s ease,transform .16s ease}#copy-toast.show{opacity:1;transform:translate(-50%,-100%) translateY(-4px)}.divider{border:none;border-top:1px solid #1C1A16}.plate-ink{border:2px solid #C8972F;box-shadow:8px 10px #c8972f2e,0 28px 70px #000000b3;display:inline-block;background:#1a1714;padding:6px;max-width:100%}.plate-ink img{display:block;width:100%;height:auto}.plate-cap{font-family:Caveat,cursive;font-size:15px;text-align:center;margin-top:6px;color:#8a8078}.note-plate{position:relative;max-width:600px;margin:0 auto;background:#1a1714;border:2px solid #C8972F;border-radius:4px;box-shadow:10px 12px #c8972f29,0 30px 70px #000000b3;padding:clamp(26px,4vw,44px) clamp(24px,4.4vw,46px);transform:rotate(-1.2deg)}.note-lead{font-family:Caveat,cursive;font-size:clamp(30px,4.6vw,46px);line-height:1.04;color:#c8972f;margin-bottom:18px;text-shadow:0 0 28px rgba(200,151,47,.2)}.note-body{font-family:Inter,sans-serif;font-size:15px;line-height:1.8;color:#c9bfb1;margin-bottom:14px}.note-rows{margin-top:24px;display:flex;flex-direction:column;gap:4px}.note-row{display:flex;align-items:center;gap:11px;width:fit-content;font-family:JetBrains Mono,monospace;font-size:13px;color:#efe7d8;text-decoration:none;cursor:pointer;padding:8px 10px;margin:0 -10px;border-radius:5px;transition:background .15s ease}.note-row:hover,.note-row:focus-visible{background:#c8972f17;outline:none}.note-row .gl{color:#6b7a3a;font-size:15px;flex-shrink:0}.note-row.copied .copy-icon{color:#6b7a3a}.note-sign{display:block;text-align:right;margin-top:24px;font-family:Caveat,cursive;font-size:26px;color:#c8972f;text-decoration:none;opacity:.82;transition:opacity .15s ease}.note-sign:hover,.note-sign:focus-visible{opacity:1}.pillar-card{background:#14110d;border:1px solid #252018;padding:20px 18px;border-radius:4px;box-shadow:3px 3px #c8972f1a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pillar-card:hover{transform:translate(-1px,-1px);border-color:#c8972f47;box-shadow:5px 5px #c8972f29}.cinema-band{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.cinema-band img{width:100%;display:block;object-fit:cover}.hi{opacity:0;animation:fadeUp .7s ease forwards}.hi-1{animation-delay:.05s}.hi-2{animation-delay:.22s}.hi-3{animation-delay:.38s}.hi-4{animation-delay:.54s}.hi-5{animation-delay:.7s}.hi-6{animation-delay:.86s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.reveal,.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.visible,.rv.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.wavy-wrap{position:relative;display:inline-block}.wavy-wrap svg{position:absolute;bottom:-7px;left:0;width:100%;overflow:visible;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.g2-start{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.g2-wide{display:grid;grid-template-columns:5fr 8fr;gap:40px;align-items:start}.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.peek-g{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:960px){.hero-grid,.g2-start,.g2-wide,.peek-g,.principles-inner{grid-template-columns:1fr;gap:40px}}@media(max-width:560px){.pillars-grid{grid-template-columns:1fr}.term-body{font-size:11px!important;padding:14px 16px}.copy-block{white-space:normal;overflow-x:visible;overflow-wrap:anywhere}.plate-ink{transform:none!important;box-shadow:6px 8px #c8972f2e,0 16px 36px #0009!important}.nav-tag{display:none}.note-plate{transform:none;box-shadow:7px 8px #c8972f29,0 16px 36px #0009}}.principles-inner{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:start}@media(max-width:960px){.principles-inner{grid-template-columns:1fr;gap:40px}}.peek-hl{background:#c8972f12;padding:2px 6px;border-left:2px solid rgba(200,151,47,.6);margin-left:-6px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0e0d0c}::-webkit-scrollbar-thumb{background:#252018;border-radius:3px}@media(prefers-reduced-motion:reduce){.hi{opacity:1!important;animation:none!important}.reveal,.rv{opacity:1!important;transform:none!important;transition:none!important}.cursor{animation:none!important;opacity:1}#hero-anim-wrapper{display:none!important}#hero-static{display:block!important}#demo-terminal.demo-pulse .demo-input{animation:none!important}}.demo-run{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:8px 10px;margin:0 0 6px;border-radius:6px;font:inherit;position:relative;transition:background .14s ease}.demo-run:hover,.demo-run:focus-visible{background:#c8972f14;outline:none}.demo-run .demo-run-tag{position:absolute;right:10px;opacity:0;color:#6b7a3a;font-family:JetBrains Mono,monospace;font-size:11px;transition:opacity .14s ease}.demo-run:hover .demo-run-tag,.demo-run:focus-visible .demo-run-tag{opacity:1}.demo-randomize{margin-left:auto;background:#c8972f1a;border:1px solid #3A3020;color:#c8972f;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;padding:4px 9px;border-radius:5px;cursor:pointer;transition:background .14s ease}.demo-randomize:hover,.demo-randomize:focus-visible{background:#c8972f33;outline:none}.demo-input-line{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #1C1A16;font-family:JetBrains Mono,monospace;font-size:12px}.demo-input-wrap{position:relative;flex:1}.demo-input{width:100%;background:none;border:none;color:#efe7d8;font:inherit;caret-color:#c8972f;padding:0}.demo-input:focus{outline:none}.demo-ghost{position:absolute;left:0;top:0;color:#4a4438;pointer-events:none;white-space:pre;font:inherit}#demo-terminal.demo-pulse .demo-input{animation:demoPulse 1s ease-in-out 2}@keyframes demoPulse{0%,to{caret-color:#c8972f}50%{background:#c8972f1a}}.demo-out-cmd{color:#efe7d8}.demo-out-line{color:#9a9082;white-space:pre-wrap}@media(max-width:560px){.demo-run-tag{display:none}}.install-tabs{display:flex;gap:4px;padding:10px 14px 0;border-bottom:1px solid #1E1C16}.install-tab{font-family:JetBrains Mono,monospace;font-size:12px;color:#5a5248;background:transparent;border:none;border-bottom:2px solid transparent;padding:6px 12px;cursor:pointer;transition:color .15s,border-color .15s}.install-tab:hover{color:#efe7d8}.install-tab[aria-selected=true]{color:#efe7d8;border-bottom-color:#6b7a3a}.install-tab:focus-visible{outline:1px solid rgba(200,151,47,.5);outline-offset:2px}.install-panel[hidden]{display:none}