@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=VT323&display=swap";:root{color-scheme:light;font-family:IBM Plex Mono,VT323,monospace;line-height:1.5;font-weight:400;color:#0d1117;background-color:#f7f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:.02em}h1{font-family:IBM Plex Mono,VT323,monospace;text-transform:none;font-weight:500;position:relative;padding-left:2.2rem;line-height:1.15}h1:before{content:">_";position:absolute;left:0;top:.15rem;color:#0d1117;opacity:.75;font-size:.9em}h2,h3{font-family:VT323,IBM Plex Mono,monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#f9f5f0,#f1ebe3 55%,#ebe2d6)}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1100px,92vw);margin:0 auto}.site-header{padding:2rem 0 1.5rem}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-brand a{font-weight:600;letter-spacing:.02em}.site-nav a{font-size:.95rem;opacity:.7;transition:opacity .2s ease}.site-nav a:hover{opacity:1}.site-main{flex:1;padding-bottom:3rem}.tool-wrapper{padding:3rem 0 4rem;display:grid;gap:2.5rem}.tool-header h1{font-size:clamp(2.8rem,5vw,4.6rem);margin:.8rem 0 0}.tool-header .lede{margin:1rem 0 0}.tool-ui{background:#fff9f0;border:1px solid #efe3d3;border-radius:28px;padding:2rem;box-shadow:0 10px 30px #0f0c0814}.tool-ui-inner{display:grid;gap:1.25rem}.tool-label{font-weight:600}.tool-input-row{display:grid;grid-template-columns:1fr auto;gap:1rem}.tool-input-row input{padding:.8rem 1rem;border-radius:12px;border:1px solid #d8c8b6;background:#fff;font-size:1rem}.tool-hint{font-size:.95rem;opacity:.7}.tool-results{display:grid;gap:1rem;margin-top:1rem}.results-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem;opacity:.75}.results-header h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.18em}.tool-empty{padding:1.5rem;border-radius:16px;border:1px dashed #d8c8b6;text-align:center;background:#fffdf8}.tool-error{padding:1rem 1.2rem;border-radius:14px;border:1px solid #d4674f;background:#fff1ed;color:#7b2f1f}.recommendations-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e0d4c4}.recommendations-section h3{margin:0 0 .5rem}.recommendations-intro{margin:0 0 1.5rem;opacity:.8}.recommendations-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recommendation-card{display:block;padding:1rem 1.2rem;border-radius:14px;border:1px solid #e0d4c4;background:#fffdf8;text-decoration:none;color:inherit;transition:all .2s ease}.recommendation-card:hover{border-color:#d8c8b6;background:#fff9f0;transform:translateY(-2px);box-shadow:0 4px 12px #0f0c0814}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recommendation-badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;padding:.2rem .5rem;border-radius:6px;background:#f0e8dc}.recommendation-description{margin:0;font-size:.95rem;opacity:.85}.email-capture-section{margin-top:2.5rem}.email-capture{background:#fff9f0;border:1px solid #efe3d3;border-radius:20px;padding:2rem;text-align:center}.email-capture.success{background:#f0f9f4;border-color:#c8e6d7}.email-capture h3{margin:0 0 .5rem}.email-capture p{margin:0 0 1.5rem;opacity:.8}.email-capture form{display:flex;gap:.75rem;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}.email-capture input[type=email]{flex:1;min-width:240px;padding:.75rem 1rem;border-radius:12px;border:1px solid #d8c8b6;background:#fff;font-size:1rem}.email-capture button{white-space:nowrap}.result-card{border-radius:16px;padding:1rem 1.2rem;border:1px solid #e7d9c8;background:#fff}.result-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.result-card h3{margin:0;font-size:1rem}.result-details{margin-top:.75rem}.result-details summary{cursor:pointer;font-weight:600}.result-details code{display:block;margin-top:.5rem;background:#f7efe6;padding:.6rem .8rem;border-radius:10px;font-size:.9rem}.result-fix{display:grid;gap:.6rem}.copy-button{align-self:start;padding:.4rem .8rem;border-radius:999px;border:1px solid #0d1117;background:transparent;cursor:pointer;font-size:.85rem}.result-pass{border-left:6px solid #3ca069}.result-warn{border-left:6px solid #e0a84f}.result-fail{border-left:6px solid #d4674f}.tool-sections{display:grid;gap:1.5rem}.tool-sections ul{padding-left:1.2rem}.tool-sections pre{background:#f7efe6;border-radius:12px;padding:.8rem 1rem;overflow-x:auto}.hero{padding:3rem 0 4rem;display:grid;gap:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;opacity:.6}.hero h1{font-size:clamp(2.5rem,4vw,4rem);margin:0}.lede{font-size:1.05rem;max-width:40rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.primary{background:#0d1117;color:#f7f4ef;border:none;padding:.75rem 1.6rem;border-radius:999px;cursor:pointer}.ghost{background:transparent;color:#0d1117;border:1px solid #0d1117;padding:.75rem 1.6rem;border-radius:999px;cursor:pointer}.hero-card{background:#fff9f0;border:1px solid #efe3d3;border-radius:24px;padding:1.5rem 2rem;box-shadow:0 10px 30px #0f0c0814}.hero-card ul{margin:.75rem 0 0;padding-left:1.1rem}.site-footer{padding:2rem 0 3rem;font-size:.9rem;opacity:.7}.footer-inner{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-nav{display:flex;flex-wrap:wrap;gap:1rem}.not-found{padding:4rem 0}.page-content{padding:3rem 0 4rem;max-width:800px}.page-content section{margin-bottom:2.5rem}.page-content h1{margin-bottom:2rem}.page-content h2{margin:2rem 0 1rem}.page-content p{line-height:1.6;margin-bottom:1rem}.page-content ul{line-height:1.6;margin:1rem 0;padding-left:1.5rem}.page-content li{margin-bottom:.5rem}@media(max-width:720px){.site-header-inner{flex-direction:column;align-items:flex-start}.tool-input-row{grid-template-columns:1fr}.hero{padding-top:2rem}}