:root{--paper: #0e0d12;--panel: #17161d;--panel-2: #211f29;--ink: #f4f2ec;--soft: #9d99a8;--blood: #ff3d54;--blood-dark: #c11f35;--gold: #ffb224;--moss: #3dd68c;--line: rgb(244 242 236 / .13);--disp: "Bricolage Grotesque", system-ui, sans-serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;line-height:1.1}.wrap{max-width:840px;margin:0 auto;padding:0 24px}main{padding:48px 0 90px}.crumb{font-size:13px;color:var(--soft);margin-bottom:20px}.crumb a{color:var(--gold);font-weight:600}.kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blood);margin-bottom:10px}h1{font-size:clamp(30px,4.4vw,44px);margin-bottom:12px}.sub{color:var(--soft);font-size:17px;max-width:62ch;margin-bottom:30px}.tool{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 60px -30px #000c}.tool label{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:var(--ink)}.tool textarea,.tool input[type=text]{width:100%;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-family:var(--sans);font-size:15px;line-height:1.55;resize:vertical}.tool textarea:focus,.tool input:focus{outline:2px solid var(--blood);outline-offset:-1px}.tool textarea{min-height:120px}.toolbtn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--blood);color:#fff;border:0;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:15.5px;padding:13px 24px;border-radius:12px;transition:transform .15s,background .15s}.toolbtn:hover{transform:translateY(-1px);background:var(--blood-dark)}.toolbtn:disabled{opacity:.55;cursor:wait;transform:none}.tool-error{margin-top:12px;color:var(--blood);font-size:14px;display:none}.out{margin-top:18px;display:none}.out .outbox{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;white-space:pre-wrap;font-size:15px;line-height:1.6}.outhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.outhead b{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--soft)}.copybtn{background:transparent;border:1px solid var(--line);color:var(--ink);cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:8px}.copybtn:hover{border-color:var(--gold);color:var(--gold)}.toolnote{margin-top:12px;font-size:12.5px;color:var(--soft)}article{margin-top:64px}article h2{font-size:26px;margin:40px 0 12px}article p{color:#f4f2ecd9;margin:0 0 14px;max-width:68ch}article ul,article ol{margin:0 0 14px;padding-left:22px;color:#f4f2ecd9}article li{margin-bottom:6px}article strong{color:var(--ink)}article a{color:var(--gold);text-decoration:underline}details.faq{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:10px;overflow:hidden}details.faq summary{cursor:pointer;padding:15px 20px;font-family:var(--disp);font-weight:700;font-size:16px;list-style:none}details.faq summary:after{content:"+";float:right;color:var(--blood);font-size:18px}details.faq[open] summary:after{content:"-"}details.faq p{padding:0 20px 15px;color:var(--soft);font-size:14.5px;max-width:none}.related{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.related a{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:border-color .15s,transform .15s}.related a:hover{border-color:var(--gold);transform:translateY(-2px)}.related b{display:block;font-family:var(--disp);font-size:15.5px;margin-bottom:4px}.related span{font-size:13.5px;color:var(--soft)}.cta-block{text-align:center;margin-top:64px;padding:40px 26px;background:var(--panel);border:2px solid var(--gold);border-radius:20px}.cta-block h2{margin:0 0 8px;font-size:26px}.cta-block p{color:var(--soft);max-width:52ch;margin:0 auto 16px}.cta-block .btn{display:inline-flex;align-items:center;gap:8px;background:var(--blood);color:#fff;font-weight:700;font-size:16px;padding:14px 26px;border-radius:13px;transition:transform .15s,background .15s}.cta-block .btn:hover{transform:translateY(-2px);background:var(--blood-dark)}@media(max-width:640px){.wrap{padding:0 16px}.related{grid-template-columns:1fr}}
