:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1715;--surface:#13201d;--surface2:#182a26;--border:#efe6da17;--border-hi:#f28c288c;--text:#efe6da;--muted:#a6b3ad;--orange:#f28c28;--orange2:#e8742a;--teal:#3cbfa9;--cream:#efe6da;--glow1:#f28c2824;--glow2:#1f8a7a2e;--shadow:0 10px 30px -12px #0009}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6efe6;--surface:#fffaf3;--surface2:#fdf4e8;--border:#2b2b2b1a;--border-hi:#e8742a99;--text:#2b2b2b;--muted:#5e5850;--orange:#e8742a;--orange2:#d9621c;--teal:#1f8a7a;--cream:#2b2b2b;--glow1:#f28c2829;--glow2:#1f8a7a1a;--shadow:0 10px 30px -14px #50321440}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:radial-gradient(900px 500px at 85% -10%, var(--glow1), transparent 70%), radial-gradient(800px 600px at -10% 40%, var(--glow2), transparent 70%), var(--bg);background-attachment:fixed;min-height:100vh;transition:background-color .3s,color .3s}a{color:inherit}.wrap{flex-direction:column;max-width:1000px;min-height:100vh;margin:0 auto;padding:32px 24px;display:flex}.banner-wrap{box-shadow:var(--shadow);border-radius:18px;position:relative;overflow:hidden}.banner-wrap:after{content:"";background:linear-gradient(180deg,transparent 55%,var(--bg) 100%);opacity:.55;pointer-events:none;position:absolute;inset:0}.banner{width:100%;height:auto;display:block}.hero{margin:44px 0 36px}h1{letter-spacing:-.02em;max-width:18ch;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}h1:after{content:"";background:linear-gradient(90deg,var(--orange),var(--teal));border-radius:2px;width:72px;height:4px;margin-top:20px;display:block}.lead{color:var(--muted);max-width:62ch;margin-top:20px;font-size:1.1rem;line-height:1.7}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.card{border:1px solid var(--border);background:linear-gradient(160deg,var(--surface2),var(--surface));box-shadow:var(--shadow);border-radius:16px;padding:26px;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--teal),var(--orange));opacity:.8;height:3px;position:absolute;inset:0 0 auto}.card:hover,.card:focus-visible{border-color:var(--border-hi);box-shadow:0 18px 40px -16px var(--glow1),var(--shadow);outline:none;transform:translateY(-3px)}.tag{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-size:.75rem;font-weight:700}.card h2{margin:10px 0 8px;font-size:1.3rem}.arrow{color:var(--orange);transition:transform .2s;display:inline-block}.card:hover .arrow{transform:translate(4px)}.card p{color:var(--muted);line-height:1.6}.url{color:var(--orange);margin-top:14px;font-size:.85rem;font-weight:600;display:block}.also{color:var(--muted);margin-top:22px;font-size:.9rem}.also a{color:var(--text);text-underline-offset:3px}.also a:hover{color:var(--orange)}.foot{color:var(--muted);margin-top:auto;padding-top:56px;font-size:.85rem;line-height:1.7}.foot a{color:var(--text)}.foot a:hover{color:var(--orange)}.theme-toggle{z-index:10;cursor:pointer;width:42px;height:42px;color:var(--orange);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:999px;place-items:center;transition:transform .2s,border-color .2s;display:grid;position:fixed;top:16px;right:16px}.theme-toggle:hover{border-color:var(--border-hi);transform:rotate(15deg)}.theme-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.i-moon,[data-theme=light] .i-sun{display:none}[data-theme=light] .i-moon{display:block}.wordmark{all:unset;cursor:pointer;letter-spacing:.06em;color:var(--text);border-radius:6px;margin-bottom:20px;margin-left:-4px;padding:2px 4px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;display:inline-block}.wordmark:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.wordmark .syl{white-space:nowrap;align-items:baseline;display:inline-flex}.wordmark .rest,.wordmark .dot{opacity:0;vertical-align:bottom;max-width:0;transition:max-width .45s,opacity .35s,padding .45s;display:inline-block;overflow:hidden}.wordmark .rest{letter-spacing:.01em;color:var(--text);font-weight:500}.wordmark .dot{color:var(--muted);font-weight:400}.wordmark .ini{transition:color .3s}.wordmark.open .ini,.wordmark:focus-visible .ini{color:var(--orange)}.wordmark.open .rest,.wordmark:focus-visible .rest{opacity:1;max-width:3.2em}.wordmark.open .dot,.wordmark:focus-visible .dot{opacity:1;max-width:1em;padding:0 .12em}@media (hover:hover){.wordmark:hover .ini{color:var(--orange)}.wordmark:hover .rest{opacity:1;max-width:3.2em}.wordmark:hover .dot{opacity:1;max-width:1em;padding:0 .12em}}@media (prefers-reduced-motion:reduce){*,.wordmark .rest,.wordmark .dot,.wordmark .ini{transition:none!important}}
