.front{background:#f7f9fc;color:#172033}.front-nav{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.front-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#111827;text-decoration:none}.front-brand b{background:#2563eb;color:white;padding:8px 9px;border-radius:10px}.front-nav nav{display:flex;gap:24px;align-items:center}.front-nav nav a{text-decoration:none;color:#374151}.nav-login{padding:9px 15px;background:#111827;color:white!important;border-radius:9px}.front-main{max-width:1180px;margin:auto;padding:44px 24px 80px}.hero{min-height:520px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.hero h1,.page-hero h1{font-size:54px;line-height:1.1;margin:14px 0 20px}.hero em{font-style:normal;color:#2563eb}.hero p,.page-hero p,.lead{font-size:19px;line-height:1.8;color:#64748b}.eyebrow{font-weight:800;letter-spacing:.12em;color:#2563eb}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-card{background:white;padding:30px;border-radius:22px;box-shadow:0 20px 70px rgba(30,64,175,.10)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.metric-grid div{background:#f7f9fc;padding:20px;border-radius:14px}.metric-grid strong{display:block;font-size:28px}.metric-grid span{font-size:13px;color:#64748b}.section{padding:55px 0}.section h2{font-size:32px}.feature-grid,.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.feature-grid article,.compare article{background:white;border:1px solid #e8edf4;padding:24px;border-radius:16px}.feature-grid p,.compare p,.compare li{color:#64748b;line-height:1.7}.page-hero{padding:70px 0 20px;max-width:850px}.prose{max-width:900px}.prose h2{font-size:24px;margin-top:36px}.prose p,.prose li{font-size:16px;line-height:1.85;color:#475569}.prose pre,.prose code{background:#eef2f7;border-radius:6px;padding:3px 6px}.prose pre{padding:18px;overflow:auto}.prose table{width:100%;border-collapse:collapse;background:white}.prose th,.prose td{border:1px solid #e5e7eb;padding:12px;text-align:left}.front-footer{text-align:center;padding:30px;color:#94a3b8;border-top:1px solid #e8edf4}@media(max-width:800px){.front-nav nav a:not(.nav-login){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero h1,.page-hero h1{font-size:38px}.feature-grid,.compare{grid-template-columns:1fr}.front-main{padding-top:20px}}