*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:#172033;background:#fff;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e8ebf0}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#101828}.brand-mark{font-size:30px}.brand strong{display:block;font-size:15px;letter-spacing:1px}.brand small{display:block;color:#f59e0b;font-size:11px;letter-spacing:3px}.nav nav{display:flex;gap:28px}.nav nav a{color:#344054;text-decoration:none;font-weight:600;font-size:14px}.menu-btn{display:none;background:none;border:0;font-size:25px}.hero{background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 55%,#fff7e8 100%);padding:95px 0 85px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#f59e0b}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:16px 0}.hero h1 span{color:#0b63ce}.hero p{font-size:19px;color:#667085;max-width:600px}.actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-block;padding:13px 24px;border-radius:10px;text-decoration:none;font-weight:800}.primary{background:#0b63ce;color:white}.whatsapp{background:#16a34a;color:white}.hero-card{background:#0b1730;color:#fff;border-radius:28px;padding:45px;box-shadow:0 25px 60px rgba(16,24,40,.18);text-align:center}.bolt{font-size:64px;margin-bottom:10px}.hero-card h3{font-size:27px}.hero-card p{color:#cbd5e1;font-size:15px;margin:8px auto 25px}.mini-stats{display:flex;justify-content:space-between;border-top:1px solid #344054;padding-top:18px;font-size:12px;color:#fbbf24}.section{padding:90px 0}.section-head{text-align:center;margin-bottom:45px}.section h2{font-size:38px;line-height:1.15;margin-top:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{padding:28px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(16,24,40,.08)}.icon{font-size:35px;margin-bottom:12px}.card h3{font-size:20px;margin-bottom:8px}.card p,.about p{color:#667085}.dark{background:#0b1730;color:white}.dark .section-head .eyebrow{color:#fbbf24}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.features div{border:1px solid #263653;border-radius:18px;padding:30px}.features b{color:#fbbf24;font-size:14px}.features h3{font-size:22px;margin:12px 0 7px}.features p{color:#b9c3d4}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about h2{margin:12px 0 18px}.about p{margin:12px 0}.brand-panel{border-radius:22px;padding:38px;background:#f8fafc;border:1px solid #e5e7eb}.brand-panel>span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#667085}.brand-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.brand-list strong{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.contact{background:#f59e0b;padding:70px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.contact h2{font-size:40px;line-height:1.15;margin:10px 0}.contact-box{background:white;border-radius:20px;padding:28px;font-size:18px}.contact-box p{margin-bottom:12px}.contact-box a{color:#0b63ce;text-decoration:none;font-weight:800}.contact-box .full{display:block;text-align:center;color:#fff;margin-top:18px}footer{background:#070e1d;color:#aeb8c8;padding:24px 0}footer .container{display:flex;justify-content:space-between;gap:20px}footer strong{color:#fff}@media(max-width:800px){.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px 4%;flex-direction:column;gap:16px;border-bottom:1px solid #eee}.nav nav.open{display:flex}.menu-btn{display:block}.hero{padding:65px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.section{padding:65px 0}.section h2,.contact h2{font-size:31px}}@media(max-width:500px){.cards{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-card{padding:30px 20px}.actions{flex-direction:column}.btn{text-align:center}footer .container{flex-direction:column}}