:root{--navy:#0f1e2d;--slate:#132638;--cyan:#6fd6d2;--gold:#caa75a;--green:#2f8f61;--off:#f7fbf8;--text:#18242f;--muted:#647284}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#f5f8fb;color:var(--text)}a{color:#176b77;text-decoration:none}.container{width:min(1180px,92%);margin:0 auto}.header{background:rgba(15,30,45,.96);color:#fff;position:sticky;top:0;z-index:20}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-weight:900}.brand img{width:44px;height:44px;border-radius:14px}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:#e8f8f5}.hero{background:linear-gradient(135deg,var(--navy),#16354a 55%,#174d43);color:#fff;padding:74px 0}.hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1;margin:16px 0}.lead{font-size:1.15rem;line-height:1.7;color:#d7ece8}.btn{display:inline-flex;border-radius:999px;padding:12px 18px;background:var(--cyan);color:#0c202d;font-weight:900;margin:5px 8px 5px 0}.btn.gold{background:var(--gold)}.section{padding:58px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fff;border:1px solid rgba(15,30,45,.12);border-radius:24px;padding:22px;box-shadow:0 14px 42px rgba(15,30,45,.08)}.card.dark{background:var(--navy);color:#fff}.card.dark h2,.card.dark h3{color:#fff}h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:0 0 14px;color:var(--navy)}h3{color:var(--navy)}input,select{width:100%;padding:13px;border:1px solid #ccd7de;border-radius:14px;margin:7px 0 14px;background:#fff}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile{padding:14px;border-radius:18px;background:#fff;border:1px solid #d7e0e6}.profile strong{display:block;color:var(--navy)}.notice{border-left:5px solid var(--gold);background:#fff8e4;border-radius:16px;padding:16px}.footer{background:var(--navy);color:#d9ece8;padding:38px 0}.footer a{color:#fff}.small{font-size:.92rem;color:var(--muted);line-height:1.65}.footer .small{color:#c2d8d7}@media(max-width:850px){.grid-3,.grid-2,.profile-grid{grid-template-columns:1fr}.links{display:none}}

/* Pacote mobile Samsung - responsividade Jus 9 */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
@media(max-width:760px){
  .container,.wrap,.page,main{max-width:100%;}
  nav,.nav,.menu,.links,.nav-links,.actions,.link-actions,.social-links,.origin-links{flex-wrap:wrap;}
  .grid,.grid2,.grid-2,.grid-3,.grid-4,.cards3,.profile-grid,.demo-grid,.demo-grid-2,.workbench,.timeline,.footer-grid{grid-template-columns:1fr!important;}
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}