:root{color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;--muted:#85858f;--accent:#b9a9ff}*{box-sizing:border-box}body{margin:0;background:#000;color:#f5f5f7;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:24px clamp(22px,5vw,72px);gap:20px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px}header{min-height:36px}.brand{font-size:25px;font-weight:650;letter-spacing:-2px}.brand span{color:var(--accent);margin-left:4px}.github{font-size:12px;color:#a7a7b0}.github:hover,.contact:hover,footer a:hover{color:var(--accent)}main{width:min(590px,100%);justify-self:center;align-self:center;padding:20px 0 30px}.eyebrow{margin:0 0 22px;color:var(--muted);font-size:10px;letter-spacing:2.7px}h1{margin:0;font-size:clamp(52px,8vw,94px);font-weight:600;line-height:1.12;letter-spacing:-5px;white-space:nowrap;animation:arrive .7s ease-out both}.domain{font-weight:350;color:#787883;font-size:.57em;letter-spacing:-2px}.cursor{font-size:.65em;color:var(--accent);display:inline-block;margin-left:5px;animation:pulse 2.6s ease-in-out infinite}.intro{margin:20px 0 34px;font-size:16px;line-height:1.7;color:#a3a3ad}.tools{max-width:450px}h2{font-size:12px;font-weight:500;color:#b1b1bc;margin:0 0 12px;letter-spacing:.3px}.tool-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#09090c;border:1px solid #292832;border-radius:12px;transition:border-color .25s,transform .25s,background .25s}.tool-link:hover{border-color:#7e6bba;background:#101016;transform:translateY(-3px)}.tool-link strong{font-size:18px;font-weight:500;display:block;letter-spacing:-.3px}.tool-link small{font-size:11px;color:#7d7d8b;display:block;margin-top:8px;line-height:1.5}.arrow{font-size:27px;color:var(--accent);transition:transform .25s}.tool-link:hover .arrow{transform:translate(2px,-2px)}.contact{display:inline-block;color:#868692;font-size:12px;margin-top:25px;transition:color .2s}.contact span{margin-left:8px;color:var(--accent)}footer{font-size:10px;color:#666671;min-height:25px}footer b{font-weight:500;color:#a1a1ae}footer a{transition:color .2s}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:.35;text-shadow:0 0 0 #b9a9ff00}50%{opacity:1;text-shadow:0 0 14px #b9a9ff66}}@media(max-width:600px){body{padding:18px 24px;gap:16px}main{padding:10px 0}h1{font-size:clamp(43px,11vw,64px);letter-spacing:-2px}.domain{letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:18px}.intro{font-size:14px;margin:18px 0 30px;max-width:280px}.tool-link{padding:20px}.tool-link strong{font-size:17px}footer{font-size:9px;gap:12px;flex-wrap:wrap}.contact{margin-top:24px}.github{font-size:11px}}@media(max-height:580px){body{padding-top:12px;padding-bottom:12px;gap:10px}main{padding:8px 0}.eyebrow{margin-bottom:12px}.intro{margin:12px 0 20px}.tool-link{padding:16px 20px}.contact{margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
main{align-self:start;margin-top:clamp(16px,5svh,50px)}@media(max-height:580px){main{margin-top:0}}