:root{--bg:#04111b;--bg2:#071a28;--panel:#0a2030;--panel2:#102a3c;--line:#1c4057;--cyan:#40d9ff;--blue:#2388ff;--text:#f4f9fc;--muted:#9ab3c3;--paper:#f1f6f9;--ink:#071722;--radius:24px;--shadow:0 24px 70px #0007}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-70px;z-index:100;background:#fff;color:#04111b;padding:12px 16px;border-radius:9px;font-weight:800}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8beaff;outline-offset:4px;border-radius:8px}
.site-header{position:fixed;inset:0 0 auto;z-index:30;border-bottom:0;background:linear-gradient(180deg,#03101cf2 0%,#03101cda 62%,#03101c80 100%)}.site-header.is-sticky{position:fixed;border-bottom:0;background:linear-gradient(180deg,#03101cf2 0%,#03101cda 62%,#03101c80 100%);backdrop-filter:none;box-shadow:none}.nav-wrap{height:96px;display:flex;align-items:center;gap:34px}.brand{display:block;margin-right:auto}.brand img{width:220px;display:block;filter:brightness(0) invert(1)}.nav-wrap nav{display:flex;align-items:center;gap:25px}.nav-wrap nav a{text-decoration:none;color:#abc1cf;font-size:12px;font-weight:600;padding:11px 0}.nav-wrap nav a:hover{color:#fff}.nav-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:12px;width:46px;height:46px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111b;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 15px 35px #0b91e52d;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 20px 45px #0b91e548}.button-small{min-height:44px;padding:11px 17px}
.section{padding:112px 0}.section-dark{background:var(--bg)}.hero{position:relative;min-height:820px;overflow:hidden;display:flex;align-items:center;padding:150px 0 90px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04111bf4 0,#04111b94 48%,#04111b40),radial-gradient(circle at 72% 36%,#0a98bc2e,transparent 32%)}#hero-network{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.hero-halo{position:absolute;width:620px;height:620px;right:-180px;top:110px;border:1px dashed #40d9ff26;border-radius:50%}.hero-halo:after{content:"";position:absolute;inset:90px;border:1px solid #2388ff1c;border-radius:50%}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow,.kicker{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#72cce8}.eyebrow{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #21718c;border-radius:999px;background:#062435b8}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px #40d9ff16;margin-right:11px}.hero h1{font-size:clamp(58px,6vw,88px);line-height:.96;letter-spacing:-.055em;margin:26px 0 23px;max-width:760px;text-wrap:balance}.hero h1 span{display:inline}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-lead{max-width:700px;color:#b5c9d5;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:25px;margin:31px 0}.ghost-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-size:12px;font-weight:800}.ghost-link span{color:var(--cyan)}.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0;color:#8da9ba;font-size:10px}.hero-points li:before{content:"✓";color:var(--cyan);margin-right:7px}.hero-showcase{position:relative;min-height:520px}.project-window{position:absolute;margin:0;overflow:hidden;border:1px solid #3c7595;border-radius:18px;background:#071923;box-shadow:var(--shadow)}.project-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.window-main{inset:35px 3% 55px 7%;transform:perspective(1200px) rotateY(-6deg) rotateX(1deg)}.window-main img{height:420px}.window-bar{height:34px;background:#102939;display:flex;align-items:center;gap:6px;padding:0 11px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#527488}.window-bar span{margin:auto;color:#6f91a4;font-size:7px}.window-up{width:42%;height:180px;right:-6%;top:0;transform:rotate(4deg);border:5px solid #eff7fa}.window-frame{width:38%;height:170px;left:-5%;bottom:0;transform:rotate(-5deg);border:5px solid #eff7fa}.showcase-note{position:absolute;right:-2%;bottom:18px;z-index:4;display:flex;gap:11px;align-items:center;padding:12px 15px;border:1px solid #2a6684;border-radius:13px;background:#061a27e8;backdrop-filter:blur(12px);box-shadow:0 16px 40px #0006}.showcase-note .fi{font-size:20px;color:var(--cyan)}.showcase-note span{font-size:9px;color:#8daabd}.showcase-note b{display:block;color:#fff;font-size:10px;margin-bottom:3px}
.client-strip{border-top:1px solid #17374b;border-bottom:1px solid #17374b;background:#061725}.client-layout{display:grid;grid-template-columns:250px 1fr;align-items:stretch}.client-copy{display:flex;justify-content:center;flex-direction:column;padding:28px 28px 28px 0;border-right:1px solid #17374b}.client-copy span{color:#6f98ad;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.client-copy h2{font-size:15px;line-height:1.35;margin:7px 0 0}.client-scroll{display:flex;align-items:center;gap:14px;overflow-x:auto;padding:23px 0 23px 25px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#28536c transparent}.client-logo{flex:0 0 195px;height:90px;display:grid;place-items:center;padding:19px;border:1px solid #21475e;border-radius:17px;background:#081b28;scroll-snap-align:start}.client-logo img{max-width:100%;max-height:50px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.82}.client-logo.light{background:#eef3f5}.client-logo.light img{filter:none;opacity:.9}
.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:52px}.section-head h2{font-size:clamp(38px,4.4vw,57px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;margin:14px 0 0}.section-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.capabilities{background:var(--paper);color:var(--ink)}.capabilities .section-head p{color:#526b7a}.capability-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:15px}.capability-card{position:relative;min-height:355px;padding:27px;border:1px solid #c9dce7;border-radius:var(--radius);background:#fff;overflow:hidden}.capability-card>span{color:#56849d;font-size:8px;font-weight:800;letter-spacing:.14em}.capability-card>.fi{position:absolute;right:26px;top:25px;width:47px;height:47px;display:grid;place-items:center;border:1px solid #c8dde7;border-radius:14px;color:#1387cc;font-size:20px;background:#eef9fd}.capability-card h3{font-size:26px;line-height:1.17;letter-spacing:-.03em;margin:58px 0 13px}.capability-card p{color:#526b7a;font-size:13px;line-height:1.65}.capability-card ul{list-style:none;padding:0;margin:23px 0 0;display:flex;flex-wrap:wrap;gap:7px}.capability-card li{padding:8px 10px;border-radius:999px;background:#edf5f8;color:#325a70;font-size:9px;font-weight:700}.capability-featured{grid-row:span 2;min-height:725px;background:linear-gradient(150deg,#061a28,#0a3349);color:#fff;border:0}.capability-featured>span{color:#79dff5}.capability-featured>.fi{background:#0d3b50;border-color:#2d6a85;color:var(--cyan)}.capability-featured h3{font-size:37px;margin-top:150px}.capability-featured p{color:#a8c0ce}.capability-featured ul{display:grid}.capability-featured li{background:#0c2b3c;color:#c2dbe7;border:1px solid #1d4d63}.capability-card:last-child{grid-column:span 2}
.portfolio-section{background:#04111b}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.project-large{grid-column:span 2;display:grid;grid-template-columns:1.25fr .75fr}.project-image{height:300px;overflow:hidden;background:#0e2737}.project-large .project-image{height:490px}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .55s ease}.project-card:hover .project-image img{transform:scale(1.025)}.project-body{padding:25px}.project-large .project-body{display:flex;flex-direction:column;justify-content:center;padding:40px}.project-body>span{color:#6f9bb2;font-size:8px;letter-spacing:.13em}.project-body h3{font-size:27px;letter-spacing:-.03em;margin:10px 0}.project-body p{color:#9cb2c1;font-size:12px;line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.tags b{padding:7px 9px;border:1px solid #2b5268;border-radius:999px;color:#9bc4d7;font-size:8px}.project-body a{display:inline-block;margin-top:8px;color:#79ddff;font-size:10px;font-weight:750;text-decoration:none}
.cases-section{background:linear-gradient(180deg,#eaf2f6,#f7fafb);color:var(--ink)}.cases-section .section-head p{color:#536d7d}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-card{position:relative;padding:38px;border:1px solid #cbdde6;border-radius:var(--radius);background:#fff;box-shadow:0 18px 50px #183c5110}.case-number{position:absolute;right:26px;top:18px;color:#e4f0f5;font-size:65px;font-weight:900}.case-card>span{color:#1487c8;font-size:9px;letter-spacing:.15em;font-weight:800}.case-card h3{position:relative;font-size:29px;line-height:1.15;letter-spacing:-.035em;margin:24px 0 16px;max-width:500px}.case-card>p{color:#536c7a;font-size:13px;line-height:1.7}.case-flow{display:flex;align-items:center;gap:10px;margin:28px 0}.case-flow b{padding:9px 11px;border:1px solid #cadee8;border-radius:10px;background:#f5fafc;color:#31586c;font-size:9px}.case-flow i{font-style:normal;color:#1593d5}.evidence-pending{display:flex;align-items:center;gap:12px;padding:15px;border-radius:13px;background:#edf5f8;color:#5b7686}.evidence-pending .fi{color:#178dcd;font-size:19px}.evidence-pending span{font-size:9px}.evidence-pending strong{display:block;color:#244b60;margin-bottom:3px}
.process-section{background:#061725}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-list li{position:relative;min-height:250px;padding:27px;display:grid;grid-template-columns:50px 1fr;gap:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.process-list b{grid-row:1/3;color:#244b61;font-size:34px}.process-list>.reveal>.fi{position:absolute;right:25px;top:25px;color:var(--cyan);font-size:20px}.process-list span{color:#5f879d;font-size:8px;letter-spacing:.14em}.process-list h3{font-size:20px;margin:13px 0 10px}.process-list p{color:#8fa8b8;font-size:11px;line-height:1.55;margin:0}
.formats-section{background:var(--paper);color:var(--ink)}.formats-section .section-head p{color:#536c7a}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.format-card{min-height:210px;padding:26px;border:1px solid #cbdde6;border-radius:20px;background:#fff}.format-card>.fi{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e8f6fc;color:#1189ca;font-size:19px}.format-card h3{font-size:20px;margin:32px 0 9px}.format-card p{color:#59717f;font-size:12px;line-height:1.6}.format-card.accent{background:linear-gradient(145deg,#128dcc,#196fe8);color:#fff;border:0}.format-card.accent>.fi{background:#ffffff1c;color:#fff}.format-card.accent p{color:#e5f5ff}.manageable{margin-top:15px;padding:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;border-radius:var(--radius);background:#061a28;color:#fff;overflow:hidden}.manageable>div:first-child>span{color:#6bcfee;font-size:9px;letter-spacing:.15em}.manageable h3{font-size:31px;line-height:1.15;margin:14px 0}.manageable p{color:#9db4c3;font-size:13px;line-height:1.7}.dashboard-mock{height:280px;border:1px solid #37647c;border-radius:17px;background:#edf4f7;display:grid;grid-template-columns:75px 1fr;padding:13px;gap:14px;box-shadow:0 25px 60px #0008}.dash-nav{border-radius:10px;background:#0c2635;padding:13px 9px}.dash-nav i{display:block;height:7px;border-radius:9px;background:#2e5264;margin:13px 0}.dash-content{padding:18px}.dash-content span{display:block;width:38%;height:10px;border-radius:8px;background:#9fc1d1;margin-bottom:28px}.dash-content b{display:block;height:13px;border-radius:6px;background:#d2e0e7;margin:10px 0}.dash-content b:nth-of-type(2){width:80%}.dash-content button{margin-top:35px;padding:10px 15px;border:0;border-radius:8px;background:#1c8bea;color:#fff}.manageable-note{grid-column:1/-1;margin:0!important;padding-top:20px;border-top:1px solid #25495e;font-size:10px!important}.manageable-note strong{color:#fff}
.hiring-section{background:#071826}.hiring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.hiring-grid article{min-height:290px;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0a2030,#071724)}.hiring-grid b{color:#31566b;font-size:36px}.hiring-grid .fi{float:right;color:var(--cyan);font-size:20px}.hiring-grid h3{clear:both;font-size:20px;padding-top:60px}.hiring-grid p{color:#91aaba;font-size:11px;line-height:1.65}
.reviews-section{background:#f0f6f8;color:var(--ink)}.reviews-section .section-head p{color:#536d7d}.review-placeholder{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:32px;border:1px dashed #9cb9c8;border-radius:var(--radius);background:#e7f0f4}.review-placeholder>.fi{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#fff;color:#1488c9;font-size:24px}.review-placeholder span{color:#648496;font-size:8px;letter-spacing:.14em}.review-placeholder h3{font-size:22px;margin:8px 0}.review-placeholder p{color:#5c7380;font-size:11px;margin:0}.review-placeholder a{color:#0a75ae;font-size:10px;font-weight:800;text-decoration:none}
.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.review-card{min-height:310px;padding:23px;display:flex;flex-direction:column;border:1px solid #c7dce6;border-radius:20px;background:#fff;box-shadow:0 18px 45px #16384b0d}.review-card header{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.review-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0b7fc1,#41d8ff);color:#fff;font-size:13px;font-weight:850}.google-mark{position:absolute;left:32px;bottom:-2px;width:21px;height:21px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#fff;color:#4285f4;font-size:11px;font-weight:900}.review-card h3{margin:0 0 4px;font-size:14px;line-height:1.25}.review-card header p{margin:0;color:#65808f;font-size:8px;line-height:1.4}.review-stars{margin:23px 0 15px;color:#f8b400;font-size:15px;letter-spacing:.06em}.review-stars span{margin-left:7px;color:#688391;font-size:7px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.review-card blockquote{margin:0;color:#263e4b;font-size:11px;line-height:1.7}.review-excerpt{margin-top:auto;padding-top:16px;color:#75909e;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.review-source{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:18px 21px;border:1px solid #c7dce6;border-radius:16px;background:#e6f0f4}.review-source p{max-width:820px;margin:0;color:#5b7482;font-size:9px;line-height:1.6}.review-source a{flex:none;color:#0875af;font-size:9px;font-weight:800;text-decoration:none}
.about-section{background:#04111b}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.about-visual{position:relative;height:580px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 25%,#1678b95c,transparent 45%),#061723}.andre-photo{position:absolute;left:6%;bottom:0;width:88%;height:94%;object-fit:cover;object-position:top}.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04131ee8,transparent 45%)}.about-visual figure{position:absolute;right:20px;top:24px;z-index:2;width:155px;height:115px;margin:0;border:5px solid #fff;border-radius:15px;overflow:hidden;transform:rotate(4deg);box-shadow:0 18px 40px #0007}.about-visual figure img{width:100%;height:100%;object-fit:cover;object-position:top}.about-logo{position:absolute;z-index:3;left:25px;bottom:24px;width:210px;padding:13px;border:1px solid #32637e;border-radius:13px;background:#061724dd}.about-logo img{display:block;filter:brightness(0) invert(1)}.about-copy h2{font-size:clamp(38px,4.2vw,54px);line-height:1.05;letter-spacing:-.045em;margin:17px 0 25px}.about-copy p{color:#9eb4c2;font-size:13px;line-height:1.75}.about-badges{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 27px}.about-badges span{padding:8px 10px;border:1px solid #284b60;border-radius:999px;color:#a9c4d2;font-size:8px}
.personalized-section{padding-top:0}.personalized-grid{padding:48px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#0b2d40,#081622);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.personalized-grid h2{font-size:39px;line-height:1.08;letter-spacing:-.04em;margin:14px 0}.personalized-grid p{color:#9ab1bf;font-size:13px;line-height:1.7}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scenario-grid article{padding:20px;border:1px solid #285069;border-radius:16px;background:#091d2a}.scenario-grid b{color:var(--cyan);font-size:10px}.scenario-grid h3{font-size:17px;margin:25px 0 8px}.scenario-grid p{font-size:10px;margin:0}
.faq-section{background:#061725}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:16px;font-weight:750}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--cyan);font-size:22px;transition:transform .2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{max-width:890px;margin:0 0 25px;color:#91aaba;font-size:12px;line-height:1.75}
.sectors-section{background:var(--paper);color:var(--ink)}.sectors-section .section-head p{color:#536d7d}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.sector-grid article{padding:25px;border:1px solid #cbdde6;border-radius:20px;background:#fff}.sector-grid .fi{font-size:22px;color:#1188ca}.sector-grid h3{font-size:18px;margin:45px 0 10px}.sector-grid p{color:#5c7482;font-size:11px;line-height:1.6}
.articles-section{background:#e7f0f4;color:var(--ink)}.articles-section .section-head p{color:#536d7d}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.article-grid article{min-height:300px;padding:27px;border:1px solid #c5d8e2;border-radius:20px;background:#f9fbfc;display:flex;flex-direction:column}.article-grid span{color:#1584c3;font-size:8px;letter-spacing:.14em}.article-grid h3{font-size:23px;line-height:1.2;margin:50px 0 13px}.article-grid p{color:#5d7481;font-size:11px;line-height:1.65}.article-grid em{margin-top:auto;color:#708a98;font-size:9px;font-style:normal}
.final-cta{margin-top:90px;margin-bottom:90px;padding:55px 60px;border-radius:30px;background:linear-gradient(135deg,#12b9e1,#1c74ed);display:flex;align-items:center;justify-content:space-between;gap:50px;overflow:hidden;position:relative}.final-cta:after{content:"aa";position:absolute;right:27%;bottom:-120px;color:#ffffff12;font-size:260px;font-weight:900}.final-cta>div{position:relative;z-index:2}.final-cta>div>span{font-size:9px;letter-spacing:.15em;font-weight:800}.final-cta h2{max-width:760px;font-size:43px;line-height:1.05;letter-spacing:-.04em;margin:13px 0}.final-cta p{margin:0;font-size:12px}.button-light{position:relative;z-index:2;flex:none;background:#fff;color:#07507b;box-shadow:0 16px 35px #064a7b42}
footer{padding:65px 0 24px;border-top:1px solid #17374b;background:#020b12}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr 1fr;gap:50px}.footer-grid img{width:210px;filter:brightness(0) invert(1)}.footer-grid span{color:#608296;font-size:8px;letter-spacing:.15em}.footer-grid a{display:block;margin:12px 0;color:#9eb4c2;font-size:10px;text-decoration:none}.footer-grid p{color:#728a99;font-size:10px;line-height:1.7}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:45px;padding-top:20px;border-top:1px solid #142b3c;color:#597487;font-size:9px}.footer-bottom a{text-decoration:none}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:20;width:52px;height:52px;display:grid;place-items:center;border:2px solid #b8f2ff;border-radius:50%;background:var(--cyan);color:#062131;text-decoration:none;font-weight:900;box-shadow:0 15px 40px #0008}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-wrap nav{gap:14px}.nav-wrap nav a{font-size:10px}.brand img{width:190px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy{text-align:center}.hero-copy h1,.hero-lead{margin-left:auto;margin-right:auto}.actions,.hero-points{justify-content:center}.hero-showcase{width:min(650px,100%);margin:auto}.capability-grid{grid-template-columns:1fr 1fr}.capability-featured{grid-row:auto;min-height:430px}.capability-card:last-child{grid-column:auto}.review-grid{grid-template-columns:1fr 1fr}.about-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.nav-wrap{height:80px}.nav-wrap>.button{display:none}.nav-toggle{display:grid;place-items:center}.nav-wrap nav{position:absolute;display:none;top:80px;left:0;right:0;padding:18px 24px 24px;background:#04111bf7;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-wrap nav.open{display:flex}.nav-wrap nav a{font-size:12px;padding:10px}.hero{padding-top:120px}.section{padding:85px 0}.section-head{grid-template-columns:1fr;gap:18px}.client-layout{grid-template-columns:1fr}.client-copy{padding:22px 0 14px;border-right:0}.client-scroll{padding-left:0}.project-large{grid-template-columns:1fr}.project-large .project-image{height:360px}.case-grid{grid-template-columns:1fr}.process-list{grid-template-columns:1fr 1fr}.format-grid{grid-template-columns:1fr 1fr}.manageable{grid-template-columns:1fr}.manageable-note{grid-column:auto}.hiring-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.about-visual{width:min(600px,100%);margin:auto}.personalized-grid{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.article-grid article{min-height:230px}.final-cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:min(100% - 28px,520px)}.brand img{width:168px}.hero{min-height:0;padding:112px 0 65px}.hero h1{font-size:clamp(39px,11.2vw,48px);overflow-wrap:anywhere}.hero-lead{font-size:15px}.actions{width:100%;align-items:stretch;flex-direction:column}.actions .button{width:100%}.ghost-link{justify-content:center}.hero-points{align-items:flex-start;flex-direction:column;text-align:left}.hero-showcase{min-height:390px;max-width:100%}.window-main{inset:25px 0 60px 3%}.window-main img{height:315px}.window-up{height:125px;right:-2%}.window-frame{height:115px}.showcase-note{right:0;bottom:6px}.client-scroll{max-width:100%}.client-logo{flex-basis:165px;height:78px}.section{padding:72px 0}.section-head h2{font-size:37px}.capability-grid{grid-template-columns:1fr}.capability-card,.capability-featured{min-height:auto}.capability-featured h3{margin-top:85px}.portfolio-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-image,.project-large .project-image{height:250px}.project-large .project-body{padding:25px}.case-card{padding:27px}.case-flow{flex-wrap:wrap}.process-list{grid-template-columns:1fr}.process-list li{min-height:210px}.format-grid{grid-template-columns:1fr}.manageable{padding:26px}.dashboard-mock{height:230px}.hiring-grid{grid-template-columns:1fr}.hiring-grid article{min-height:230px}.review-placeholder{grid-template-columns:1fr}.review-placeholder a{margin-top:10px}.review-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.review-card{flex:0 0 min(86vw,330px);min-height:290px;scroll-snap-align:start}.review-source{align-items:flex-start;flex-direction:column;gap:12px}.about-visual{height:470px}.about-copy h2{font-size:38px}.personalized-grid{padding:27px}.personalized-grid h2{font-size:34px}.scenario-grid{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr}.final-cta{margin:60px 14px;padding:37px 27px}.final-cta h2{font-size:36px}.button-light{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.whatsapp-float{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.project-image img,.button{transition:none}}

/* Carrossel monocromático: todos os logos permanecem brancos no fundo escuro. */
.client-strip .client-logo,.client-strip .client-logo.light{background:#081b28}
.client-strip .client-logo img,.client-strip .client-logo.light img{filter:grayscale(1) brightness(0) invert(1);opacity:.86}

/* Ajustes ópticos finais para a composição compacta. */
@media(max-width:560px){
  .wrap{width:calc(100% - 28px)}
  .nav-wrap{position:relative}
  .nav-toggle{position:absolute;right:0;top:17px}
  .hero-grid{width:calc(100vw - 28px);max-width:calc(100vw - 28px)}
  .hero-copy{width:100%;max-width:100%;overflow:hidden}
  .hero .eyebrow{display:flex;width:100%;max-width:100%;justify-content:center;padding-inline:10px;font-size:8px;line-height:1.45;white-space:normal;text-align:center}
  .hero h1{width:100%;max-width:100%;font-size:clamp(40px,11.5vw,48px);overflow-wrap:normal}
  .hero h1 span,.hero h1 em{display:block}
  .hero-lead{width:100%;max-width:100%;font-size:14px}
  .actions,.actions .button{width:100%;max-width:100%}
  .client-scroll{max-width:100%}
}

/* Mockups do hero: a captura define a altura e nunca é recortada. */
.hero-showcase .project-window img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.hero-showcase .window-main{
  inset:auto;
  left:52%;
  top:50%;
  width:88%;
  height:auto;
  transform:translate(-50%,-50%) perspective(1200px) rotateY(-6deg) rotateX(1deg);
}
.hero-showcase .window-main img{height:auto}
.hero-showcase .window-up{
  width:42%;
  height:auto;
  right:-4%;
  top:2%;
}
.hero-showcase .window-frame{
  width:38%;
  height:auto;
  left:-3%;
  bottom:1%;
}
@media(max-width:560px){
  .hero-showcase .window-main{
    inset:auto;
    left:50%;
    top:52%;
    width:96%;
    transform:translate(-50%,-50%);
  }
  .hero-showcase .window-up{width:42%;height:auto;right:-2%;top:4%}
  .hero-showcase .window-frame{width:38%;height:auto;left:-2%;bottom:1%}
}

/* Portfólio: preservar a captura completa em todos os cards. */
.portfolio-grid .project-image,
.portfolio-grid .project-large .project-image{
  position:relative;
  height:auto;
  aspect-ratio:14/9;
  padding:10px;
  background:#071a27;
}
.portfolio-grid .project-image img,
.portfolio-grid .project-large .project-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:top center;
  border-radius:15px;
}
.portfolio-grid .project-image.project-image-wide{aspect-ratio:1200/468}
.organic-proof,.pagespeed-proof{position:absolute;z-index:3;border:1px solid #6be3ff52;background:#04131eea;backdrop-filter:blur(12px);box-shadow:0 16px 40px #0009;color:#fff}
.organic-proof{left:26px;bottom:26px;width:min(310px,calc(100% - 52px));padding:15px 17px;border-radius:16px}
.organic-proof>span,.pagespeed-proof>span{display:block;color:#83ddf4;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.organic-proof>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 7px}
.organic-proof b{font-size:24px;line-height:1;color:#fff}.organic-proof small{display:block;margin-top:5px;color:#9eb9c8;font-size:8px;font-weight:650}
.organic-proof time,.pagespeed-proof time{display:block;color:#7795a7;font-size:7px;letter-spacing:.04em}
.pagespeed-proof{right:26px;top:26px;width:166px;padding:14px 14px 13px;border-radius:18px;text-align:center}
.pagespeed-proof strong{width:72px;height:72px;display:grid;place-items:center;margin:10px auto 5px;border:7px solid #08c86d;border-radius:50%;background:#e7fff2;color:#058947;font-size:25px;line-height:1}
.pagespeed-proof small{display:block;color:#c3d7e1;font-size:7px;text-transform:uppercase;letter-spacing:.09em}
.pagespeed-proof em{display:block;margin:9px 0 7px;padding-top:8px;border-top:1px solid #294959;color:#e8f5f9;font-size:8px;font-style:normal;font-weight:750}
.lab-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:17px 0 8px}.lab-metrics span{padding:9px 7px;border:1px solid #285168;border-radius:10px;color:#799bab;font-size:7px;text-align:center;text-transform:uppercase;letter-spacing:.07em}.lab-metrics b{display:block;margin-bottom:4px;color:#dff9ff;font-size:12px;letter-spacing:0;text-transform:none}
.project-body .data-line{margin:11px 0 2px;padding:10px 12px;border-left:2px solid var(--cyan);background:#0d2839;color:#91aebd;font-size:9px}.project-body .data-line strong{color:#fff}
.results-disclaimer{display:grid;grid-template-columns:42px 1fr;gap:16px;margin-top:18px;padding:22px;border:1px solid #21465b;border-radius:18px;background:#071c2a;color:#8da8b8}.results-disclaimer>.fi{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0c2e41;color:var(--cyan);font-size:18px}.results-disclaimer strong{display:block;margin:2px 0 8px;color:#eefaff;font-size:12px}.results-disclaimer p{margin:6px 0;font-size:9px;line-height:1.65}
@media(max-width:560px){
  .portfolio-grid .project-image,
  .portfolio-grid .project-large .project-image{
    height:auto;
    aspect-ratio:14/9;
    padding:7px;
  }
  .portfolio-grid .project-image img,
  .portfolio-grid .project-large .project-image img{border-radius:11px}
  .portfolio-grid .project-image.project-image-wide{aspect-ratio:14/9}
  .organic-proof{left:13px;bottom:13px;width:calc(100% - 26px);padding:11px 12px;border-radius:12px}.organic-proof>div{margin:7px 0 5px;gap:8px}.organic-proof b{font-size:17px}.organic-proof small{font-size:6px}.organic-proof time{font-size:6px}
  .pagespeed-proof{right:13px;top:13px;width:112px;padding:9px;border-radius:13px}.pagespeed-proof>span{font-size:6px}.pagespeed-proof strong{width:48px;height:48px;margin:6px auto 3px;border-width:5px;font-size:17px}.pagespeed-proof small,.pagespeed-proof time{font-size:5px}.pagespeed-proof em{margin:5px 0 4px;padding-top:5px;font-size:6px}
  .lab-metrics{margin-top:14px}.results-disclaimer{grid-template-columns:1fr;padding:18px}.results-disclaimer p{font-size:8px}
}

/* Evidências integradas sem cobrir as capturas dos projetos. */
.portfolio-grid .project-image-results,
.portfolio-grid .project-image-wide.project-image-results{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  grid-auto-rows:minmax(0,1fr);
  gap:10px;
  aspect-ratio:auto;
  min-height:420px;
  align-items:stretch;
}
.portfolio-grid .project-image-results>img{
  grid-column:1;
  grid-row:1 / span 2;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  background:#05131e;
}
.project-image-results>.organic-proof,
.project-image-results>.pagespeed-proof{
  position:static;
  inset:auto;
  width:auto;
  max-width:none;
  height:auto;
  margin:0;
  border-radius:15px;
  box-shadow:none;
  backdrop-filter:none;
}
.project-image-results>.organic-proof{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:19px;background:linear-gradient(155deg,#0d3043,#071a28)}
.project-image-results:not(:has(.pagespeed-proof))>.organic-proof{grid-row:1 / span 2}
.project-image-results>.organic-proof>div{grid-template-columns:1fr;margin:20px 0;gap:18px}
.project-image-results>.organic-proof b{font-size:30px}.project-image-results>.organic-proof small{font-size:8px}
.project-image-results>.pagespeed-proof{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;padding:16px;background:linear-gradient(155deg,#0c2938,#071722)}
.project-image-results>.pagespeed-proof strong{flex:none}
.project-card:not(.project-large) .project-image-results{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}
.project-card:not(.project-large) .project-image-results>img{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:14/9;object-fit:contain}
.project-card:not(.project-large) .project-image-results>.pagespeed-proof{grid-column:1;grid-row:2;display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto auto;column-gap:15px;align-items:center;padding:14px 17px;text-align:left}
.project-card:not(.project-large) .project-image-results>.pagespeed-proof>span{grid-column:2;grid-row:1}
.project-card:not(.project-large) .project-image-results>.pagespeed-proof>strong{grid-column:1;grid-row:1 / span 3;width:58px;height:58px;margin:0;border-width:5px;font-size:20px}
.project-card:not(.project-large) .project-image-results>.pagespeed-proof>small{display:none}
.project-card:not(.project-large) .project-image-results>.pagespeed-proof>em{grid-column:2;grid-row:2;margin:5px 0 3px;padding:5px 0 0}
.project-card:not(.project-large) .project-image-results>.pagespeed-proof>time{grid-column:2;grid-row:3}
@media(max-width:820px){
  .portfolio-grid .project-image-results,
  .portfolio-grid .project-image-wide.project-image-results{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}
  .portfolio-grid .project-image-results>img{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:14/9;object-fit:contain}
  .project-image-results>.organic-proof{grid-column:1;grid-row:2;display:block;padding:15px 17px}
  .project-image-results:not(:has(.pagespeed-proof))>.organic-proof{grid-row:2}
  .project-image-results>.organic-proof>div{grid-template-columns:1fr 1fr;margin:12px 0;gap:10px}
  .project-image-results>.organic-proof b{font-size:22px}
  .project-image-results>.pagespeed-proof,.project-card:not(.project-large) .project-image-results>.pagespeed-proof{grid-column:1;grid-row:3;display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto auto;column-gap:15px;align-items:center;padding:14px 17px;text-align:left}
  .project-image-results>.pagespeed-proof>span{grid-column:2;grid-row:1;font-size:7px}.project-image-results>.pagespeed-proof>strong{grid-column:1;grid-row:1 / span 3;width:58px;height:58px;margin:0;border-width:5px;font-size:20px}.project-image-results>.pagespeed-proof>small{display:none}.project-image-results>.pagespeed-proof>em{grid-column:2;grid-row:2;margin:5px 0 3px;padding:5px 0 0}.project-image-results>.pagespeed-proof>time{grid-column:2;grid-row:3}
}

/* Resultados pertencem às cases; o portfólio permanece exclusivamente visual. */
.case-results{margin-top:24px;padding:18px;border-radius:16px;background:linear-gradient(145deg,#071d2c,#0c3348);color:#fff;box-shadow:0 18px 40px #12384d1f}
.case-results>span{display:block;color:#76d8f4;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.case-results>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 13px}
.case-results b{padding:12px 10px;border:1px solid #2a566e;border-radius:12px;background:#0b2738;color:#fff;font-size:20px;line-height:1}
.case-results small{display:block;margin-top:6px;color:#87a8b9;font-size:7px;font-weight:650;line-height:1.3;text-transform:uppercase;letter-spacing:.06em}
.case-results time{display:block;color:#7295a8;font-size:7px;line-height:1.5}
@media(max-width:560px){.case-results>div{grid-template-columns:1fr}.case-results b{display:flex;align-items:center;justify-content:space-between;gap:12px}.case-results small{margin:0;text-align:right}}

/* O destaque acompanha o formato apontado; os links serão adicionados depois. */
.format-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-color .32s ease,opacity .25s ease}
.format-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,#12a7d3,#1b70eb);opacity:0;transform:translateY(22%) scale(.96);transition:opacity .28s ease,transform .38s cubic-bezier(.2,.75,.25,1)}
.format-card.accent:before{opacity:1;transform:none}.format-card.accent{background:#1588d5}
.format-card>.fi{transition:transform .35s cubic-bezier(.2,.75,.25,1),background-color .28s ease,color .28s ease}
.format-card h3,.format-card p{position:relative;transition:color .25s ease,transform .35s cubic-bezier(.2,.75,.25,1)}
@media(hover:hover) and (pointer:fine){
  .format-grid:hover .format-card{opacity:.76;transform:scale(.985)}
  .format-grid .format-card:hover{z-index:2;opacity:1;transform:translateY(-8px) scale(1.015);border-color:transparent;box-shadow:0 24px 55px #185b8126;color:#fff}
  .format-grid .format-card:hover:before{opacity:1;transform:none}
  .format-grid .format-card:hover>.fi{transform:translateY(-3px) rotate(-5deg) scale(1.08);background:#ffffff1d;color:#fff}
  .format-grid .format-card:hover h3{color:#fff;transform:translateY(-2px)}
  .format-grid .format-card:hover p{color:#e7f7ff;transform:translateY(-2px)}
  .format-grid:has(.format-card:hover) .format-card.accent:not(:hover){background:#fff;color:var(--ink)}
  .format-grid:has(.format-card:hover) .format-card.accent:not(:hover):before{opacity:0;transform:translateY(22%) scale(.96)}
  .format-grid:has(.format-card:hover) .format-card.accent:not(:hover)>.fi{background:#e8f6fc;color:#1189ca}
  .format-grid:has(.format-card:hover) .format-card.accent:not(:hover) p{color:#59717f}
}
@media(prefers-reduced-motion:reduce){.format-card,.format-card:before,.format-card>.fi,.format-card h3,.format-card p{transition:none}.format-grid:hover .format-card,.format-grid .format-card:hover{transform:none}}

/* Portfólio em duas telas: desktop completo e mobile em perspectiva. */
.portfolio-grid .project-stage{--stage-accent:#32cffa;position:relative;display:block;aspect-ratio:14/9;min-height:0;padding:0;overflow:hidden;background:radial-gradient(circle at 72% 30%,color-mix(in srgb,var(--stage-accent) 24%,transparent),transparent 38%),linear-gradient(145deg,#061823,#0b2635);perspective:1200px}
.portfolio-grid .project-stage:after{content:"";position:absolute;inset:9% 5%;border:1px solid color-mix(in srgb,var(--stage-accent) 25%,transparent);border-radius:24px;opacity:.45;transform:rotate(-3deg);pointer-events:none}
.project-stage .screen{position:absolute;z-index:2;margin:0;overflow:hidden;border:0;border-radius:16px;background:transparent;box-shadow:0 24px 55px #0009;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .4s ease}
.project-stage .screen img,.portfolio-grid .project-stage .screen img{display:block;width:100%;height:100%;border-radius:16px;object-fit:contain;object-position:center;background:transparent}
.project-stage .screen-desktop{left:5%;top:12%;width:82%;aspect-ratio:1.86;transform:rotateY(-7deg) rotateX(2deg) rotateZ(-1deg)}
.project-stage .screen-mobile{right:3.5%;bottom:3%;width:20%;aspect-ratio:.45;border-radius:18px;transform:translateZ(45px) rotateY(-5deg) rotateZ(4deg)}
.project-stage .screen-mobile img{border-radius:18px}
.project-card:hover .project-stage .screen-desktop{transform:rotateY(-3deg) rotateX(1deg) rotateZ(0) translateY(-3px)}
.project-card:hover .project-stage .screen-mobile{transform:translateZ(60px) rotateY(0) rotateZ(1deg) translateY(-5px)}
.stage-nitrio{--stage-accent:#ffb51c}.stage-faceli{--stage-accent:#ff6500}.stage-up{--stage-accent:#16d9bd}.stage-frame{--stage-accent:#7b0c2d}.stage-marchon{--stage-accent:#f0b66c}.stage-fiel{--stage-accent:#cf142b}
.stage-up .screen-desktop,.stage-frame .screen-desktop,.stage-fiel .screen-desktop{left:12%;transform:rotateY(7deg) rotateX(2deg) rotateZ(1deg)}
.stage-up .screen-mobile,.stage-frame .screen-mobile,.stage-fiel .screen-mobile{right:auto;left:3.5%;transform:translateZ(45px) rotateY(5deg) rotateZ(-4deg)}
.project-card:hover .stage-up .screen-desktop,.project-card:hover .stage-frame .screen-desktop,.project-card:hover .stage-fiel .screen-desktop{transform:rotateY(3deg) rotateX(1deg) rotateZ(0) translateY(-3px)}
.project-card:hover .stage-up .screen-mobile,.project-card:hover .stage-frame .screen-mobile,.project-card:hover .stage-fiel .screen-mobile{transform:translateZ(60px) rotateY(0) rotateZ(-1deg) translateY(-5px)}
.stage-marchon .screen-desktop{left:8%;top:9%;width:84%;transform:rotateY(-4deg) rotateZ(1.5deg)}.stage-marchon .screen-mobile{right:5%;bottom:2%;transform:translateZ(45px) rotateZ(5deg)}
.case-brand{position:relative;z-index:2;width:178px;height:64px;display:grid;place-items:center;margin:0 0 19px;padding:11px 14px;overflow:hidden;border:1px solid #c8dce5;border-radius:14px;background:#f5f9fb}.case-brand img{position:static!important;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;transform:none!important}.case-brand-faceli{background:#111;border-color:#f06a1a}.case-brand-faceli img{width:150px!important;height:42px!important}.case-brand-fiel{background:#fff}.case-brand-fiel img{width:148px!important;height:44px!important}
@media(max-width:560px){.portfolio-grid .project-stage{aspect-ratio:1.18}.project-stage .screen-desktop{left:4%;top:10%;width:88%}.project-stage .screen-mobile{width:23%;right:2%;bottom:2%}.stage-up .screen-desktop,.stage-frame .screen-desktop,.stage-fiel .screen-desktop{left:8%}.stage-up .screen-mobile,.stage-frame .screen-mobile,.stage-fiel .screen-mobile{left:2%}.case-brand{width:160px}}
@media(prefers-reduced-motion:reduce){.project-stage .screen{transition:none}.project-card:hover .project-stage .screen-desktop,.project-card:hover .project-stage .screen-mobile{transform:none}}

/* Faixa contínua de clientes, sem restauração de rolagem ou corte abrupto. */
.client-scroll{display:block;overflow:hidden;padding:23px 0 23px 25px;scroll-snap-type:none;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}
.client-scroll::-webkit-scrollbar{display:none}.client-track{display:flex;width:max-content;will-change:transform;animation:client-marquee 30s linear infinite}.client-group{display:flex;align-items:center;gap:14px;padding-right:14px}.client-scroll:hover .client-track,.client-scroll:focus-within .client-track{animation-play-state:paused}
@keyframes client-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.client-scroll{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.client-track{animation:none}.client-group[aria-hidden="true"]{display:none}}

/* Bento de capacidades mais compacto, sem áreas vazias desnecessárias. */
@media(min-width:1051px){
  .capability-grid{grid-template-rows:minmax(380px,auto) minmax(330px,auto)}
  .capability-card,.capability-featured{min-height:0}
  .capability-card h3{margin-top:42px}
  .capability-featured h3{margin-top:105px}
  .capability-card:last-child h3{margin-top:32px}
}

/* Hero editorial: mensagem centralizada e projetos em uma vitrine abaixo. */
.hero{min-height:auto;padding:140px 0 78px;align-items:flex-start}
.hero:before{background:linear-gradient(180deg,#04111be8 0,#04111ba8 55%,#04111bef 100%),radial-gradient(circle at 50% 55%,#0a98bc32,transparent 44%)}
.hero #hero-network{opacity:.82;mix-blend-mode:screen}
.hero-halo{animation:hero-halo-drift 12s ease-in-out infinite alternate;will-change:transform,opacity}
.hero-halo:after{animation:hero-halo-pulse 8s ease-in-out infinite alternate}
@keyframes hero-halo-drift{from{transform:translate3d(0,-12px,0) scale(.96);opacity:.6}to{transform:translate3d(-52px,34px,0) scale(1.08);opacity:1}}
@keyframes hero-halo-pulse{from{transform:scale(.9);opacity:.35}to{transform:scale(1.08);opacity:.85}}
.hero-grid{display:flex;flex-direction:column;align-items:center;gap:42px}
.hero-copy{width:min(100%,980px);text-align:center}
.hero h1{max-width:940px;margin-inline:auto}
.hero h1 em{display:block}
.hero-lead{max-width:790px;margin-inline:auto}
.hero .actions,.hero .hero-points{justify-content:center}
.hero-showcase{width:min(1080px,100%);min-height:560px;margin-inline:auto;perspective:1400px}
.hero-showcase .window-main{left:50%;top:54%;width:76%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-4deg) rotateX(1deg)}
.hero-showcase .window-up{width:32%;right:3%;top:0;transform:rotate(4deg)}
.hero-showcase .window-frame{width:30%;left:3%;bottom:0;transform:rotate(-5deg)}
.hero-showcase .showcase-note{right:4%;bottom:22px}
.hero-showcase .project-window{backface-visibility:hidden;transform-style:preserve-3d}

@media(max-width:768px){
  .hero{padding:112px 0 58px}
  .hero-grid{gap:28px}
  .hero-copy{overflow:visible}
  .hero h1 em{display:block}
  .hero-showcase{min-height:420px}
  .hero-showcase .window-main{left:50%;top:53%;width:92%;transform:translate(-50%,-50%)}
  .hero-showcase .window-up{width:39%;right:0;top:2%}
  .hero-showcase .window-frame{width:37%;left:0;bottom:2%}
  .hero-showcase .showcase-note{right:1%;bottom:8px}
}

@media(max-width:560px){
  .hero .eyebrow{width:auto;max-width:100%;margin-inline:auto}
  .hero h1{font-size:clamp(36px,10.5vw,43px);overflow-wrap:anywhere}
  .hero-lead{max-width:100%;font-size:14px;line-height:1.65}
  .hero-showcase{min-height:370px}
  .hero-showcase .window-main{width:96%}
  .hero-showcase .window-up{width:41%}
  .hero-showcase .window-frame{width:39%}
}

@media(prefers-reduced-motion:reduce){
  .hero-halo,.hero-halo:after{animation:none}
}

/* Portfólio ampliado: três projetos por linha, com cards de mesma hierarquia. */
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolio-grid .project-card,.portfolio-grid .project-large{grid-column:auto;display:flex;min-width:0;flex-direction:column}
.portfolio-grid .project-body,.portfolio-grid .project-large .project-body{display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:25px}
.portfolio-grid .project-body a{margin-top:auto;padding-top:8px}
.portfolio-grid .project-thumb{padding:0;overflow:hidden;background:#071a27}
.portfolio-grid .project-thumb img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:top center;transition:transform .55s ease}
.portfolio-grid .project-card:hover .project-thumb img{transform:scale(1.035)}

@media(max-width:1050px){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .portfolio-grid{grid-template-columns:1fr}
}

/* Direção visual consolidada: dark, glass e tipografia comercial mais legível. */
.button{min-height:58px;padding:17px 28px;font-size:14px}
.button-small{min-height:52px;padding:14px 23px;font-size:13px}
.ghost-link{font-size:14px}
.hero-lead{font-size:19px;line-height:1.65}
.hero-points{font-size:11px}
.section{position:relative;overflow:hidden}
.section-head p{font-size:16px;line-height:1.75}
.hiring-grid p,.process-list p,.format-card p,.project-body p,.about-copy p,.personalized-grid p,.accordion details p,.sector-grid p,.article-grid p{font-size:13px}
.project-body a,.review-source a{font-size:11px}

.capabilities,.formats-section,.reviews-section,.sectors-section,.articles-section{color:var(--text);background:
  radial-gradient(circle at 12% 18%,#0c6a8f25,transparent 28%),
  radial-gradient(circle at 88% 78%,#174eaa1f,transparent 30%),
  #04111b}
.capabilities:before,.formats-section:before,.reviews-section:before,.sectors-section:before,.articles-section:before{content:"";position:absolute;width:460px;height:460px;border:1px solid #40d9ff12;border-radius:50%;right:-180px;top:12%;box-shadow:0 0 90px #168cc712;animation:section-orbit 16s ease-in-out infinite alternate;pointer-events:none}
@keyframes section-orbit{from{transform:translate3d(0,-20px,0) scale(.92);opacity:.35}to{transform:translate3d(-80px,65px,0) scale(1.1);opacity:.85}}
.capabilities .section-head p,.formats-section .section-head p,.reviews-section .section-head p,.sectors-section .section-head p,.articles-section .section-head p{color:#9ab3c3}
.capability-card,.format-card,.sector-grid article,.article-grid article{border:1px solid #2b5870;background:linear-gradient(145deg,#102a3ccf,#071724d9);color:#fff;box-shadow:inset 0 1px #ffffff0b,0 24px 55px #0003;backdrop-filter:blur(18px)}
.capability-card p,.format-card p,.sector-grid p,.article-grid p{color:#9db6c5}
.capability-card>.fi,.format-card>.fi{border-color:#32708d;background:#12374a;color:var(--cyan)}
.capability-card>span,.article-grid span{color:#74d9f3}
.capability-card li{border:1px solid #28566c;background:#0b2b3c;color:#c4e0eb}
.capability-featured{background:linear-gradient(145deg,#0a3a50e8,#061824f0);box-shadow:inset 0 1px #ffffff12,0 30px 75px #0005}
.format-card.accent{border:1px solid #42dbff80;background:linear-gradient(145deg,#0e87b9d9,#155fd2d9);box-shadow:0 24px 70px #167dd42d}
.article-grid em{color:#8fb0bf}

/* Prova social em largura total com os mercados acima e abaixo. */
.client-strip{position:relative;overflow:hidden;padding:0;background:linear-gradient(180deg,#061725,#04111b);border-color:#21475e}
.client-heading{padding:38px 24px 25px;text-align:center}
.client-heading>span{color:#69d9f6;font-size:9px;font-weight:800;letter-spacing:.16em}
.client-heading h2{max-width:760px;margin:10px auto 8px;font-size:clamp(25px,3vw,40px);line-height:1.08;letter-spacing:-.035em}
.client-heading p{margin:0;color:#8faaba;font-size:13px}
.sector-ribbon{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:25px;padding:12px 24px;border-color:#1a4056;background:#071c29;color:#8fb3c5;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.sector-ribbon-top{border-bottom:1px solid #1a4056}.sector-ribbon-bottom{border-top:1px solid #1a4056}
.sector-ribbon i{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #40d9ff}
.client-scroll{width:100%;max-width:none;padding:18px 0 28px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.client-track{animation-duration:42s}
.client-group{gap:16px;padding-right:16px}
.client-logo{flex-basis:220px;height:104px;padding:21px;border-color:#285269;background:linear-gradient(145deg,#102b3bd9,#071824e8);box-shadow:inset 0 1px #ffffff10;backdrop-filter:blur(14px)}
.client-strip .client-logo img{max-height:56px;filter:grayscale(1) brightness(0) invert(1);opacity:.9}

/* Etapas e cards com tratamento glass. */
.hiring-section,.process-section{background:radial-gradient(circle at 85% 18%,#12638a22,transparent 30%),#061725}
.hiring-grid article,.process-list li,.project-card{background:linear-gradient(145deg,#102b3bd1,#071724e8);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0c,0 20px 50px #0002}
.process-list{gap:14px;border:0}
.process-list li{min-height:310px;border:1px solid #285269;border-radius:22px}
.process-list span{color:#69d5ef;font-size:9px}
.process-list h3{font-size:22px;line-height:1.2}
.process-list p{font-size:12px;line-height:1.7}

/* Depoimentos em carrossel contínuo de largura total. */
.reviews-carousel{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding:8px 0 14px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.review-track{display:flex;width:max-content;will-change:transform;animation:review-marquee 58s linear infinite}
.review-group{display:flex;gap:16px;padding-right:16px}
.reviews-carousel:hover .review-track,.reviews-carousel:focus-within .review-track{animation-play-state:paused}
@keyframes review-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.review-card{flex:0 0 370px;min-height:310px;border:1px solid #2b5870;background:linear-gradient(145deg,#102b3be0,#071724ed);color:#fff;box-shadow:inset 0 1px #ffffff0d,0 24px 55px #0003;backdrop-filter:blur(18px)}
.review-card header p,.review-stars span,.review-excerpt{color:#8faaba}
.review-card blockquote{color:#d6e6ed;font-size:13px;line-height:1.7}
.google-mark{border-color:#0b2230}
.review-source{border-color:#285269;background:#0a2231;color:#9bb5c4}
.review-source p{color:#9bb5c4;font-size:10px}.review-source a{color:#74ddfa}

@media(max-width:820px){
  .sector-ribbon{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .sector-ribbon::-webkit-scrollbar{display:none}
  .client-logo{flex-basis:190px;height:92px}
  .process-list{gap:12px}
}

@media(max-width:560px){
  .button{min-height:56px;padding:16px 22px;font-size:13px}
  .hero-lead{font-size:16px}
  .section-head p{font-size:14px}
  .client-heading{padding-inline:18px}
  .client-heading h2{font-size:29px}
  .review-card{flex-basis:min(84vw,340px)}
  .process-list li{min-height:250px}
}

@media(prefers-reduced-motion:reduce){
  .capabilities:before,.formats-section:before,.reviews-section:before,.sectors-section:before,.articles-section:before{animation:none}
  .review-track{animation:none}
  .reviews-carousel{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .review-group[aria-hidden="true"]{display:none}
}

/* Legibilidade, movimento e acabamento responsivo. */
body{font-size:16px}
.nav-wrap nav a{font-size:13px}
.button{min-height:60px;padding:18px 30px;font-size:15px}
.button-small{min-height:54px;padding:15px 24px;font-size:14px}
.ghost-link{font-size:15px}
.hero-lead{font-size:20px;line-height:1.68}
.hero-points{font-size:12px;line-height:1.55}
.client-heading p{font-size:15px;line-height:1.65}
.section-head p{font-size:18px;line-height:1.7}
.hiring-grid h3{font-size:22px;line-height:1.25}
.hiring-grid p{font-size:15px;line-height:1.7}
.capability-card>span,.format-card>span,.process-list span,.project-body>span,.article-grid span{font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.13em}
.capability-card p{font-size:15px;line-height:1.72}
.capability-card li{font-size:11px}
.format-card{min-height:275px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.format-card>span{margin-top:24px;color:#74d9f3}
.format-card h3{margin:10px 0 12px;font-size:23px;line-height:1.18}
.format-card p{margin:0;color:#a9bfcb;font-size:15px;line-height:1.7}
.format-card>.fi{flex:0 0 auto}
.project-body p{font-size:15px;line-height:1.72}
.project-body a{font-size:12px}
.tags b{font-size:10px}
.process-list li{min-height:330px}
.process-list p{font-size:15px;line-height:1.7}
.review-card h3{font-size:17px}
.review-card header p{font-size:11px}
.review-card blockquote{font-size:15px;line-height:1.72}
.review-stars span,.review-excerpt{font-size:9px}
.about-copy p{font-size:16px;line-height:1.75}
.about-badges span{font-size:10px}
.personalized-grid p{font-size:15px;line-height:1.72}
.scenario-grid h3{font-size:19px}.scenario-grid p{font-size:13px}
.accordion summary{font-size:18px}.accordion details p{font-size:15px;line-height:1.75}
.sector-grid p,.article-grid p{font-size:15px;line-height:1.7}
.footer-grid a,.footer-grid p{font-size:12px}.footer-bottom{font-size:11px}

.review-source{justify-content:center;margin-top:28px;padding:8px 0;border:0;background:transparent}
.review-source .button{color:#04111b;font-size:14px}

.hiring-section,.capabilities,.formats-section,.portfolio-section,.process-section,.reviews-section,.about-section,.sectors-section,.articles-section{background-size:140% 140%;animation:ambient-gradient 16s ease-in-out infinite alternate}
@keyframes ambient-gradient{0%{background-position:0% 15%}100%{background-position:100% 85%}}
.section>.wrap{position:relative;z-index:1}
.hiring-section:after,.process-section:after,.about-section:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #40d9ff18;border-radius:50%;background:radial-gradient(circle,#1ea8d514 0,transparent 65%);filter:blur(.2px);pointer-events:none;animation:ambient-orbit 18s ease-in-out infinite alternate}
.hiring-section:after{right:-210px;bottom:-240px}.process-section:after{left:-230px;top:12%}.about-section:before{right:-240px;top:8%}
@keyframes ambient-orbit{from{transform:translate3d(0,-24px,0) scale(.9);opacity:.35}to{transform:translate3d(70px,55px,0) scale(1.12);opacity:.9}}

.hiring-grid article,.capability-card,.format-card,.project-card,.process-list li,.sector-grid article,.article-grid article,.scenario-grid article{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .35s ease,box-shadow .35s ease}
.hiring-grid article:after,.capability-card:after,.format-card:after,.process-list li:after,.sector-grid article:after,.article-grid article:after,.scenario-grid article:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(260px circle at var(--glow-x,50%) var(--glow-y,50%),#5ee8ff20,transparent 68%);opacity:0;transition:opacity .3s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){
  .hiring-grid article:hover,.capability-card:hover,.project-card:hover,.process-list li:hover,.sector-grid article:hover,.article-grid article:hover,.scenario-grid article:hover{transform:translateY(-8px);border-color:#45cdec80;box-shadow:0 28px 70px #0005,inset 0 1px #ffffff14}
  .hiring-grid article:hover:after,.capability-card:hover:after,.format-card:hover:after,.process-list li:hover:after,.sector-grid article:hover:after,.article-grid article:hover:after,.scenario-grid article:hover:after{opacity:1}
}

h1,h2,h3,p,blockquote,summary,.sector-ribbon span{overflow-wrap:anywhere}
.format-grid,.portfolio-grid,.process-list,.hiring-grid,.capability-grid{align-items:stretch}

@media(max-width:1050px){
  .section-head p{font-size:17px}
  .format-card{min-height:260px}
}
@media(max-width:820px){
  .hero-lead{font-size:18px}
  .section-head{gap:22px}
  .section-head p{font-size:16px}
  .process-list li{min-height:300px}
}
@media(max-width:560px){
  .wrap{width:min(100% - 32px,520px)}
  .button{min-height:58px;padding:17px 22px;font-size:14px}
  .hero h1{font-size:clamp(42px,12vw,54px);line-height:.98}
  .hero .eyebrow{font-size:10px}
  .hero-lead{font-size:17px;line-height:1.65}
  .hero-points{font-size:12px}
  .section{padding:80px 0}
  .section-head h2{font-size:clamp(34px,10vw,44px);line-height:1.06}
  .section-head p{font-size:16px}
  .client-heading p{font-size:14px}
  .hiring-grid article{min-height:280px;padding:25px}
  .hiring-grid p,.capability-card p,.format-card p,.project-body p,.process-list p,.about-copy p,.personalized-grid p,.accordion details p,.sector-grid p,.article-grid p{font-size:15px}
  .capability-card,.format-card,.process-list li,.sector-grid article,.article-grid article{min-height:auto}
  .capability-featured h3{margin-top:74px;font-size:31px;line-height:1.08;text-wrap:balance}
  .format-card{padding:26px}.format-card h3{font-size:24px}
  .project-body{padding:25px}.project-body h3{font-size:29px}
  .process-list li{grid-template-columns:42px 1fr;padding:25px}
  .review-card{flex-basis:min(88vw,380px);min-height:330px;padding:24px}
  .review-card blockquote{font-size:15px}
  .review-source{align-items:center}
  .review-source .button{width:min(100%,340px)}
  .about-copy h2{font-size:40px}.about-copy p{font-size:16px}
  .scenario-grid p{font-size:14px}
  .accordion summary{font-size:17px;line-height:1.35;padding:8px 0}
  .final-cta h2{font-size:38px}.final-cta p{font-size:15px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){
  .hiring-section,.capabilities,.formats-section,.portfolio-section,.process-section,.reviews-section,.about-section,.sectors-section,.articles-section{animation:none}
  .hiring-section:after,.process-section:after,.about-section:before{animation:none}
  .hiring-grid article,.capability-card,.format-card,.project-card,.process-list li,.sector-grid article,.article-grid article,.scenario-grid article{transition:none}
}

/* Contato flutuante humanizado com convite temporário. */
.whatsapp-float{right:22px;bottom:22px;width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:flex-end;color:inherit;overflow:visible}
.whatsapp-avatar{position:relative;width:72px;height:72px;display:block;flex:0 0 auto;border:3px solid #fff;border-radius:50%;background:#0b2635;box-shadow:0 18px 48px #0009,0 0 0 5px #25d366;transition:transform .28s ease,box-shadow .28s ease}
.whatsapp-avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;object-position:center 16%}
.whatsapp-avatar i{position:absolute;right:-7px;bottom:-5px;width:30px;height:30px;display:grid;place-items:center;border:3px solid #04111b;border-radius:50%;background:#25d366;color:#fff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:-.04em}
.whatsapp-cta{position:absolute;right:88px;bottom:4px;width:285px;padding:16px 18px;border:1px solid #b7dce8;border-radius:18px 18px 4px 18px;background:#f7fcfe;color:#071722;box-shadow:0 20px 55px #0008;opacity:0;visibility:hidden;transform:translate3d(18px,8px,0) scale(.96);transform-origin:right bottom;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.75,.25,1),visibility .3s;pointer-events:none}
.whatsapp-cta:after{content:"";position:absolute;right:-9px;bottom:16px;width:18px;height:18px;background:#f7fcfe;border-right:1px solid #b7dce8;border-bottom:1px solid #b7dce8;transform:rotate(-45deg)}
.whatsapp-cta b,.whatsapp-cta small{position:relative;z-index:1;display:block}
.whatsapp-cta b{font-size:14px;line-height:1.3}.whatsapp-cta small{margin-top:5px;color:#4f6b79;font-size:12px;line-height:1.45}
.whatsapp-float.cta-visible .whatsapp-cta{opacity:1;visibility:visible;transform:none}
.whatsapp-float:hover .whatsapp-avatar{transform:translateY(-4px) scale(1.025);box-shadow:0 24px 60px #000b,0 0 0 6px #25d366}
@media(max-width:560px){
  .whatsapp-float{display:flex;right:14px;bottom:14px}
  .whatsapp-avatar{width:60px;height:60px}
  .whatsapp-avatar i{width:27px;height:27px;font-size:8px}
  .whatsapp-cta{right:74px;bottom:2px;width:min(270px,calc(100vw - 104px));padding:14px 15px}
  .whatsapp-cta b{font-size:13px}.whatsapp-cta small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-avatar,.whatsapp-cta{transition:none}
}

/* Consentimento de cookies: escolha salva localmente antes de recursos opcionais. */
.cookie-consent{position:fixed;z-index:60;left:22px;bottom:22px;width:min(760px,calc(100vw - 150px));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px 26px;border:1px solid #315e75;border-radius:22px;background:linear-gradient(145deg,#0c2a3bdc,#061824f5);color:#f4f9fc;box-shadow:0 28px 80px #000b,inset 0 1px #ffffff14;backdrop-filter:blur(22px);opacity:0;transform:translateY(22px) scale(.985);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.75,.25,1)}
.cookie-consent[hidden]{display:none}.cookie-consent.is-visible{opacity:1;transform:none}
.cookie-copy>span{color:#6ee2ff;font-size:9px;font-weight:850;letter-spacing:.15em}
.cookie-copy h2{margin:8px 0 7px;font-size:22px;line-height:1.15;letter-spacing:-.025em}
.cookie-copy p{max-width:560px;margin:0;color:#a8c0ce;font-size:13px;line-height:1.65}
.cookie-actions{display:flex;flex-direction:column;gap:9px;min-width:210px}
.cookie-button{min-height:47px;padding:12px 17px;border-radius:999px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.cookie-button:hover{transform:translateY(-2px)}
.cookie-accept{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111b;box-shadow:0 14px 32px #168fda38}
.cookie-necessary{border:1px solid #37657d;background:#0a2636;color:#c3dbe7}
.cookie-consent-pending .whatsapp-float{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}
@media(max-width:760px){
  .cookie-consent{left:12px;right:12px;bottom:12px;width:auto;grid-template-columns:1fr;gap:18px;padding:21px;border-radius:20px}
  .cookie-copy h2{font-size:21px}.cookie-copy p{font-size:13px}
  .cookie-actions{min-width:0;display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .cookie-actions{grid-template-columns:1fr}
  .cookie-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .cookie-consent,.cookie-button{transition:none}
}

/* Preparação visual para publicação: proporções de marca, navegação móvel e interações táteis. */
.brand{width:220px;height:auto}
.brand img,.about-logo img,.footer-grid>div:first-child>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}
.nav-wrap nav a{display:inline-flex;align-items:center;gap:10px}
.nav-wrap nav a>.fi{display:none}
.nav-mobile-cta{display:none!important}
.nav-toggle-lines{position:relative;width:21px;height:16px;display:block}
.nav-toggle-lines i{position:absolute;left:0;width:100%;height:2px;border-radius:4px;background:currentColor;transition:transform .3s ease,top .3s ease,opacity .2s ease}
.nav-toggle-lines i:nth-child(1){top:0}.nav-toggle-lines i:nth-child(2){top:7px}.nav-toggle-lines i:nth-child(3){top:14px}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(1){top:7px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(3){top:7px;transform:rotate(-45deg)}

.sector-ribbon span{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}
.sector-ribbon i{flex:0 0 5px}

.reviews-carousel{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.reviews-carousel.is-dragging{cursor:grabbing}
.reviews-carousel.is-paused .review-track{animation-play-state:paused}

.andre-photo{z-index:1}
.about-visual:after{z-index:2;pointer-events:none}
.about-visual figure,.about-logo{z-index:3}

@media(max-width:1050px){
  .brand{width:190px}
}

@media(max-width:820px){
  body.menu-open{overflow:hidden}
  .site-header.menu-open:before{content:"";position:fixed;z-index:0;inset:0;background:#020a11b8;backdrop-filter:blur(4px)}
  .nav-wrap{position:relative;z-index:2}
  .nav-toggle{position:relative!important;z-index:5;right:auto!important;top:auto!important;flex:0 0 auto}
  .nav-wrap nav{position:fixed;z-index:4;display:flex;top:0;right:0;bottom:0;left:auto;width:min(86vw,370px);height:100dvh;padding:106px 24px 28px;border:0;border-left:1px solid #28566c;background:linear-gradient(155deg,#0b293bf7,#04111bfa);box-shadow:-24px 0 70px #0009;flex-direction:column;align-items:stretch;gap:8px;overflow-y:auto;transform:translate3d(110%,0,0);visibility:hidden;transition:transform .42s cubic-bezier(.2,.75,.25,1),visibility .42s}
  .nav-wrap nav.open{display:flex;transform:translate3d(0,0,0);visibility:visible}
  .nav-wrap nav a{min-height:54px;padding:14px 15px;border:1px solid transparent;border-radius:14px;color:#d5e8f0;font-size:15px;transform:translateX(22px);opacity:0;transition:transform .35s ease,opacity .3s ease,background-color .2s ease,border-color .2s ease}
  .nav-wrap nav.open a{transform:none;opacity:1}
  .nav-wrap nav.open a:nth-child(2){transition-delay:.035s}.nav-wrap nav.open a:nth-child(3){transition-delay:.07s}.nav-wrap nav.open a:nth-child(4){transition-delay:.105s}.nav-wrap nav.open a:nth-child(5){transition-delay:.14s}.nav-wrap nav.open a:nth-child(6){transition-delay:.175s}
  .nav-wrap nav a:hover,.nav-wrap nav a:focus-visible{border-color:#2c627c;background:#0d3144;color:#fff}
  .nav-wrap nav a>.fi{width:26px;display:grid;place-items:center;color:var(--cyan);font-size:19px}
  .nav-mobile-cta{display:inline-flex!important;margin-top:auto;border-color:#45dfff!important;background:linear-gradient(135deg,var(--cyan),var(--blue))!important;color:#04111b!important;font-weight:850;justify-content:center;box-shadow:0 18px 45px #087ecb42}
  .nav-mobile-cta>.fi{color:#04111b!important}

  .sector-ribbon{justify-content:flex-start;gap:17px;padding-inline:20px;overscroll-behavior-inline:contain}

  .section.has-card-stack{overflow:clip}
  .mobile-card-stack{display:block!important;overflow:visible!important;border:0!important}
  .mobile-card-stack>*{position:sticky!important;top:var(--stack-top,92px);z-index:var(--stack-z,1);width:100%;margin:0 0 24px!important;transform-origin:center top;box-shadow:0 24px 65px #0009,inset 0 1px #ffffff12}
  .mobile-card-stack>*:last-child{margin-bottom:0!important}

  .about-visual figure{right:14px;top:18px;width:145px;height:105px}
  .about-logo{left:18px;bottom:18px;width:190px}
}

@media(max-width:560px){
  .brand{width:168px}
  .hero-showcase{min-height:400px;isolation:isolate}
  .hero-showcase .window-main{left:50%;top:52%;width:98%;z-index:1}
  .hero-showcase .window-up{width:38%;right:1%;top:0;z-index:2}
  .hero-showcase .window-frame{width:36%;left:1%;bottom:1%;z-index:2}
  .hero-showcase .showcase-note{right:4px;bottom:5px;z-index:4;max-width:170px}
  .hero-showcase .showcase-note span{line-height:1.35}
  .sector-ribbon{min-height:52px;font-size:9px;gap:14px;padding:13px 16px}
  .mobile-card-stack>*{top:var(--stack-top,84px)}
  .about-visual figure{width:126px;height:92px;border-width:4px}
  .about-logo{width:174px;padding:11px}
}

@media(prefers-reduced-motion:reduce){
  .nav-wrap nav,.nav-wrap nav a,.nav-toggle-lines i{transition:none}
}

/* Profundidade ambiental das seções: movimento discreto atrás do conteúdo. */
.client-strip,.hiring-section,.capabilities,.formats-section,.portfolio-section,.process-section,.reviews-section,.about-section,.personalized-section,.faq-section,.sectors-section,.articles-section{position:relative;isolation:isolate;overflow:hidden}
.section-atmosphere{position:absolute;z-index:0;inset:-12% -4%;overflow:hidden;pointer-events:none;opacity:.78;will-change:transform}
.section-atmosphere>i{position:absolute;display:block;pointer-events:none}
.section-atmosphere+.wrap,.client-strip>.sector-ribbon,.client-strip>.client-scroll,.client-strip>.client-heading{position:relative;z-index:1}
.atmosphere-grid{inset:0;background-image:linear-gradient(#54dfff0a 1px,transparent 1px),linear-gradient(90deg,#54dfff0a 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 24% 52%,#000 0,transparent 66%);-webkit-mask-image:radial-gradient(circle at 24% 52%,#000 0,transparent 66%);animation:atmosphere-grid-drift 22s linear infinite;animation-delay:var(--atmosphere-delay,0s)}
.atmosphere-orbit{width:min(58vw,760px);aspect-ratio:1;right:-18%;top:6%;border:1px solid #54dfff21;border-radius:50%;box-shadow:0 0 90px #159ed51a,inset 0 0 80px #0f7ca30c;animation:atmosphere-orbit-float 15s ease-in-out infinite alternate;animation-delay:var(--atmosphere-delay,0s)}
.atmosphere-orbit:before,.atmosphere-orbit:after{content:"";position:absolute;border-radius:50%}.atmosphere-orbit:before{inset:14%;border:1px dashed #40d9ff22}.atmosphere-orbit:after{inset:41%;background:#40d9ff55;box-shadow:0 0 0 8px #40d9ff0c,0 0 40px #40d9ff7a}
.atmosphere-beam{width:70%;height:1px;left:-16%;top:46%;background:linear-gradient(90deg,transparent,#46dfff42 35%,#2388ff1c 72%,transparent);transform:rotate(-10deg);transform-origin:center;animation:atmosphere-beam-scan 13s ease-in-out infinite alternate;animation-delay:var(--atmosphere-delay,0s)}
.atmosphere-particles{width:420px;height:320px;left:4%;bottom:2%;opacity:.65;background:radial-gradient(circle,#68e8ff 0 1.5px,transparent 2px) 0 0/58px 58px;mask-image:radial-gradient(ellipse,#000 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse,#000 0,transparent 70%);animation:atmosphere-particles-float 10s ease-in-out infinite alternate;animation-delay:var(--atmosphere-delay,0s)}
.atmosphere-alt .atmosphere-orbit{right:auto;left:-20%;top:18%}.atmosphere-alt .atmosphere-grid{mask-image:radial-gradient(circle at 78% 46%,#000 0,transparent 66%);-webkit-mask-image:radial-gradient(circle at 78% 46%,#000 0,transparent 66%)}.atmosphere-alt .atmosphere-beam{left:auto;right:-12%;transform:rotate(11deg)}.atmosphere-alt .atmosphere-particles{left:auto;right:3%;bottom:8%}
@keyframes atmosphere-grid-drift{from{background-position:0 0,0 0}to{background-position:72px 36px,36px 72px}}
@keyframes atmosphere-orbit-float{from{transform:translate3d(0,-22px,0) scale(.94);opacity:.35}to{transform:translate3d(-54px,48px,0) scale(1.08);opacity:.9}}
@keyframes atmosphere-beam-scan{from{translate:0 -55px;opacity:.2}to{translate:18% 90px;opacity:.72}}
@keyframes atmosphere-particles-float{from{transform:translate3d(-18px,20px,0);opacity:.3}to{transform:translate3d(28px,-30px,0);opacity:.78}}

@media(max-width:820px){
  .section-atmosphere{inset:-7% -20%;opacity:.58}
  .atmosphere-grid{background-size:54px 54px}
  .atmosphere-orbit{width:560px;right:-330px;top:10%}
  .atmosphere-alt .atmosphere-orbit{left:-340px}
  .atmosphere-beam{width:92%;opacity:.5}
  .atmosphere-particles{width:300px;height:260px;background-size:52px 52px}
}

@media(max-width:560px){
  .section-atmosphere{opacity:.46}
  .atmosphere-beam{display:none}
  .atmosphere-orbit{width:460px;right:-320px}
  .atmosphere-alt .atmosphere-orbit{left:-325px}
}

@media(prefers-reduced-motion:reduce){
  .section-atmosphere{transform:none!important}
  .section-atmosphere>i{animation:none!important}
}


/* ================================================================
   Hero narrativo V3 — zoom/crossfade no scroll em todas as telas.
   A classe .is-active só existe se o ScrollTrigger tiver sido iniciado.
   Sem JS/movimento reduzido/telas de baixa altura, o conteúdo é estático.
   ================================================================ */
.hero{--hero-header-height:96px;padding-top:var(--hero-header-height)}
.hero-narrative{position:relative;width:100%;min-width:0}
.hero-narrative .hero-copy{width:min(100%,980px);margin-inline:auto;text-align:center;overflow:visible}
.hero-messages{width:100%}
.hero-message{position:relative;text-align:center}
.hero-message+.hero-message{margin-top:clamp(65px,8vw,115px)}
.hero-message h2{font-size:clamp(50px,5.7vw,82px);font-weight:800;letter-spacing:-.055em;line-height:1.03;text-wrap:balance;margin:22px auto;max-width:920px;color:var(--text)}
.hero-message h2 em{font-style:normal;color:var(--cyan)}
.hero-message .hero-lead{max-width:790px;margin-inline:auto}
.hero-mobile-actions{display:none}
.hero-progress{display:none;justify-content:center;gap:9px;align-items:center;margin:24px auto 0}
.hero-progress span{height:3px;width:34px;background:#38657d;border-radius:99px;transition:background .2s ease,transform .2s ease}
.hero-scroll-cue{display:none;color:#88b6cb;text-align:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:750;margin:16px 0 0}
.hero-scroll-cue span{color:var(--cyan);font-size:16px;vertical-align:middle;margin-left:6px}
/* A altura da área fixada coincide com a altura útil da tela, desde o carregamento. */
.hero-narrative.is-active{min-height:calc(100svh - var(--hero-header-height));display:flex;align-items:center;justify-content:center}
.hero-narrative.is-active .hero-copy{padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
.hero-narrative.is-active .hero-messages{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:clamp(235px,29svh,340px)}
.hero-narrative.is-active .hero-message,.hero-narrative.is-active .hero-message+.hero-message{grid-area:1/1;margin:0;padding:0;border:0;will-change:transform,opacity;pointer-events:none}
.hero-narrative.is-active .hero-message:not(:first-child){opacity:0}
.hero-narrative.is-active .hero-progress{display:flex}
.hero-narrative.is-active .hero-progress span.is-current{background:var(--cyan);transform:scaleX(1.3)}
.hero-narrative.is-active .hero-scroll-cue{display:block}
.hero-narrative.is-active .hero-copy>.eyebrow{margin:0 0 8px}
.hero-narrative.is-active .actions{display:flex;margin:24px auto 0;justify-content:center}
.hero-narrative.is-active .hero-points{margin:19px auto 0;justify-content:center}
.hero-narrative.is-active .hero-mobile-actions{display:none}
.hero-narrative.is-active .hero-message h1{margin-top:17px;margin-bottom:16px}
.hero-narrative.is-active .hero-message h2{margin-top:17px;margin-bottom:16px}
@media(max-width:820px){
  .hero{--hero-header-height:80px;padding-top:var(--hero-header-height)}
  .hero-narrative.is-active .hero-points{display:none}
  .hero-narrative.is-active .hero-messages{min-height:clamp(200px,32svh,300px)}
}
@media(max-width:768px){
  .hero-narrative{display:block}
  .hero-message+.hero-message{margin-top:64px;padding-top:30px;border-top:1px solid #40d9ff29}
  .hero-message h2{font-size:clamp(34px,8.6vw,55px);line-height:1.08;letter-spacing:-.046em;max-width:680px;margin:16px auto}
  .hero-message .hero-lead{font-size:clamp(15px,3.7vw,18px);line-height:1.65}
  .hero-mobile-actions{display:flex;justify-content:center;margin:28px auto 2px}
  .hero-narrative .actions{display:none}
  .hero-narrative .hero-points{justify-content:center;margin:46px auto 0}
  .hero-narrative.is-active .actions{display:flex}
  .hero-narrative.is-active .hero-mobile-actions{display:none}
}
@media(max-width:560px){
  .hero-narrative .hero-copy{width:100%;max-width:100%;overflow:visible}
  .hero-message h2{font-size:clamp(32px,9.2vw,42px)}
  .hero-message .hero-lead{font-size:16px;line-height:1.65}
  .hero-mobile-actions .button{width:100%}
  .hero-message+.hero-message{margin-top:62px;padding-top:30px}
  .hero-narrative .hero-points{align-items:center;text-align:center}
  .hero-narrative.is-active .hero-copy{padding:8px 0}
  .hero-narrative.is-active .hero-messages{min-height:clamp(210px,33svh,270px)}
  .hero-narrative.is-active .hero-message h1{font-size:clamp(34px,9.4vw,42px);line-height:1.04;margin:10px auto 13px}
  .hero-narrative.is-active .hero-message h2{font-size:clamp(32px,8.7vw,42px);line-height:1.07;margin:10px auto 13px}
  .hero-narrative.is-active .hero-message .hero-lead{font-size:14px;line-height:1.55;margin:12px auto}
  .hero-narrative.is-active .hero-copy>.eyebrow{font-size:8px;letter-spacing:.08em;padding:8px 10px;margin:0 0 4px}
  .hero-narrative.is-active .actions{gap:13px;flex-wrap:wrap;margin:17px auto 0}
  .hero-narrative.is-active .actions .button{font-size:11px;padding:11px 16px;min-height:44px}
  .hero-narrative.is-active .actions .ghost-link{font-size:11px}
  .hero-narrative.is-active .hero-progress{margin-top:16px}
  .hero-narrative.is-active .hero-scroll-cue{margin-top:10px;font-size:9px}
}
@media(max-height:720px){
  .hero-narrative.is-active .hero-points{display:none}
  .hero-narrative.is-active .hero-messages{min-height:clamp(185px,31svh,250px)}
  .hero-narrative.is-active .hero-scroll-cue{margin-top:9px}
}
@media(max-height:539px){
  /* Sem pin em paisagem curta: texto legível e scroll livre. */
  .hero-narrative .hero-message+.hero-message{margin-top:54px;padding-top:25px;border-top:1px solid #40d9ff29}
}
@media(prefers-reduced-motion:reduce){
  .hero-narrative{min-height:0;display:block}
  .hero-narrative .hero-messages{display:block!important;min-height:0!important}
  .hero-narrative .hero-message{opacity:1!important;filter:none!important;transform:none!important;pointer-events:auto!important;will-change:auto!important}
  .hero-narrative .hero-message+.hero-message{margin-top:60px;padding-top:24px;border-top:1px solid #40d9ff29}
  .hero-narrative .hero-progress,.hero-narrative .hero-scroll-cue{display:none!important}
  .hero-progress span{transition:none}
}

/* Header integrado ao fundo, estável do primeiro frame ao final do scroll. */
.site-header,.site-header.is-sticky{position:fixed;border-bottom:0;box-shadow:none}


/* HERO V4 — malha generativa de pontos, atrás da narrativa fixada. */
.hero-narrative{isolation:isolate;}
#hero-particle-story{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;display:block;opacity:.97;}
.hero-narrative::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 46% 27% at 50% 54%,rgba(3,15,24,.80) 0%,rgba(3,15,24,.50) 54%,rgba(3,15,24,0) 100%);}
.hero-narrative>.hero-copy{position:relative;z-index:2;}
@media(max-width:768px){
  .hero-narrative::before{background:radial-gradient(ellipse 60% 30% at 50% 51%,rgba(3,15,24,.85),rgba(3,15,24,.45) 58%,transparent 100%);}
  #hero-particle-story{opacity:.83;}
}
@media(prefers-reduced-motion:reduce){#hero-particle-story{display:none;}}


/* V1 – Home reorganizada: serviços agrupados e contratação integrada ao processo. */
.service-context{margin-top:20px;padding:24px 28px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;border:1px solid #2a5369;border-radius:18px;background:linear-gradient(135deg,#092435,#0a1d2d)}
.service-context strong{display:block;flex:1 1 240px;font-size:18px;line-height:1.4;color:#f0f8fb}
.service-context p{flex:2 1 330px;margin:0;color:#a8c2d0;font-size:13px;line-height:1.7}
.service-context a{flex:0 0 auto;color:#82e1fc;font-size:12px;font-weight:750;text-decoration:none;white-space:normal}
.process-onboarding{margin-bottom:35px;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px;align-items:center;padding:28px 30px;border:1px solid #285269;border-radius:22px;background:linear-gradient(145deg,#0d2b3a,#071723)}
.process-onboarding-heading>span,.process-stages-label{font-size:10px;letter-spacing:.13em;font-weight:800;color:#72d7f0}
.process-onboarding h3{font-size:clamp(22px,2.5vw,29px);line-height:1.17;letter-spacing:-.025em;margin:12px 0 0}
.process-onboarding-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.process-onboarding-steps li{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid #264c5e}
.process-onboarding-steps li:last-child{border-bottom:0;padding-bottom:0}
.process-onboarding-steps strong{font-size:13px;color:#f0f9ff}
.process-onboarding-steps span{font-size:12px;line-height:1.6;color:#a8becc}
.process-stages-label{margin:0 0 18px}
@media(max-width:840px){.process-onboarding{grid-template-columns:1fr}}
@media(max-width:560px){.service-context{padding:22px}.service-context strong{font-size:17px}.process-onboarding{padding:22px}.process-onboarding h3{font-size:24px}}

/* Navegação com as seis âncoras da nova ordem: evita aperto entre 821 e 1100px. */
@media(min-width:821px) and (max-width:1100px){
  .nav-wrap{gap:17px}
  .nav-wrap nav{gap:12px}
  .nav-wrap nav a{font-size:11px}
  .brand img{width:185px}
  .nav-wrap>.button{font-size:10px;padding:11px 14px}
}
main section[id],#contratar{scroll-margin-top:100px}
@media(max-width:820px){main section[id],#contratar{scroll-margin-top:82px}}

/* Ajuste de densidade editorial – Home Essencial v2 */
.capability-card{min-height:290px}
.capability-featured{min-height:600px}
.capability-featured h3{margin-top:105px}
.process-list li{min-height:225px}
@media(max-width:760px){.capability-card,.capability-featured{min-height:auto}.capability-featured h3{margin-top:65px}}


/* =====================================================================
   HOME RESPONSIVA V3 — contêiner fluido e composição editorial adaptativa
   Mais espaço útil em desktops; densidade e legibilidade equilibradas.
   Breakpoints: 1100 / 900 / 760 / 620 / 420 / 360.
   ===================================================================== */
:root {
  --page-max: 1840px;
  --page-gutters: clamp(32px, 6.4vw, 144px);
  --layout-gap: clamp(16px, 1.55vw, 30px);
}
.wrap,
.wrap.hero-grid {
  width: min(var(--page-max), calc(100% - var(--page-gutters)));
  max-width: none;
  margin-inline: auto;
}
/* Não usar 100vw nas colunas: evita rolagem lateral e deslocamento da barra. */
.hero-grid, .section-head, .portfolio-grid, .capability-grid,
.format-grid, .about-grid, .footer-grid {min-width:0}
.hero-copy, .hero-narrative, .hero-showcase {max-width:100%}
.section {padding-block:clamp(76px,6.3vw,132px)}
.section-head {
  grid-template-columns:minmax(0,1fr) minmax(280px,490px);
  gap:clamp(24px,4.2vw,86px);
  align-items:center;
  margin-bottom:clamp(30px,3.8vw,58px);
}
.section-head h2 {max-width:900px;font-size:clamp(36px,3.65vw,64px)}
.section-head p {max-width:49ch;font-size:clamp(15px,1.04vw,18px);line-height:1.65}
.portfolio-grid {gap:var(--layout-gap)}
.portfolio-grid .project-body,.portfolio-grid .project-large .project-body {
  padding:clamp(24px,1.8vw,38px);
}
.portfolio-grid .project-card {height:100%}
.capability-grid,.format-grid {gap:var(--layout-gap)}
.capability-card {padding:clamp(24px,1.75vw,36px)}
.format-card {padding:clamp(24px,1.6vw,34px)}
.about-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,110px)}
.about-visual {height:clamp(460px,34vw,680px)}
.about-copy {max-width:760px}
.about-copy p {max-width:63ch}
.process-onboarding{gap:clamp(20px,3vw,48px);padding:clamp(24px,2.5vw,46px)}
.process-list {gap:0}
.process-list li{padding:clamp(23px,2vw,34px)}
.final-cta {padding:clamp(34px,4vw,72px);gap:clamp(24px,4vw,80px)}
.final-cta h2 {max-width:870px;font-size:clamp(35px,3.2vw,58px)}
.footer-grid {gap:clamp(22px,3.3vw,68px)}

/* Telas amplas — aproveitar espaço sem alargar excessivamente a copy. */
@media (min-width:1500px) {
  .hero-narrative .hero-copy {max-width:1070px}
  .hero-showcase {width:min(100%,1380px);min-height:clamp(580px,38vw,730px)}
  .hero h1 {max-width:1050px;font-size:clamp(70px,4.9vw,92px)}
  .hero-message h2 {max-width:1040px}
  .hero-lead {max-width:800px}
  .portfolio-grid .project-body p {max-width:59ch}
  .capability-featured h3 {max-width:19ch}
  .format-card h3 {max-width:24ch}
  .client-heading {max-width:100%}
  .footer-grid {grid-template-columns:1.55fr .8fr 1fr 1fr}
}

/* Notebooks — trocar menu denso pelo drawer sem afetar outras animações. */
@media (max-width:1100px) {
  .site-header .nav-wrap {height:80px;gap:20px}
  .site-header .brand {width:clamp(168px,19vw,205px);flex:0 1 auto}
  .site-header .brand img {width:100%}
  .site-header .nav-wrap>.button {display:none}
  .site-header .nav-toggle {display:grid;place-items:center;position:relative!important;inset:auto!important;z-index:6;flex:0 0 46px;margin-left:auto}
  .hero {--hero-header-height:80px}
  body.menu-open {overflow:hidden}
  .site-header.menu-open:before {content:"";position:fixed;inset:0;z-index:0;background:#020a11b8;backdrop-filter:blur(4px)}
  .site-header .nav-wrap {position:relative;z-index:2}
  .site-header .nav-wrap nav {
    position:fixed;z-index:4;display:flex;top:0;right:0;bottom:0;left:auto;
    width:min(86vw,370px);height:100dvh;padding:106px 24px 28px;
    border:0;border-left:1px solid #28566c;
    background:linear-gradient(155deg,#0b293bf7,#04111bfa);
    box-shadow:-24px 0 70px #0009;flex-direction:column;align-items:stretch;gap:8px;
    overflow-y:auto;transform:translate3d(110%,0,0);visibility:hidden;
    transition:transform .42s cubic-bezier(.2,.75,.25,1),visibility .42s;
  }
  .site-header .nav-wrap nav.open {transform:translate3d(0,0,0);visibility:visible}
  .site-header .nav-wrap nav a {
    min-height:54px;padding:14px 15px;border:1px solid transparent;border-radius:14px;
    color:#d5e8f0;font-size:15px;transform:translateX(22px);opacity:0;
    transition:transform .35s ease,opacity .3s ease,background-color .2s ease,border-color .2s ease;
  }
  .site-header .nav-wrap nav.open a {transform:none;opacity:1}
  .site-header .nav-wrap nav a:hover,.site-header .nav-wrap nav a:focus-visible {border-color:#2c627c;background:#0d3144;color:#fff}
  .site-header .nav-wrap nav a>.fi {width:26px;display:grid;place-items:center;color:var(--cyan);font-size:19px}
  .site-header .nav-mobile-cta {display:inline-flex!important;margin-top:auto;border-color:#45dfff!important;background:linear-gradient(135deg,var(--cyan),var(--blue))!important;color:#04111b!important;font-weight:850;justify-content:center}
  .site-header .nav-mobile-cta>.fi {color:#04111b!important}
  .section-head {grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:28px}
  .about-grid {gap:clamp(26px,3vw,45px)}
  .about-visual {height:clamp(400px,45vw,550px)}
  .portfolio-grid .project-body,.portfolio-grid .project-large .project-body {padding:24px}
  .footer-grid {grid-template-columns:1fr 1fr}
  .hero-showcase {width:min(100%,1050px)}
}
@media (max-width:900px) {
  .section-head {grid-template-columns:1fr;gap:14px}
  .section-head p {max-width:66ch}
  .process-list {grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-list li:last-child {grid-column:1 / -1}
  .about-grid {grid-template-columns:1fr}
  .about-visual {width:min(100%,680px);height:clamp(410px,56vw,570px);margin-inline:auto}
  .about-copy {max-width:none}
  .final-cta {flex-direction:column;align-items:flex-start}
}
@media (max-width:760px) {
  .section {padding-block:clamp(64px,9vw,88px)}
  .section-head h2 {font-size:clamp(32px,5.5vw,44px)}
  .hero-grid {gap:clamp(22px,4vw,34px)}
  .hero-showcase {width:100%;min-height:clamp(350px,58vw,470px)}
  .portfolio-grid,.format-grid,.capability-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-grid .project-card,.portfolio-grid .project-large {grid-column:auto}
  .format-card {min-height:0}
  .capability-featured {grid-row:auto;min-height:0}
  .capability-card:last-child {grid-column:auto}
  .capability-featured h3 {margin-top:62px}
  .process-onboarding {grid-template-columns:1fr;padding:24px}
  .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .cookie-consent {max-width:calc(100vw - 24px)}
}
@media (max-width:620px) {
  .portfolio-grid,.format-grid,.capability-grid,.process-list {grid-template-columns:minmax(0,1fr)}
  .process-list li:last-child {grid-column:auto}
  .hero h1 {font-size:clamp(35px,9.7vw,54px)}
  .hero-message h2 {font-size:clamp(31px,8.8vw,47px)}
  .hero-showcase {min-height:clamp(310px,92vw,420px)}
  .capability-featured h3 {margin-top:48px}
  .about-visual {height:clamp(380px,108vw,480px)}
  .final-cta.wrap {width:calc(100% - 32px);margin-inline:auto;padding:clamp(27px,7vw,38px)}
  .final-cta h2 {font-size:clamp(30px,8vw,41px)}
  .footer-grid {gap:26px 18px}
}
@media (max-width:420px) {
  .hero-copy {overflow:visible}
  .hero-narrative.is-active .hero-message h1 {font-size:clamp(32px,9.4vw,40px)}
  .hero-narrative.is-active .hero-message h2 {font-size:clamp(29px,8.8vw,39px)}
  .hero-narrative.is-active .hero-message .hero-lead {font-size:13px}
  .hero-showcase {min-height:320px}
  .section-head h2 {font-size:clamp(29px,8.5vw,37px)}
  .project-body h3 {overflow-wrap:break-word}
  .footer-grid {grid-template-columns:minmax(0,1fr)}
  .service-context {padding:19px}
  .cookie-consent {max-height:calc(100dvh - 24px);overflow-y:auto}
}
@media (max-width:360px) {
  .brand,.site-header .brand {width:150px}
  .hero-narrative.is-active .hero-copy>.eyebrow {font-size:7px}
  .hero-narrative.is-active .actions {gap:8px}
  .hero-narrative.is-active .actions .button {font-size:10px}
  .client-heading h2 {overflow-wrap:break-word}
  .format-card,.project-body,.portfolio-grid .project-body {padding:19px}
  .cookie-actions {grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce) {
  .site-header .nav-wrap nav,.site-header .nav-wrap nav a {transition:none}
}


/* =====================================================================
   FLUIDEZ V4 — âncoras com easing e rolagem natural sem wheel hijacking
   ===================================================================== */
/* JS gerencia apenas saltos entre âncoras; a rolagem comum é nativa. */
html.js {scroll-behavior:auto;scroll-padding-top:calc(96px + 16px)}
main section[id],#contratar,#conteudo,#topo {scroll-margin-top:calc(96px + 16px)}
.site-header .nav-wrap nav a.is-current {color:#fff}
.site-header .nav-wrap nav a.is-current .fi {color:var(--cyan)}
/* Revelar seções de maneira mais contida (transform + opacity, sem jank). */
.js .reveal {transform:translate3d(0,12px,0);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
.js .reveal.visible {transform:translate3d(0,0,0)}
/* Feedback tátil sutil, sem alterar o layout. */
.button,.ghost-link,.project-body a {transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,color .25s ease}
.ghost-link:hover,.project-body a:hover {transform:translate3d(0,-2px,0)}
@media(max-width:1100px){html.js {scroll-padding-top:96px} main section[id],#contratar,#conteudo,#topo {scroll-margin-top:96px}}
@media(max-width:760px){
  .js .reveal {transform:translate3d(0,9px,0);transition-duration:.72s}
  .ghost-link:hover,.project-body a:hover {transform:none}
}
@media(prefers-reduced-motion:reduce){
  html,html.js {scroll-behavior:auto!important}
  .js .reveal {opacity:1!important;transform:none!important;transition:none!important}
  .button,.ghost-link,.project-body a {transition:none!important}
}


/* V5 — acabamento após análise de gravação da navegação.
   Aproxima a vitrine de projetos da narrativa sem colapsar o pin do Hero.
   Reduz deslocamentos visuais, preservando a rolagem nativa. */
@media (min-width: 821px) and (min-height: 540px) {
  .hero-grid {gap:clamp(14px,1.6vw,26px)}
  .hero-showcase {margin-top:clamp(-70px,-4vw,-34px)}
}
/* CTAs flutuantes discretos, com transição curta e sem obstrução permanente. */
.whatsapp-cta {transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility .24s ease}
@media(prefers-reduced-motion: reduce) {
  .whatsapp-cta {transition:none!important}
}

/* V5.1 — Hero com mockups menores e melhor encaixe visual no desktop */
.hero-showcase{overflow:visible}
.hero-showcase .window-main,
.hero-showcase .window-up,
.hero-showcase .window-frame{transform-origin:center center}

@media (min-width: 1025px){
  .hero-showcase{
    width:min(100%,1180px);
    min-height:clamp(520px,35vw,640px);
    margin-top:clamp(-28px,-1.8vw,-12px);
  }
  .hero-showcase .window-main{
    left:50%;
    top:56%;
    width:min(68%,780px);
    transform:translate(-50%,-50%) perspective(1200px) rotateY(-3.5deg) rotateX(.8deg);
  }
  .hero-showcase .window-up{
    width:min(26%,300px);
    right:6%;
    top:6%;
    transform:rotate(3deg);
  }
  .hero-showcase .window-frame{
    width:min(24%,280px);
    left:6%;
    bottom:6%;
    transform:rotate(-3.5deg);
  }
  .hero-showcase .showcase-note{
    right:5%;
    bottom:16px;
  }
}

@media (min-width: 821px) and (max-width: 1024px){
  .hero-showcase{
    width:min(100%,980px);
    min-height:clamp(430px,44vw,540px);
    margin-top:clamp(-18px,-1.4vw,-8px);
  }
  .hero-showcase .window-main{
    left:50%;
    top:56%;
    width:74%;
    transform:translate(-50%,-50%) perspective(1200px) rotateY(-3deg) rotateX(.6deg);
  }
  .hero-showcase .window-up{
    width:29%;
    right:4%;
    top:5%;
    transform:rotate(2.8deg);
  }
  .hero-showcase .window-frame{
    width:27%;
    left:4%;
    bottom:5%;
    transform:rotate(-3deg);
  }
}

@media (max-width: 820px){
  .hero-showcase .showcase-note{max-width:180px}
}


/* ================================================================
  V7 — Linha de etapas conectada: desktop horizontal, mobile vertical.
  Etapas em fluxo normal, sem sticky, pin, empilhamento ou scroll hijack.
  ================================================================ */
.process-section .process-list {
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
  gap:clamp(16px,2.2vw,30px)!important;
  margin:0;
  padding:0;
  border:0;
  list-style:none;
  overflow:visible!important;
}
.process-section .process-list::before {
  content:"";
  position:absolute;
  z-index:0;
  height:2px;
  top:27px;
  left:calc(100% / 6);
  right:calc(100% / 6);
  background:linear-gradient(90deg,#1c80af,#40d9ff 55%,#1c80af);
  opacity:.75;
  pointer-events:none;
}
.process-section .process-list>li.process-step {
  position:relative!important;
  display:block!important;
  min-height:0!important;
  width:auto;
  margin:0!important;
  padding:72px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  isolation:auto!important;
  top:auto!important;
  z-index:auto!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.process-section .process-list>li.process-step::after {content:none!important}
.process-section .process-step>b {
  display:grid;
  place-items:center;
  position:absolute;
  z-index:2;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:55px;
  height:55px;
  border:1px solid #35b8e0;
  border-radius:50%;
  background:#0b3143;
  color:#79e5ff;
  box-shadow:0 0 0 8px #061725;
  font-size:17px;
  font-weight:800;
  line-height:1;
}
.process-section .process-step-card {
  position:relative;
  z-index:1;
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-height:220px;
  padding:clamp(23px,2vw,32px);
  border:1px solid #285269;
  border-radius:22px;
  background:linear-gradient(145deg,#102b3bd9,#071724eb);
  box-shadow:inset 0 1px #ffffff10,0 20px 50px #0002;
}
.process-section .process-step-card>.fi {
  position:absolute;
  right:25px;
  top:23px;
  font-size:22px;
  color:var(--cyan);
}
.process-section .process-step-card>div {padding-right:20px}
.process-section .process-step-card span {display:block;max-width:calc(100% - 20px)}
.process-section .process-step-card h3 {margin:18px 0 12px;font-size:clamp(19px,1.65vw,24px);line-height:1.25}
.process-section .process-step-card p {margin:0;font-size:clamp(13px,1vw,15px);line-height:1.65}

/* Tablets e celulares: linha vertical; todos os cards em fluxo natural. */
@media(max-width:900px){
  .process-section .process-list {
    display:flex!important;
    flex-direction:column;
    gap:20px!important;
  }
  .process-section .process-list::before {
    left:26px;
    top:26px;
    bottom:26px;
    right:auto;
    width:2px;
    height:auto;
    background:linear-gradient(180deg,#1c80af,#40d9ff 55%,#1c80af);
  }
  .process-section .process-list>li.process-step {
    padding:0 0 0 75px!important;
  }
  .process-section .process-step>b {
    top:22px;
    left:0;
    transform:none;
    width:54px;
    height:54px;
  }
  .process-section .process-step-card {
    min-height:0;
    height:auto;
    padding:24px;
  }
}
@media(max-width:480px){
  .process-section .process-list {gap:18px!important}
  .process-section .process-list::before {left:21px;top:24px;bottom:24px}
  .process-section .process-list>li.process-step {padding-left:59px!important}
  .process-section .process-step>b {width:44px;height:44px;top:20px;font-size:14px;box-shadow:0 0 0 6px #061725}
  .process-section .process-step-card {padding:20px 18px;border-radius:18px}
  .process-section .process-step-card>.fi {font-size:18px;top:19px;right:17px}
  .process-section .process-step-card h3 {font-size:19px;line-height:1.25}
  .process-section .process-step-card p {font-size:13px}
}

/* V8 — fundo mais preto + profundidade com elementos animados de segundo plano */
:root{
  --bg:#02060b;
  --bg2:#050b12;
  --panel:#09141e;
  --panel2:#0d1c28;
  --line:#183042;
  --shadow:0 26px 80px rgba(0,0,0,.48);
}
html,body{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 14% 14%, rgba(64,217,255,.08), transparent 24%),
    radial-gradient(circle at 86% 10%, rgba(35,136,255,.07), transparent 26%),
    radial-gradient(circle at 50% 120%, rgba(64,217,255,.05), transparent 34%),
    linear-gradient(180deg,#02060b 0%,#030811 38%,#02060b 100%);
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:auto;
  pointer-events:none;
  z-index:0;
}
body::before{
  width:42vw;
  height:42vw;
  left:-12vw;
  top:22vh;
  border-radius:50%;
  border:1px dashed rgba(64,217,255,.08);
  box-shadow:0 0 0 90px rgba(64,217,255,.02), 0 0 120px rgba(35,136,255,.06);
  animation:ambient-orbit-left 26s ease-in-out infinite alternate;
}
body::after{
  width:34vw;
  height:34vw;
  right:-10vw;
  top:58vh;
  border-radius:50%;
  border:1px solid rgba(64,217,255,.06);
  box-shadow:0 0 0 70px rgba(35,136,255,.02), inset 0 0 90px rgba(64,217,255,.03);
  animation:ambient-orbit-right 30s ease-in-out infinite alternate;
}
@keyframes ambient-orbit-left{
  from{transform:translate3d(0,0,0) scale(.96);opacity:.55}
  to{transform:translate3d(4vw,-3vh,0) scale(1.06);opacity:.9}
}
@keyframes ambient-orbit-right{
  from{transform:translate3d(0,0,0) scale(.94);opacity:.42}
  to{transform:translate3d(-3vw,2vh,0) scale(1.04);opacity:.75}
}

.hero,.client-strip,.portfolio-section,.formats-section,.process-section,.reviews-section,.about-section,.faq-section,.final-cta,footer{
  position:relative;
  isolation:isolate;
}

.hero::after,
.client-strip::before,
.portfolio-section::before,
.formats-section::before,
.process-section::before,
.reviews-section::before,
.about-section::before,
.faq-section::before,
.final-cta::before,
footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}

.client-strip > *, .portfolio-section > *, .formats-section > *, .process-section > *, .reviews-section > *, .about-section > *, .faq-section > *, .final-cta > *, footer > *{
  position:relative;
  z-index:1;
}

.client-strip,
.portfolio-section,
.formats-section,
.process-section,
.reviews-section,
.about-section,
.faq-section,
footer{
  background:
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0) 14%),
    linear-gradient(180deg, #02060b 0%, #040a11 100%);
}
.final-cta{
  background:
    linear-gradient(145deg,rgba(10,33,48,.92),rgba(5,16,24,.96));
  border:1px solid rgba(64,217,255,.12);
}

.client-strip::before,
.portfolio-section::before,
.formats-section::before,
.process-section::before,
.reviews-section::before,
.about-section::before,
.faq-section::before,
.final-cta::before,
footer::before{
  background:
    radial-gradient(circle at 14% 28%, rgba(64,217,255,.08), transparent 0 18%, transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(35,136,255,.07), transparent 0 16%, transparent 16%),
    linear-gradient(rgba(84,223,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(84,223,255,.045) 1px, transparent 1px);
  background-size:auto, auto, 78px 78px, 78px 78px;
  background-position:center, center, 0 0, 0 0;
  mask-image:radial-gradient(circle at 50% 50%, #000 0%, rgba(0,0,0,.82) 54%, transparent 100%);
  -webkit-mask-image:radial-gradient(circle at 50% 50%, #000 0%, rgba(0,0,0,.82) 54%, transparent 100%);
  opacity:.38;
  animation:section-grid-drift 22s linear infinite;
}

.portfolio-section::after,
.process-section::after,
.about-section::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  border:1px dashed rgba(64,217,255,.10);
  box-shadow:inset 0 0 0 44px rgba(64,217,255,.02), 0 0 70px rgba(64,217,255,.06);
  opacity:.55;
  animation:section-orbit-float 16s ease-in-out infinite alternate;
}
.portfolio-section::after{right:-120px;top:40px}
.process-section::after{left:-130px;top:80px;animation-duration:18s}
.about-section::after{right:-140px;bottom:40px;animation-duration:20s}

@keyframes section-grid-drift{
  from{background-position:center, center, 0 0, 0 0}
  to{background-position:center, center, 78px 39px, 39px 78px}
}
@keyframes section-orbit-float{
  from{transform:translate3d(0,0,0) scale(.95)}
  to{transform:translate3d(16px,-10px,0) scale(1.04)}
}

.client-copy,.client-logo,.aa-carousel,.format-card,.process-step-card,.review-card,.about-card,.faq-list details{
  backdrop-filter:blur(10px);
}
.client-logo{background:rgba(8,27,40,.78)}
.aa-showcase .aa-shell,
.format-card,
.process-step-card,
.review-card,
.about-card,
.faq-list details,
.footer-card{
  box-shadow:0 20px 60px rgba(0,0,0,.26);
}

@media (max-width: 820px){
  body::before{width:62vw;height:62vw;left:-22vw;top:18vh;opacity:.5}
  body::after{width:52vw;height:52vw;right:-20vw;top:64vh;opacity:.38}
  .client-strip::before,
  .portfolio-section::before,
  .formats-section::before,
  .process-section::before,
  .reviews-section::before,
  .about-section::before,
  .faq-section::before,
  .final-cta::before,
  footer::before{background-size:auto, auto, 58px 58px, 58px 58px;opacity:.28}
  .portfolio-section::after,
  .process-section::after,
  .about-section::after{width:280px;height:280px;opacity:.38}
}
@media (prefers-reduced-motion: reduce){
  body::before, body::after,
  .client-strip::before,
  .portfolio-section::before,
  .formats-section::before,
  .process-section::before,
  .reviews-section::before,
  .about-section::before,
  .faq-section::before,
  .final-cta::before,
  footer::before,
  .portfolio-section::after,
  .process-section::after,
  .about-section::after{animation:none!important}
}

/* V10 — overflow-x:clip não cria ancestral rolável; permite sticky nativo no portfólio. */
html,body{overflow-x:clip}

/* V10 — fluidez global: malhas estáticas evitam repintura contínua em áreas grandes.
   Órbitas/partículas continuam se movendo por transform/opacity compositor. */
.hiring-section,.capabilities,.formats-section,.portfolio-section,.process-section,
.reviews-section,.about-section,.sectors-section,.articles-section {
  animation:none;
}
.atmosphere-grid {animation:none}
.client-strip::before,.portfolio-section::before,.formats-section::before,
.process-section::before,.reviews-section::before,.about-section::before,
.faq-section::before,.final-cta::before,footer::before {animation:none}


/* V11 — Hero apenas com a narrativa tipográfica e partículas; sem mockups.
   O espaço da composição removida é recuperado sem deslocar o pin ou o portfólio. */
.hero--without-mockups {
  padding-bottom:clamp(26px,3.1vw,46px);
  background:linear-gradient(180deg,#02060b 0%,#020711 82%,#02060b 100%);
}
.hero--without-mockups .hero-grid {
  gap:0;
  min-height:0;
  width:min(calc(100% - 48px),1480px);
}
.hero--without-mockups .hero-narrative {
  flex:1 1 auto;
  width:100%;
}
.hero--without-mockups .hero-copy {
  max-width:1080px;
  margin-inline:auto;
}
.hero--without-mockups::before {
  background:
    radial-gradient(ellipse 48% 39% at 50% 42%,rgba(5,44,62,.22),transparent 75%),
    linear-gradient(180deg,rgba(2,6,11,.48),rgba(2,6,11,.13) 56%,rgba(2,6,11,.9));
}
@media(max-width:820px){
  .hero--without-mockups {padding-bottom:28px}
  .hero--without-mockups .hero-grid {width:min(calc(100% - 30px),1480px)}
}
@media(max-height:539px){
  .hero--without-mockups {padding-bottom:44px}
}

/* ===================================================================
   V13 — Direção espacial contínua, retrato do fundador e prova social
   =================================================================== */
/* O antigo conjunto de órbitas CSS era gerado de forma isolada por seção.
   A V13 usa um único motor de constelações com coordenadas compartilhadas. */
.section-atmosphere{display:none!important}
.client-strip,.portfolio-section,.formats-section,.process-section,.reviews-section,.about-section,.faq-section{position:relative;isolation:isolate;overflow:hidden}
.space-continuum{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:auto;
  z-index:1;
  opacity:.74;
  pointer-events:none;
  mix-blend-mode:screen;
  will-change:transform;
}
.client-strip>.client-heading,
.client-strip>.client-scroll,
.client-strip>.sector-ribbon,
.portfolio-section>.aa-showcase__shell,
.formats-section>.wrap,
.process-section>.wrap,
.reviews-section>.wrap,
.about-section>.wrap,
.faq-section>.wrap{position:relative;z-index:3}

/* Cartões de avaliações com fotos de perfil e fallback de marca/iniciais. */
.reviews-section .section-head h2{max-width:830px}
.review-card .review-avatar{position:relative;overflow:hidden;flex:0 0 48px;background:linear-gradient(135deg,#0a3450,#166da9);color:#fff}
.review-avatar__initials{position:relative;z-index:0}
.review-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#091b28;z-index:1}
.review-avatar img.review-avatar__logo{object-fit:contain;padding:7px;background:#081926}
.review-card header h3{font-weight:800}
.review-card .google-mark{z-index:3}
.review-card blockquote{line-height:1.68}

/* Foto principal com retrato maior + informações biográficas e métricas ao lado. */
.about-section .about-grid{
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:clamp(38px,5vw,96px);
  align-items:center;
}
.about-brand-composition{display:grid;gap:15px;min-width:0}
.about-brand-panel{
  position:relative;
  display:grid;
  place-items:center;
  height:clamp(400px,37vw,620px);
  overflow:hidden;
  border-radius:28px;
  background:radial-gradient(circle at 50% 45%,rgba(38,132,214,.17),transparent 53%),linear-gradient(145deg,#071725,#030911 72%);
  border:1px solid rgba(90,200,255,.15);
  box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);
}
.about-brand-panel::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(64,217,255,.038) 1px,transparent 1px),linear-gradient(rgba(64,217,255,.038) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle,#000 0%,transparent 79%);
  pointer-events:none;
}
.about-photo-panel::after{
  content:"";position:absolute;inset:auto 0 0 0;height:42%;
  background:linear-gradient(180deg,rgba(3,9,17,0) 0%,rgba(3,9,17,.34) 35%,rgba(3,9,17,.88) 100%);
  z-index:2;
}
.about-portrait-large{
  position:absolute;
  inset:auto 0 0 0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 12%;
  z-index:1;
  filter:saturate(1.02) contrast(1.04);
}
.about-brand-orbit{
  position:absolute;
  width:min(75%,440px);
  aspect-ratio:1;
  border:1px dashed rgba(72,190,247,.15);
  border-radius:50%;
  box-shadow:0 0 0 40px rgba(31,148,221,.02),inset 0 0 70px rgba(31,148,221,.045);
  animation:about-orbit-spin 25s linear infinite;
  z-index:0;
}
.about-brand-signature{
  position:absolute;z-index:3;bottom:24px;left:26px;
  font-size:10px;letter-spacing:.18em;color:#d6eef9;font-weight:800;
}
.about-copy h2{margin-bottom:20px}
.about-copy p strong{color:#f4f8fc}
.about-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:28px 0 24px;
}
.about-facts article{
  padding:18px 18px 16px;
  border-radius:18px;
  border:1px solid rgba(90,200,255,.14);
  background:linear-gradient(135deg,rgba(9,28,39,.82),rgba(6,18,28,.9));
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.about-facts span{display:block;margin-bottom:9px;color:#7fcff0;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.about-facts strong{display:block;color:#f4f8fc;font-size:clamp(20px,1.6vw,24px);line-height:1.1;letter-spacing:-.03em}
@keyframes about-orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){
 .about-section .about-grid{grid-template-columns:1fr;gap:34px}
 .about-brand-composition{max-width:760px;width:100%;margin:auto}
 .about-brand-panel{height:clamp(360px,64vw,560px)}
 .about-copy{max-width:700px;width:100%;margin:auto}
}
@media(max-width:560px){
 .about-brand-panel{height:360px;border-radius:22px}
 .about-brand-signature{left:18px;bottom:18px;font-size:9px}
 .about-portrait-large{object-position:center 16%}
 .about-facts{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 20px}
 .about-facts article{padding:14px 14px 13px;border-radius:16px}
 .about-facts span{font-size:9px}
 .about-facts strong{font-size:17px}
 .space-continuum{opacity:.52}
}
@media(prefers-reduced-motion:reduce){
 .about-brand-orbit{animation:none!important}
 .space-continuum{opacity:.38}
}
.review-avatar img{background:transparent}
.review-avatar__initials{display:block}

/* V14.4 — Respiro editorial: margens ampliadas, mais espaço entre seções.
   Mantém o Hero, as animações e o fluxo de scroll da V14.3. */
:root {
  --page-max: 1600px;
  /* O gutter é a soma das duas margens. Dobra ~6.4vw -> ~12.8vw em desktop. */
  --page-gutters: clamp(56px, 12.8vw, 280px);
  --layout-gap: clamp(18px, 1.8vw, 34px);
}
.wrap,
.wrap.hero-grid {
  width: min(var(--page-max), calc(100% - var(--page-gutters)));
}
.section {
  padding-block: clamp(100px, 8vw, 160px);
}
.section-head {
  margin-bottom: clamp(34px, 4vw, 66px);
}
.final-cta.wrap {margin-top:clamp(65px,7vw,115px);margin-bottom:clamp(65px,7vw,115px)}

@media (max-width: 1100px) {
  :root {--page-gutters:clamp(40px,8.5vw,92px)}
  .section {padding-block:clamp(80px,8.5vw,112px)}
}
@media (max-width: 760px) {
  :root {--page-gutters:clamp(36px,10vw,52px)}
  .section {padding-block:clamp(72px,9vw,92px)}
  .section-head {margin-bottom:clamp(26px,5.5vw,37px)}
  .final-cta.wrap {margin-top:60px;margin-bottom:60px}
}


/* V14.13 — Cabeçalho: transparente durante o Hero, fundo apenas na seção seguinte.
   Sem mudança de position/height para não provocar salto no scroll narrativo. */
.site-header,
.site-header.is-sticky {
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  isolation: isolate;
}
.site-header::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg,
    rgba(3, 16, 28, .98) 0%,
    rgba(3, 16, 28, .94) 72%,
    rgba(3, 16, 28, .86) 100%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity .32s ease;
}
.site-header.is-sticky::after,
.site-header.menu-open::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .site-header::after { transition: none; }
}