:root{--accent:#111827;--accent-soft:#e5e7eb;--bg:#ffffff;--text:#020617;--muted:#6b7280;--border:#e5e7eb;--radius-lg:1.1rem;--shadow-soft:0 22px 55px rgba(15,23,42,0.12);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;}a{color:#111827;text-decoration:none;}a:hover{text-decoration:underline;}img{max-width:100%;display:block;}.wrapper{max-width:1120px;margin:0 auto;padding:1.6rem;}header.site-header{padding-top:4.9rem;padding-bottom:2.3rem;}.top-bar{position:fixed;top:0;left:0;right:0;z-index:60;background:#020617;color:#f9fafb;font-size:.9rem;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;gap:.6rem;text-align:center;}.top-bar a{color:#f9fafb;font-weight:600;}.nav-shell{position:sticky;top:2.6rem;z-index:40;background:rgba(255,255,255,0.98);backdrop-filter:blur(18px);border-radius:999px;border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:.65rem 1.3rem;margin-bottom:1.9rem;}nav.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.04em;}.brand-mark{width:32px;height:32px;border-radius:999px;background:#020617;display:flex;align-items:center;justify-content:center;color:#f9fafb;font-size:.85rem;}.nav-links{display:flex;gap:1rem;font-size:.92rem;}.nav-links a{padding:.35rem .85rem;border-radius:999px;}.nav-links a.active,.nav-links a:hover{background:var(--accent-soft);text-decoration:none;}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.7rem;align-items:center;}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:999px;background:var(--accent-soft);font-size:.8rem;margin-bottom:.7rem;}.hero-badge-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;}.hero h1{font-size:2.4rem;line-height:1.08;margin-bottom:.9rem;}.hero p.lead{font-size:1.02rem;color:var(--muted);margin-bottom:1.3rem;}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.4rem;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1.35rem;border-radius:999px;border:1px solid transparent;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;}.btn-primary{background:#020617;color:#f9fafb;box-shadow:var(--shadow-soft);}.btn-outline{background:#ffffff;border-color:var(--border);color:#020617;}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--muted);}.hero-card{background:radial-gradient(circle at 0% 0%,#e0f2fe,#eef2ff 45%,#f9fafb 100%);border-radius:1.4rem;padding:1.35rem;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,0.4);}.hero-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.35rem;}.hero-card-title{font-weight:600;margin-bottom:.35rem;}.hero-card-domain{font-family:"SF Mono","JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.86rem;}.section{margin:3.1rem 0;}.section-header{margin-bottom:1.1rem;}.section-header h2{font-size:1.35rem;margin-bottom:.25rem;}.section-header p{font-size:.9rem;color:var(--muted);}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;}.card{background:#ffffff;border-radius:1rem;border:1px solid var(--border);padding:1.1rem;box-shadow:0 14px 40px rgba(15,23,42,.06);}.card h3{font-size:1rem;margin-bottom:.4rem;}.card p{font-size:.9rem;color:var(--muted);}.footer{border-top:1px solid var(--border);margin-top:2.7rem;padding:1.5rem 0 1.3rem;font-size:.85rem;color:var(--muted);}.footer-inner{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;}.social-links{display:flex;flex-wrap:wrap;gap:.75rem;}.social-links a{font-size:.85rem;}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);}.grid-3{grid-template-columns:minmax(0,1fr);}.nav-shell{top:2.3rem;}}@media (max-width:640px){.wrapper{padding:1.3rem;}header.site-header{padding-top:4.4rem;}.hero h1{font-size:2.05rem;}.nav-links{display:none;}}