:root{--space-deep:#08060e;--space-mid:#100e16;--space-purple:#16121f;--gold:#bfa058;--gold-light:#d4bc7a;--gold-dark:#7d6847;--silver:#a8b0b8;--silver-light:#c8d0d8;--bronze:#9d7a5c;--cyan-warm:#5a9e9e;--teal:#4a8a8a;--purple:#7d6da5;--rose:#a87080;--sage:#7a9a7a;--chrome-light:#c8c8c8;--chrome-mid:#909090;--chrome-dark:#454545;--chrome-shadow:#282828;--frame-bg:#131318;--frame-border-light:#32323f;--frame-border-dark:#06060a;--frame-title:linear-gradient(180deg, #242430 0%, #1a1a24 50%, #121218 100%);--text-bright:#e8e8e8;--text-primary:#c4c4cc;--text-secondary:#808088;--text-muted:#484850;--star-white:#ffffffbf;--star-blue:#b4c8ff99;--star-warm:#ffe6c88c;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out-soft:cubic-bezier(.4, 0, .2, 1);--mono:"JetBrains Mono", ui-monospace, "Share Tech Mono", monospace;--bg:#050507;--bg-elev:#0b0b0e;--fg:#e8e6df;--fg-dim:#8a8780;--fg-faint:#4a4843;--fg-ghost:#2a2925;--cy:#6cf3ec;--cy-deep:#2eb5af;--cy-glow:#6cf3ec2e;--hot:#ff3b54;--line:#e8e6df1a;--line-bright:#e8e6df38;--headline:var(--fg);--body-warm:var(--fg-dim);--body-warm-faded:var(--fg-faint);--rule:var(--line-bright);--rule-faint:var(--line);--font-display:var(--mono);--font-body:var(--mono);--font-meta:var(--mono)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--mono);min-height:100vh;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.55;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--mono);letter-spacing:0;font-weight:700;line-height:1.1}p{margin-bottom:1em;line-height:1.65}.page{z-index:1;max-width:1400px;margin:0 auto;padding:0 1.5rem;position:relative}@media (width>=768px){.page{padding:0 2rem}}.page--narrow{max-width:920px}.page--mid{max-width:1100px}.page-head{border-bottom:1px solid var(--line);margin-bottom:3rem;padding:4rem 0 2.5rem}@media (width>=880px){.page-head{padding:5.5rem 0 3rem}}.page-head__kicker{font-family:var(--mono);letter-spacing:.04em;color:var(--cy);margin-bottom:1rem;font-size:.72rem;font-weight:500;display:block}.page-head__title{font-family:var(--mono);letter-spacing:-.025em;color:var(--fg);margin:0 0 1.2rem;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:700;line-height:1}.page-head__dek{font-family:var(--mono);color:var(--fg-dim);max-width:38em;margin:0;font-size:.95rem;line-height:1.65}.section-block{padding-top:3rem;padding-bottom:1rem}.section-block__head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;padding-bottom:1.4rem;display:flex}.section-block__title{font-family:var(--mono);color:var(--cy);margin:0;font-size:1rem;font-weight:600}.section-block__sub{font-family:var(--mono);color:var(--fg-faint);font-size:.74rem}.prose{font-family:var(--mono);color:var(--fg-dim);max-width:38em;font-size:.92rem;line-height:1.75}.prose p{margin:0 0 1.2em}.prose p:last-child{margin-bottom:0}.prose strong{color:var(--fg);font-weight:600}.prose em{color:var(--cy);font-style:normal}.prose a{color:var(--cy);border-bottom:1px solid var(--cy);text-decoration:none;transition:color .2s,border-color .2s}.prose a:hover{color:var(--fg);border-color:var(--fg)}.prose blockquote{border-left:1px solid var(--line-bright);color:var(--fg-dim);margin:1.5em 0;padding-left:1.2em}.btn-text{font-family:var(--mono);color:var(--fg);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:.5em;padding:.55rem 0;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}.btn-text:hover{color:var(--cy);transform:translate(3px)}.btn-text__arrow{color:var(--cy);transition:transform .25s}.btn-text:hover .btn-text__arrow{transform:translate(2px)}.btn-text--primary{color:var(--cy);font-weight:600}.btn-text--primary:hover{color:var(--fg)}.btn-text--quiet{color:var(--fg-dim);font-size:.78rem}.btn-text--bordered{border:1px solid var(--line-bright);padding:.7rem 1.2rem;transition:color .25s,border-color .25s,background .25s,transform .25s}.btn-text--bordered:hover{color:var(--cy);border-color:var(--cy);background:#6cf3ec0a;transform:none}.tag{font-family:var(--mono);letter-spacing:.02em;color:var(--fg-dim);border:1px solid var(--line-bright);white-space:nowrap;padding:.4em .7em;font-size:.66rem;font-weight:500;display:inline-block}.tag--accent{color:var(--cy);border-color:var(--cy-deep)}.tag--out{color:var(--fg-faint);border-style:dashed}.field{font-family:var(--mono);flex-direction:column;gap:.5rem;display:flex}.field__label{letter-spacing:.02em;color:var(--cy);font-size:.7rem;font-weight:500}.field__input,.field__textarea,.field__select{font-family:var(--mono);color:var(--fg);background:var(--bg-elev);border:1px solid var(--line);outline:none;width:100%;padding:.85rem 1rem;font-size:.92rem;transition:border-color .2s,background .2s}.field__input::-moz-placeholder{color:var(--fg-faint)}.field__textarea::-moz-placeholder{color:var(--fg-faint)}.field__input::placeholder,.field__textarea::placeholder{color:var(--fg-faint)}.field__input:focus,.field__textarea:focus,.field__select:focus{border-color:var(--cy);background:var(--bg)}.field__textarea{resize:vertical;min-height:120px}.frame{border:1px solid var(--line-bright);background:#000;transition:border-color .4s,transform .5s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073,0 0 0 1px #6cf3ec0a}.frame:hover{border-color:var(--cy-deep)}.frame img{filter:contrast(1.06)saturate(.95);width:100%;height:auto;transition:filter .5s,transform .6s;display:block}.frame:hover img{filter:contrast(1.12)saturate(1.02)}.frame--square img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.frame--portrait img{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover}.endrule{border:0;border-top:1px solid var(--line);margin:3rem 0 0}.atmosphere{z-index:-10;background:radial-gradient(ellipse 80% 60% at 50% 0%, #6cf3ec0a 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 50% 100%, #6cf3ec05 0%, transparent 60%), var(--bg);position:fixed;inset:0}.atmosphere:before{content:"";pointer-events:none;background:radial-gradient(40% 60% at 18% 28%,#6cf3ec06 0%,#0000 70%),radial-gradient(50% 70% at 82% 75%,#6cf3ec05 0%,#0000 70%);position:absolute;inset:0}.film-grain{z-index:-5;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes grain-shift{0%,to{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-.5%,-.5%)}}.atmosphere:after{content:"";pointer-events:none;background:radial-gradient(75% 65% at 50% 45%,#0000 0%,#0000008c 100%);position:absolute;inset:0}.window-frame{background:var(--frame-bg);border:2px solid;border-color:var(--frame-border-light) var(--frame-border-dark) var(--frame-border-dark) var(--frame-border-light);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 8px 32px #0006,inset 0 1px #ffffff05}.window-title{background:var(--frame-title);border-bottom:1px solid var(--frame-border-dark);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.window-btn{color:#888;background:linear-gradient(135deg,#404048 0%,#28282f 100%);border:1px solid #2a2a2a;border-color:#555 #2a2a2a #2a2a2a #555;border-radius:2px;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;display:flex}.window-content{padding:16px}.window-title .window-btn,.window-btn{color:#888;cursor:default;background:linear-gradient(#404048 0%,#28282f 100%);border:1px solid #222;border-color:#555 #222 #222 #555;border-radius:2px;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-family:Chakra Petch,sans-serif;font-size:8px;line-height:1;display:flex}.window-btn--close{color:#e0a0a0;background:linear-gradient(#6b3838 0%,#4a2828 100%);border-color:#8b4848 #3a1818 #3a1818 #8b4848}.window-title-text{color:var(--text-secondary);letter-spacing:.05em;font-family:Share Tech Mono,monospace;font-size:.65rem}.window-icon{font-size:.75rem}.window-controls{gap:4px;display:flex}.btn-bevel{text-transform:uppercase;letter-spacing:.1em;color:#1a1a1a;cursor:pointer;transition:transform .25s var(--ease-out-expo), box-shadow .25s var(--ease-out-expo), background .2s ease;text-shadow:0 1px #ffffff59;background:linear-gradient(silver 0%,#a0a0a0 50%,#888 100%);border:2px solid #d8d8d8;border-color:#d8d8d8 #585858 #484848 #c8c8c8;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Russo One,sans-serif;font-size:.82rem;text-decoration:none;display:inline-flex;box-shadow:0 2px #383838,0 4px 10px #00000059}.btn-bevel:hover{background:linear-gradient(#d0d0d0 0%,#b0b0b0 50%,#989898 100%);transform:translateY(-1px);box-shadow:0 3px #383838,0 5px 12px #00000061}.btn-bevel:active{border-color:#585858 #c8c8c8 #d8d8d8 #484848;transform:translateY(1px);box-shadow:0 1px #383838,0 2px 5px #00000059}.btn-bevel--gold{color:#2a2010;background:linear-gradient(#d4b87a 0%,#b89a5a 50%,#9a7d42 100%);border-color:#e8cc90 #6a5530 #5a4520 #d8bc80;box-shadow:0 3px #4a3518,0 5px 12px #0006}.btn-bevel--gold:hover{background:linear-gradient(#e0c488 0%,#c4a668 50%,#a68a4e 100%)}.btn-bevel--gold:active{transform:translateY(1px);box-shadow:0 1px #3a2810,0 2px 6px #00000059}.btn-bevel--gold:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-bevel--teal{color:#0a1818;background:linear-gradient(#7ac4c4 0%,#5aa8a8 50%,#3a8888 100%);border-color:#98d8d8 #2a5858 #1a4848 #88c8c8;box-shadow:0 3px #1a3838,0 5px 12px #0006}.btn-bevel--teal:hover{background:linear-gradient(#8ad4d4 0%,#6ab8b8 50%,#4a9898 100%)}.btn-bevel--teal:active{transform:translateY(1px);box-shadow:0 1px #0a2828,0 2px 6px #00000059}.btn-bevel--teal:focus-visible{outline:2px solid var(--cyan-warm);outline-offset:2px}.gradient-text{background:linear-gradient(135deg, var(--silver-light) 0%, var(--gold) 50%, var(--bronze) 100%);color:#0000;filter:drop-shadow(1px 1px #0000004d);background-clip:text}.gradient-text--cool{background:linear-gradient(135deg, var(--silver) 0%, var(--cyan-warm) 50%, var(--purple) 100%);color:#0000;background-clip:text}.section-divider{background:linear-gradient(90deg, transparent, var(--gold-dark), var(--gold), var(--gold-dark), transparent);border-radius:1px;width:120px;height:2px;margin:1.5rem auto 0;box-shadow:0 0 8px #b4965033}.eq-bars{justify-content:center;align-items:flex-end;gap:3px;height:28px;display:flex}.eq-bar{width:4px;animation:eq-pulse 1.8s var(--ease-in-out-soft) infinite alternate;background:linear-gradient(#a05050e6 0%,#a08246d9 50%,#508250cc 100%);border-radius:1px}.eq-bar:first-child{height:55%;animation-delay:0s}.eq-bar:nth-child(2){height:75%;animation-delay:.15s}.eq-bar:nth-child(3){height:95%;animation-delay:.3s}.eq-bar:nth-child(4){height:65%;animation-delay:.22s}.eq-bar:nth-child(5){height:85%;animation-delay:80ms}.eq-bar:nth-child(6){height:45%;animation-delay:.38s}.eq-bar:nth-child(7){height:70%;animation-delay:.18s}@keyframes eq-pulse{0%{opacity:.7;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .7s var(--ease-out-quart) forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fade-in-up{animation:fade-in-up .6s var(--ease-out-expo) forwards}.stagger-fade>:first-child{animation-delay:80ms}.stagger-fade>:nth-child(2){animation-delay:.16s}.stagger-fade>:nth-child(3){animation-delay:.24s}.stagger-fade>:nth-child(4){animation-delay:.32s}.stagger-fade>:nth-child(5){animation-delay:.4s}.stagger-fade>:nth-child(6){animation-delay:.48s}.window-frame:hover,[class*=-window]:hover{box-shadow:0 0 0 1px #00000080,0 12px 40px #00000073,0 0 20px #a082460a}.window-title:hover .window-icon,[class*=-title-bar]:hover [class*=-icon]{filter:drop-shadow(0 0 4px)}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .5s var(--ease-out-quart) forwards}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.card-lift{transition:transform .35s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo)}.card-lift:hover{transform:translateY(-4px)}a{color:var(--cyan-warm);transition:color .3s var(--ease-out-quart), text-shadow .3s ease;text-decoration:none}a:hover{color:var(--gold);text-shadow:0 0 10px #a082464d}a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 2px #b4965026;border-color:var(--gold-dark)!important}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}img{max-width:100%;height:auto}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#121218;border-left:1px solid #2a2a35}::-webkit-scrollbar-thumb{background:linear-gradient(#3a3a48 0%,#2a2a38 50%,#1e1e28 100%);border:2px solid #1a1a25;border-color:#4a4a58 #1a1a25 #1a1a25 #4a4a58;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4a4a58 0%,#3a3a48 50%,#2a2a38 100%)}::-webkit-scrollbar-button{background:#1e1e28;border:2px solid #121218;border-color:#4a4a58 #121218 #121218 #4a4a58;height:14px}::selection{background:var(--gold);color:#1a1a1a}.glossy-card{background:linear-gradient(#222230 0%,#161620 100%);border:2px solid #121218;border-color:#3a3a48 #121218 #121218 #3a3a48;border-radius:6px;overflow:hidden;box-shadow:0 8px 25px #00000080}@media (width<=768px){.btn-bevel{padding:10px 20px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.atmosphere:before,.film-grain{animation:none}}.mono-text{letter-spacing:.05em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;line-height:1.6}