:root{--ink:#0f0e0c;--paper:#f5f2ec;--cream:#ede9e0;--accent:#c8460a;--accent2:#2a5f3f;--muted:#8a8278;--border:#d4cfc5;--card:#ffffff;--shadow:0 2px 16px rgba(15,14,12,0.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(15,14,12,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.logo{font-family:"DM Serif Display",serif;font-size:22px;color:var(--paper);letter-spacing:-.5px;line-height:1}.logo span{color:var(--accent);font-style:italic}.nav-cta{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--paper);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:9px 16px;border-radius:10px;transition:background .2s}.nav-cta:hover{background:rgba(255,255,255,.18)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;padding:14px 24px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;width:100%;max-width:320px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(200,70,10,.3)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;width:100%;max-width:320px}.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}.btn-secondary{display:block;width:100%;text-align:center;background:var(--ink);color:var(--paper);padding:14px 24px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s}.btn-secondary:hover{opacity:.85}.section{padding:56px 20px;max-width:800px;margin:0 auto}.section-alt{background:var(--cream)}.section-dark{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.section-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(200,70,10,.2) 0,transparent 60%);pointer-events:none}.section-title{font-family:"DM Serif Display",serif;font-size:26px;line-height:1.2;margin-bottom:12px;letter-spacing:-.3px;text-align:center}.section-sub{font-size:15px;color:var(--muted);line-height:1.6;text-align:center;max-width:520px;margin:0 auto}.footer{background:var(--ink);color:rgba(245,242,236,.5);padding:32px 20px 28px;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand .logo{font-size:20px;margin-bottom:4px}.footer-tagline{font-family:DM Mono,monospace;font-size:11px;color:rgba(245,242,236,.35)}.footer-links{display:flex;gap:20px;font-family:DM Mono,monospace;font-size:12px}.footer-links a{color:rgba(245,242,236,.5);transition:color .2s}.footer-links a:hover{color:var(--paper)}.footer-bottom{font-family:DM Mono,monospace;font-size:11px;color:rgba(245,242,236,.25);border-top:1px solid rgba(255,255,255,.06);padding-top:16px}.footer-bottom a{color:rgba(245,242,236,.35)}.footer-bottom a:hover{color:rgba(245,242,236,.5)}.content{max-width:640px;margin:0 auto;padding:48px 20px 80px}.content h1{font-family:"DM Serif Display",serif;font-size:28px;margin-bottom:8px}.content .updated{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);margin-bottom:32px}.content h2{font-family:"DM Serif Display",serif;font-size:19px;margin-top:32px;margin-bottom:8px}.content p{font-size:15px;line-height:1.7;color:var(--ink);margin-bottom:16px}.content ul{list-style:none;margin-bottom:16px}.content ul li{font-size:15px;line-height:1.7;padding-left:20px;position:relative;margin-bottom:6px}.content ul li:before{content:"—";position:absolute;left:0;color:var(--muted)}.content a{color:var(--accent);text-decoration:underline}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px 80px;min-height:60vh}.not-found-illustration{width:200px;height:200px;object-fit:contain;margin-bottom:28px;opacity:.9}.not-found-title{font-family:"DM Serif Display",serif;font-size:36px;margin-bottom:10px;letter-spacing:-.5px}.not-found-sub{font-size:15px;color:var(--muted);line-height:1.6;max-width:400px;margin-bottom:32px}.not-found-links{gap:24px}.not-found-links,.not-found-tools{display:flex;flex-direction:column;align-items:center}.not-found-tools{gap:10px}.not-found-tools-label{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.not-found-tools-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.not-found-tool{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--ink);padding:8px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;transition:border-color .2s,transform .15s;box-shadow:var(--shadow)}.not-found-tool:hover{border-color:var(--accent);transform:translateY(-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeUp .5s ease forwards}@media (min-width:768px){.nav{padding:16px 40px}.section{padding:72px 40px}.section-title{font-size:32px}.btn-ghost,.btn-primary{width:auto}.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-end}.footer-top{width:100%}.not-found-title{font-size:44px}.not-found-illustration{width:240px;height:240px}}