
:root{color-scheme:dark;--orange:#ff6a00;--black:#151515;--paper:#ecebe8;--muted:#a4a5a4;--line:#373737;font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}a,button{ -webkit-tap-highlight-color:transparent}button{color:inherit}::selection{background:var(--orange);color:var(--black)}.skip{position:fixed;top:-90px;left:16px;background:var(--orange);color:#151515;padding:15px;z-index:20}.skip:focus{top:10px}.header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand img{display:block;max-width:100%;object-fit:contain}.header nav{display:flex;align-items:center;gap:36px;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--orange)}.header nav span{margin-left:15px;color:var(--orange)}.contact-nav{border:1px solid #5a5a5a;padding:13px 17px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:610px;padding:70px 5% 55px;gap:45px;align-items:center}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:1.4px;display:flex;align-items:center;gap:10px}.orange-dot{display:inline-block;width:7px;height:7px;background:var(--orange)}h1{font-size:clamp(60px,7.4vw,112px);letter-spacing:-7px;line-height:.98;margin:33px 0 25px;font-weight:750}h1 em{color:var(--orange);font-style:normal}.intro{font-size:17px;line-height:1.7;color:#b8b8b5;max-width:420px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--orange);color:#151515;font-size:13px;font-weight:700;padding:18px 22px;margin-top:20px;border:1px solid var(--orange)}.button:hover{background:#ff8833}.button span{font-size:20px}.hero-note{font:10px/1.7 'Courier New',monospace;margin-top:32px;letter-spacing:1px}.hero-note span{color:#90918f;display:block}.hero-art{height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#2b211a 0,transparent 65%);border:1px solid #35302c}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:35px 35px}.symbol-plate{position:absolute;inset:55px 60px;display:flex;align-items:center;justify-content:center}.symbol-plate img{max-width:85%;max-height:100%;transform:rotate(-7deg)}.orbit{border:1px solid #66513e;border-radius:50%;position:absolute;inset:35px 45px;transform:rotate(-25deg)}.orbit-two{inset:75px 8px;transform:rotate(25deg);border-style:dashed;border-color:#47382b}.art-label{position:absolute;font:9px 'Courier New',monospace;letter-spacing:1.3px;color:#b1aaa3}.top-label{left:20px;top:20px}.bottom-label{left:20px;bottom:20px}.art-index{position:absolute;right:20px;bottom:20px;font:18px 'Courier New',monospace;color:var(--orange)}.cross{position:absolute;font:22px 'Courier New',monospace;color:var(--orange)}.cross-one{top:45px;right:35px}.cross-two{bottom:55px;left:35px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-evenly;gap:20px;padding:20px 5%;font:11px 'Courier New',monospace;letter-spacing:2px;white-space:nowrap}.ticker b{color:var(--orange)}.section{padding:85px 5%;max-width:1440px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section h2{font-size:clamp(32px,4vw,53px);line-height:1.06;letter-spacing:-2px;margin:22px 0 0}.section-description{color:var(--muted);max-width:330px;line-height:1.7;font-size:14px;margin-bottom:3px}.directory-controls{margin-top:40px}.search{border:1px solid #4d4d4d;background:#1c1c1c;display:flex;gap:15px;align-items:center;padding:15px 18px}.search>span{font-size:25px;color:var(--orange)}.search input{width:100%;background:transparent;color:var(--paper);border:0;outline:none;padding:3px;font-size:14px;min-width:0}.search kbd{color:#aaa;border:1px solid #484848;padding:4px 7px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.filters button{padding:10px 16px;border:1px solid #3d3d3d;background:transparent;font-size:12px}.filters button.active{background:var(--paper);color:var(--black);border-color:var(--paper)}.filters button:hover{border-color:var(--orange)}.filters button span{font:10px monospace;margin-left:8px;opacity:.65}.results-line{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:14px;font:10px 'Courier New',monospace;color:#aaa;letter-spacing:.6px}.results-line>span{font-size:9px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{border:1px solid var(--line);background:#1b1b1b;position:relative;transition:border-color .15s}.tool-card:hover{border-color:#a56a3e}.tool-open{background:none;border:0;text-align:left;display:block;width:100%;padding:22px;color:inherit}.card-meta{font:10px 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase;color:var(--orange);display:flex;justify-content:space-between;padding-right:30px}.card-visual{height:112px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:18px -5px 12px;opacity:.85}.card-visual svg{height:135px;max-width:100%}.tool-card h3{font-size:20px;letter-spacing:-.5px;margin:10px 0}.tool-card p{min-height:40px;font-size:12px;line-height:1.6;color:#a7a7a3;margin:0}.open-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:22px;font-size:11px}.open-label span{color:var(--orange);font-size:18px}.save{position:absolute;right:14px;top:12px;border:0;background:none;color:#999;font-size:22px;padding:6px;z-index:1}.save[aria-pressed=true]{color:var(--orange)}.empty{padding:50px;border:1px dashed #666;text-align:center;color:var(--muted)}[hidden]{display:none!important}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy{padding-top:28px}.about-copy p{color:#a9a9a5;font-size:15px;line-height:1.8;max-width:520px}.about-copy p:first-child{color:var(--paper);font-size:20px;line-height:1.6}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding:18px 0;margin-top:20px;font-size:13px}.text-link span{color:var(--orange)}.next{border-top:1px solid var(--line);background:#1c1c1c;position:relative}.next h2{font-size:clamp(40px,5vw,70px)}.next h2 span{color:var(--orange)}.next>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:25px}.secondary{background:transparent;color:var(--paper);border-color:#6b6b6b}.secondary:hover{color:var(--black)}footer{padding:35px 5%;max-width:1440px;margin:auto;display:flex;gap:30px;justify-content:space-between;align-items:center;font:10px 'Courier New',monospace;color:#aaa}footer p{letter-spacing:1px}dialog{background:#1b1b1b;color:var(--paper);border:1px solid #555;padding:28px;width:900px;max-width:calc(100% - 28px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{background:none;border:1px solid #555;padding:8px 12px}.dialog-heading h2{font-size:34px;letter-spacing:-1px;margin:20px 0 12px}.dialog-heading p{color:var(--muted);font-size:14px;line-height:1.6}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.tool-fields{display:grid;gap:15px;align-content:start}.tool-field{display:grid;gap:8px;font-size:12px;color:#c6c6c2}.tool-field input{width:100%;padding:12px;border:1px solid #555;background:#151515;color:var(--paper);font-size:16px}.output-visual svg{width:100%;max-height:200px}.output-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{padding:14px;background:#252525;min-width:0}.result span{display:block;color:#aaa;font-size:10px;margin-bottom:10px}.result strong{display:block;font-size:19px;overflow-wrap:anywhere}.output-notice{font-size:12px;line-height:1.6;border-left:2px solid var(--orange);padding:10px 12px;color:#bbb}.validation{color:#ffad73;padding:20px;border:1px solid var(--orange)}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid #444;padding-top:20px}.dialog-actions button{border:1px solid #555;background:transparent;padding:11px 15px;font-size:12px}.tool-note{font-size:11px;line-height:1.7;color:#999;margin-top:20px}.directory-page .hero,.directory-page .ticker,.directory-page .about,.directory-page .next{display:none}.directory-page .section-top h2{font-size:48px}.directory-page .toolbox{min-height:70vh}.directory-page .toolbox .section-description{max-width:380px}@media(min-width:1600px){.hero-art{height:480px}}@media(max-width:900px){.hero{gap:25px;padding-top:50px;min-height:520px}h1{letter-spacing:-4px}.hero-art{height:350px}.symbol-plate{inset:55px 25px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-top:60px;padding-bottom:60px}.ticker{gap:12px;font-size:9px;letter-spacing:1px}.header nav{gap:20px}.header .brand img{width:160px}.about{gap:35px}footer{flex-wrap:wrap}}@media(max-width:600px){.header{padding:15px 5%;gap:10px}.header .brand img{width:160px;height:50px}.header nav{gap:14px;font-size:11px}.contact-nav{display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:32px}.hero h1{font-size:72px;margin-top:25px;letter-spacing:-4px}.intro{font-size:15px;max-width:340px}.hero-art{height:300px}.symbol-plate{inset:35px 60px}.hero-note{margin-bottom:0}.eyebrow{font-size:9px}.ticker{overflow:hidden;justify-content:flex-start;gap:18px}.ticker span:last-of-type,.ticker b:last-child{display:none}.section-top{display:block}.section-description{margin-top:20px;max-width:none}.section h2{font-size:38px}.tool-grid{grid-template-columns:1fr}.tool-card p{min-height:0}.card-visual{height:120px}.filters{gap:7px}.filters button{padding:9px 11px;font-size:11px}.results-line>span{display:none}.search input{font-size:12px}.about{grid-template-columns:1fr;gap:10px}.about-copy{padding-top:0}.about-copy p:first-child{font-size:18px}.workspace{grid-template-columns:1fr}.dialog-heading h2{font-size:27px}dialog{padding:20px}.dialog-actions button{font-size:11px}footer{gap:20px}footer .brand{width:100%}.directory-page .section-top h2{font-size:40px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px){.header{flex-wrap:wrap}.header nav{width:100%;justify-content:space-between}}
