:root {
 --bordo:#8B0E1A; --bordo2:#660A13; --grafite:#23262B;
 --cinza:#8A8F98; --claro:#F7F5F2; --branco:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Montserrat,Arial,Helvetica,sans-serif;color:var(--grafite);background:#fff;line-height:1.6}
a{color:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(35,38,43,.08)}
nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:186px;display:block}
.menu{display:flex;gap:28px;align-items:center;font-size:14px}
.menu a{text-decoration:none;color:#4b4f55}
.menu a:hover{color:var(--bordo)}
.hero{min-height:780px;padding-top:82px;background:linear-gradient(145deg,#1d2024 0%,#25292e 48%,#111417 100%);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -15% -4% -10%;height:62%;background:url('elementos/pixell_ondas.svg') center/cover no-repeat;opacity:.95}
.hero .container{position:relative;z-index:2;min-height:698px;display:flex;align-items:center}
.hero-copy{max-width:790px;padding:80px 0}
.kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:#d7a6ad;margin-bottom:22px}
h1{font-size:clamp(48px,6vw,86px);line-height:1.03;letter-spacing:-.035em;margin:0 0 28px;font-weight:650}
.hero p{font-size:20px;max-width:650px;color:#d7d9dc}
.cta{display:inline-block;margin-top:22px;padding:13px 20px;border:1px solid rgba(255,255,255,.4);text-decoration:none;border-radius:999px}
section{padding:110px 0}
.section-title{font-size:42px;line-height:1.1;letter-spacing:-.025em;margin:0 0 22px}
.lead{font-size:19px;color:#666b72;max-width:790px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e8e8;margin-top:55px}
.pillar{background:#fff;padding:42px 34px;min-height:250px}
.pillar .n{font-size:11px;letter-spacing:.18em;color:var(--bordo);font-weight:800}
.pillar h3{font-size:25px;margin:18px 0 14px}
.dark{background:var(--grafite);color:#fff;position:relative;overflow:hidden}
.dark:after{content:"";position:absolute;right:-20%;bottom:-35%;width:75%;height:80%;background:url('elementos/pixell_ondas.svg') center/contain no-repeat;opacity:.48}
.dark .lead{color:#c9ccd0}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}
.stat{border-top:1px solid rgba(255,255,255,.22);padding:22px 0;font-size:14px;color:#c9ccd0}
.stat strong{display:block;font-size:26px;color:#fff;margin-bottom:5px}
.soft{background:var(--claro)}
.contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
form{display:grid;gap:14px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
input,textarea,select{width:100%;padding:14px 15px;border:1px solid #d7d8da;background:#fff;font:inherit}
textarea{min-height:140px;resize:vertical}
button{background:var(--bordo);color:#fff;border:0;padding:14px 20px;font-weight:700;cursor:pointer}
footer{background:#15181b;color:#bfc2c6;padding:44px 0;font-size:13px}
footer .row{display:flex;justify-content:space-between;gap:30px;align-items:center}
footer img{width:155px;filter:brightness(0) invert(1);opacity:.9}
.smallcaps{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--bordo)}
.page-hero{padding:160px 0 80px;background:var(--claro)}
.page-hero h1{color:var(--grafite);font-size:62px}
.mobile-toggle{display:none}
@media(max-width:820px){
 .container{width:min(100% - 30px,680px)}
 nav{height:72px}
 .brand img{width:158px}
 .menu{display:none}
 .mobile-toggle{display:block;font-size:22px}
 .hero{min-height:700px;padding-top:72px}
 .hero .container{min-height:628px;align-items:flex-start}
 .hero-copy{padding-top:110px}
 h1{font-size:52px}
 .hero p{font-size:18px}
 section{padding:78px 0}
 .section-title{font-size:36px}
 .pillars{grid-template-columns:1fr}
 .grid2,.contact-box{grid-template-columns:1fr;gap:40px}
 .page-hero h1{font-size:48px}
 footer .row{flex-direction:column;align-items:flex-start}
}

/* v2 refinements */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:40px;align-items:center;width:100%}
.hero-art{height:560px;position:relative}
.hero-art:before{content:"";position:absolute;inset:8% -18% 0 -8%;background:url('elementos/pixell_ondas.svg') center/contain no-repeat;transform:rotate(-8deg);filter:drop-shadow(0 20px 55px rgba(139,14,26,.12))}
.hero-art:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#b42b39;left:58%;top:34%;box-shadow:80px 38px 0 -2px rgba(255,255,255,.38),-55px 92px 0 -3px rgba(255,255,255,.26),120px 145px 0 -3px rgba(180,43,57,.65)}
.hero:after{opacity:.32;transform:translateY(18%)}
.hero h1 span{color:#d4a0a7}
.manifesto{font-size:clamp(28px,4vw,54px);line-height:1.14;letter-spacing:-.025em;max-width:980px}
.timeline{margin-top:45px;border-left:1px solid #d7d8da;padding-left:30px}
.timeline-item{position:relative;padding:0 0 34px 0}
.timeline-item:before{content:"";position:absolute;left:-35px;top:8px;width:9px;height:9px;background:var(--bordo);border-radius:50%}
.timeline-item strong{font-size:21px;display:block;margin-bottom:6px}
.quote-band{padding:55px 0;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.quote-band p{margin:0;font-size:17px;letter-spacing:.03em;color:#555b61}
.contact-data a{text-decoration:none;border-bottom:1px solid #ccc}
.menu-button{display:none;border:0;background:none;color:var(--grafite);font-size:13px;letter-spacing:.12em;padding:10px 0}
@media(max-width:820px){
 .hero-grid{grid-template-columns:1fr}
 .hero-art{height:210px;margin-top:-45px}
 .hero-art:before{inset:-30% -22% -30% -20%;transform:rotate(-5deg)}
 .hero-copy{padding-top:88px;padding-bottom:0}
 .hero h1{font-size:clamp(43px,12vw,58px)}
 .hero:after{display:none}
 .menu-button{display:block}
 .mobile-toggle{display:none}
 .menu.open{display:flex;position:absolute;left:0;right:0;top:72px;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 15px 30px;border-bottom:1px solid #ddd}
}