/*
Theme Name: EIBI Agency
Theme URI: https://eibi.com.br/
Author: EIBI Agency
Description: Conversão fiel da EIBI Agency Versão 2. Página inicial completa, responsiva, com animações, soluções e jornada do projeto. Uso em sites ilimitados, sem chave de ativação.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eibi-agency
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#081218;--lime:#ff2939;--muted:#bfc8ce;--line:#29404d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f7f9fb;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1}.mark{display:grid;place-items:center;width:46px;height:46px;background:var(--lime);color:var(--bg);font-size:41px;border-radius:10px;letter-spacing:-5px;padding-right:5px}.agency{display:block;font-size:10px;letter-spacing:4px;margin-top:6px}nav{display:flex;gap:35px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:var(--lime)}.nav-contact{border:1px solid #596774;padding:14px 22px;border-radius:99px}.menu{display:none}.hero{padding:25px 5% 0;overflow:hidden}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.8px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;min-height:650px;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 28px}.hero-copy .eyebrow{color:var(--lime)}h1{font-size:clamp(58px,6.9vw,106px);line-height:1.04;letter-spacing:-6px;margin:0 0 26px;font-weight:500}.rotating{display:inline-block;color:var(--lime);font-size:.85em;transition:opacity .3s,transform .3s;letter-spacing:-5px}.rotating.out{opacity:0;transform:translateY(15px)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:455px}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 24px;border-radius:99px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-4px)}.primary{background:var(--lime);color:var(--bg)}.plus{font-size:23px;font-weight:400;line-height:1}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:6px}.orbital{height:480px;position:relative;display:grid;place-items:center;perspective:700px;background:radial-gradient(ellipse, #f51b2b12 0%,transparent 65%)}.orbit{position:absolute;width:340px;height:340px;border:2px solid #f51b2b;border-radius:50%;box-shadow:0 0 18px #f51b2b26,inset 0 0 18px #f51b2b14;animation:orbit 20s linear infinite}.o1{transform:rotateY(60deg) rotateX(20deg)}.o2{transform:rotateY(-60deg) rotateX(-20deg);animation-direction:reverse;border-color:#9f2532}.o3{transform:rotateX(65deg) rotateZ(40deg);width:390px;height:390px;animation-duration:30s}.o4{width:290px;height:290px;transform:rotateY(40deg) rotateX(60deg);border-color:#ff7b85;animation-duration:25s}.core{font-size:180px;letter-spacing:-25px;padding-right:20px;font-weight:800;transform:rotate(-12deg);text-shadow:6px 6px 0 #4b1822;color:#f7f9fb}.core span{color:var(--lime)}.orbit-label{position:absolute;font-size:10px;letter-spacing:2px;padding:13px 16px;border:1px solid #39515f;background:#111c23ed;border-radius:4px}.label1{right:0;top:100px}.label2{bottom:65px;left:0}.coordinate{position:absolute;right:5px;bottom:15px;font-size:10px;color:#84939c;letter-spacing:3px}.hero-bottom{padding:25px 0;border-top:1px solid var(--line);align-items:center;font-size:10px}.hero-bottom a span{font-size:22px;margin-left:20px}.ticker{background:var(--lime);color:#ffffff;overflow:hidden;padding:23px 0}.ticker div{width:max-content;font-size:24px;letter-spacing:-.5px;font-weight:700;animation:ticker 30s linear infinite}.ticker b{margin:0 40px;font-size:27px}.section{padding:100px 5%}.section-top{display:flex;justify-content:space-between;align-items:start}.section-top>p:last-child{margin-top:0;color:var(--muted);font-size:14px;line-height:1.7}.section h2{font-size:clamp(38px,4.6vw,66px);font-weight:500;letter-spacing:-3px;line-height:1.13;margin:8px 0 50px}.section h2>span{color:#9aaab5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:32px;background:#111c23;border:1px solid var(--line);border-radius:15px;transition:transform .3s,border-color .3s}.card:hover{transform:translateY(-8px);border-color:#f51b2b}.card-top{display:flex;align-items:center;justify-content:space-between;color:#a4b1ba;font-size:13px}.service-icon{color:var(--lime);font-size:29px;letter-spacing:-3px}.card h3{font-size:33px;font-weight:500;letter-spacing:-1.4px;margin:38px 0 16px}.card p{font-size:15px;line-height:1.8;color:#bfc8ce;min-height:108px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 38px}.tags span{font-size:11px;border:1px solid #39515f;border-radius:99px;padding:7px 9px;color:#c3cdd3}.card-link{display:flex;justify-content:space-between;border-top:1px solid #29404d;padding-top:22px;font-size:14px}.card-link span{color:var(--lime)}.essence{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#f7f9fb;color:#111827}.essence h2{margin-top:50px}.essence h2 em{font-style:normal;color:#596774}.essence-copy{padding-top:40px}.lead{font-size:26px;line-height:1.5;letter-spacing:-.6px}.essence-copy>p:not(.lead){color:#596774;line-height:1.8;font-size:16px;margin-bottom:30px}.principle{display:flex;gap:22px;border-top:1px solid #dce2e6;padding:20px 0}.principle>span{color:#63707b;font-size:12px;padding-top:4px}.principle h3{font-size:17px;margin:0 0 7px;font-weight:600}.principle p{color:#596774;font-size:14px;margin:0;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid #39515f;padding-top:25px}.step-number{font-size:44px;letter-spacing:-2px;color:var(--lime)}.step-number span{color:#39515f}.steps h3{font-size:21px;font-weight:500;margin-top:34px}.steps p{font-size:15px;color:var(--muted);line-height:1.8}.contact{margin:0 3% 65px;padding:65px 5%;border-radius:20px;background:var(--lime);color:#ffffff}.contact h2{font-size:clamp(40px,6vw,90px);line-height:1.1;letter-spacing:-4px;font-weight:500;margin:30px 0}.contact h2 span{font-style:italic}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:40px}.contact-bottom p{line-height:1.7;font-size:16px}.dark{background:#111c23;color:#ffffff}.contact-number{display:block;text-align:right;font-size:12px;margin-top:15px;padding-right:25px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 5% 45px}footer>span{font-size:11px;color:var(--muted)}.floating{position:fixed;right:22px;bottom:22px;border:1px solid #f51b2b;border-radius:50%;background:#111c23;width:54px;height:54px;display:grid;place-items:center;color:var(--lime);z-index:10;box-shadow:0 5px 25px #0005}.floating svg{width:27px;height:27px}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes orbit{50%{rotate:180deg}100%{rotate:360deg}}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){h1{letter-spacing:-4px}.rotating{letter-spacing:-3px}.orbital{transform:scale(.8);transform-origin:center}.hero-grid{grid-template-columns:1.3fr .8fr;min-height:600px}.hero-actions{flex-wrap:wrap;gap:20px}.card{padding:24px}.cards{gap:12px}.card p{min-height:150px}.steps{gap:20px}}@media(max-width:760px){header{height:82px}.brand{font-size:23px}.mark{width:39px;height:39px;font-size:34px}.menu{display:block;color:var(--lime);border:1px solid #39515f;border-radius:8px;background:none;font-size:23px;padding:5px 12px}nav{display:none;position:absolute;top:81px;left:0;right:0;background:#111c23;z-index:20;padding:25px 6%;flex-direction:column;align-items:stretch;gap:23px;border-bottom:1px solid #39515f}nav.open{display:flex}.hero{padding-top:23px}.hero-meta{font-size:9px}.hero-meta span:last-child{display:none}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding-top:42px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:clamp(54px,11.6vw,85px);letter-spacing:-3px}.rotating{font-size:.85em;letter-spacing:-2.8px}.intro{font-size:15px;max-width:100%}.hero-actions{margin-bottom:0}.button{padding:17px 22px;font-size:13px;gap:25px}.text-link{font-size:12px}.orbital{height:320px;transform:scale(.8);margin:-10px 0 0}.orbit{width:290px;height:290px}.o3{width:330px;height:330px}.o4{width:250px;height:250px}.core{font-size:150px}.label1{top:30px;right:-15px}.label2{bottom:20px;left:-10px}.coordinate{bottom:-10px}.hero-bottom{font-size:8px;gap:20px;line-height:1.7}.hero-bottom>span{max-width:180px}.hero-bottom a{white-space:nowrap;font-size:8px}.hero-bottom a span{margin-left:6px}.ticker{padding:17px 0}.ticker div{font-size:18px}.ticker b{margin:0 24px}.section{padding:65px 6%}.section-top{display:block}.section-top>p:last-child{display:none}.section h2{font-size:40px;letter-spacing:-2px;margin-bottom:35px}.cards{grid-template-columns:1fr;gap:15px}.card{padding:28px}.card h3{margin-top:25px}.card p{min-height:0}.tags{margin:20px 0 28px}.essence{grid-template-columns:1fr;gap:0}.essence h2{margin-top:25px}.essence-copy{padding-top:0}.lead{font-size:23px}.steps{grid-template-columns:1fr 1fr;gap:35px 22px}.step-number{font-size:35px}.steps h3{margin-top:20px}.steps p{font-size:14px}.contact{padding:40px 6%;margin-bottom:40px}.contact h2{font-size:clamp(32px,7.5vw,56px);letter-spacing:-1.7px}.contact .eyebrow{line-height:1.8}.contact-bottom{flex-direction:column;align-items:start;margin-top:20px;gap:16px}.contact-number{text-align:left;padding-left:20px}.contact-bottom p{font-size:14px}footer{flex-wrap:wrap;padding-bottom:85px}footer .brand{width:100%}footer>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Brand signature and central monogram pulse */
.agency{font-size:12px;letter-spacing:.5px;font-weight:500;margin-top:7px;line-height:1.2}
.core{animation:monogram-pulse 2.8s ease-in-out infinite;transform-origin:center;will-change:transform}
@keyframes monogram-pulse{0%,100%{transform:rotate(-12deg) scale(1);text-shadow:6px 6px 0 #4b1822}50%{transform:rotate(-12deg) scale(1.12);text-shadow:8px 8px 0 #4b1822,0 0 28px #f51b2b50}}
@media(prefers-reduced-motion:reduce){.core{animation:none;will-change:auto}}

/* EIBI identity from the plans page */
header{height:125px}.brand-image{width:155px;height:auto;display:block;border-radius:8px}.brand{letter-spacing:normal}.primary{color:#fff;background:#f51b2b}.primary:hover{background:#d90d20}.contact{background:linear-gradient(120deg,#f51b2b,#cc0b21)}.contact .dark{background:#111c23;color:white}.ticker{background:#f51b2b;color:white}.hero-copy .eyebrow{color:#ff6975}.floating{color:white;background:#f51b2b}.contact a:focus-visible{outline-color:white}html{scroll-padding-top:125px}
@media(max-width:760px){header{height:105px}.brand-image{width:130px}nav{top:104px}footer .brand{width:auto}.contact h2{overflow-wrap:anywhere}}

/* Customer portal navigation */
nav{gap:24px}.client-area{font-weight:700;white-space:nowrap}nav .client-area:hover{color:#ff6975}@media(min-width:761px) and (max-width:1050px){header{margin-inline:3%}nav{gap:13px;font-size:12px}.nav-contact{padding:12px 14px}.brand-image{width:120px}}

/* Connected project journey: left-to-right, then right-to-left */
.journey-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px;font-size:11px;letter-spacing:1.3px;color:#bfc8ce}.journey{position:relative}.journey-path{position:absolute;inset:0;width:100%;height:560px;pointer-events:none;overflow:visible}.journey-path path{fill:none;vector-effect:non-scaling-stroke}.path-base{stroke:#39515f;stroke-width:2}.path-travel{stroke:#ff2939;stroke-width:2;stroke-dasharray:8 16;animation:journey-flow 4s linear infinite}.path-arrows{stroke:#ff6975;stroke-width:2}.journey-stages{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:260px 260px;row-gap:40px}.stage{padding:0 22px;min-width:0}.stage-4{grid-column:3;grid-row:2}.stage-5{grid-column:2;grid-row:2}.stage-6{grid-column:1;grid-row:2}.stage-node{width:60px;height:60px;margin:0 auto 20px;border:1px solid #f51b2b;border-radius:50%;display:grid;place-items:center;background:#111c23;color:#fff;font-size:20px;font-weight:800;box-shadow:0 0 0 8px #081218}.stage-content{padding:10px 8px}.stage-label{font-size:10px;letter-spacing:1.4px;color:#ff6975;font-weight:700}.stage h3{font-size:20px;line-height:1.35;margin:12px 0 10px;font-weight:600;letter-spacing:-.5px}.stage p{font-size:14px;color:#bfc8ce;line-height:1.7;margin:0 0 16px}.stage-result{display:block;font-size:12px;color:#f7f9fb;border-top:1px solid #29404d;padding-top:12px}.stage-6 .stage-node{background:#f51b2b;box-shadow:0 0 0 8px #081218,0 0 30px #f51b2b30}.stage-6 .stage-content{border-radius:10px;background:#172832;padding:14px}.stage-6 h3{color:white}@keyframes journey-flow{to{stroke-dashoffset:-96}}
@media(max-width:1000px){.journey-path{height:640px}.journey-stages{grid-template-rows:303px 297px}.stage{padding:0 14px}.stage h3{font-size:18px}}
@media(max-width:760px){.journey-heading{font-size:10px;line-height:1.8;flex-direction:column;gap:4px}.journey-path{display:none}.journey-stages{display:block}.stage{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:0 0 28px}.stage:not(:last-child):before{content:"";position:absolute;top:48px;bottom:0;left:23px;width:2px;background:linear-gradient(#f51b2b,#39515f)}.stage:not(:last-child):after{content:"";position:absolute;left:20px;bottom:12px;width:7px;height:7px;border-right:2px solid #ff6975;border-bottom:2px solid #ff6975;transform:rotate(45deg)}.stage-node{width:48px;height:48px;font-size:16px;margin:0;box-shadow:none}.stage-content{padding:0 0 12px}.stage-label{font-size:10px}.stage h3{font-size:20px}.stage p{font-size:14px}.stage-6 .stage-content{padding:17px}.stage-6 .stage-node{box-shadow:none}.stage-result{font-size:12px}}@media(prefers-reduced-motion:reduce){.path-travel{animation:none}}

/* Four solution cards, balanced across screen sizes */
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:flex;flex-direction:column}.card p{min-height:0}.card .tags{margin-top:auto;padding-top:16px}.card-link{margin-top:auto}@media(min-width:1400px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:26px}.card h3{font-size:30px}}@media(max-width:760px){.cards{grid-template-columns:1fr}}

/* Consistent fine-line service icon set */
.service-icon{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border:1px solid #f51b2b40;border-radius:17px;background:linear-gradient(145deg,#f51b2b12,#172832);color:#ff6975;box-shadow:inset 0 1px 0 #ffffff08;transition:color .25s,border-color .25s,transform .25s}.service-icon svg{display:block;width:31px;height:31px}.card:hover .service-icon{color:#ff95a0;border-color:#f51b2b90;transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.card:hover .service-icon{transform:none}}