:root{--primary:#0f2b5e;--accent:#e63946;--dark:#0d1b3e;--light:#f5f7fa;--text:#333;--muted:#666;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text);line-height:1.6;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
/* Header */
header{background:var(--primary);color:#fff;padding:15px 0;position:sticky;top:0;z-index:100;}
.nav{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:1.4em;font-weight:700;}
.logo a{color:#fff;text-decoration:none;}
.logo span{color:#ffd166;}
.nav-links{display:flex;gap:20px;list-style:none;flex-wrap:wrap;}
.nav-links a{color:#fff;text-decoration:none;font-size:.92em;}
.nav-links a:hover{color:#ffd166;}
.nav-links a.active{color:#ffd166;font-weight:600;}
.nav-cta{background:var(--accent);color:#fff!important;padding:8px 18px;border-radius:5px;font-weight:600;}
@media(max-width:900px){.nav-links{display:none;}}
/* Page banner */
.page-banner{background:linear-gradient(135deg,rgba(13,27,62,.92),rgba(15,43,94,.88)),url('https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?w=1400') center/cover;color:#fff;padding:70px 20px;text-align:center;}
.page-banner h1{font-size:2.2em;margin-bottom:10px;}
.page-banner p{font-size:1.1em;opacity:.9;max-width:700px;margin:0 auto;}
/* Buttons */
.btn{display:inline-block;padding:13px 32px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1em;margin:5px;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-outline{border:2px solid #fff;color:#fff;}
.btn-dark{border:2px solid var(--primary);color:var(--primary);}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2);}
/* Sections */
section{padding:70px 20px;}
.section-title{text-align:center;font-size:1.9em;color:var(--primary);margin-bottom:12px;}
.section-sub{text-align:center;color:var(--muted);max-width:700px;margin:0 auto 45px;}
/* Content pages */
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;max-width:1200px;margin:0 auto;}
@media(max-width:900px){.content-grid{grid-template-columns:1fr;}}
.content-main h2{color:var(--primary);font-size:1.5em;margin:30px 0 12px;}
.content-main h3{color:var(--primary);margin:20px 0 10px;}
.content-main p{color:var(--text);margin-bottom:12px;}
.content-main ul{margin:10px 0 15px 20px;}
.content-main li{margin-bottom:8px;}
.info-box{background:var(--light);border-left:4px solid var(--accent);padding:18px 22px;border-radius:0 8px 8px 0;margin:20px 0;}
.info-box h4{color:var(--primary);margin-bottom:6px;}
/* Sidebar */
.sidebar{background:var(--light);border-radius:10px;padding:25px;height:fit-content;position:sticky;top:80px;}
.sidebar h4{color:var(--primary);margin-bottom:15px;}
.sidebar a{display:block;padding:10px 15px;color:var(--text);text-decoration:none;border-radius:6px;margin-bottom:5px;font-size:.95em;}
.sidebar a:hover,.sidebar a.active{background:var(--primary);color:#fff;}
.quote-box{background:var(--primary);color:#fff;border-radius:10px;padding:25px;margin-top:20px;text-align:center;}
.quote-box h4{color:#ffd166;margin-bottom:10px;}
.quote-box p{font-size:.9em;margin-bottom:15px;}
/* Specs table */
.spec-table{width:100%;border-collapse:collapse;margin:15px 0 25px;font-size:.95em;}
.spec-table th{background:var(--primary);color:#fff;padding:10px 15px;text-align:left;}
.spec-table td{padding:10px 15px;border-bottom:1px solid #e8ecf2;}
.spec-table tr:nth-child(even){background:var(--light);}
/* CTA */
.cta{background:linear-gradient(135deg,var(--primary),var(--dark));color:#fff;text-align:center;}
.cta h2{font-size:1.9em;margin-bottom:12px;}
.cta p{font-size:1.05em;opacity:.9;margin-bottom:25px;}
/* Footer */
footer{background:var(--dark);color:#aab4cc;padding:40px 20px;font-size:.9em;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.footer-grid h4{color:#fff;margin-bottom:12px;}
.footer-grid a{color:#aab4cc;text-decoration:none;display:block;margin-bottom:6px;}
.footer-grid a:hover{color:#ffd166;}
.copyright{text-align:center;margin-top:30px;color:#6b7690;font-size:.85em;}
.whatsapp-float{position:fixed;bottom:25px;right:25px;z-index:200;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2em;box-shadow:0 6px 20px rgba(0,0,0,.3);text-decoration:none;}
.whatsapp-float:hover{transform:scale(1.08);}