:root{
  --bg:#05070b;
  --panel:#0b1017;
  --panel2:#111823;
  --blue:#1469ff;
  --blue-dark:#0843b8;
  --white:#f5f7f9;
  --muted:#8d97a4;
  --line:rgba(255,255,255,.11);
  --max:1450px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.shell{width:min(calc(100% - 48px),var(--max));margin:auto}
.progress{position:fixed;left:0;top:0;width:0;height:3px;background:var(--blue);z-index:200;box-shadow:0 0 18px var(--blue)}
.cursor-glow{position:fixed;left:0;top:0;width:420px;height:420px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(20,105,255,.13),transparent 68%);pointer-events:none;z-index:1;opacity:0}

.header{height:92px;position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.header::before{content:"";position:absolute;inset:0 -40px;background:linear-gradient(180deg,rgba(5,7,11,.98),rgba(5,7,11,.78),transparent);backdrop-filter:blur(14px);z-index:-1}
.brand{display:flex;flex-direction:column;align-items:flex-start}
.brand img{display:block;width:190px;height:auto}
.brand small,.closing-brand small{font-size:7px;letter-spacing:2.7px;color:#b9c0c9;margin-top:-8px;margin-left:9px}
.header nav{display:flex;gap:42px;font-size:11px;font-weight:600;color:#d0d5dc}
.header-cta{justify-self:end;padding:16px 25px;border:1px solid rgba(20,105,255,.75);border-radius:14px;font-size:11px;font-weight:600;transition:.3s}
.header-cta:hover{background:var(--blue);transform:translateY(-2px)}

.hero{min-height:850px;padding:145px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative}
.hero::before{content:"";position:absolute;width:530px;height:530px;border-radius:50%;right:0;top:15%;background:rgba(20,105,255,.14);filter:blur(115px)}
.hero-copy,.orbit-stage{position:relative;z-index:3}
.eyebrow{margin:0;color:#347fff;font-size:9px;letter-spacing:3.1px;font-weight:700}
.hero h1{font-size:clamp(54px,5.35vw,84px);line-height:1.02;letter-spacing:-4px;font-weight:600;margin:28px 0 25px;max-width:760px}
.hero h1 span{display:block;color:#8b929c;font-weight:300;margin-top:11px}
.lead{max-width:650px;color:#a4adb8;font-size:15px;line-height:1.75}
.actions{display:flex;gap:14px;margin-top:34px}
.button{min-height:56px;padding:0 25px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;font-weight:700;transition:.3s}
.primary{background:linear-gradient(180deg,#2d7fff,var(--blue-dark));box-shadow:0 18px 45px rgba(20,105,255,.26)}
.primary:hover{transform:translateY(-3px);box-shadow:0 24px 64px rgba(20,105,255,.4)}
.secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035)}
.secondary:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.changing-line{display:flex;gap:9px;margin-top:24px;font-size:10px;color:#697482}
.changing-line strong{color:#fff}

.orbit-stage{height:610px;display:grid;place-items:center}
.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.24)}
.orbit-a{width:520px;height:520px;animation:spin 38s linear infinite}
.orbit-b{width:450px;height:450px;border-color:rgba(20,105,255,.4);animation:spin 28s linear reverse infinite}
.orbit-c{width:385px;height:385px;animation:breathe 5s ease-in-out infinite}
.orbit::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px var(--blue);top:8%;left:49%}
.orbit-core{width:330px;height:190px;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 40% 25%,#1d2634,#080c12 67%);border:1px solid rgba(255,255,255,.16);box-shadow:0 38px 100px rgba(0,0,0,.55)}
.orbit-core img{width:82%;height:auto}
.shine{position:absolute;width:170%;height:60px;left:-90%;top:-35%;transform:rotate(-26deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:shine 6s ease-in-out infinite}
.node{position:absolute;font-size:10px;font-weight:500}
.n1{top:3%;left:44%}.n2{top:29%;right:-1%}.n3{bottom:27%;right:2%}.n4{bottom:4%;left:46%}.n5{bottom:28%;left:3%}.n6{top:29%;left:0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.04);opacity:.65}}@keyframes shine{50%{left:30%;top:120%}}

.choices{padding:60px 0 32px;border-top:1px solid var(--line)}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:24px}
.choice{min-height:285px;border-radius:16px;padding:35px;display:grid;grid-template-columns:76px 1fr;gap:26px;align-items:start;border:1px solid var(--line)}
.choice-dark{background:linear-gradient(145deg,#0e141d,#080b10)}
.choice-light{background:linear-gradient(145deg,#f7f8fa,#cdd4de);color:#090c11}
.choice-icon{width:64px;height:64px;border-radius:50%;border:1px solid rgba(20,105,255,.35);position:relative}
.target i{position:absolute;inset:17px;border:2px solid var(--blue);border-radius:50%}
.target::after{content:"↗";position:absolute;right:3px;top:0;color:var(--blue);font-size:24px}
.message{background:linear-gradient(180deg,#287cff,#0d55df)}
.message i{position:absolute;inset:19px 16px;border:1.8px solid #fff;border-radius:9px}
.choice h2{font-size:31px;line-height:1.08;letter-spacing:-1.5px;margin:8px 0 18px}
.choice p{font-size:13px;line-height:1.65;color:#9aa4b0}
.choice-light p{color:#49525d}
.choice>a{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:12px;display:flex;justify-content:space-between}
.choice-light>a{border-color:rgba(0,0,0,.15)}

.solutions{display:grid;grid-template-columns:.82fr 1.18fr;min-height:610px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.office-panel{position:relative;overflow:hidden}
.office-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.07)}
.office-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.12),rgba(5,7,11,.1) 60%,var(--bg))}
.office-logo{position:absolute;left:46px;top:42px;display:flex;flex-direction:column}
.office-logo img{width:240px}
.office-logo small{font-size:7px;letter-spacing:2.5px;color:#c2c8d0;margin-top:-10px;margin-left:12px}
.solution-content{padding:35px max(28px,calc((100vw - var(--max))/2)) 35px 46px;display:flex;flex-direction:column;justify-content:center}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.solution-card{min-height:150px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#101720,#080c12);padding:23px;position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px;align-content:center;transition:.3s}
.solution-card:hover{transform:translateY(-5px);border-color:rgba(20,105,255,.5);box-shadow:0 18px 45px rgba(0,0,0,.32)}
.solution-card h3{font-size:15px;line-height:1.28;margin:0}
.solution-card>span{position:absolute;right:18px;bottom:15px;color:#a9b2bc}
.solution-card.featured{background:linear-gradient(145deg,#124aaf,#063184)}
.service-icon{width:34px;height:34px;border:1.5px solid var(--blue);position:relative;color:var(--blue);display:grid;place-items:center}
.chart{border:0}
.chart::before{content:"";position:absolute;left:3px;bottom:3px;width:5px;height:12px;background:var(--blue);box-shadow:9px -6px var(--blue),18px -15px var(--blue)}
.screen{border-radius:3px}.screen::after{content:"";position:absolute;width:15px;height:1px;background:var(--blue);left:8px;bottom:-6px}
.bubbles{border-radius:5px}.bubbles::after{content:"";position:absolute;width:7px;height:7px;border-left:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);left:4px;bottom:-5px;transform:skew(-18deg)}
.crown{border:0;font-size:34px}
.shield{clip-path:polygon(50% 0,100% 18%,88% 75%,50% 100%,12% 75%,0 18%)}
.compass{border-radius:50%}.compass::before{content:"";position:absolute;width:2px;height:20px;background:var(--blue);left:15px;top:6px;transform:rotate(40deg)}

.phase{padding:72px 0;display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center;border-bottom:1px solid var(--line)}
.phase-photo{min-height:560px;position:relative;overflow:hidden;border-radius:18px}
.phase-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phase-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.12),rgba(5,7,11,.12))}
.phase-copy h2{font-size:clamp(45px,4.5vw,70px);line-height:1.02;letter-spacing:-3px;font-weight:400;margin:21px 0}
.phase-copy p:last-child{font-size:14px;line-height:1.7;color:#919ba7}

.method{padding:75px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center;border-bottom:1px solid var(--line)}
.method-copy h2{font-size:clamp(48px,4.8vw,74px);line-height:1.02;letter-spacing:-3px;font-weight:400;margin:20px 0}
.method-copy h2 em{font-style:normal;color:var(--blue)}
.method-copy>p:last-of-type{color:#929daa;line-height:1.7;max-width:520px}
.method-copy>a{display:inline-flex;gap:30px;margin-top:22px;color:#2e7cff;font-size:11px}
.method-visual{height:560px;position:relative;display:grid;place-items:center}
.method-ring{position:absolute;border-radius:50%;border:1px solid rgba(20,105,255,.3)}
.r1{width:430px;height:430px;animation:spin 34s linear infinite}
.r2{width:320px;height:320px;animation:spin 25s linear reverse infinite}
.method-core{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:43px;font-weight:700;background:radial-gradient(circle at 35% 30%,#243142,#090d13 65%);border:1px solid rgba(255,255,255,.17);box-shadow:0 30px 75px rgba(0,0,0,.45)}
.method-node{position:absolute;padding:12px 20px;border-radius:10px;background:linear-gradient(180deg,#fff,#dce1e8);color:#10141a;font-size:10px;box-shadow:0 12px 30px rgba(0,0,0,.25);text-align:center}
.m1{top:1%;left:43%}.m2{top:27%;right:2%}.m3{bottom:25%;right:4%}.m4{bottom:0;left:41%}.m5{bottom:25%;left:2%}.m6{top:27%;left:3%}

.principles{padding:70px 0}
.principle{display:grid;grid-template-columns:.55fr 1.45fr;align-items:baseline;padding:23px 0;border-bottom:1px solid var(--line)}
.principle span{font-size:9px;letter-spacing:2.6px;color:#687481}
.principle p{font-size:clamp(33px,3.7vw,55px);letter-spacing:-2.5px;font-weight:300;margin:0}
.principle.final span{color:var(--blue)}
.principle.final p{font-weight:600}

.dani{padding:65px 0;display:grid;grid-template-columns:.68fr 1.05fr .72fr;gap:45px;align-items:center;border-top:1px solid var(--line)}
.dani-card{height:350px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0e141d,#080b10);position:relative;overflow:hidden;padding:28px}
.dani-id{display:flex;gap:13px;align-items:center;position:relative;z-index:2}
.dani-monogram{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#2d7fff,#0a4dc8);font-weight:700}
.dani-id strong,.dani-id small{display:block}
.dani-id small{font-size:8px;color:#82909f;margin-top:3px}
.dani-pulse{position:absolute;inset:0;display:grid;place-items:center}
.pulse{position:absolute;border-radius:50%;border:1px solid rgba(20,105,255,.35);animation:spin 28s linear infinite}
.p1{width:230px;height:230px}.p2{width:150px;height:150px;animation-direction:reverse;animation-duration:20s}
.pulse-core{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#77a7ff,#1268ff 48%,#072961);box-shadow:0 20px 55px rgba(20,105,255,.4)}
.pulse-core i{width:30px;height:30px;border:1.6px solid #fff;border-radius:50% 50% 50% 13%;transform:rotate(-8deg)}
.dani-copy h2{font-size:clamp(39px,3.8vw,57px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0}
.dani-copy p{color:#939daa;font-size:13px;line-height:1.65}
.dani-list{list-style:none;padding:0;margin:0;display:grid;gap:25px;font-size:12px;color:#b0b7c0}
.dani-list li::before{content:"○";color:var(--blue);margin-right:15px}

.closing{padding:62px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:65px;align-items:center;border-top:1px solid var(--line)}
.closing-copy h2{font-size:43px;line-height:1.04;letter-spacing:-2px;font-weight:400;margin:0}
.closing-copy em{font-style:normal;color:var(--blue)}
.closing-brand{text-align:center;display:flex;flex-direction:column;align-items:center}
.closing-brand img{width:270px}
.closing-action h3{font-size:26px;line-height:1.2;font-weight:400}

.footer{min-height:88px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:9px;color:#65707d}
.socials{display:flex;gap:15px}.socials a{font-size:15px}.footer>span{text-align:right}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1080px){
  .header nav{display:none}
  .hero{grid-template-columns:1fr}
  .hero-copy{text-align:center}.lead{margin:auto}.actions,.changing-line{justify-content:center}
  .orbit-stage{height:560px}
  .choice-grid{grid-template-columns:1fr}
  .solutions{grid-template-columns:1fr}.office-panel{min-height:500px}.office-shade{background:linear-gradient(0deg,var(--bg),transparent 35%)}
  .solution-content{padding:50px 24px}
  .phase{grid-template-columns:1fr}.phase-copy{text-align:center}
  .method{grid-template-columns:1fr}.method-copy{text-align:center}.method-copy>p:last-of-type{margin:auto}
  .dani{grid-template-columns:1fr}.dani-copy{text-align:center}.dani-list{max-width:400px;margin:auto}
  .closing{grid-template-columns:1fr;text-align:center}
}
@media(max-width:720px){
  .shell,.header{width:calc(100% - 24px)}
  .header{height:76px;grid-template-columns:1fr auto}.brand img{width:145px}.brand small{font-size:5px;margin-top:-6px}.header-cta{padding:12px 15px;font-size:9px}
  .hero{padding-top:120px;min-height:auto}.hero h1{font-size:46px;letter-spacing:-2.6px}.hero h1 span{font-size:40px}
  .actions{flex-direction:column}.actions a{width:100%}
  .orbit-stage{height:430px}.orbit-a{width:380px;height:380px}.orbit-b{width:320px;height:320px}.orbit-c{width:265px;height:265px}.orbit-core{width:235px;height:145px}.node{font-size:8px}
  .choices{padding-top:75px}.choice{grid-template-columns:1fr;min-height:330px}.choice-icon{margin-bottom:5px}
  .solution-grid{grid-template-columns:1fr}.office-panel{min-height:420px}.office-logo{left:22px;top:25px}.office-logo img{width:175px}
  .phase{padding:80px 0}.phase-photo{min-height:430px}.phase-copy h2{font-size:42px;letter-spacing:-2px}
  .method{padding:80px 0;gap:40px}.method-copy h2{font-size:43px;letter-spacing:-2px}.method-visual{height:470px}.r1{width:350px;height:350px}.r2{width:260px;height:260px}.method-node{padding:9px 12px;font-size:8px}.method-core{width:115px;height:115px;font-size:36px}
  .principle{grid-template-columns:1fr;gap:8px}.principle p{font-size:35px}
  .dani{padding:80px 0}
  .closing-copy h2{font-size:38px}
  .footer{grid-template-columns:1fr;text-align:center;padding:25px 0;gap:20px}.footer>span{text-align:center}
}


/* V3.4 FINAL — fidelity corrections */
.brand img{
  width:190px;
  border-radius:0;
  object-fit:contain;
  mix-blend-mode:screen;
}
.brand small,.closing-brand small{display:none!important}

.method-hero-core{
  width:205px!important;
  height:205px!important;
  border-radius:50%!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 36% 28%,#273344,#0a0e15 62%,#040609)!important;
}
.method-hero-core strong{
  font-size:68px;
  line-height:1;
  letter-spacing:-7px;
  background:linear-gradient(180deg,#fff,#717b88);
  -webkit-background-clip:text;
  color:transparent;
  position:relative;
  z-index:2;
}
.method-hero-core small{
  margin-top:15px;
  font-size:7px;
  letter-spacing:2.4px;
  color:#8995a3;
  position:relative;
  z-index:2;
}
.orbit-core img{display:none!important}

.office-logo{display:none!important}

.method{
  grid-template-columns:.72fr 1.28fr;
}
.method-wheel{
  position:relative;
  min-height:620px;
  display:grid;
  place-items:center;
}
.wheel-glow{
  position:absolute;
  width:510px;
  height:510px;
  border-radius:50%;
  background:
    radial-gradient(circle,transparent 0 27%,rgba(20,105,255,.13) 27.5% 28%,transparent 28.5% 47%,rgba(20,105,255,.22) 47.5% 48%,transparent 48.5%),
    conic-gradient(from -36deg,rgba(20,105,255,.16),transparent 15%,rgba(20,105,255,.1) 22%,transparent 38%,rgba(20,105,255,.12) 55%,transparent 74%,rgba(20,105,255,.16));
  border:1px solid rgba(20,105,255,.3);
  box-shadow:0 0 55px rgba(20,105,255,.12);
  animation:spin 40s linear infinite;
}
.wheel-center{
  position:absolute;
  width:135px;height:135px;border-radius:50%;
  display:grid;place-items:center;
  font-size:44px;font-weight:700;
  background:radial-gradient(circle at 35% 28%,#263243,#090d13 66%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 28px 80px rgba(0,0,0,.5);
  z-index:3;
}
.wheel-segment{
  position:absolute;
  width:190px;
  min-height:150px;
  padding:18px;
  text-align:center;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(145deg,rgba(20,27,38,.93),rgba(7,10,15,.97));
  clip-path:polygon(15% 0,85% 0,100% 18%,88% 100%,12% 100%,0 18%);
  z-index:2;
}
.wheel-segment span{display:block;color:var(--blue);font-size:11px;font-weight:700}
.wheel-segment strong{display:block;margin:8px 0;font-size:13px}
.wheel-segment p{margin:0;color:#9ba5b1;font-size:9px;line-height:1.5}
.ws1{top:0;left:50%;transform:translateX(-50%)}
.ws2{right:2%;top:25%;transform:rotate(72deg)}
.ws2>*{transform:rotate(-72deg)}
.ws3{right:16%;bottom:2%;transform:rotate(144deg)}
.ws3>*{transform:rotate(-144deg)}
.ws4{left:16%;bottom:2%;transform:rotate(-144deg)}
.ws4>*{transform:rotate(144deg)}
.ws5{left:2%;top:25%;transform:rotate(-72deg)}
.ws5>*{transform:rotate(72deg)}

.dani-photo{
  height:390px;
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--line);
  background:#0b1017;
}
.dani-photo img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  object-position:center 30%;
  filter:saturate(.88) contrast(1.03);
}
.dani-photo-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(5,7,11,.9));
}
.dani-caption{
  position:absolute;left:25px;bottom:23px;
  display:flex;flex-direction:column;
}
.dani-caption strong{font-size:32px;letter-spacing:-1.5px}
.dani-caption small{font-size:8px;letter-spacing:2px;color:#a8b2be;margin-top:3px}

.closing-brand img{
  width:280px;
  mix-blend-mode:screen;
}

.phase-photo img{object-position:center 45%}

@media(max-width:1080px){
  .method-wheel{min-height:650px}
}
@media(max-width:720px){
  .brand img{width:145px}
  .method-hero-core{width:150px!important;height:150px!important}
  .method-hero-core strong{font-size:50px}
  .method-wheel{min-height:560px;transform:scale(.82)}
  .wheel-glow{width:430px;height:430px}
  .wheel-segment{width:150px;min-height:130px;padding:13px}
  .ws2{right:-7%}.ws5{left:-7%}.ws3{right:5%}.ws4{left:5%}
  .dani-photo{height:440px}
}


/* V3.5 — final corrections */
.method-hero-core{
  width:220px!important;
  height:220px!important;
  padding:34px!important;
}
.method-hero-core img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain;
  mix-blend-mode:screen;
}
.method-hero-core strong,
.method-hero-core small{display:none!important}

.office-panel>img{
  object-position:center center;
}
.office-panel::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 90px rgba(5,7,11,.22);
  pointer-events:none;
}

/* Clean methodology visual */
.clean-wheel{
  min-height:640px;
  position:relative;
}
.method-disc{
  position:absolute;
  left:50%;
  top:50%;
  width:360px;
  height:360px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-items:center;
}
.disc-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(20,105,255,.35);
}
.ring-outer{inset:0;box-shadow:0 0 45px rgba(20,105,255,.12)}
.ring-inner{inset:55px;border-color:rgba(255,255,255,.14)}
.disc-center{
  width:145px;
  height:145px;
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:25px;
  background:radial-gradient(circle at 35% 28%,#273344,#090d13 66%);
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 28px 75px rgba(0,0,0,.48);
  z-index:2;
}
.disc-center img{
  width:100%;
  height:auto;
  object-fit:contain;
  mix-blend-mode:screen;
}
.disc-dot{
  position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 16px var(--blue);
}
.dd1{top:-4px;left:50%}
.dd2{right:23px;top:28%}
.dd3{right:70px;bottom:20px}
.dd4{left:70px;bottom:20px}
.dd5{left:23px;top:28%}

.method-card{
  position:absolute;
  width:205px;
  min-height:128px;
  padding:18px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(18,24,34,.96),rgba(7,10,15,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.26);
}
.method-card span{color:var(--blue);font-size:10px;font-weight:700}
.method-card strong{display:block;font-size:12px;margin:7px 0}
.method-card p{margin:0;color:#9aa4b0;font-size:9px;line-height:1.5}
.mc1{top:0;left:50%;transform:translateX(-50%)}
.mc2{right:0;top:24%}
.mc3{right:7%;bottom:2%}
.mc4{left:7%;bottom:2%}
.mc5{left:0;top:24%}

.dani-photo-small{
  height:300px!important;
  max-width:300px;
  justify-self:start;
}
.dani-photo-small img{
  object-position:center 20%;
}
.dani-caption strong{font-size:28px}

.socials a{
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);
  transition:.3s;
}
.socials a:hover{
  border-color:var(--blue);
  background:rgba(20,105,255,.12);
  transform:translateY(-3px);
}
.socials svg{
  width:18px;height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:1080px){
  .clean-wheel{min-height:700px}
  .dani-photo-small{justify-self:center}
}
@media(max-width:720px){
  .method-hero-core{width:150px!important;height:150px!important;padding:24px!important}
  .clean-wheel{min-height:770px;transform:none!important}
  .method-disc{width:280px;height:280px}
  .disc-center{width:112px;height:112px;padding:20px}
  .ring-inner{inset:44px}
  .method-card{width:155px;min-height:112px;padding:13px}
  .mc1{top:0}
  .mc2{right:-4%;top:23%}
  .mc3{right:1%;bottom:3%}
  .mc4{left:1%;bottom:3%}
  .mc5{left:-4%;top:23%}
  .dani-photo-small{height:360px!important;max-width:100%}
}


/* V3.6 FINAL — final brand cleanup */
.brand small,
.closing-brand small,
.brand::after,
.closing-brand::after{
  display:none!important;
  content:none!important;
}

.brand{
  gap:0!important;
}
.brand img{
  width:170px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0!important;
}

.method-hero-core img,
.disc-center img{
  display:block!important;
  width:78%!important;
  height:78%!important;
  object-fit:contain!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));
}

.method-hero-core{
  padding:22px!important;
}

.disc-center{
  padding:20px!important;
}

.dani-photo-small{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:hidden!important;
  background:#0b1017!important;
}
.dani-photo-small img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 34%!important;
}

.closing-brand img{
  width:235px!important;
  height:auto!important;
  object-fit:contain!important;
}

@media(max-width:720px){
  .brand img{width:138px!important}
  .closing-brand img{width:205px!important}
}


/* V3.7 — definitive logo and Dani fixes */
.brand,
.closing-brand{
  background:transparent!important;
  box-shadow:none!important;
}
.brand img,
.closing-brand img{
  display:block!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  object-fit:contain!important;
}
.brand img{
  width:172px!important;
  max-height:58px!important;
}
.closing-brand img{
  width:238px!important;
  max-height:96px!important;
}
.brand small,
.closing-brand small{
  display:none!important;
}

.method-hero-core img,
.disc-center img{
  display:block!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))!important;
  object-fit:contain!important;
}
.method-hero-core img{
  width:74%!important;
  height:74%!important;
}
.disc-center img{
  width:72%!important;
  height:72%!important;
}

/* Dani must always render; no reveal dependency */
.dani-photo-small{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  position:relative!important;
  min-height:310px!important;
  max-width:310px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#0b1017!important;
}
.dani-photo-small img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 38%!important;
}
.dani-photo-shade{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 58%,rgba(5,7,11,.9))!important;
  z-index:1!important;
}
.dani-caption{
  z-index:2!important;
}

@media(max-width:720px){
  .brand img{width:140px!important;max-height:48px!important}
  .closing-brand img{width:205px!important}
  .dani-photo-small{max-width:100%!important;min-height:390px!important}
}


/* V3.8 — final readability and Dani fixes */

/* Hero orbit labels +5% */
.node{
  font-size:10.5px!important;
  letter-spacing:.45px!important;
}

/* Rotating helper line +5% */
.changing-line{
  font-size:10.5px!important;
}
.changing-line strong{
  font-size:10.8px!important;
}

/* Method cards: improve small text readability */
.method-card{
  width:215px!important;
  min-height:136px!important;
  padding:19px!important;
  background:linear-gradient(145deg,rgba(20,27,38,.98),rgba(8,11,16,.99))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
}
.method-card span{
  font-size:10.5px!important;
}
.method-card strong{
  font-size:12.8px!important;
  margin:8px 0!important;
}
.method-card p{
  font-size:10px!important;
  line-height:1.58!important;
  color:#c0c7d0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.8);
}

/* Dani photo: force rendering */
.dani-photo-small{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  min-height:320px!important;
  max-width:320px!important;
  background:#0b1017!important;
}
.dani-photo-small img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 30%!important;
}
.dani-photo-shade{
  display:block!important;
}
.dani-caption{
  display:flex!important;
}

/* Slightly larger orbit labels on mobile too */
@media(max-width:720px){
  .node{font-size:8.4px!important}
  .changing-line{font-size:10px!important}
  .method-card{
    width:160px!important;
    min-height:120px!important;
    padding:14px!important;
  }
  .method-card p{
    font-size:9px!important;
    line-height:1.52!important;
  }
  .dani-photo-small{
    min-height:400px!important;
    max-width:100%!important;
  }
}


/* V3.9 — definitive Dani image fix
   The previous container had only max-width. Because the image was absolute,
   the grid column could collapse to zero width. */
.dani-photo-small{
  width:320px!important;
  min-width:320px!important;
  height:320px!important;
  min-height:320px!important;
  max-width:320px!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  justify-self:start!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#0b1017!important;
}
.dani-photo-small img{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  object-fit:cover!important;
  object-position:center 30%!important;
}
.dani-photo-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
.dani-caption{
  position:absolute!important;
  left:24px!important;
  bottom:22px!important;
  z-index:2!important;
}

@media(max-width:1080px){
  .dani-photo-small{
    justify-self:center!important;
  }
}
@media(max-width:720px){
  .dani-photo-small{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:390px!important;
    min-height:390px!important;
  }
}


/* V4 FINAL — typography, spacing and footer polish */

/* Hero hierarchy and line breaks */
.hero h1{
  font-size:clamp(52px,5vw,80px)!important;
  line-height:1.01!important;
  letter-spacing:-3.6px!important;
}
.hero h1 span{
  margin-top:12px!important;
}

/* Slightly reduce orbit dominance */
.orbit-stage{
  transform:scale(.95);
  transform-origin:center;
}

/* Standardize institutional image rhythm */
.solutions{
  min-height:590px!important;
}
.office-panel{
  min-height:590px!important;
}
.phase-photo{
  min-height:590px!important;
}
.phase{
  grid-template-columns:1fr 1fr!important;
  gap:56px!important;
}

/* Method cards readability */
.method-card{
  width:225px!important;
  min-height:145px!important;
  padding:20px!important;
}
.method-card span{
  font-size:11px!important;
}
.method-card strong{
  font-size:13.5px!important;
  letter-spacing:.15px!important;
}
.method-card p{
  font-size:10.5px!important;
  line-height:1.62!important;
  color:#c7ced7!important;
}

/* Principles: make labels readable before the statements */
.principle{
  grid-template-columns:.64fr 1.36fr!important;
}
.principle span{
  font-size:12px!important;
  letter-spacing:2.8px!important;
  color:#9aa5b2!important;
  font-weight:700!important;
}
.principle.final span{
  color:var(--blue)!important;
}
.principle p{
  font-size:clamp(34px,3.9vw,58px)!important;
}

/* Dani readability */
.dani-caption strong{
  font-size:31px!important;
}
.dani-caption small{
  font-size:10px!important;
  letter-spacing:1.8px!important;
}
.dani-description{
  max-width:560px!important;
  font-size:14px!important;
  line-height:1.72!important;
}

/* Footer/social visibility */
.socials{
  gap:14px!important;
}
.socials a{
  width:46px!important;
  height:46px!important;
  color:#d7dde5!important;
}
.socials svg{
  width:21px!important;
  height:21px!important;
}
.footer{
  min-height:105px!important;
  font-size:11px!important;
  color:#8b96a3!important;
}
.footer small,
.footer>span{
  font-size:11px!important;
  line-height:1.5!important;
}
.footer>span{
  letter-spacing:.2px!important;
}

@media(max-width:1080px){
  .orbit-stage{
    transform:scale(.92);
  }
  .phase{
    grid-template-columns:1fr!important;
  }
  .office-panel,
  .phase-photo{
    min-height:520px!important;
  }
}

@media(max-width:720px){
  .hero h1{
    font-size:44px!important;
    letter-spacing:-2.4px!important;
  }
  .hero h1 span{
    font-size:38px!important;
  }
  .orbit-stage{
    transform:scale(.9);
  }
  .method-card{
    width:165px!important;
    min-height:124px!important;
    padding:14px!important;
  }
  .method-card p{
    font-size:9.4px!important;
    line-height:1.55!important;
  }
  .principle{
    grid-template-columns:1fr!important;
  }
  .principle span{
    font-size:11px!important;
  }
  .dani-description br{
    display:none;
  }
  .socials a{
    width:44px!important;
    height:44px!important;
  }
  .footer small,
  .footer>span{
    font-size:10.5px!important;
  }
}


/* V4.1 — final technical and visual polish */

/* Exact hero composition */
.hero-title{
  margin:28px 0 25px!important;
}
.hero-title .hero-line,
.hero-title .hero-subline{
  display:block;
}
.hero-title .hero-line{
  color:var(--white);
  font-weight:600;
}
.hero-title .hero-subline{
  color:#8b929c;
  font-weight:300;
}
.hero-title .hero-subline:first-of-type{
  margin-top:12px;
}

/* Institutional photos: same visual language */
.solutions{
  min-height:560px!important;
}
.office-panel{
  min-height:560px!important;
  border-radius:18px!important;
  margin:0 0 0 max(24px,calc((100vw - var(--max))/2))!important;
}
.office-panel>img{
  object-position:center center!important;
}
.solution-content{
  min-height:560px!important;
}

.phase{
  grid-template-columns:1fr 1fr!important;
  gap:56px!important;
}
.phase-photo{
  min-height:560px!important;
  border-radius:18px!important;
}
.phase-photo img{
  object-position:center center!important;
}

/* Dani: restore the elegant two-line typography */
.dani-description{
  font-size:13px!important;
  line-height:1.68!important;
  max-width:620px!important;
}
.dani-caption{
  display:flex!important;
  flex-direction:column!important;
}
.dani-caption strong{
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:-1px!important;
}
.dani-caption small{
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:1.7px!important;
  margin-top:5px!important;
}

/* Footer stays readable without becoming visually heavy */
.footer small,
.footer>span{
  font-size:10px!important;
}
.socials a{
  width:44px!important;
  height:44px!important;
}
.socials svg{
  width:20px!important;
  height:20px!important;
}

@media(max-width:1080px){
  .office-panel{
    margin:0!important;
    border-radius:0!important;
  }
  .phase{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  .hero-title .hero-subline:first-of-type{
    margin-top:10px;
  }
  .dani-description br{
    display:none;
  }
}


/* V4.2 — headline lock + full-bleed institutional photo */

/* Lock approved headline lines on desktop */
.hero-title .hero-line,
.hero-title .hero-subline{
  white-space:nowrap!important;
}
.hero-title{
  max-width:760px!important;
}
.hero-title .hero-line{
  font-size:.96em!important;
}
.hero-title .hero-subline{
  font-size:.88em!important;
}

/* Make the second institutional photo full-width and place copy over it */
.phase-full{
  width:100%!important;
  max-width:none!important;
  min-height:680px!important;
  margin:0!important;
  padding:0 max(24px,calc((100vw - var(--max))/2))!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-bottom:1px solid var(--line)!important;
  background:
    linear-gradient(90deg,rgba(5,7,11,.14) 0%,rgba(5,7,11,.28) 42%,rgba(5,7,11,.82) 68%,rgba(5,7,11,.98) 100%),
    url("./assets/office-main.jpg?v=1784145007") center center / cover no-repeat!important;
}
.phase-full .phase-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.phase-full .phase-copy{
  grid-column:2!important;
  position:relative!important;
  z-index:2!important;
  padding:90px 0 90px 70px!important;
  max-width:720px!important;
}
.phase-full .phase-copy h2{
  text-shadow:0 3px 18px rgba(0,0,0,.65);
}
.phase-full .phase-copy p{
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}

/* First institutional image remains full and uninterrupted */
.office-panel{
  border-radius:0!important;
  margin:0!important;
}
.solutions{
  grid-template-columns:.95fr 1.05fr!important;
}

@media(max-width:1080px){
  .hero-title .hero-line,
  .hero-title .hero-subline{
    white-space:normal!important;
  }
  .phase-full{
    min-height:620px!important;
    grid-template-columns:1fr!important;
    background:
      linear-gradient(180deg,rgba(5,7,11,.12) 0%,rgba(5,7,11,.46) 48%,rgba(5,7,11,.96) 100%),
      url("./assets/office-main.jpg?v=1784145007") center center / cover no-repeat!important;
  }
  .phase-full .phase-copy{
    grid-column:1!important;
    align-self:end!important;
    padding:260px 28px 65px!important;
    max-width:760px!important;
  }
}
@media(max-width:720px){
  .hero-title .hero-line,
  .hero-title .hero-subline{
    white-space:normal!important;
  }
  .phase-full{
    min-height:560px!important;
  }
  .phase-full .phase-copy{
    padding:240px 22px 52px!important;
  }
}


/* V4.3 VISUAL — premium meeting-room composition */
.solutions{
  grid-template-columns:1fr 1.08fr!important;
  min-height:585px!important;
}
.office-panel{
  min-height:585px!important;
  margin:0!important;
  border-radius:0!important;
}
.office-panel>img{
  object-position:center center!important;
}

.phase-card{
  padding:84px 0!important;
  display:grid!important;
  grid-template-columns:1.18fr .82fr!important;
  gap:62px!important;
  align-items:center!important;
  border-bottom:1px solid var(--line)!important;
}
.phase-card .phase-photo{
  min-height:610px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
.phase-card .phase-photo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.phase-card .phase-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(5,7,11,.02),rgba(5,7,11,.08) 65%,rgba(5,7,11,.32))!important;
}
.phase-card .phase-copy{
  padding:20px 0!important;
  max-width:650px!important;
}
.phase-card .phase-copy h2{
  font-size:clamp(46px,4.4vw,70px)!important;
  line-height:1.02!important;
  letter-spacing:-3px!important;
}
.phase-card .phase-copy p:last-child{
  max-width:540px!important;
}
.method{
  padding-top:90px!important;
}

@media(max-width:1080px){
  .phase-card{
    grid-template-columns:1fr!important;
    gap:38px!important;
    padding:70px 0!important;
  }
  .phase-card .phase-photo{
    min-height:540px!important;
  }
  .phase-card .phase-copy{
    max-width:800px!important;
    text-align:left!important;
  }
}
@media(max-width:720px){
  .phase-card{
    padding:55px 0!important;
  }
  .phase-card .phase-photo{
    min-height:430px!important;
    border-radius:16px!important;
  }
  .phase-card .phase-copy h2{
    font-size:41px!important;
    letter-spacing:-2px!important;
  }
}


/* =========================================================
   V4.4 — MOBILE RESPONSIVE FINAL
   Corrige Serviços e Método A7 sem alterar o desktop.
   ========================================================= */

@media (max-width: 720px) {

  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  /* ---------- Serviços ---------- */
  .solutions {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .office-panel {
    width: 100% !important;
    min-height: 430px !important;
    height: 430px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  .office-panel > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 42% center !important;
  }

  .office-shade {
    background:
      linear-gradient(
        180deg,
        rgba(5,7,11,.04) 0%,
        rgba(5,7,11,.12) 62%,
        rgba(5,7,11,.94) 100%
      ) !important;
  }

  .solution-content {
    width: 100% !important;
    min-height: 0 !important;
    padding: 42px 20px 58px !important;
    display: block !important;
  }

  .solution-content > .eyebrow {
    text-align: left !important;
    margin-bottom: 22px !important;
  }

  .solution-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .solution-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 132px !important;
    padding: 22px !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    transform: none !important;
  }

  .solution-card h3 {
    font-size: 18px !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
  }

  .solution-card > span {
    right: 20px !important;
    bottom: 18px !important;
  }

  /* ---------- Sala de reunião ---------- */
  .phase-card {
    width: calc(100% - 28px) !important;
    margin: 0 auto !important;
    padding: 52px 0 62px !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .phase-card .phase-photo {
    width: 100% !important;
    min-height: 400px !important;
    height: 400px !important;
    border-radius: 16px !important;
  }

  .phase-card .phase-photo img {
    object-position: 62% center !important;
  }

  .phase-card .phase-copy {
    padding: 0 4px !important;
    width: 100% !important;
  }

  /* ---------- Método A7 ---------- */
  .method {
    display: block !important;
    width: calc(100% - 28px) !important;
    margin: 0 auto !important;
    padding: 68px 0 !important;
    overflow: visible !important;
  }

  .method-copy {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 46px !important;
  }

  .method-copy h2 {
    font-size: 43px !important;
    line-height: 1.04 !important;
    letter-spacing: -2.2px !important;
  }

  .method-copy > p:last-of-type {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .clean-wheel,
  .method-wheel {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    transform: none !important;
    overflow: visible !important;
  }

  .method-disc {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 250px !important;
    height: 250px !important;
    margin: 0 auto 20px !important;
    flex: 0 0 auto !important;
  }

  .disc-center {
    width: 108px !important;
    height: 108px !important;
  }

  .ring-inner {
    inset: 39px !important;
  }

  .method-card,
  .mc1, .mc2, .mc3, .mc4, .mc5 {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 21px 20px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  .method-card span {
    display: block !important;
    font-size: 11px !important;
    margin-bottom: 7px !important;
  }

  .method-card strong {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px !important;
  }

  .method-card p {
    font-size: 13px !important;
    line-height: 1.55 !important;
    max-width: none !important;
    overflow-wrap: anywhere !important;
  }

  /* ---------- Princípios ---------- */
  .principles {
    width: calc(100% - 28px) !important;
    padding: 54px 0 !important;
  }

  .principle {
    display: block !important;
    padding: 24px 0 !important;
  }

  .principle span {
    display: block !important;
    margin-bottom: 14px !important;
    font-size: 11px !important;
  }

  .principle p {
    font-size: 38px !important;
    line-height: 1.08 !important;
    letter-spacing: -2px !important;
    overflow-wrap: break-word !important;
  }

  .principle.final p {
    font-size: 34px !important;
  }

  /* Evita qualquer elemento absoluto excedendo a viewport */
  .method *,
  .solutions * {
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  .office-panel {
    min-height: 390px !important;
    height: 390px !important;
  }

  .solution-card {
    min-height: 125px !important;
  }

  .method-copy h2 {
    font-size: 39px !important;
  }

  .principle p {
    font-size: 34px !important;
  }

  .principle.final p {
    font-size: 30px !important;
  }
}


/* =========================================================
   V4.5 — MOBILE-ONLY FINAL POLISH
   Desktop remains unchanged.
   ========================================================= */



@media (max-width: 720px){

  /* Dani: alternate mobile-only message */
  

  

  /* Footer: center only on mobile */
  .footer{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:18px!important;
    padding:28px 14px!important;
  }

  .footer small,
  .footer > span{
    width:100%!important;
    text-align:center!important;
  }

  .footer .socials{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:16px!important;
    margin:0 auto!important;
  }
}





/* =========================================================
   V6 — TABLET / IPAD RESPONSIVE
   Applied only between 721px and 1180px.
   Desktop and mobile remain unchanged.
   ========================================================= */

@media (min-width: 721px) and (max-width: 1180px) {

  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .shell {
    width: min(100% - 48px, 1040px) !important;
  }

  /* Header */
  .header {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .brand img {
    width: 155px !important;
  }

  .header .btn,
  .header .button {
    padding: 15px 24px !important;
    font-size: 14px !important;
  }

  /* Hero */
  .hero {
    min-height: auto !important;
    padding-top: 88px !important;
    padding-bottom: 72px !important;
    grid-template-columns: .96fr 1.04fr !important;
    gap: 34px !important;
    align-items: center !important;
  }

  .hero-title {
    max-width: 520px !important;
  }

  .hero h1 {
    font-size: clamp(48px, 6vw, 66px) !important;
    line-height: 1.01 !important;
    letter-spacing: -3px !important;
  }

  .hero p {
    max-width: 520px !important;
  }

  .orbit-stage {
    width: 100% !important;
    max-width: 520px !important;
    transform: scale(.82) !important;
    transform-origin: center !important;
    margin: 0 auto !important;
  }

  .method-hero-core {
    width: 150px !important;
    height: 150px !important;
  }

  .node {
    font-size: 9px !important;
  }

  /* Choice cards */
  .paths,
  .decision-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
  }

  /* Solutions */
  .solutions {
    grid-template-columns: .86fr 1.14fr !important;
    min-height: 560px !important;
  }

  .office-panel {
    min-height: 560px !important;
  }

  .solution-content {
    padding: 54px 30px !important;
  }

  .solution-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }

  .solution-card {
    min-height: 150px !important;
    padding: 20px !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
  }

  .solution-card h3 {
    font-size: 16px !important;
    line-height: 1.22 !important;
  }

  /* Meeting room */
  .phase-card {
    grid-template-columns: 1.06fr .94fr !important;
    gap: 38px !important;
    padding: 72px 0 !important;
  }

  .phase-card .phase-photo {
    min-height: 500px !important;
  }

  .phase-card .phase-copy h2 {
    font-size: clamp(40px, 5vw, 56px) !important;
    line-height: 1.02 !important;
    letter-spacing: -2.5px !important;
  }

  /* Method A7 - tablet redesign */
  .method {
    display: grid !important;
    grid-template-columns: .82fr 1.18fr !important;
    gap: 40px !important;
    align-items: center !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    overflow: hidden !important;
  }

  .method-copy h2 {
    font-size: clamp(46px, 5.8vw, 62px) !important;
    line-height: 1.02 !important;
    letter-spacing: -3px !important;
  }

  .clean-wheel,
  .method-wheel {
    width: 100% !important;
    max-width: 620px !important;
    height: 620px !important;
    transform: scale(.78) !important;
    transform-origin: center !important;
    margin: 0 auto !important;
  }

  .method-card {
    width: 205px !important;
    min-height: 132px !important;
    padding: 17px !important;
  }

  .method-card strong {
    font-size: 12.5px !important;
  }

  .method-card p {
    font-size: 9.5px !important;
    line-height: 1.55 !important;
  }

  .method-disc {
    width: 330px !important;
    height: 330px !important;
  }

  .disc-center {
    width: 125px !important;
    height: 125px !important;
  }

  /* Principles */
  .principles {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .principle {
    grid-template-columns: .62fr 1.38fr !important;
    padding: 22px 0 !important;
  }

  .principle span {
    font-size: 10.5px !important;
  }

  .principle p {
    font-size: clamp(32px, 4.3vw, 46px) !important;
  }

  /* Dani */
  .dani-section,
  .dani-wrap {
    grid-template-columns: .78fr 1.22fr !important;
    gap: 34px !important;
  }

  .dani-photo-small {
    width: 280px !important;
    min-width: 280px !important;
    height: 280px !important;
    min-height: 280px !important;
  }

  .dani-copy h2 {
    font-size: clamp(40px, 5vw, 56px) !important;
  }

  /* Footer */
  .footer {
    grid-template-columns: 1fr auto 1fr !important;
    gap: 24px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .closing-brand img {
    width: 190px !important;
  }

  .socials a {
    width: 42px !important;
    height: 42px !important;
  }
}

/* iPad portrait refinement */
@media (min-width: 721px) and (max-width: 900px) {

  .hero {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }

  .orbit-stage {
    margin-top: 22px !important;
    transform: scale(.76) !important;
  }

  .solutions {
    grid-template-columns: 1fr !important;
  }

  .office-panel {
    min-height: 470px !important;
  }

  .solution-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .phase-card {
    grid-template-columns: 1fr !important;
  }

  .method {
    grid-template-columns: 1fr !important;
  }

  .method-copy {
    max-width: 680px !important;
  }

  .clean-wheel,
  .method-wheel {
    transform: scale(.72) !important;
    margin-top: -20px !important;
    margin-bottom: -30px !important;
  }

  .dani-section,
  .dani-wrap {
    grid-template-columns: 1fr !important;
  }

  .dani-photo-small {
    justify-self: center !important;
  }

  .footer {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .footer .socials {
    justify-content: center !important;
  }
}


/* =========================================================
   V7 FINAL — universal Dani message
   Same sentence on desktop, tablet and mobile.
   ========================================================= */

.dani-description{
  display:block!important;
}

@media (max-width:720px){
  .dani-description{
    text-align:center!important;
  }
}


/* =========================================================
   V8 — LEADERSHIP + TABLET ALIGNMENT + FAVICON POLISH
   ========================================================= */

.leadership{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:72px;
  align-items:center;
  padding-top:110px;
  padding-bottom:110px;
  border-top:1px solid rgba(255,255,255,.08);
}

.leadership-photo{
  position:relative;
  min-height:620px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#080b11;
}

.leadership-photo img{
  width:100%;
  height:100%;
  min-height:620px;
  display:block;
  object-fit:cover;
  object-position:center center;
}

.leadership-photo-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(3,5,9,.04), rgba(3,5,9,.16)),
    linear-gradient(90deg, rgba(3,5,9,.06), transparent 42%);
}

.leadership-copy{
  max-width:650px;
}

.leadership-copy h2{
  margin:20px 0 6px;
  font-size:clamp(48px,5vw,72px);
  line-height:.98;
  letter-spacing:-3px;
}

.leadership-role{
  margin:0 0 34px!important;
  color:#3478ff!important;
  font-size:18px!important;
  font-weight:650;
  letter-spacing:.04em;
}

.leadership-copy > p:not(.eyebrow):not(.leadership-role){
  margin:0 0 20px;
  color:#aab2c0;
  font-size:18px;
  line-height:1.75;
}

.leadership-copy strong{
  color:#fff;
  font-weight:650;
}

.leadership-copy .button{
  margin-top:18px;
}

/* Consistent centered language on iPad/tablets */
@media (min-width:721px) and (max-width:1180px){

  .hero,
  .phase-card,
  .method,
  .dani,
  .leadership{
    text-align:center!important;
  }

  .hero-copy,
  .phase-copy,
  .method-copy,
  .dani-copy,
  .leadership-copy{
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:760px!important;
  }

  .hero .actions,
  .leadership-copy .button,
  .dani-copy .button{
    justify-content:center!important;
  }

  .hero .actions{
    display:flex!important;
  }

  .hero .changing-line,
  .phase-copy .eyebrow,
  .method-copy .eyebrow,
  .dani-copy .eyebrow,
  .leadership-copy .eyebrow{
    text-align:center!important;
  }

  .leadership{
    grid-template-columns:1fr!important;
    gap:42px!important;
    padding-top:78px!important;
    padding-bottom:78px!important;
  }

  .leadership-photo{
    width:min(100%,850px)!important;
    min-height:520px!important;
    margin:0 auto!important;
  }

  .leadership-photo img{
    min-height:520px!important;
    object-position:center 38%!important;
  }

  .leadership-copy{
    width:min(100%,760px)!important;
  }

  .leadership-copy h2{
    font-size:clamp(48px,7vw,68px)!important;
  }

  /* More compact A7 method on tablet */
  .clean-wheel,
  .method-wheel{
    transform:scale(.70)!important;
    transform-origin:center center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Tablet landscape: keep balanced two-column leadership */
@media (min-width:960px) and (max-width:1180px) and (orientation:landscape){
  .leadership{
    grid-template-columns:.95fr 1.05fr!important;
    gap:44px!important;
    text-align:left!important;
  }

  .leadership-copy,
  .leadership-copy .eyebrow{
    text-align:left!important;
  }

  .leadership-photo{
    min-height:500px!important;
  }

  .leadership-photo img{
    min-height:500px!important;
  }
}

/* Mobile */
@media (max-width:720px){

  .leadership{
    display:block!important;
    width:calc(100% - 28px)!important;
    margin:0 auto!important;
    padding:66px 0!important;
    text-align:center!important;
  }

  .leadership-photo{
    width:100%!important;
    min-height:430px!important;
    height:430px!important;
    margin-bottom:42px!important;
    border-radius:18px!important;
  }

  .leadership-photo img{
    min-height:430px!important;
    height:430px!important;
    object-position:56% center!important;
  }

  .leadership-copy{
    width:100%!important;
    max-width:100%!important;
  }

  .leadership-copy h2{
    font-size:48px!important;
    letter-spacing:-2.5px!important;
  }

  .leadership-role{
    font-size:16px!important;
    margin-bottom:28px!important;
  }

  .leadership-copy > p:not(.eyebrow):not(.leadership-role){
    font-size:15px!important;
    line-height:1.72!important;
  }

  .leadership-copy .button{
    width:100%!important;
    justify-content:center!important;
  }
}

@media (max-width:390px){
  .leadership-photo{
    min-height:390px!important;
    height:390px!important;
  }

  .leadership-photo img{
    min-height:390px!important;
    height:390px!important;
  }

  .leadership-copy h2{
    font-size:43px!important;
  }
}


/* =========================================================
   V11 — ECOSYSTEM + AUTHORITY REFINEMENT
   ========================================================= */

.ecosystem{
  padding-top:110px;
  padding-bottom:110px;
  border-top:1px solid rgba(255,255,255,.08);
}

.ecosystem-heading{
  max-width:960px;
  margin-bottom:58px;
}

.ecosystem-heading h2{
  margin:20px 0 22px;
  max-width:900px;
  font-size:clamp(48px,5.2vw,78px);
  line-height:1.01;
  letter-spacing:-3.8px;
  font-weight:500;
}

.ecosystem-heading > p:last-child{
  max-width:760px;
  color:#969fac;
  font-size:16px;
  line-height:1.72;
}

.ecosystem-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.ecosystem-card{
  position:relative;
  min-height:330px;
  padding:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 5%,rgba(35,105,255,.13),transparent 32%),
    linear-gradient(145deg,#111721,#080b10);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.ecosystem-card::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-115px;
  bottom:-140px;
  border-radius:50%;
  border:1px solid rgba(45,116,255,.16);
  transition:transform .45s ease;
}

.ecosystem-card:hover{
  transform:translateY(-7px);
  border-color:rgba(45,116,255,.42);
  box-shadow:0 28px 75px rgba(0,0,0,.30);
}

.ecosystem-card:hover::after{
  transform:scale(1.28);
}

.ecosystem-index{
  color:#347dff;
  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
}

.ecosystem-mark{
  display:inline-flex;
  align-items:center;
  min-height:74px;
  margin-top:56px;
  color:#f4f6f8;
  font-size:36px;
  font-weight:700;
  letter-spacing:-2px;
}

.ecosystem-mark::before{
  content:"";
  width:11px;
  height:11px;
  margin-right:13px;
  border-radius:50%;
  background:#2d74ff;
  box-shadow:0 0 20px rgba(45,116,255,.8);
}

.ecosystem-card h3{
  max-width:440px;
  margin:16px 0 12px;
  font-size:19px;
  line-height:1.28;
  letter-spacing:-.6px;
}

.ecosystem-card p{
  max-width:490px;
  margin:0;
  color:#909aa7;
  font-size:13px;
  line-height:1.65;
}

.ecosystem-statement{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:45px;
  align-items:baseline;
  margin-top:50px;
  padding:34px 0 0;
  border-top:1px solid rgba(255,255,255,.10);
}

.ecosystem-statement span{
  color:#75808d;
  font-size:10px;
  font-weight:700;
  letter-spacing:2.5px;
  text-transform:uppercase;
}

.ecosystem-statement strong{
  font-size:clamp(31px,3.5vw,52px);
  line-height:1.08;
  letter-spacing:-2.4px;
  font-weight:500;
}

.leadership{
  padding-top:125px!important;
  padding-bottom:125px!important;
}

.leadership-copy h2{
  font-size:clamp(54px,5.4vw,78px)!important;
}

.leadership-copy .button{
  min-width:230px;
}

.closing-action h3{
  max-width:520px;
  font-size:clamp(26px,2.6vw,38px)!important;
  line-height:1.14!important;
}

@media (min-width:721px) and (max-width:1180px){
  .ecosystem{
    text-align:center;
    padding-top:84px;
    padding-bottom:84px;
  }

  .ecosystem-heading{
    margin-left:auto;
    margin-right:auto;
  }

  .ecosystem-heading > p:last-child{
    margin-left:auto;
    margin-right:auto;
  }

  .ecosystem-grid{
    grid-template-columns:1fr 1fr;
  }

  .ecosystem-card{
    text-align:left;
  }

  .ecosystem-statement{
    grid-template-columns:1fr;
    gap:15px;
    text-align:center;
  }
}

@media (max-width:720px){
  .ecosystem{
    width:calc(100% - 28px)!important;
    margin:0 auto!important;
    padding:70px 0!important;
    text-align:center;
  }

  .ecosystem-heading{
    margin-bottom:36px;
  }

  .ecosystem-heading h2{
    font-size:42px;
    line-height:1.03;
    letter-spacing:-2.4px;
  }

  .ecosystem-heading > p:last-child{
    font-size:14px;
  }

  .ecosystem-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .ecosystem-card{
    min-height:290px;
    padding:27px;
    text-align:left;
  }

  .ecosystem-mark{
    margin-top:42px;
    min-height:60px;
    font-size:31px;
  }

  .ecosystem-statement{
    grid-template-columns:1fr;
    gap:13px;
    text-align:center;
  }

  .ecosystem-statement strong{
    font-size:33px;
  }
}


/* =========================================================
   V12 — REAL PHOTO, OFFICIAL LOGOS & TYPOGRAPHIC REFINEMENT
   ========================================================= */

/* Approved, deliberate two-line composition */
.ecosystem-heading h2{
  max-width:1120px;
  text-wrap:balance;
}

.ecosystem-heading h2 span{
  display:block;
  white-space:nowrap;
}

/* Real CEO portrait: preserve face and professional framing */
.leadership-photo{
  background:#080b10;
}

.leadership-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 22%;
  filter:none!important;
}

/* Logo presentation */
.ecosystem-logo{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:104px;
  margin-top:34px;
  overflow:hidden;
  border-radius:16px;
}

.ecosystem-logo img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

.ecosystem-logo-dark{
  background:#000;
  padding:10px 14px;
}

.ecosystem-logo-light{
  background:#fff;
  padding:11px 16px;
}

.ecosystem-logo-gold{
  background:linear-gradient(145deg,#16110a,#080705);
  padding:8px 14px;
}

.ecosystem-logo-dark img,
.ecosystem-logo-gold img{
  mix-blend-mode:normal;
}

.ecosystem-card{
  min-height:370px;
}

.ecosystem-card h3{
  margin-top:21px;
}

/* Keep card layout restrained and readable */
.ecosystem-card p{
  max-width:450px;
}

/* Dani and Renata remain distinct brands:
   Dani = A7 One concierge
   Renata = AlZap intelligence / configurable product persona */
.dani-description{
  max-width:610px;
}

/* Tablet */
@media (min-width:721px) and (max-width:1180px){
  .ecosystem-heading h2 span{
    white-space:normal;
  }

  .ecosystem-logo{
    height:94px;
  }

  .leadership-photo img{
    object-position:center 20%;
  }
}

/* Mobile */
@media (max-width:720px){
  .ecosystem-heading h2{
    font-size:39px!important;
    line-height:1.04!important;
    letter-spacing:-2.1px!important;
  }

  .ecosystem-heading h2 span{
    display:block;
    white-space:normal;
  }

  .ecosystem-logo{
    height:92px;
    margin-top:30px;
  }

  .ecosystem-card{
    min-height:335px;
  }

  .leadership-photo{
    min-height:520px;
  }

  .leadership-photo img{
    object-position:center 18%;
  }
}


/* V13 FORCE DEPLOY — 1784219623 */
.ecosystem-approved-title {
  max-width: 1180px !important;
  width: 100% !important;
}
.ecosystem-approved-title span {
  display: block !important;
  white-space: nowrap !important;
}
.ecosystem-logo img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.leadership-photo img {
  content: url("./assets/fabio-augusto-ceo.jpg?v=1784219623") !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}
@media (max-width: 1180px) {
  .ecosystem-approved-title span {
    white-space: normal !important;
  }
}


/* =========================================================
   V14 — COMPACT CEO + REFINED ECOSYSTEM
   ========================================================= */

/* CEO: supporting authority, not a personal landing page */
.leadership {
  grid-template-columns:minmax(280px, .72fr) minmax(0, 1.28fr) !important;
  gap:72px !important;
  align-items:center !important;
  padding-top:100px !important;
  padding-bottom:100px !important;
}

.leadership-photo {
  width:100% !important;
  max-width:470px !important;
  height:520px !important;
  min-height:0 !important;
  justify-self:start !important;
  border-radius:24px !important;
}

.leadership-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 16% !important;
}

.leadership-copy {
  max-width:720px !important;
}

.leadership-copy h2 {
  font-size:clamp(48px,4.4vw,68px) !important;
}

/* Ecosystem: editorial list instead of a catalogue of cards */
.ecosystem-refined {
  padding-top:110px !important;
  padding-bottom:110px !important;
}

.ecosystem-refined .ecosystem-heading {
  max-width:1120px !important;
  margin-bottom:56px !important;
}

.ecosystem-approved-title {
  max-width:1120px !important;
  font-size:clamp(48px,5.4vw,78px) !important;
  line-height:1.02 !important;
  letter-spacing:-3.8px !important;
}

.ecosystem-approved-title span {
  display:block !important;
  white-space:nowrap !important;
}

.ecosystem-list {
  border-top:1px solid rgba(255,255,255,.12);
}

.ecosystem-row {
  display:grid;
  grid-template-columns:220px 1fr;
  gap:38px;
  align-items:center;
  min-height:166px;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
  transition:background .3s ease, padding .3s ease;
}

.ecosystem-row:hover {
  padding-left:18px;
  padding-right:18px;
  background:linear-gradient(90deg,rgba(25,90,225,.07),rgba(255,255,255,0));
}

.ecosystem-row-logo {
  display:flex;
  align-items:center;
  justify-content:center;
  width:210px;
  height:112px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:#020305;
}

.ecosystem-row-logo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.ecosystem-row-logo-dark {
  padding:8px 14px;
}

.ecosystem-row-logo-gold {
  padding:20px 24px;
  background:
    radial-gradient(circle at 50% 28%,rgba(210,163,52,.10),transparent 48%),
    #050505;
  border-color:rgba(211,164,53,.24);
}

.ecosystem-row-logo-mentoria {
  padding:10px;
}

.ecosystem-row-logo-mentoria img {
  width:88px;
  height:88px;
}

.ecosystem-row-copy {
  display:grid;
  grid-template-columns:48px minmax(190px,.7fr) 1fr;
  gap:25px;
  align-items:center;
}

.ecosystem-row-copy > span {
  color:#2f78ff;
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.ecosystem-row-gold .ecosystem-row-copy > span {
  color:#d4a63e;
}

.ecosystem-row-copy h3 {
  margin:0;
  font-size:clamp(27px,2.2vw,36px);
  line-height:1.08;
  letter-spacing:-1.5px;
}

.ecosystem-row-gold .ecosystem-row-copy h3 {
  color:#e0b856;
}

.ecosystem-row-copy p {
  margin:0;
  max-width:520px;
  color:#929ba7;
  font-size:15px;
  line-height:1.55;
}

.ecosystem-statement-refined {
  grid-template-columns:.7fr 1.3fr !important;
  margin-top:45px !important;
}

.ecosystem-statement-refined strong {
  max-width:720px;
}

/* Tablet */
@media (min-width:721px) and (max-width:1180px) {
  .leadership {
    grid-template-columns:340px 1fr !important;
    gap:42px !important;
  }

  .leadership-photo {
    height:470px !important;
  }

  .ecosystem-approved-title span {
    white-space:normal !important;
  }

  .ecosystem-row {
    grid-template-columns:180px 1fr;
  }

  .ecosystem-row-logo {
    width:170px;
    height:100px;
  }

  .ecosystem-row-copy {
    grid-template-columns:38px 180px 1fr;
    gap:18px;
  }
}

/* Mobile */
@media (max-width:720px) {
  .leadership {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
    padding-top:72px !important;
    padding-bottom:72px !important;
  }

  .leadership-photo {
    width:100% !important;
    max-width:360px !important;
    height:410px !important;
    margin:0 auto !important;
    justify-self:center !important;
  }

  .leadership-photo img {
    object-position:center 13% !important;
  }

  .leadership-copy {
    text-align:center !important;
    margin:0 auto !important;
  }

  .ecosystem-approved-title {
    font-size:39px !important;
    line-height:1.04 !important;
    letter-spacing:-2.2px !important;
  }

  .ecosystem-approved-title span {
    white-space:normal !important;
  }

  .ecosystem-list {
    margin-top:12px;
  }

  .ecosystem-row {
    grid-template-columns:92px 1fr;
    gap:18px;
    min-height:138px;
    padding:20px 0;
  }

  .ecosystem-row:hover {
    padding-left:0;
    padding-right:0;
  }

  .ecosystem-row-logo {
    width:92px;
    height:82px;
    border-radius:13px;
  }

  .ecosystem-row-logo-dark {
    padding:6px;
  }

  .ecosystem-row-logo-gold {
    padding:12px;
  }

  .ecosystem-row-logo-mentoria img {
    width:65px;
    height:65px;
  }

  .ecosystem-row-copy {
    display:block;
    text-align:left;
  }

  .ecosystem-row-copy > span {
    display:block;
    margin-bottom:6px;
  }

  .ecosystem-row-copy h3 {
    margin-bottom:7px;
    font-size:25px;
  }

  .ecosystem-row-copy p {
    font-size:13px;
  }

  .ecosystem-statement-refined {
    grid-template-columns:1fr !important;
    gap:14px !important;
    text-align:center !important;
  }
}


/* =========================================================
   V15 — FINAL RELEASE
   ========================================================= */

/* CEO remains present, but secondary to the company narrative */
.leadership {
  grid-template-columns:360px minmax(0,1fr) !important;
  gap:62px !important;
  align-items:center !important;
  padding-top:92px !important;
  padding-bottom:92px !important;
}

.leadership-photo {
  width:360px !important;
  height:430px !important;
  max-width:360px !important;
  min-height:0 !important;
  border-radius:22px !important;
  justify-self:start !important;
}

.leadership-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 14% !important;
}

.leadership-copy {
  max-width:700px !important;
}

.leadership-copy h2 {
  font-size:clamp(44px,4.1vw,62px) !important;
}

/* Final ecosystem */
.ecosystem-final {
  padding-top:112px !important;
  padding-bottom:112px !important;
  border-top:1px solid rgba(255,255,255,.08);
}

.ecosystem-final .ecosystem-heading {
  max-width:980px !important;
  margin-bottom:62px !important;
}

.ecosystem-final-title {
  margin:19px 0 23px !important;
  font-size:clamp(55px,6.2vw,92px) !important;
  line-height:.96 !important;
  letter-spacing:-5px !important;
  font-weight:500 !important;
}

.ecosystem-final-title span {
  display:block !important;
}

.ecosystem-final .ecosystem-heading > p:last-child {
  max-width:760px !important;
  color:#949da9 !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

.brand-portfolio {
  border-top:1px solid rgba(255,255,255,.12);
}

.brand-portfolio-row {
  display:grid;
  grid-template-columns:300px 1fr;
  gap:55px;
  align-items:center;
  min-height:205px;
  padding:30px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.brand-portfolio-logo {
  display:flex;
  align-items:center;
  justify-content:center;
  width:285px;
  height:140px;
  overflow:hidden;
  background:transparent;
}

.brand-portfolio-logo img {
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

.logo-mentalflix,
.logo-alzap {
  padding:10px;
  border-radius:18px;
  background:#000;
}

.logo-transparent {
  padding:4px 10px;
  background:transparent !important;
}

.logo-transparent img {
  filter:drop-shadow(0 10px 24px rgba(213,166,53,.10));
}

.logo-mentoria-final {
  height:164px;
}

.brand-portfolio-copy {
  display:grid;
  grid-template-columns:54px minmax(210px,.7fr) 1fr;
  gap:28px;
  align-items:center;
}

.brand-portfolio-copy > span {
  color:#347cff;
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.brand-gold .brand-portfolio-copy > span,
.brand-gold .brand-portfolio-copy h3 {
  color:#d8ad4f;
}

.brand-portfolio-copy h3 {
  margin:0;
  color:#f6f7f9;
  font-size:clamp(30px,2.7vw,43px);
  line-height:1.05;
  letter-spacing:-1.8px;
}

.brand-portfolio-copy p {
  margin:0;
  color:#969faa;
  font-size:15px;
  line-height:1.55;
}

.ecosystem-final-statement {
  display:grid;
  grid-template-columns:.68fr 1.32fr;
  gap:42px;
  align-items:baseline;
  margin-top:42px;
  padding-top:34px;
}

.ecosystem-final-statement span {
  color:#6f7985;
  font-size:10px;
  font-weight:700;
  letter-spacing:2.5px;
}

.ecosystem-final-statement strong {
  max-width:700px;
  font-size:clamp(34px,4vw,58px);
  line-height:1.03;
  letter-spacing:-2.8px;
  font-weight:500;
}

@media (min-width:721px) and (max-width:1180px) {
  .leadership {
    grid-template-columns:310px 1fr !important;
    gap:40px !important;
  }

  .leadership-photo {
    width:310px !important;
    height:390px !important;
  }

  .brand-portfolio-row {
    grid-template-columns:225px 1fr;
    gap:34px;
  }

  .brand-portfolio-logo {
    width:215px;
    height:118px;
  }

  .brand-portfolio-copy {
    grid-template-columns:38px 190px 1fr;
    gap:18px;
  }
}

@media (max-width:720px) {
  .leadership {
    grid-template-columns:1fr !important;
    gap:32px !important;
    padding-top:72px !important;
    padding-bottom:72px !important;
  }

  .leadership-photo {
    width:270px !important;
    height:330px !important;
    max-width:270px !important;
    margin:0 auto !important;
    justify-self:center !important;
  }

  .leadership-copy {
    text-align:center !important;
    margin:0 auto !important;
  }

  .ecosystem-final {
    width:calc(100% - 28px) !important;
    margin:0 auto !important;
    padding-top:76px !important;
    padding-bottom:76px !important;
  }

  .ecosystem-final-title {
    font-size:48px !important;
    line-height:.98 !important;
    letter-spacing:-3.2px !important;
  }

  .brand-portfolio-row {
    grid-template-columns:110px 1fr;
    gap:17px;
    min-height:150px;
    padding:21px 0;
  }

  .brand-portfolio-logo {
    width:108px;
    height:94px;
  }

  .logo-mentoria-final {
    height:108px;
  }

  .brand-portfolio-copy {
    display:block;
    text-align:left;
  }

  .brand-portfolio-copy > span {
    display:block;
    margin-bottom:5px;
  }

  .brand-portfolio-copy h3 {
    margin-bottom:7px;
    font-size:26px;
  }

  .brand-portfolio-copy p {
    font-size:13px;
  }

  .ecosystem-final-statement {
    grid-template-columns:1fr;
    gap:12px;
    text-align:center;
  }

  .ecosystem-final-statement strong {
    font-size:35px;
  }
}


/* V16 — CLEAN INSTITUTIONAL SITE (1784226227) */
.leadership + .dani {
  margin-top: 42px !important;
}

@media (max-width: 720px) {
  .leadership + .dani {
    margin-top: 12px !important;
  }
}


/* V17 — PRIVACY POLICY (1784229702) */
.footer-legal {
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.footer-legal a {
  color:inherit;
  font-size:11px;
  text-decoration:none;
  transition:color .2s ease;
}

.footer-legal a:hover {
  color:#4b8cff;
}

@media (max-width:720px) {
  .footer-legal {
    justify-content:center;
  }
}


/* =========================================================
   V18 — COOKIE CONSENT / LGPD (1784231502)
   ========================================================= */

[hidden] {
  display:none !important;
}

.footer-cookie-settings {
  appearance:none;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:11px;
  cursor:pointer;
  transition:color .2s ease;
}

.footer-cookie-settings:hover {
  color:#4b8cff;
}

.cookie-consent {
  position:fixed;
  z-index:9990;
  right:28px;
  bottom:28px;
  left:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:38px;
  align-items:end;
  max-width:1180px;
  margin:0 auto;
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:rgba(7,10,17,.94);
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  backdrop-filter:blur(24px);
  animation:cookie-rise .42s ease both;
}

@keyframes cookie-rise {
  from { opacity:0; transform:translateY(20px); }
  to { opacity:1; transform:translateY(0); }
}

.cookie-consent-kicker {
  display:block;
  margin-bottom:10px;
  color:#347cff;
  font-size:10px;
  font-weight:700;
  letter-spacing:2.2px;
}

.cookie-consent h2,
.cookie-modal h2 {
  margin:0 0 10px;
  color:#f7f8fb;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-1px;
}

.cookie-consent p,
.cookie-modal-intro {
  max-width:700px;
  margin:0 0 12px;
  color:#9ba5b2;
  font-size:14px;
  line-height:1.6;
}

.cookie-consent a {
  color:#d9e3f5;
  font-size:12px;
  text-decoration:underline;
  text-underline-offset:4px;
}

.cookie-consent-actions,
.cookie-modal-actions {
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}

.cookie-button {
  min-height:46px;
  padding:0 18px;
  border-radius:12px;
  font:inherit;
  font-size:13px;
  font-weight:650;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.cookie-button:hover {
  transform:translateY(-1px);
}

.cookie-button-primary {
  border:1px solid #347cff;
  background:linear-gradient(180deg,#347cff,#1555d6);
  color:#fff;
  box-shadow:0 10px 28px rgba(29,94,224,.28);
}

.cookie-button-secondary {
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  color:#e9edf4;
}

.cookie-button-ghost {
  border:1px solid rgba(52,124,255,.45);
  background:transparent;
  color:#cbd8ef;
}

.cookie-modal {
  position:fixed;
  z-index:10000;
  inset:0;
}

.cookie-modal-backdrop {
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}

.cookie-modal-panel {
  position:absolute;
  top:50%;
  left:50%;
  width:min(620px,calc(100% - 32px));
  max-height:calc(100vh - 42px);
  overflow:auto;
  transform:translate(-50%,-50%);
  padding:38px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:26px;
  background:#080b12;
  box-shadow:0 35px 120px rgba(0,0,0,.68);
  animation:cookie-modal-in .3s ease both;
}

@keyframes cookie-modal-in {
  from { opacity:0; transform:translate(-50%,-47%) scale(.98); }
  to { opacity:1; transform:translate(-50%,-50%) scale(1); }
}

.cookie-modal-close {
  position:absolute;
  top:18px;
  right:20px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}

.cookie-category {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.09);
}

.cookie-category h3 {
  margin:0 0 6px;
  color:#f4f6fa;
  font-size:16px;
}

.cookie-category p {
  margin:0;
  color:#8e98a6;
  font-size:13px;
  line-height:1.5;
}

.cookie-always-active {
  color:#347cff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.cookie-category-toggle {
  cursor:pointer;
}

.cookie-category-toggle input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.cookie-toggle {
  position:relative;
  width:48px;
  height:27px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:#171c25;
  transition:.25s ease;
}

.cookie-toggle::after {
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#adb5c0;
  transition:.25s ease;
}

.cookie-category-toggle input:checked + .cookie-toggle {
  border-color:#347cff;
  background:#1555d6;
}

.cookie-category-toggle input:checked + .cookie-toggle::after {
  left:24px;
  background:#fff;
}

.cookie-modal-actions {
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.09);
}

.legal-footer-links {
  display:flex;
  align-items:center;
  gap:20px;
}

@media (max-width:900px) {
  .cookie-consent {
    grid-template-columns:1fr;
    gap:22px;
  }

  .cookie-consent-actions {
    justify-content:flex-start;
  }
}

@media (max-width:720px) {
  .cookie-consent {
    right:12px;
    bottom:12px;
    left:12px;
    padding:22px 18px;
    border-radius:19px;
  }

  .cookie-consent h2,
  .cookie-modal h2 {
    font-size:24px;
  }

  .cookie-consent-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }

  .cookie-consent-actions .cookie-button-primary {
    grid-column:1 / -1;
    order:-1;
  }

  .cookie-button {
    width:100%;
    padding:0 12px;
  }

  .cookie-modal-panel {
    padding:32px 20px 22px;
    border-radius:20px;
  }

  .cookie-category {
    gap:15px;
  }

  .cookie-modal-actions {
    display:grid;
    grid-template-columns:1fr;
  }

  .legal-footer-links {
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
}