:root{
  --bg:#020b17;
  --bg2:#061b31;
  --panel:#071b2d;
  --panel2:#09243b;
  --line:rgba(115,210,235,.15);
  --line2:rgba(230,184,95,.18);
  --text:#f1f7fb;
  --muted:#8ca3b3;
  --muted2:#647f91;
  --cyan:#21d8f3;
  --cyan2:#0a98c7;
  --gold:#e2b45b;
  --gold2:#f0d28b;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; min-height:100vh; overflow-x:hidden;
  background:
    radial-gradient(circle at 78% 8%,rgba(0,171,255,.12),transparent 26%),
    radial-gradient(circle at 0 42%,rgba(17,117,181,.08),transparent 24%),
    linear-gradient(180deg,#020a15 0%,#031426 47%,#020a14 100%);
  color:var(--text);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.page-noise{
  pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.23;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 80%);
}
.ambient{position:fixed;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0}
.ambient-a{width:430px;height:430px;background:#07bce7;right:-220px;top:32%;opacity:.11}
.ambient-b{width:330px;height:330px;background:#d8a645;left:-200px;top:69%;opacity:.055}

.site-header{
  width:min(calc(100% - 40px),var(--max));height:86px;margin:auto;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line);position:relative;z-index:20;
}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:-.65px}
.brand img{width:38px;height:38px;border-radius:10px}
.brand span span{color:var(--cyan)}
.nav{display:flex;align-items:center;gap:25px;color:#a8bdca;font-size:13px}
.nav a{transition:.2s}
.nav a:hover{color:white}
.nav-cta{border:1px solid rgba(34,213,241,.29);border-radius:999px;padding:10px 16px;background:rgba(30,204,235,.05);color:#eaffff!important}
.menu-button{display:none;background:none;border:0;width:42px;height:42px;padding:10px}
.menu-button span{display:block;height:1px;background:#fff;margin:6px 0}

main{position:relative;z-index:1}
.hero{
  width:min(calc(100% - 40px),var(--max));margin:0 auto;
  min-height:735px;display:grid;grid-template-columns:1fr .92fr;
  gap:55px;align-items:center;padding:70px 0 95px;
}
.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:.23em;color:#7f9cae}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.eyebrow i{width:25px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--gold))}
.hero h1,.manifesto h2,.section-heading h2,.name-intro h2,.principle h2,.contact h2{
  font-family:"Segoe UI",Arial,sans-serif;font-weight:650;letter-spacing:-.055em;margin:0
}
.hero h1{font-size:clamp(58px,6.4vw,90px);line-height:.92}
.hero h1 span,.contact h2 span{
  background:linear-gradient(92deg,#7cf0ff,#1bd0ec 48%,#f0cb7c);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero-copy>p{max-width:610px;color:#9bb0bf;font-size:18px;line-height:1.72;margin:28px 0 31px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{min-height:50px;padding:0 21px;border-radius:12px;border:0;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;cursor:pointer}
.button.primary{background:linear-gradient(135deg,#20d8ef,#169ac5);color:#00131c;box-shadow:0 12px 35px rgba(20,191,225,.16)}
.button.secondary{background:rgba(255,255,255,.025);border:1px solid var(--line);color:#c7d6df}
.hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:31px}
.hero-proof span{font-size:11px;color:#7793a4;border:1px solid rgba(120,197,217,.11);padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.018)}

.hero-visual{height:600px;position:relative;display:grid;place-items:center}
.visual-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(14,206,239,.13);filter:blur(75px)}
.hero-symbol{width:330px;height:330px;border-radius:78px;position:relative;z-index:4;box-shadow:0 35px 80px rgba(0,0,0,.37),0 0 75px rgba(22,207,238,.11)}
.hero-symbol img{width:100%;height:100%;object-fit:cover;border-radius:78px}
.orbit{position:absolute;border:1px solid rgba(67,203,231,.14);border-radius:50%}
.orbit-one{width:465px;height:465px;transform:rotate(17deg)}
.orbit-two{width:535px;height:350px;transform:rotate(-23deg);border-color:rgba(230,184,95,.13)}
.orbit-three{width:420px;height:560px;transform:rotate(57deg);border-color:rgba(44,159,202,.11)}
.float-card{
  position:absolute;z-index:6;min-width:128px;padding:12px 15px;border:1px solid var(--line);
  background:rgba(3,17,31,.82);backdrop-filter:blur(14px);border-radius:14px;
  box-shadow:0 15px 45px rgba(0,0,0,.24)
}
.float-card small{display:block;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.2em;margin-bottom:4px}
.float-card strong{font-size:12px;color:#d8e5ec}
.card-one{left:15px;top:125px}
.card-two{right:0;top:250px}
.card-three{left:60px;bottom:102px}

.manifesto{
  width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:105px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.manifesto p{font-size:10px;letter-spacing:.23em;font-weight:800;color:var(--cyan);margin:0 0 18px}
.manifesto h2{font-size:clamp(40px,5vw,65px);line-height:1.09;max-width:1020px}
.manifesto h2 span{color:var(--gold2)}

.section{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:120px 0}
.section-heading,.name-intro{max-width:790px;margin-bottom:55px}
.kicker{color:var(--cyan);margin-bottom:17px}
.section-heading h2,.name-intro h2{font-size:clamp(42px,4.6vw,64px);line-height:1.06}
.section-heading>p,.name-intro>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:700px;margin-top:24px}
.name-intro h2 span{color:var(--gold2)}

.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.pillar{
  min-height:325px;border-radius:22px;border:1px solid var(--line);padding:27px;
  background:linear-gradient(145deg,rgba(9,34,57,.74),rgba(4,19,35,.58));
  position:relative;overflow:hidden
}
.pillar>span{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.17em}
.pillar-icon{width:52px;height:52px;border:1px solid rgba(40,215,243,.18);border-radius:15px;display:grid;place-items:center;margin-top:55px;color:var(--cyan);font-size:24px;background:rgba(24,198,231,.04)}
.pillar h3{font-size:23px;margin:23px 0 12px}
.pillar p{font-size:14px;line-height:1.72;color:#839cac;margin:0}

.name-section{border-top:1px solid var(--line)}
.name-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch}
.name-card{border:1px solid var(--line);border-radius:22px;padding:30px 26px;background:rgba(5,23,42,.69)}
.name-code{font-size:57px;font-weight:800;letter-spacing:-.055em;background:linear-gradient(125deg,#fff,#5de8fb 62%,#ecc575);-webkit-background-clip:text;background-clip:text;color:transparent}
.name-card h3{font-size:17px;margin:8px 0 17px}
.name-card p{font-size:14px;color:#8199a9;line-height:1.67;margin:0}
.plus{display:grid;place-items:center;color:#3d6378;font-size:26px}
.brand-phrase{margin-top:22px;padding:21px 27px;border:1px solid var(--line2);border-radius:19px;background:linear-gradient(100deg,rgba(222,177,88,.05),rgba(28,197,228,.035));display:flex;align-items:center;gap:18px}
.brand-phrase img{width:60px;height:60px;border-radius:15px}
.brand-phrase small{display:block;color:#6f899a;letter-spacing:.18em;font-size:9px;font-weight:800;margin-bottom:5px}
.brand-phrase strong{font-size:22px}

.building-section{border-top:1px solid var(--line)}
.project-grid{display:grid;grid-template-columns:1.25fr .875fr;gap:17px}
.project-card{
  min-height:320px;border:1px solid var(--line);border-radius:24px;padding:28px;
  background:linear-gradient(145deg,rgba(8,31,53,.79),rgba(4,18,32,.65));
  position:relative;overflow:hidden
}
.project-featured{grid-row:span 2;min-height:657px;background:
  radial-gradient(circle at 73% 25%,rgba(29,215,246,.12),transparent 23%),
  linear-gradient(145deg,rgba(8,35,59,.88),rgba(3,18,33,.76))}
.project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative;z-index:2}
.status{font-size:9px;font-weight:800;letter-spacing:.17em;color:var(--gold)}
.project-index{font-size:11px;color:#527388}
.project-content{position:relative;z-index:2;margin-top:82px;max-width:570px}
.project-featured .project-content{margin-top:255px}
.project-content h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;margin:0 0 16px}
.project-content p{font-size:15px;line-height:1.72;color:#8da4b3;margin:0}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}
.tags span{font-size:10px;color:#88a3b4;border:1px solid rgba(103,193,214,.12);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.018)}
.project-orb{position:absolute;width:260px;height:260px;border-radius:50%;right:35px;top:95px;border:1px solid rgba(48,216,245,.12);box-shadow:inset 0 0 55px rgba(21,199,231,.045),0 0 90px rgba(18,200,234,.04)}
.project-orb::before,.project-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(228,184,93,.12)}
.project-orb::before{inset:36px}.project-orb::after{inset:82px;background:rgba(29,213,242,.06);box-shadow:0 0 40px rgba(29,213,242,.08)}

.solutions-section{border-top:1px solid var(--line)}
.solution-stack{border-top:1px solid var(--line)}
.solution{display:grid;grid-template-columns:75px 1fr 150px;gap:20px;align-items:center;padding:29px 3px;border-bottom:1px solid var(--line);transition:.22s}
.solution:hover{background:linear-gradient(90deg,rgba(32,212,240,.04),transparent);padding-left:11px}
.solution-number{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em}
.solution h3{font-size:24px;margin:0 0 7px}
.solution p{color:#819aaa;line-height:1.6;margin:0;font-size:14px}
.solution-label{justify-self:end;color:#55758a;font-size:9px;font-weight:800;letter-spacing:.18em;border:1px solid rgba(105,185,205,.11);border-radius:999px;padding:8px 10px}

.process-section{border-top:1px solid var(--line)}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-step{padding:34px 25px 40px;border-right:1px solid var(--line);min-height:245px}
.process-step:last-child{border-right:0}
.process-step span{font-size:10px;color:var(--gold);font-weight:800;letter-spacing:.16em}
.process-step h3{font-size:23px;margin:58px 0 12px}
.process-step p{color:#7f98a9;font-size:13px;line-height:1.67;margin:0}

.principle-section{padding-top:45px}
.principle{min-height:355px;border-radius:29px;border:1px solid var(--line);background:
  radial-gradient(circle at 17% 45%,rgba(28,214,245,.12),transparent 24%),
  linear-gradient(135deg,rgba(7,34,58,.91),rgba(3,17,31,.92));
  display:flex;align-items:center;gap:65px;padding:55px 68px
}
.principle-symbol img{width:205px;height:205px;border-radius:46px;box-shadow:0 0 80px rgba(29,205,238,.1)}
.principle h2{font-size:clamp(41px,5vw,65px);line-height:1.05;margin-top:17px}
.principle h2 span{color:var(--gold2)}

.contact-section{padding-top:38px}
.contact{border:1px solid rgba(44,214,242,.18);border-radius:28px;padding:58px 60px;background:linear-gradient(125deg,rgba(8,37,63,.85),rgba(4,18,33,.86));display:flex;justify-content:space-between;gap:55px;align-items:flex-end}
.contact h2{font-size:clamp(41px,5vw,62px);line-height:1.05;margin:15px 0}
.contact p{max-width:680px;color:#859dad;font-size:14px;line-height:1.72}
.contact-action{min-width:290px;text-align:right}
.contact-pending{background:rgba(255,255,255,.04);color:#7690a0;border:1px solid var(--line);cursor:not-allowed}
.contact-action small{display:block;color:#597487;font-size:10px;margin-top:10px}

footer{width:min(calc(100% - 40px),var(--max));margin:0 auto;border-top:1px solid var(--line);padding:35px 0 43px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#617e91;font-size:11px}
.footer-brand{font-size:15px;color:#fff}
.footer-brand img{width:30px;height:30px;border-radius:8px}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .68s ease,transform .68s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:960px){
  .nav{display:none;position:absolute;top:75px;right:0;left:0;padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(3,17,31,.97);backdrop-filter:blur(16px);flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}.menu-button{display:block}
  .hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{order:-1;height:520px}
  .pillars{grid-template-columns:1fr}
  .name-equation{grid-template-columns:1fr}.plus{height:22px}
  .project-grid{grid-template-columns:1fr}.project-featured{grid-row:auto;min-height:510px}.project-featured .project-content{margin-top:220px}
  .process-line{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .principle{flex-direction:column;align-items:flex-start;padding:42px}
  .contact{flex-direction:column;align-items:flex-start}.contact-action{text-align:left;min-width:0}
}
@media(max-width:620px){
  .site-header,.hero,.section,.manifesto,footer{width:min(calc(100% - 28px),var(--max))}
  .site-header{height:75px}.hero{min-height:auto;padding:45px 0 75px}
  .hero h1{font-size:52px}.hero-copy>p{font-size:16px}
  .hero-visual{height:420px}.hero-symbol{width:235px;height:235px;border-radius:55px}.hero-symbol img{border-radius:55px}
  .orbit-one{width:330px;height:330px}.orbit-two{width:365px;height:250px}.orbit-three{width:300px;height:390px}
  .float-card{min-width:105px;padding:10px 12px}.card-one{left:0;top:78px}.card-two{right:0;top:200px}.card-three{left:25px;bottom:54px}
  .manifesto,.section{padding:82px 0}.manifesto h2,.section-heading h2,.name-intro h2,.principle h2,.contact h2{font-size:39px}
  .project-featured{min-height:470px}.project-featured .project-content{margin-top:205px}.project-orb{width:210px;height:210px;right:15px;top:100px}
  .solution{grid-template-columns:43px 1fr}.solution-label{display:none}
  .process-line{grid-template-columns:1fr}.process-step{border-right:0;border-bottom:1px solid var(--line)}.process-step:last-child{border-bottom:0}
  .principle{padding:30px 24px}.principle-symbol img{width:140px;height:140px;border-radius:33px}
  .contact{padding:37px 25px}
  footer{flex-direction:column;align-items:flex-start}
}


/* V3 refinements */
.nav{gap:28px}
.footer-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.footer-dot{color:#355468}
.legal-placeholder{color:#526e80}
@media(max-width:620px){
  .footer-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
  .footer-dot{display:none}
}


/* V4 final — dados oficiais */
.contact-live{
  min-width:290px;
  text-transform:none;
}
.footer-meta a{
  color:#6f8da0;
  transition:.2s;
}
.footer-meta a:hover{
  color:#dcebf3;
}
@media(max-width:620px){
  .contact-live{min-width:0;width:100%}
}