:root{--bg:#0B0B0D;--bg2:#121217;--surface:#15151B;--card:#1E1E24;--text:#F5F5F7;--muted:#B7B9C0;--accent:#F5B301;--accent2:#FFE28A;--radius:14px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:
radial-gradient(1200px 600px at 10% 0%,#121217 0%,transparent 50%),
radial-gradient(1200px 800px at 100% 10%,#14141a 0%,transparent 45%),var(--bg);color:var(--text);line-height:1.6}
a{color:inherit}img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:40;backdrop-filter:blur(8px);background:rgba(11,11,13,.55);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:36px;height:36px;border-radius:50%}
.brand .name{font-weight:800;letter-spacing:.6px}
.brand .tag{display:block;font-size:12px;color:var(--muted);margin-top:-6px}
.nav-links{display:flex;gap:14px;align-items:center}
.nav-links a{padding:8px 10px;border-radius:10px;color:var(--muted);text-decoration:none}
.nav-links a:hover{background:rgba(255,255,255,.08);color:var(--text)}
.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);text-decoration:none;font-weight:700}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#141414;border:none}
.btn-outline{background:transparent;color:var(--text)}
.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.12);padding:8px;border-radius:10px}
@media (max-width:860px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:rgba(11,11,13,.96);padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-links.show{display:flex;flex-direction:column;align-items:flex-start}.nav-toggle{display:block}}
.hero{padding:clamp(40px,6vw,120px) 0 40px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
@media (max-width:920px){.hero-grid{grid-template-columns:1fr}}
.hero h1{font-size:clamp(32px,6vw,64px);line-height:1.1;margin:0 0 12px;font-weight:900}
.hero p.lede{font-size:clamp(16px,2.5vw,22px);color:var(--muted);margin:0 0 20px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}
.section{padding:40px 0}.section h2{font-size:clamp(24px,4.5vw,42px);margin:0 0 10px}.subtitle{color:var(--muted);margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:980px){.cards{grid-template-columns:1fr 1fr}}@media (max-width:680px){.cards{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}
.badge{display:inline-block;background:rgba(245,179,1,.18);color:var(--accent2);padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(245,179,1,.35)}
.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:900px){.gallery{grid-template-columns:1fr 1fr}}@media (max-width:560px){.gallery{grid-template-columns:1fr}}
.gallery img{aspect-ratio:3/2;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.form{display:grid;gap:12px;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}
.input input,.input select,.input textarea{width:100%;padding:12px;background:#0E0E13;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text)}
footer{border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(245,179,1,.06),transparent),rgba(11,11,13,.8);margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px;padding:24px 0}@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
.small{color:var(--muted);font-size:12px}