*,*::before,*::after{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,body{-webkit-font-smoothing:antialiased;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;line-height:1.5}
:root{--radius:.625rem;--brand-primary:#003370;--brand-secondary:#395886;--brand-surface:#eff2fa;--background:#ffffff;--foreground:#1a2340;--card:#ffffff;--border:oklch(91% .018 258);--muted-fg:oklch(48% .04 260)}
body{background-color:var(--background);color:var(--foreground)}
a{color:inherit;text-decoration:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
img,svg{vertical-align:middle;display:block}
button{font-family:inherit;cursor:pointer;border:none}
.site-nav{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid var(--border);background-color:rgba(255,255,255,.85);backdrop-filter:blur(8px)}
.nav-inner{display:flex;height:4rem;max-width:80rem;margin:0 auto;align-items:center;justify-content:space-between;padding:0 1.5rem}
.nav-brand{display:flex;align-items:center;gap:.5rem}
.nav-icon{display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);background-color:var(--brand-primary);color:#fff;flex-shrink:0}
.nav-name{font-size:1.125rem;font-weight:700;letter-spacing:-.025em;color:var(--brand-primary)}
.nav-links{display:none;align-items:center;gap:2rem;list-style:none}
.nav-links a{font-size:.875rem;color:rgba(0,0,0,.6);transition:color .15s}
.nav-links a:hover{color:var(--brand-primary)}
.nav-btn{display:none;border-radius:calc(var(--radius) - 2px);background-color:var(--brand-primary);padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:background-color .15s}
.nav-btn:hover{background-color:var(--brand-secondary)}
.hero{position:relative;overflow:hidden;background-color:var(--brand-surface)}
.hero-inner{display:grid;max-width:80rem;margin:0 auto;align-items:center;gap:3rem;padding:5rem 1.5rem}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(57,88,134,.2);background-color:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--brand-secondary)}
.hero-h1{margin-top:1.25rem;font-size:2.25rem;font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--brand-primary)}
.hero-sub{margin-top:1.25rem;max-width:32rem;font-size:1rem;color:var(--muted-fg)}
.hero-btns{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}
.btn-primary{border-radius:calc(var(--radius) - 2px);background-color:var(--brand-primary);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:background-color .15s}
.btn-primary:hover{background-color:var(--brand-secondary)}
.btn-outline{border-radius:calc(var(--radius) - 2px);border:1px solid var(--brand-primary);background-color:#fff;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--brand-primary);transition:background-color .15s}
.btn-outline:hover{background-color:var(--brand-surface)}
.hero-visual{position:relative}
.hero-card{aspect-ratio:4/3;width:100%;border-radius:1rem;border:1px solid var(--border);background-color:#fff;padding:1.5rem;box-shadow:0 10px 40px -10px rgba(0,51,112,.25)}
.hero-card-inner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:.75rem;background:linear-gradient(to bottom right,var(--brand-surface),#fff)}
.hero-circle{display:flex;width:6rem;height:6rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(0,51,112,.1)}
.hero-lines{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.hl1{width:10rem;height:.75rem;border-radius:9999px;background-color:rgba(57,88,134,.3)}
.hl2{width:7rem;height:.75rem;border-radius:9999px;background-color:rgba(57,88,134,.2)}
.hero-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.5rem}
.hi{display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--border);background-color:#fff;color:var(--brand-secondary)}
.dbl{position:absolute;bottom:-1rem;left:-1rem;width:6rem;height:6rem;border-radius:1rem;background-color:var(--brand-primary);display:none}
.dtr{position:absolute;top:-1rem;right:-1rem;width:4rem;height:4rem;border-radius:1rem;border:2px solid var(--brand-secondary);display:none}
.sec{padding:6rem 1.5rem}
.w7{max-width:80rem;margin:0 auto}
.sec-center{max-width:42rem;margin:0 auto;text-align:center}
.eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-secondary)}
.sec-h2{margin-top:.75rem;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--brand-primary);line-height:1.2}
.sec-sub{margin-top:1rem;color:var(--muted-fg)}
.problema-grid{margin-top:4rem;display:grid;gap:3rem;align-items:start}
.problema-quote{font-size:1.5rem;font-weight:700;line-height:1.25;color:var(--brand-primary);border-left:3px solid var(--brand-secondary);padding-left:1.5rem}
.problema-body p{font-size:.9375rem;color:var(--muted-fg);line-height:1.75}
.problema-body p+p{margin-top:1rem}
.sgrid{margin-top:3.5rem;display:grid;gap:1.5rem}
.scard{border-radius:1rem;border:1px solid var(--border);background-color:var(--card);padding:1.75rem;box-shadow:0 2px 10px -2px rgba(0,51,112,.06);transition:transform .2s,box-shadow .2s}
.scard:hover{transform:translateY(-4px);box-shadow:0 12px 30px -10px rgba(0,51,112,.18)}
.scard-icon{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:.75rem;background-color:var(--brand-surface);color:var(--brand-primary);transition:background-color .15s,color .15s}
.scard:hover .scard-icon{background-color:var(--brand-primary);color:#fff}
.scard-h{margin-top:1.25rem;font-size:1.125rem;font-weight:600;color:var(--foreground)}
.scard-p{margin-top:.5rem;font-size:.875rem;color:var(--muted-fg)}
.ia-grid{margin-top:4rem;display:grid;gap:3rem;align-items:start}
.ia-left p{font-size:.9375rem;color:var(--muted-fg);line-height:1.75}
.ia-left p+p{margin-top:1rem}
.ia-conclusion{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:1.0625rem;font-weight:700;color:var(--brand-primary);line-height:1.5}
.ia-list{display:flex;flex-direction:column;gap:0}
.ia-list li{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 0;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--muted-fg);line-height:1.6;list-style:none}
.ia-list li::before{content:'';width:5px;height:5px;border-radius:9999px;background-color:var(--brand-secondary);flex-shrink:0;margin-top:.55rem}
.stats-wrap{display:grid;gap:2rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--card);padding:2.5rem;box-shadow:0 2px 10px -2px rgba(0,51,112,.06)}
.stat-n{font-size:1.875rem;font-weight:700;color:var(--brand-primary)}
.stat-l{margin-top:.5rem;font-size:.875rem;color:var(--muted-fg)}
.team-grid{margin-top:3.5rem;display:grid;gap:1.5rem}
.pcard{border-radius:1rem;border:1px solid var(--border);background-color:#fff;padding:1.75rem;box-shadow:0 2px 10px -2px rgba(0,51,112,.06)}
.pcard-head{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem}
.pinitial{display:flex;width:3rem;height:3rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--brand-surface);font-weight:700;color:var(--brand-primary);font-size:1rem}
.pname{font-size:1.0625rem;font-weight:700;color:var(--brand-primary)}
.prole{font-size:.75rem;color:var(--brand-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem}
.pbio p{font-size:.875rem;color:var(--muted-fg);line-height:1.7}
.pbio p+p{margin-top:.75rem}
.steps-grid{position:relative;margin-top:4rem;display:grid;gap:2rem}
.step{position:relative;border-radius:1rem;background-color:#fff;padding:2rem;box-shadow:0 4px 20px -8px rgba(0,51,112,.12)}
.step-num{position:absolute;top:-1.25rem;left:2rem;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--brand-primary);font-size:.875rem;font-weight:700;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.step-icon{margin-top:.5rem;display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;border-radius:.75rem;background-color:var(--brand-surface)}
.step-h{margin-top:1.25rem;font-size:1.125rem;font-weight:600;color:var(--foreground)}
.step-p{margin-top:.5rem;font-size:.875rem;color:var(--muted-fg)}
.modelo-list{margin-top:2rem;display:flex;flex-direction:column;gap:0;max-width:80rem;margin-left:auto;margin-right:auto}
.modelo-item{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 0;border-bottom:1px solid var(--border);font-size:.9375rem;color:var(--muted-fg);line-height:1.6}
.modelo-item::before{content:'—';color:var(--brand-secondary);font-weight:700;flex-shrink:0}
.cta-sec{background-color:var(--brand-primary);padding:5rem 1.5rem}
.cta-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:64rem;margin:0 auto;text-align:center}
.btn-white{border-radius:calc(var(--radius) - 2px);background-color:#fff;padding:.75rem 1.75rem;font-size:.875rem;font-weight:600;color:var(--brand-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .15s}
.btn-white:hover{transform:scale(1.02)}
.site-footer{border-top:1px solid var(--border);background-color:var(--background)}
.footer-inner{max-width:80rem;margin:0 auto;padding:4rem 1.5rem}
.fgrid{display:grid;gap:2.5rem}
.fbrand-p{margin-top:1rem;font-size:.875rem;color:var(--muted-fg)}
.fsocial{margin-top:1.25rem;display:flex;gap:.75rem}
.fsoc{display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);color:var(--muted-fg);transition:border-color .15s,color .15s}
.fsoc:hover{border-color:var(--brand-primary);color:var(--brand-primary)}
.fh{font-size:.875rem;font-weight:600;color:var(--foreground)}
.flinks{margin-top:1rem;list-style:none}
.flinks li+li{margin-top:.5rem}
.flinks a{font-size:.875rem;color:var(--muted-fg);transition:color .15s}
.flinks a:hover{color:var(--brand-primary)}
.fci{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-fg)}
.fci svg{color:var(--brand-secondary);flex-shrink:0}
.fbottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.75rem;font-size:.75rem;color:var(--muted-fg)}
.fbottom-links{display:flex;gap:1.25rem}
.fbottom-links a{color:var(--muted-fg);transition:color .15s}
.fbottom-links a:hover{color:var(--brand-primary)}
@media(min-width:640px){.nav-btn{display:inline-flex}.stats-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.fbottom{flex-direction:row;align-items:center}}
@media(min-width:768px){.nav-links{display:flex}.hero-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:7rem;padding-bottom:7rem}.hero-h1{font-size:3rem}.hero-sub{font-size:1.125rem}.dbl{display:block}.dtr{display:block}.sec-h2{font-size:2.25rem}.problema-grid{grid-template-columns:1fr 1fr}.ia-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.hero-h1{font-size:3.75rem}.sgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
