:root{
  --navy:#0B132B;--blue:#1C64F2;--light:#60A5FA;--gray:#E5E7EB;--text:#0B132B;--bg:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
/* Header */
.header{border-bottom:1px solid var(--gray);background:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}
.brand img{width:32px;height:32px;display:block}
.nav-links a{color:var(--text);margin-left:16px}
/* Hero */
.hero{background:var(--navy);color:#fff;padding:72px 0}
.hero h1{margin:0 0 10px;font-size:42px;line-height:1.2}
.hero p{margin:0 0 18px;opacity:.92}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0B132B}
.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
/* Sections */
.section{padding:56px 0}
.section-alt{background:#F8FAFC}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid #EDEFF2;border-radius:12px;padding:18px;box-shadow:0 1px 1px rgba(2,6,23,.05)}
/* Tools */
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tool{background:#fff;border:1px solid #EDEFF2;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 1px rgba(2,6,23,.05)}
.tool h3{margin:0}
.tool .price{font-weight:700}
.tool .actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.note{font-size:12px;color:#475569}
/* Forms */
.form label{display:block;font-size:14px;margin-bottom:8px}
.form input,.form textarea{width:100%;padding:10px;border:1px solid #CBD5E1;border-radius:10px;margin-top:6px}
/* Footer */
.footer{padding:24px 0;border-top:1px solid #E5E7EB;background:#fff;margin-top:32px}
.footer .row{display:flex;justify-content:space-between;align-items:center}
.micro{font-size:12px;color:#475569}
/* Responsive */
@media(max-width:860px){
  .grid-3,.tool-grid{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .nav-links{display:flex;gap:12px}
}
/* Version: v3 */