:root{--navy:#173a53;--ink:#1f2a37;--mint:#d9f5ee;--teal:#2bb98e;--muted:#667085}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;position:sticky;top:0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e9ef;z-index:40;flex-wrap:wrap}.nav .button{color:#000}.brand{display:flex;align-items:center;gap:12px;font-weight:700;min-width:0}.brand img{width:100px;height:100px;border-radius:50%}.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;font-size:large}.nav-actions{display:flex;gap:10px;flex-wrap:wrap}.nav a.button,.nav .button{text-decoration:none;padding:9px 14px;border-radius:999px;border:1px solid #cfd8e3;background:#f7fbff}.nav a.button:hover,.nav .button:hover{background:#eef6ff}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;margin:16px 0 10px}.badge{display:inline-block;background:#e6eef7;border:1px solid #dbe7f3;padding:6px 10px;border-radius:999px;margin-bottom:10px}.hero h1{font-size:2.1rem;margin:.2rem 0 .6rem;color:var(--navy)}.hero p{color:var(--muted)}.avatar{width:clamp(160px,28vw,240px);border-radius:16px;border:2px solid #e5eef6;box-shadow:0 14px 28px #00000018}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.button{background:var(--teal);color:#fff;border:none;padding:10px 14px;border-radius:10px;font-weight:600;text-decoration:none}.button.outline{background:transparent;border:1px solid #cfd8e3;color:var(--ink)}.section{margin:24px 0}.section h2{margin:0 0 12px;font-size:1.4rem;color:var(--navy)}.grid{display:grid;gap:14px}@media (max-width:900px){.hero{grid-template-columns:1fr}}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:980px){.tiles{grid-template-columns:1fr}}.tile{position:relative;min-height:220px;padding:18px;border-radius:14px;overflow:hidden;background:var(--navy);color:#eaf5ff;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 24px #0b1e2b33}.tile.light{background:#eaf1ff;color:#183048}.tile .kicker{opacity:.9;font-weight:600;color:#b9eeda}.tile h3{font-size:1.8rem;line-height:1.2;margin:.2rem 0}.tile p{opacity:.95;max-width:38ch}.tile .arrow{position:absolute;right:16px;top:14px;width:28px;height:28px;background:#ffffff26;border:1px solid #ffffff50;border-radius:8px;display:grid;place-items:center}.tile .arrow svg{width:18px;height:18px;stroke:#eafdf7}.tile:after{content:"";position:absolute;bottom:18px;right:-60px;width:200px;height:60px;background:#ffffff24;border-radius:60px;filter:blur(2px)}.card{background:#f7fafc;color:var(--ink);border:1px solid #e4ecf2;border-radius:16px;padding:18px;box-shadow:0 10px 24px #00000010}.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:900px){.contact{grid-template-columns:1fr}}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #d5dde6;background:#fff}.textarea{min-height:120px;resize:vertical}.mats{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.mats .mat{display:inline-flex;align-items:center;line-height:1;border:1px solid #173a53;padding:.4rem .6rem;border-radius:.5rem;color:#315a7a;background-color:#315a7a20}.about-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(90deg,#e7f3ff,#f6fbff);border:1px solid #e4ecf2;border-radius:16px;padding:16px 18px;margin:10px 0 18px}.about-hero .badge-logo{width:200px;height:200px;border-radius:50%;box-shadow:0 10px 18px #00000014;border:2px solid #ffffff;background:#fff}.about-hero h1{margin:0 0 6px;color:#173a53;font-size:1.6rem}.about-hero p{margin:0;color:#667085}.about-hero .badge-logo{width:250px;height:250px;object-fit:contain}@media (max-width: 520px){.about-hero{flex-direction:column;align-items:center;text-align:center}.about-hero .badge-logo{width:clamp(120px,40vw,180px);height:clamp(120px,40vw,180px)}.about-hero h1{font-size:1.15rem;margin-top:6px}.about-hero p{font-size:.95rem}}.title-mobile{display:none}@media (max-width: 520px){.title-desktop{display:none}.title-mobile{display:inline}}.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:1px solid #e6edf3;box-shadow:0 8px 16px #00000010}@media (max-width: 768px){.gallery-grid{display:none}}.carousel{display:none}@media (max-width: 768px){.carousel{display:block}}.carousel-track{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}.carousel-track .slide{flex:0 0 100%;width:100%;height:280px;object-fit:cover;border-radius:12px;border:1px solid #e6edf3;box-shadow:0 8px 16px #00000010;scroll-snap-align:center}@media (max-width:420px){.carousel-track .slide{height:220px}}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.carousel-dots button{width:8px;height:8px;border-radius:999px;border:none;background:#cfd8e3}.carousel-dots button.active{background:#173a53}.footer{opacity:.85;font-size:.9rem;padding:24px 0 40px;text-align:center;border-top:1px solid #eef2f6;margin-top:20px}.small{font-size:.93rem}.kpi{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#eef6ff;border:1px solid #dbe7f3;border-radius:999px;padding:7px 10px;color:#315a7a}
