/* Core layout & theme */
:root{
  --bg:#ffffff; --bg-alt:#f7fafc; --text:#0f172a; --muted:#475569;
  --brand:#0ea5e9; --brand-2:#22c55e; --card:#ffffff; --border:#e2e8f0;
  --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.10);
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
.container{width:min(1100px,90%);margin-inline:auto}
.section{padding:5rem 0} .section--alt{background:var(--bg-alt)} .section__header{margin-bottom:1.25rem} .section__header p{color:var(--muted)}
.skip-link{position:absolute;left:-9999px} .skip-link:focus{position:fixed;left:1rem;top:1rem;padding:.5rem .75rem;background:var(--brand);color:#fff;border-radius:.5rem;z-index:1000}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:999}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;color:var(--text);position:relative}
.brand img{
  width:64px; height:64px; border-radius:14px; object-fit:cover;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.28));
  box-shadow: inset 0 8px 16px rgba(255,255,255,.22), 0 0 0 1px rgba(0,0,0,.06);
}
@media (max-width:720px){.brand img{width:48px;height:48px;border-radius:12px}}
.nav__toggle{font-size:1.25rem;background:none;border:1px solid var(--border);border-radius:.5rem;padding:.35rem .55rem;color:var(--text);display:none}
.nav__menu{display:flex;align-items:center;gap:1rem;list-style:none;margin:0;padding:0}
.nav__menu a{color:var(--text);padding:.4rem .6rem;border-radius:.5rem} .nav__menu a:hover{background:var(--card)}
.btn{display:inline-block;border-radius:.8rem;padding:.8rem 1.1rem;font-weight:600;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow)}
.btn--primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0b0c10;border:0}
.btn--ghost{background:transparent}
.badge{display:inline-block;background:var(--card);border:1px solid var(--border);color:var(--muted);padding:.3rem .6rem;border-radius:999px;font-size:.85rem}
.grid{display:grid;gap:1rem} .grid--two{grid-template-columns:1fr 1fr;gap:2rem}
.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.kpis{grid-template-columns:repeat(4,1fr)} .kpi{display:flex;flex-direction:column;align-items:center;border:1px dashed var(--border);border-radius:var(--radius);padding:1rem;color:var(--muted)}
.gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ph{margin:0} .ph__box{width:100%;aspect-ratio:4/3;border-radius:var(--radius);border:1px dashed var(--border);background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(0,0,0,.06) 10px 20px)} .ph figcaption{color:var(--muted);font-size:.9rem;margin-top:.35rem}
.process{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .process .step h3{margin:.2rem 0}
.faq summary{cursor:pointer;background:var(--card);border:1px solid var(--border);padding:.8rem 1rem;border-radius:.6rem;margin:.5rem 0}
.faq p{color:var(--muted);margin:.5rem 0 1rem}
.form label{display:block;margin:.6rem 0}
input,textarea{width:100%;padding:.75rem .9rem;border-radius:.6rem;background:#ffffff;color:var(--text);border:1px solid var(--border);outline:none}
input:focus,textarea:focus{border-color:var(--brand)}
.form__actions{display:flex;align-items:center;gap:1rem;margin-top:.75rem} .form__status{min-height:1.2em;color:var(--muted)}
.site-footer{border-top:1px solid var(--border);padding:2rem 0;background:var(--bg)} .site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.site-footer a{color:var(--muted);font-size:.95rem} .site-footer p{color:var(--muted);margin:0}
.hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;min-height:64vh}
.hero::before{content:"";position:absolute;inset:0 40% 0 0;background:linear-gradient(135deg,var(--brand),var(--brand-2));clip-path:polygon(0 0,100% 0,85% 100%,0 100%);opacity:.12}
.hero__text{position:relative}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero__art{order:-1}}
@media(max-width:720px){.nav__toggle{display:inline-block}.nav__menu{position:absolute;right:5%;top:64px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.5rem;flex-direction:column;align-items:stretch;min-width:220px;display:none}.nav__menu.show{display:flex}}