*{box-sizing:border-box;margin:0;padding:0}:root{--font-main: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-light: #faf9f5;--bg-white: #ffffff;--text-dark: #141413;--text-mid: #5e5d59;--text-light: #94a3b8;--border: #d1cfc5;--border-light: #f0eee6;--accent: #D97757;--green: #59b296;--red: #c83c3c;--blue: #326da6;--cyan: #6a9bcc;--violet: #59b296;--amber: #d97757}html{scroll-behavior:smooth}body{font-family:var(--font-main);color:var(--text-dark);line-height:1.6;background:#f0eee6}.hero{min-height:80vh;background:#faf9f5;padding:140px 48px 80px;display:flex;align-items:center;position:relative}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.hero-content{max-width:900px;margin:0 auto;width:100%;position:relative;z-index:1;text-align:center}.hero h1{font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;color:#141413}.hero-desc{font-size:18px;color:var(--text-mid);max-width:580px;margin:0 auto 48px;line-height:1.7}.section{padding:100px 48px}.section.white{background:#faf9f5}.section.light{background:#f0eee6}.section.dark{background:#141413;color:#fff}.section-content{max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#141413;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-weight:500;padding:6px 12px;background:var(--bg-light);border-radius:4px;border:1px solid var(--border);font-family:var(--font-mono)}.section-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#d97757}.section.dark .section-label{background:#1e1e1e;border-color:#333;color:#fff}.section.dark .section-label:before{background:var(--green)}.section-title{font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:16px;color:#141413}.section.dark .section-title{color:#fff}.section-title .highlight{color:#d97757}.section-desc{font-size:16px;color:var(--text-mid);max-width:550px;margin:0 auto;line-height:1.7}.section.dark .section-desc{color:var(--text-light)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:#141413;color:#faf9f5;padding:14px 28px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;transition:all .2s;border:1px solid #141413}.btn-primary:hover{background:#3d3d3a;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#faf9f5;color:#141413;padding:16px 32px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;transition:all .2s;border:1px solid var(--border)}.btn-secondary:hover{border-color:#141413;transform:translateY(-2px)}.btn-white{background:#faf9f5;color:#141413;padding:16px 32px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.btn-white:hover{background:#f0eee6;transform:translateY(-2px)}.cta{padding:100px 48px;background:#141413;text-align:center}.cta h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;font-family:var(--font-mono)}.cta>p,.cta p{color:var(--text-light);margin-bottom:32px;font-size:16px;line-height:1.7}.cta-links{display:flex;justify-content:center;gap:16px;margin-top:32px;flex-wrap:wrap}.cta-link{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;padding:14px 24px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border:1px solid #333;transition:all .2s}.cta-link:hover{border-color:#666;background:#1e1e1e}footer{padding:48px;background:#faf9f5;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--text-mid);font-family:var(--font-mono)}footer a{color:#141413;text-decoration:none}footer a:hover{text-decoration:underline}.demo-cta{text-align:center;margin-top:48px;padding:28px;background:var(--bg-white);border:1px solid var(--border);border-radius:10px}.demo-cta p{font-size:15px;color:var(--text-mid);margin-bottom:16px}.summary-box{padding:28px 32px;background:var(--bg-white);border:1px solid var(--border);border-radius:10px;margin-top:40px;text-align:center}.summary-box.green{border-color:var(--green);background:#59b2960d}.summary-box p{font-size:16px;color:var(--text-mid);margin:0}.summary-box p strong{color:#141413}.summary-box.green p strong{color:var(--green)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tool-card{display:block;padding:28px 20px;background:var(--bg-white);border:1px solid var(--border);border-radius:10px;text-align:center;text-decoration:none;transition:all .2s}.tool-card:hover{border-color:#141413;transform:translateY(-4px)}.tool-card h4{font-size:14px;font-weight:700;margin-bottom:8px;color:#141413;font-family:var(--font-mono)}.tool-card p{font-size:12px;color:var(--text-mid);line-height:1.5;margin-bottom:14px}.tool-link{font-size:11px;font-family:var(--font-mono);color:#141413;font-weight:600}*:focus-visible{outline:2px solid #141413;outline-offset:2px}.section.dark *:focus-visible{outline-color:var(--green)}@media (max-width: 1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero,.section{padding:80px 24px}.hero h1{font-size:32px}.tools-grid{grid-template-columns:1fr}}