/* Na Web Host — identidade visual independente do layout original. */
:root { --primary-color:#0b1f3a; --primary-dark:#06142a; --primary-light:#185f84; --secondary-color:#13c7c3; --accent-color:#8be34f; --gradient-primary:linear-gradient(135deg,#0b1f3a 0%,#103f64 56%,#126a82 100%); --font-display:'Poppins',sans-serif; }
body { background:#f5f9fc; color:#26384a; }
.modern-topbar { background:#071426 !important; border-bottom:1px solid rgba(139,227,79,.28); padding:.55rem 0 !important; }
.modern-topbar-link { background:rgba(19,199,195,.12) !important; border:1px solid rgba(19,199,195,.32); }
.modern-header { background:rgba(255,255,255,.94) !important; backdrop-filter:blur(16px); box-shadow:0 10px 32px rgba(7,20,38,.08) !important; }
.modern-nav { min-height:84px; padding:.6rem 0 !important; }
.naweb-logo a { display:inline-flex; align-items:center; gap:.7rem; color:#0b1f3a; text-decoration:none; }
.naweb-logo-mark { display:grid; place-items:center; width:42px; height:42px; color:#071426; background:linear-gradient(135deg,#8be34f,#13c7c3); border-radius:13px 13px 13px 3px; transform:rotate(-6deg); box-shadow:0 8px 18px rgba(19,199,195,.28); }
.naweb-logo-mark i { transform:rotate(6deg); }
.naweb-logo-copy { display:flex; flex-direction:column; line-height:.9; letter-spacing:-1px; font-family:var(--font-display); font-size:1.4rem; }
.naweb-logo-copy strong { font-weight:800; }.naweb-logo-copy small { color:#13a7aa; letter-spacing:3.2px; font-size:.53rem; font-weight:800; margin-top:7px; }
.modern-logo img { display:none; }.modern-menu { gap:.15rem !important; }.modern-menu-link { border-radius:999px !important; font-weight:650 !important; }.modern-menu-link.active { background:#0b1f3a !important; box-shadow:none !important; }.modern-menu-link:hover { color:#0b1f3a !important; background:#e4f7f5 !important; }
.modern-hero { min-height:540px; display:flex; align-items:center; background:radial-gradient(circle at 82% 18%,rgba(19,199,195,.45),transparent 25%),radial-gradient(circle at 15% 88%,rgba(139,227,79,.18),transparent 28%),linear-gradient(120deg,#071426,#0b2948 62%,#0a5670) !important; text-align:left !important; padding:6.8rem 0 !important; }
.modern-hero::before { background:linear-gradient(90deg,rgba(7,20,38,.24),rgba(7,20,38,0)) !important; }.modern-hero-content { max-width:770px; }.modern-hero h1 { max-width:750px; font-size:clamp(2.6rem,5vw,4.8rem) !important; line-height:1.04; letter-spacing:-2.5px; }.modern-hero p { margin-left:0 !important; max-width:590px; font-size:1.18rem !important; }.modern-hero-content::before { content:'NA WEB HOST  •  ESTRUTURA QUE ESCALA'; display:inline-block; margin-bottom:1.2rem; padding:.45rem .85rem; border:1px solid rgba(139,227,79,.5); border-radius:999px; color:#c9ffab; font-size:.72rem; font-weight:800; letter-spacing:1.5px; }
.modern-btn { border-radius:10px !important; font-weight:750 !important; }.modern-btn-primary { background:#8be34f !important; color:#071426 !important; box-shadow:0 12px 25px rgba(139,227,79,.2) !important; }.modern-btn-primary:hover { background:#b0f37f !important; color:#071426 !important; }.modern-btn-secondary { background:transparent !important; border:1px solid rgba(255,255,255,.7) !important; color:#fff !important; box-shadow:none !important; }.modern-section { padding:5.5rem 0 !important; }.modern-section-title { color:#0b1f3a !important; letter-spacing:-1.4px; }.modern-features-grid { gap:1rem !important; }.modern-feature-card { position:relative; text-align:left !important; padding:2rem 1.65rem !important; background:#fff; border:1px solid #dce8ef; border-radius:18px; box-shadow:0 6px 15px rgba(10,39,64,.04); transition:.25s ease; }.modern-feature-card:hover { transform:translateY(-6px); border-color:#13c7c3; box-shadow:0 18px 34px rgba(10,39,64,.11); }.modern-feature-icon { width:54px !important; height:54px !important; border-radius:14px !important; box-shadow:none !important; }.modern-card { border:1px solid #e0ebf1; border-radius:16px !important; box-shadow:none !important; }.modern-pricing-card { border-radius:18px !important; box-shadow:0 8px 24px rgba(7,20,38,.08) !important; }.modern-pricing-card::before { background:#13c7c3 !important; }.modern-footer { background:#071426 !important; }.naweb-whatsapp { position:fixed; right:24px; bottom:24px; z-index:2000; display:flex; align-items:center; gap:.6rem; padding:.82rem 1rem; border-radius:999px; color:#062115; background:#8be34f; box-shadow:0 12px 30px rgba(6,20,42,.28); font-weight:800; text-decoration:none; }.naweb-whatsapp i { font-size:1.5rem; }.naweb-whatsapp:hover { background:#b0f37f; color:#062115; transform:translateY(-2px); }
@media (max-width:768px) { .modern-nav{min-height:68px}.naweb-logo-copy{font-size:1.18rem}.modern-hero{min-height:490px;padding:4.5rem 0 !important;text-align:left !important}.modern-hero h1{letter-spacing:-1.5px}.modern-hero .modern-btn{width:auto}.modern-menu{border-radius:0 0 14px 14px !important}.naweb-whatsapp span{display:none}.naweb-whatsapp{right:18px;bottom:18px;width:56px;height:56px;justify-content:center;padding:0} }