:root {
  --navy:#07111f; --navy-2:#0a192b; --navy-3:#10243b; --gold:#d8a44b; --gold-2:#f2c263;
  --ink:#102033; --muted:#637083; --paper:#f5f4f0; --white:#fff; --line:rgba(255,255,255,.12);
  --shadow:0 22px 70px rgba(4,13,25,.18); --radius:28px; --container:1200px; --header:78px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px);overflow-x:hidden} body{margin:0;background:var(--navy);color:#eaf0f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased} body.menu-open{overflow:hidden} img,svg{display:block;max-width:100%} a{color:inherit;text-decoration:none} button,input{font:inherit} button{color:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;background:var(--gold-2);color:var(--navy);padding:12px 18px;border-radius:12px;z-index:9999;font-weight:800}.skip-link:focus{top:16px}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));z-index:5000}.site-header{height:var(--header);position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,17,31,.82);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-mark{width:46px;height:46px;border:1px solid rgba(242,194,99,.55);border-radius:14px;display:grid;place-items:center;color:var(--gold-2);font-weight:900;letter-spacing:-.08em;background:linear-gradient(135deg,rgba(216,164,75,.16),rgba(255,255,255,.02));box-shadow:inset 0 0 24px rgba(216,164,75,.08)}.brand-copy{display:grid;line-height:1.15}.brand-copy strong{font-size:.98rem}.brand-copy small{text-transform:uppercase;letter-spacing:.16em;color:#9aabc0;font-size:.62rem;margin-top:5px}.desktop-nav{display:flex;gap:24px;align-items:center}.desktop-nav a{font-size:.84rem;color:#b8c5d5;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold-2)}.header-actions{display:flex;align-items:center;gap:12px}.menu-button{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:transparent;padding:11px;cursor:pointer}.menu-button span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:3px;transition:.2s}.mobile-menu{display:none;position:fixed;left:0;right:0;top:var(--header);padding:18px 20px 28px;background:rgba(7,17,31,.98);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 24px 45px rgba(0,0,0,.3)}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:14px;border:1px solid rgba(255,255,255,.16);font-weight:800;font-size:.9rem;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-small{min-height:42px;padding:0 17px;font-size:.78rem}.btn-primary{color:var(--navy);background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;box-shadow:0 15px 40px rgba(216,164,75,.2)}.btn-primary:hover{box-shadow:0 20px 50px rgba(216,164,75,.32)}.btn-ghost,.btn-outline{background:rgba(255,255,255,.035)}.btn-dark{color:#fff;background:var(--navy);border-color:var(--navy)}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:calc(var(--header) + 90px) 0 90px;isolation:isolate;background:radial-gradient(circle at 70% 20%,rgba(34,78,117,.26),transparent 34%),linear-gradient(135deg,#07111f 0%,#081727 55%,#06101c 100%)}.hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,black,transparent 80%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.18}.hero-glow-one{width:400px;height:400px;background:var(--gold);left:-200px;top:25%}.hero-glow-two{width:500px;height:500px;background:#2e79a2;right:-250px;bottom:-180px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.78fr);align-items:center;gap:70px}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(242,194,99,.22);border-radius:999px;background:rgba(216,164,75,.07);color:#f5d38e;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 16px var(--gold-2)}.eyebrow{margin:20px 0 12px;color:var(--gold-2);font-size:.72rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.eyebrow.dark{color:#9a6925}.hero h1{margin:0;max-width:780px;font-size:clamp(3.3rem,6vw,6.4rem);line-height:.96;letter-spacing:-.065em}.hero h1 em{display:block;color:var(--gold-2);font-style:normal}.hero-lead{max-width:700px;margin:28px 0 0;color:#bdc9d7;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px}.hero-proof div{padding:16px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}.hero-proof strong{display:block;color:#fff;font-size:1.45rem;line-height:1.1}.hero-proof span{display:block;margin-top:5px;color:#8294a8;font-size:.68rem;line-height:1.35}.partner-inline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:23px;border-top:1px solid rgba(255,255,255,.09)}.partner-inline img{object-fit:contain;max-height:38px;width:auto}.partner-inline .partner-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#7e90a5;font-weight:800}.partner-inline .separator{width:1px;height:34px;background:rgba(255,255,255,.16);margin-inline:4px}.portrait{position:relative;margin:0;max-width:520px;justify-self:end}.portrait-frame{position:relative;overflow:hidden;border-radius:36px;border:1px solid rgba(242,194,99,.28);box-shadow:0 35px 100px rgba(0,0,0,.4);background:#0c1825}.portrait-frame::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.1);border-radius:28px;z-index:3;pointer-events:none}.portrait img{aspect-ratio:1/1;object-fit:cover;width:100%}.portrait-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,17,31,.9),transparent 46%)}.portrait figcaption{position:absolute;left:34px;right:34px;bottom:28px;z-index:4}.portrait figcaption span{display:block;color:var(--gold-2);text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;font-weight:900}.portrait figcaption strong{display:block;margin-top:6px;font-size:1.05rem;line-height:1.4}.floating-card{position:absolute;z-index:4;padding:13px 16px;border-radius:15px;border:1px solid rgba(255,255,255,.16);background:rgba(7,17,31,.86);backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(0,0,0,.24)}.floating-card span{display:block;color:var(--gold-2);font-size:.65rem;font-weight:900;letter-spacing:.12em}.floating-card strong{font-size:.78rem}.floating-card-top{right:-28px;top:60px}.floating-card-bottom{left:-28px;bottom:112px}.proof-strip{padding:28px 0 22px;background:#0a1726;border-block:1px solid rgba(255,255,255,.08)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.proof-grid article{padding:12px 26px;border-right:1px solid rgba(255,255,255,.1)}.proof-grid article:last-child{border:0}.proof-number{display:block;color:var(--gold-2);font-size:1.7rem;font-weight:900;letter-spacing:-.04em}.proof-grid p{margin:4px 0 0;color:#8fa0b4;font-size:.78rem}.proof-note{margin-top:12px;color:#6f8298;font-size:.65rem;text-align:right}.section{padding:110px 0}.section-light{background:var(--paper);color:var(--ink)}.section-deep{background:#081421}.split{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:90px}.section-heading{max-width:760px;margin-bottom:46px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading h2,.intro-split h2,.about-copy h2,.partnership-copy h2{margin:0;font-size:clamp(2.3rem,4vw,4.1rem);line-height:1.08;letter-spacing:-.055em}.section-heading>p:last-child{color:#8da0b5;max-width:680px}.section-light .section-heading>p:last-child{color:var(--muted)}.intro-copy{font-size:1.04rem;color:#546174}.intro-copy p{margin-top:0;margin-bottom:20px}.intro-large{font-size:1.4rem!important;line-height:1.55;color:var(--ink)!important;font-weight:700}.quote-card{margin-top:35px;padding:28px;border-left:4px solid var(--gold);background:#ece8df;border-radius:0 18px 18px 0;color:#26394d;font-size:1.15rem;font-weight:800}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.capability-card{position:relative;padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:.25s}.capability-card:hover{transform:translateY(-6px);border-color:rgba(242,194,99,.35);box-shadow:0 25px 60px rgba(0,0,0,.2)}.icon-box{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(216,164,75,.12);color:var(--gold-2);font-weight:900}.card-kicker{margin:24px 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:var(--gold-2);font-weight:900}.capability-card h3{margin:0;font-size:1.35rem;line-height:1.25}.capability-card>p:not(.card-kicker){color:#91a1b4;font-size:.88rem}.capability-card ul,.panel-columns ul{padding:0;margin:20px 0 0;list-style:none}.capability-card li,.panel-columns li{position:relative;padding-left:17px;margin:9px 0;color:#bcc6d2;font-size:.8rem}.capability-card li::before,.panel-columns li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--gold)}.experience-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:70px}.experience-intro{align-self:start;position:sticky;top:calc(var(--header) + 35px)}.experience-intro h2{font-size:clamp(2.3rem,3.8vw,3.8rem);line-height:1.08;letter-spacing:-.05em;margin:0}.experience-intro>p:not(.eyebrow){color:#8da0b5}.experience-tabs{display:grid;gap:9px;margin-top:34px}.experience-tab{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:0 18px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.025);cursor:pointer;color:#abb9c9;font-weight:800}.experience-tab span{color:#65798f;font-size:.69rem}.experience-tab.active{color:#fff;border-color:rgba(242,194,99,.38);background:linear-gradient(90deg,rgba(216,164,75,.15),rgba(216,164,75,.02))}.experience-tab.active span{color:var(--gold-2)}.experience-panels{min-height:560px}.experience-panel{padding:38px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#0d1e31,#091725);box-shadow:0 30px 75px rgba(0,0,0,.2)}.experience-panel[hidden]{display:none}.panel-top{display:flex;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-top h3{margin:0;font-size:2rem;line-height:1.1}.panel-top span{color:#91a3b6}.panel-top>strong{color:var(--gold-2);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.experience-panel>p{font-size:1.05rem;color:#aab8c8}.panel-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;margin-top:30px}.panel-columns h4{margin:0 0 12px;color:#fff}.panel-columns p{color:#aab8c8}.panel-columns p strong{display:block;color:var(--gold-2);font-size:2rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{padding:7px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:.68rem;color:#aab9ca}.inline-link{color:var(--gold-2);font-weight:800}.career-path{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:30px 0}.career-path span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:.7rem;font-weight:800}.career-path i{color:var(--gold);font-style:normal}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case-card{position:relative;padding:34px;border-radius:24px;border:1px solid #dad8d1;background:#fff;box-shadow:0 15px 45px rgba(26,37,52,.07);overflow:hidden}.case-index{position:absolute;right:22px;top:16px;color:#e5e2da;font-size:4.8rem;font-weight:900;line-height:1}.case-card h3{position:relative;margin:0;font-size:1.55rem;line-height:1.25;max-width:78%}.case-context{position:relative;color:#647184}.case-block{position:relative;margin-top:24px;padding:18px;background:#f3f1eb;border-radius:15px}.case-block span{display:block;color:#9a6925;text-transform:uppercase;font-size:.61rem;font-weight:900;letter-spacing:.13em}.case-block p{margin:5px 0 0;color:#465468;font-size:.84rem}.case-result{position:relative;display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e2db}.case-result strong{color:#9a6925;font-size:2.15rem;letter-spacing:-.05em}.case-result span{color:#5c697a;font-size:.78rem}.dark-tags span{background:#edf0f2;border-color:#e0e3e6;color:#526174}.method-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;position:relative}.method-track::before{content:"";position:absolute;top:27px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}.method-track article{position:relative;text-align:center;padding:0 8px}.method-track article>span{position:relative;z-index:2;margin:auto;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--navy-2);border:1px solid rgba(242,194,99,.45);color:var(--gold-2);font-weight:900;box-shadow:0 0 0 7px var(--navy)}.method-track h3{font-size:.95rem;margin:18px 0 6px}.method-track p{color:#7f91a6;font-size:.72rem;line-height:1.45}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-tab{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.025);color:#a8b5c5;cursor:pointer;font-weight:800;font-size:.75rem}.filter-tab.active{color:var(--navy);background:var(--gold-2);border-color:transparent}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0c1b2b;overflow:hidden}.project-card[hidden]{display:none}.project-art{min-height:170px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.project-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;opacity:.3}.project-art::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(242,194,99,.3);border-radius:50%;right:-60px;top:-70px}.project-art span,.project-art small{position:relative;z-index:2}.project-art span{font-size:2.6rem;font-weight:900;color:var(--gold-2);letter-spacing:-.07em}.project-art small{color:#a7b5c5}.art-governance{background:linear-gradient(135deg,#122d44,#081522)}.art-wms{background:linear-gradient(135deg,#15323a,#081522)}.art-bi{background:linear-gradient(135deg,#1d2f52,#081522)}.art-vgv{background:linear-gradient(135deg,#44341e,#081522)}.art-diagnostic{background:linear-gradient(135deg,#3c214a,#081522)}.art-pmo{background:linear-gradient(135deg,#243d31,#081522)}.project-content{padding:25px}.badge{display:inline-flex;padding:6px 9px;border-radius:8px;text-transform:uppercase;letter-spacing:.1em;font-size:.57rem;font-weight:900}.badge-applied{background:rgba(74,186,134,.12);color:#7ddab0}.badge-demo{background:rgba(80,153,212,.13);color:#82bfe9}.badge-strategy{background:rgba(216,164,75,.13);color:var(--gold-2)}.project-content h3{margin:15px 0 8px;font-size:1.2rem}.project-content p{color:#8fa0b4;font-size:.84rem}.project-content a{display:inline-block;margin-top:19px;color:var(--gold-2);font-weight:800;font-size:.8rem}.partnership-section{background:var(--paper);color:var(--ink)}.partnership-card{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:center;gap:70px;padding:58px;border-radius:30px;background:#fff;box-shadow:var(--shadow);border:1px solid #e3dfd6}.partnership-logos{display:grid;gap:28px;justify-items:center;padding:28px;background:var(--navy);border-radius:24px}.partnership-logos img{max-height:76px;width:auto;object-fit:contain}.partnership-logos span{font-size:2rem;color:var(--gold-2)}.partnership-copy p:not(.eyebrow){color:#566478}.about-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:80px;align-items:center}.about-photo img{border-radius:30px;box-shadow:var(--shadow);aspect-ratio:1/1;object-fit:cover}.about-copy>p:not(.eyebrow){color:#5a6879;font-size:1rem}.education-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.education-list article{padding:17px;border:1px solid #dedbd4;border-radius:14px;background:#fff}.education-list span{display:block;color:#9a6925;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.education-list strong{display:block;margin-top:5px;font-size:.78rem;line-height:1.35}.education-list small{color:#768291}.system-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.system-cloud span{padding:8px 11px;border-radius:10px;background:#e9e7e1;color:#465669;font-size:.68rem;font-weight:800}.contact-section{padding:90px 0;background:linear-gradient(135deg,#06101d,#0a1b2c)}.contact-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:70px;align-items:center;padding:55px;border:1px solid rgba(242,194,99,.23);border-radius:30px;background:linear-gradient(135deg,rgba(216,164,75,.08),rgba(255,255,255,.025));box-shadow:0 30px 80px rgba(0,0,0,.25)}.contact-card h2{margin:0;font-size:clamp(2.3rem,4vw,4rem);line-height:1.08;letter-spacing:-.05em}.contact-card>div>p:not(.eyebrow){color:#95a5b7}.contact-actions{display:grid;gap:10px}.social-links{display:flex;justify-content:center;gap:18px;margin-top:12px}.social-links a{color:#8799ad;font-size:.72rem;font-weight:800}.footer{padding:30px 0;background:#050d17;border-top:1px solid rgba(255,255,255,.08)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner>div{display:grid}.footer-inner small,.footer-inner span,.footer-inner p{color:#65778d;font-size:.7rem}.footer-inner p{margin:0}.footer-inner a{color:var(--gold-2);font-size:.72rem;font-weight:800}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:800;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#24d366;box-shadow:0 15px 40px rgba(36,211,102,.28);transition:.2s}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float svg{width:29px;fill:#fff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--gold-2);outline-offset:4px;border-radius:8px}
@media(max-width:1100px){.desktop-nav{display:none}.menu-button{display:block}.hero-grid{grid-template-columns:1fr 430px;gap:38px}.capability-grid{grid-template-columns:repeat(2,1fr)}.method-track{grid-template-columns:repeat(4,1fr);row-gap:32px}.method-track::before{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.education-list{grid-template-columns:1fr}.header-cta{display:none}}
@media(max-width:850px){:root{--header:70px}.container{width:min(calc(100% - 28px),var(--container))}.section{padding:80px 0}.hero{padding-top:calc(var(--header) + 60px);min-height:auto}.hero-grid,.split,.experience-layout,.partnership-card,.about-grid,.contact-card{grid-template-columns:1fr}.hero-copy{order:0}.portrait{order:1;justify-self:center;max-width:480px}.hero h1{font-size:clamp(3rem,12vw,5.2rem)}.floating-card-top{right:-5px}.floating-card-bottom{left:-5px}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid article:nth-child(2){border-right:0}.proof-grid article{border-bottom:1px solid rgba(255,255,255,.1)}.experience-intro{position:static}.experience-tabs{grid-template-columns:repeat(2,1fr)}.panel-columns{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.method-track{grid-template-columns:repeat(2,1fr)}.partnership-card{padding:35px}.about-photo{max-width:520px;margin-inline:auto}.footer-inner{align-items:flex-start;flex-direction:column}.proof-note{text-align:left}.partner-inline{justify-content:center}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.status-pill{margin-inline:auto}.hero-proof{text-align:left}}
@media(max-width:600px){.container{width:min(calc(100% - 22px),var(--container))}.brand{min-width:0}.brand-copy small{display:none}.hero{padding-bottom:60px}.portrait{width:94%}.floating-card{display:none}.hero-proof{grid-template-columns:1fr}.hero-actions{display:grid}.hero-actions .btn{width:100%}.partner-inline .partner-label,.partner-inline .separator{display:none}.partner-inline img{max-height:42px;max-width:45%}.proof-grid{grid-template-columns:1fr}.proof-grid article{border-right:0}.capability-grid,.project-grid{grid-template-columns:1fr}.experience-tabs{grid-template-columns:1fr}.experience-panel{padding:24px}.panel-top{display:grid}.panel-top h3{font-size:1.6rem}.case-card{padding:25px}.case-card h3{max-width:100%}.case-index{opacity:.55}.method-track{grid-template-columns:1fr}.method-track article{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:15px}.method-track article>span{grid-row:1/3}.method-track h3{margin:5px 0 2px}.method-track p{margin:0}.partnership-card,.contact-card{padding:28px}.education-list{grid-template-columns:1fr}.social-links{flex-wrap:wrap}.footer-inner{gap:14px}.contact-actions .btn{font-size:.78rem}.career-path i{display:none}.career-path span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   RESPONSIVIDADE V11 — FLUIDA, MULTITELA E SEM OVERFLOW
   Desktop amplo • notebook • tablet • celular • landscape
   ========================================================= */

:root {
  --container: 1240px;
  --page-gutter: clamp(14px, 3.2vw, 40px);
  --section-space: clamp(72px, 8vw, 118px);
  --card-space: clamp(20px, 2.4vw, 32px);
}

html,
body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

*,
*::before,
*::after {
  min-width: 0;
}

body,
button,
a,
p,
li,
h1,
h2,
h3,
h4,
strong,
span,
small {
  overflow-wrap: anywhere;
}

img,
picture,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

picture {
  display: block;
}

.container {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--container));
  max-width: 100%;
}

.section {
  padding-block: var(--section-space);
}

.site-header,
.header-inner,
.mobile-menu,
.hero-grid,
.split,
.experience-layout,
.capability-grid,
.case-grid,
.project-grid,
.partnership-card,
.about-grid,
.contact-card,
.proof-grid,
.panel-columns,
.education-list,
.method-track {
  max-width: 100%;
}

.header-inner {
  gap: clamp(12px, 2vw, 28px);
}

.brand {
  flex: 0 1 auto;
}

.brand-copy {
  min-width: 0;
}

.desktop-nav {
  flex: 1 1 auto;
  justify-content: center;
  gap: clamp(12px, 1.7vw, 24px);
}

.desktop-nav a {
  white-space: nowrap;
}

.header-actions {
  flex: 0 0 auto;
}

.mobile-menu {
  width: 100%;
  max-height: calc(100dvh - var(--header));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-left: max(var(--page-gutter), env(safe-area-inset-left));
  padding-right: max(var(--page-gutter), env(safe-area-inset-right));
  padding-bottom: max(28px, env(safe-area-inset-bottom));
}

.btn,
.filter-tab,
.experience-tab {
  max-width: 100%;
  white-space: normal;
  text-align: center;
  line-height: 1.25;
}

.hero {
  min-height: min(100svh, 980px);
  padding-top: calc(var(--header) + clamp(58px, 7vw, 96px));
  padding-bottom: clamp(64px, 7vw, 96px);
}

.hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .82fr);
  gap: clamp(38px, 6vw, 78px);
}

.hero-copy,
.portrait,
.portrait-frame,
.intro-copy,
.section-heading,
.experience-intro,
.experience-panels,
.experience-panel,
.panel-columns > *,
.project-card,
.project-content,
.partnership-copy,
.about-copy,
.contact-actions {
  min-width: 0;
  max-width: 100%;
}

.hero h1 {
  font-size: clamp(3rem, 5.8vw, 6.2rem);
  text-wrap: balance;
}

.hero-lead,
.section-heading > p,
.about-copy > p,
.partnership-copy > p,
.contact-card p {
  text-wrap: pretty;
}

.hero-actions,
.partner-inline,
.tags,
.system-cloud,
.social-links,
.filter-tabs,
.career-path {
  max-width: 100%;
}

.hero-proof div,
.proof-grid article,
.capability-card,
.case-card,
.project-card,
.experience-tab,
.experience-panel,
.education-list article {
  min-width: 0;
}

.portrait {
  width: min(100%, 520px);
}

.portrait img,
.about-photo img {
  width: 100%;
}

.proof-number,
.case-result strong {
  white-space: normal;
}

.split,
.experience-layout,
.about-grid,
.partnership-card,
.contact-card {
  gap: clamp(38px, 6vw, 90px);
}

.capability-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.experience-layout {
  grid-template-columns: minmax(250px, .62fr) minmax(0, 1.38fr);
}

.experience-tabs {
  width: 100%;
}

.experience-tab {
  min-height: 52px;
}

.experience-panel {
  overflow: hidden;
}

.panel-top,
.case-result,
.footer-inner {
  flex-wrap: wrap;
}

.panel-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.project-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.project-content a,
.inline-link,
.contact-actions a,
.footer-inner a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.partnership-logos img {
  max-width: min(100%, 320px);
}

.education-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contact-actions .btn {
  width: 100%;
}

.whatsapp-float {
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
}

/* Desktop intermediário e notebooks menores */
@media (max-width: 1280px) {
  :root {
    --container: 1160px;
  }

  .desktop-nav {
    gap: 16px;
  }

  .desktop-nav a {
    font-size: .79rem;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 440px);
    gap: 44px;
  }

  .floating-card-top {
    right: -10px;
  }

  .floating-card-bottom {
    left: -10px;
  }

  .capability-card,
  .case-card,
  .project-content {
    padding-left: clamp(22px, 2vw, 28px);
    padding-right: clamp(22px, 2vw, 28px);
  }
}

/* Notebook pequeno e tablet horizontal */
@media (max-width: 1080px) {
  :root {
    --header: 74px;
  }

  .desktop-nav {
    display: none;
  }

  .menu-button {
    display: block;
  }

  .header-cta {
    display: none;
  }

  .hero {
    min-height: auto;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .hero-copy {
    max-width: 840px;
    margin-inline: auto;
    text-align: center;
  }

  .status-pill {
    margin-inline: auto;
  }

  .hero-lead {
    margin-inline: auto;
  }

  .hero-actions,
  .partner-inline {
    justify-content: center;
  }

  .hero-proof {
    max-width: 760px;
    margin-inline: auto;
    margin-top: 36px;
    text-align: left;
  }

  .portrait {
    justify-self: center;
    width: min(100%, 540px);
  }

  .floating-card-top {
    right: 8px;
  }

  .floating-card-bottom {
    left: 8px;
  }

  .capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .experience-layout,
  .split,
  .partnership-card,
  .about-grid,
  .contact-card {
    grid-template-columns: 1fr;
  }

  .experience-intro {
    position: static;
  }

  .experience-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .method-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 34px;
  }

  .method-track::before {
    display: none;
  }

  .partnership-card,
  .contact-card {
    padding: clamp(30px, 5vw, 52px);
  }

  .partnership-logos {
    width: min(100%, 620px);
    margin-inline: auto;
  }

  .about-photo {
    width: min(100%, 560px);
    margin-inline: auto;
  }
}

/* Tablets */
@media (max-width: 820px) {
  :root {
    --header: 70px;
    --page-gutter: clamp(14px, 3.6vw, 28px);
    --section-space: clamp(66px, 10vw, 88px);
  }

  .brand {
    min-width: 0;
  }

  .brand-mark {
    width: 43px;
    height: 43px;
  }

  .hero {
    padding-top: calc(var(--header) + 48px);
  }

  .hero h1 {
    font-size: clamp(2.8rem, 10vw, 5rem);
    line-height: 1;
  }

  .hero-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .proof-grid article:nth-child(2n) {
    border-right: 0;
  }

  .proof-grid article:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255,255,255,.1);
  }

  .experience-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .panel-columns,
  .case-grid {
    grid-template-columns: 1fr;
  }

  .education-list {
    grid-template-columns: 1fr;
  }

  .section-heading h2,
  .intro-split h2,
  .about-copy h2,
  .partnership-copy h2,
  .contact-card h2 {
    font-size: clamp(2rem, 7.5vw, 3.4rem);
  }

  .footer-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
}

/* Celulares grandes */
@media (max-width: 600px) {
  :root {
    --page-gutter: 14px;
    --section-space: 64px;
  }

  .site-header {
    height: var(--header);
  }

  .header-inner {
    gap: 10px;
  }

  .brand-copy small {
    display: none;
  }

  .brand-copy strong {
    font-size: .92rem;
  }

  .menu-button {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .hero {
    padding-top: calc(var(--header) + 38px);
    padding-bottom: 56px;
  }

  .status-pill {
    max-width: 100%;
    font-size: .64rem;
    letter-spacing: .07em;
    text-align: left;
  }

  .eyebrow {
    letter-spacing: .12em;
    font-size: .66rem;
  }

  .hero h1 {
    font-size: clamp(2.45rem, 13.2vw, 4rem);
    line-height: 1.01;
    letter-spacing: -.055em;
  }

  .hero-lead {
    font-size: 1rem;
    line-height: 1.65;
  }

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

  .hero-actions .btn {
    width: 100%;
    min-height: 50px;
  }

  .hero-proof {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .hero-proof div {
    display: grid;
    grid-template-columns: minmax(90px, auto) 1fr;
    align-items: center;
    gap: 12px;
  }

  .hero-proof span {
    margin-top: 0;
  }

  .partner-inline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 14px;
  }

  .partner-inline .partner-label,
  .partner-inline .separator {
    display: none;
  }

  .partner-inline img {
    max-width: 100%;
    max-height: 44px;
    margin-inline: auto;
  }

  .portrait {
    width: 100%;
  }

  .portrait-frame {
    border-radius: 26px;
  }

  .portrait-frame::before {
    inset: 9px;
    border-radius: 20px;
  }

  .portrait figcaption {
    left: 22px;
    right: 22px;
    bottom: 20px;
  }

  .floating-card {
    display: none;
  }

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

  .proof-grid article,
  .proof-grid article:nth-child(2n),
  .proof-grid article:nth-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 17px 4px;
  }

  .proof-grid article:last-child {
    border-bottom: 0;
  }

  .proof-note {
    text-align: left;
    line-height: 1.5;
  }

  .intro-large {
    font-size: 1.16rem !important;
  }

  .quote-card {
    padding: 22px;
    font-size: 1rem;
  }

  .capability-grid,
  .project-grid,
  .experience-tabs {
    grid-template-columns: 1fr;
  }

  .capability-card,
  .experience-panel,
  .case-card,
  .project-content {
    padding: 23px;
  }

  .experience-tab {
    width: 100%;
    min-height: 50px;
  }

  .panel-top {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .panel-top h3 {
    font-size: 1.5rem;
  }

  .career-path {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .career-path i {
    display: none;
  }

  .career-path span {
    width: 100%;
    text-align: center;
  }

  .case-card h3 {
    max-width: 100%;
    padding-right: 46px;
  }

  .case-index {
    font-size: 3.4rem;
    opacity: .52;
  }

  .case-result {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .method-track {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .method-track article {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 15px;
    text-align: left;
    padding: 0;
  }

  .method-track article > span {
    grid-row: 1 / 3;
    width: 52px;
    height: 52px;
    margin: 0;
    box-shadow: none;
  }

  .method-track h3 {
    margin: 4px 0 1px;
  }

  .method-track p {
    margin: 0;
  }

  .filter-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .filter-tab {
    width: 100%;
    min-height: 46px;
  }

  .project-art {
    min-height: 145px;
    padding: 21px;
  }

  .partnership-card,
  .contact-card {
    padding: 24px;
    border-radius: 22px;
  }

  .partnership-logos {
    padding: 22px;
    border-radius: 18px;
  }

  .partnership-logos img {
    max-height: 62px;
  }

  .about-photo img {
    border-radius: 22px;
  }

  .system-cloud span {
    flex: 1 1 auto;
    text-align: center;
  }

  .contact-section {
    padding-block: 64px;
  }

  .contact-actions .btn {
    min-height: 50px;
    padding-inline: 14px;
    font-size: .78rem;
  }

  .social-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .social-links a {
    text-align: center;
    padding: 9px 4px;
  }

  .whatsapp-float {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }
}

/* Celulares compactos */
@media (max-width: 420px) {
  :root {
    --page-gutter: 11px;
  }

  .brand-mark {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .brand-copy strong {
    font-size: .82rem;
  }

  .hero h1 {
    font-size: clamp(2.25rem, 13vw, 3.35rem);
  }

  .hero-copy {
    text-align: left;
  }

  .status-pill,
  .hero-lead {
    margin-inline: 0;
  }

  .hero-actions,
  .partner-inline {
    justify-content: initial;
  }

  .hero-proof div {
    grid-template-columns: 84px 1fr;
  }

  .filter-tabs {
    grid-template-columns: 1fr;
  }

  .social-links {
    grid-template-columns: 1fr;
  }

  .footer-inner {
    font-size: .78rem;
  }
}

/* Largura mínima comum em aparelhos antigos */
@media (max-width: 340px) {
  :root {
    --page-gutter: 8px;
  }

  .brand-copy strong {
    font-size: .75rem;
  }

  .menu-button {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .hero h1 {
    font-size: 2.12rem;
  }

  .status-pill {
    font-size: .57rem;
  }

  .hero-proof div {
    grid-template-columns: 1fr;
  }

  .capability-card,
  .experience-panel,
  .case-card,
  .project-content,
  .partnership-card,
  .contact-card {
    padding-left: 18px;
    padding-right: 18px;
  }

  .case-card h3 {
    padding-right: 0;
  }

  .case-index {
    position: static;
    font-size: 2rem;
    margin-bottom: 5px;
  }
}

/* Celular em modo paisagem: reduz altura ocupada pelo hero */
@media (max-height: 520px) and (orientation: landscape) {
  .hero {
    min-height: auto;
    padding-top: calc(var(--header) + 30px);
    padding-bottom: 42px;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(250px, .85fr);
    gap: 30px;
  }

  .hero-copy {
    text-align: left;
  }

  .status-pill,
  .hero-lead {
    margin-inline: 0;
  }

  .hero-actions,
  .partner-inline {
    justify-content: flex-start;
  }

  .hero h1 {
    font-size: clamp(2.4rem, 6vw, 3.7rem);
  }

  .hero-lead {
    font-size: .92rem;
    line-height: 1.5;
  }

  .hero-proof,
  .partner-inline,
  .floating-card,
  .portrait figcaption {
    display: none;
  }

  .portrait {
    width: min(100%, 330px);
  }
}

/* Interações sem saltos em dispositivos touch */
@media (hover: none) {
  .btn:hover,
  .capability-card:hover,
  .whatsapp-float:hover {
    transform: none;
  }
}

/* Impressão e exportação em PDF */
@media print {
  .site-header,
  .mobile-menu,
  .progress,
  .whatsapp-float,
  .hero-actions,
  .filter-tabs {
    display: none !important;
  }

  body {
    background: #fff;
    color: #111;
  }

  .hero,
  .section,
  .section-light,
  .section-deep,
  .partnership-section,
  .contact-section,
  .footer {
    background: #fff !important;
    color: #111 !important;
  }

  .hero {
    min-height: auto;
    padding: 30px 0;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Mantém os elementos decorativos do hero dentro da largura da viewport. */
.hero {
  overflow: clip;
}

/* Imagens fluidas: os atributos width/height do HTML preservam proporção,
   mas não podem impor altura fixa em colunas menores. */
.portrait img,
.about-photo img {
  height: auto;
}

/* O atalho flutuante entra somente após o usuário iniciar a rolagem,
   evitando cobrir CTAs na primeira dobra em telas pequenas. */
.whatsapp-float {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
}

.whatsapp-float.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

/* =========================================================
   RECOMENDAÇÕES REAIS DO LINKEDIN — V13
   Cards responsivos, modal acessível e fonte verificável
   ========================================================= */
.recommendations-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(216,164,75,.13), transparent 30%),
    radial-gradient(circle at 90% 100%, rgba(42,104,148,.15), transparent 34%),
    linear-gradient(145deg, #07111f 0%, #0a192a 58%, #07131f 100%);
}

.recommendations-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 84%);
}

.recommendation-intro {
  display: grid;
  grid-template-columns: minmax(220px, .48fr) minmax(0, 1.25fr) auto;
  align-items: center;
  gap: clamp(24px, 4vw, 58px);
  margin-bottom: clamp(26px, 4vw, 42px);
}

.linkedin-trust-card {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.linkedin-mark,
.testimonial-linkedin {
  display: grid;
  place-items: center;
  background: #0a66c2;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.05em;
  box-shadow: 0 12px 28px rgba(10,102,194,.22);
}

.linkedin-mark {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  font-size: 1.08rem;
}

.linkedin-trust-card div:last-child { min-width: 0; }
.linkedin-trust-card span,
.linkedin-trust-card strong { display: block; }
.linkedin-trust-card span {
  color: #7f93aa;
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-weight: 900;
}
.linkedin-trust-card strong {
  margin-top: 3px;
  font-size: .83rem;
  line-height: 1.35;
}

.recommendation-heading { min-width: 0; }
.recommendation-heading .eyebrow { margin-top: 0; }
.recommendation-heading h2 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(2rem, 3.7vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -.05em;
  text-wrap: balance;
}
.recommendation-heading > p:last-child {
  max-width: 760px;
  margin: 18px 0 0;
  color: #94a5b8;
  font-size: clamp(.92rem, 1.15vw, 1.05rem);
  line-height: 1.7;
  text-wrap: pretty;
}
.recommendation-main-cta {
  min-width: 184px;
  white-space: normal;
}

.recommendation-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: clamp(22px, 3vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
}
.recommendation-stats div {
  min-width: 0;
  padding: 15px 18px;
  border-right: 1px solid rgba(255,255,255,.08);
}
.recommendation-stats div:last-child { border-right: 0; }
.recommendation-stats strong,
.recommendation-stats span { display: block; }
.recommendation-stats strong {
  color: var(--gold-2);
  font-size: clamp(1rem, 1.9vw, 1.32rem);
  line-height: 1.1;
}
.recommendation-stats span {
  margin-top: 4px;
  color: #7e91a7;
  font-size: .67rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(15px, 1.6vw, 22px);
}

.testimonial-card {
  position: relative;
  min-width: 0;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  padding: clamp(22px, 2.4vw, 30px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 25px;
  background: linear-gradient(145deg, rgba(255,255,255,.062), rgba(255,255,255,.018));
  box-shadow: 0 22px 60px rgba(0,0,0,.16);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.testimonial-card::after {
  content: "“";
  position: absolute;
  right: 18px;
  bottom: -34px;
  color: rgba(242,194,99,.08);
  font: 900 9rem/1 Georgia, serif;
  pointer-events: none;
}
.testimonial-card:hover {
  transform: translateY(-5px);
  border-color: rgba(242,194,99,.3);
  box-shadow: 0 28px 70px rgba(0,0,0,.23);
}
.testimonial-card-featured {
  grid-column: auto;
  border-color: rgba(242,194,99,.23);
  background:
    radial-gradient(circle at 100% 0%, rgba(216,164,75,.14), transparent 38%),
    linear-gradient(145deg, rgba(216,164,75,.09), rgba(255,255,255,.024));
}

.testimonial-person {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
}

.testimonial-avatar {
  width: clamp(48px, 4vw, 64px);
  height: clamp(48px, 4vw, 64px);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 2px solid rgba(242,194,99,.38);
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(242,194,99,.16), rgba(255,255,255,.05));
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
}
.testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.testimonial-identity { min-width: 0; }
.testimonial-identity h3 {
  margin: 0;
  color: #f6f8fb;
  font-size: clamp(1.02rem, 1.4vw, 1.24rem);
  line-height: 1.2;
  letter-spacing: -.025em;
}
.testimonial-identity p {
  display: -webkit-box;
  margin: 5px 0 0;
  overflow: hidden;
  color: #8698ad;
  font-size: .68rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.testimonial-linkedin {
  width: 31px;
  height: 31px;
  border-radius: 9px;
  font-size: .68rem;
}

.testimonial-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 7px 12px;
  margin-top: 19px;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,.075);
  color: #6f8298;
  font-size: .62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.testimonial-meta time { color: #a8b5c4; }

.testimonial-card blockquote {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  margin: 22px 0 20px;
  overflow: hidden;
  color: #d9e1eb;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.96rem, 1.1vw, 1.08rem);
  font-style: italic;
  line-height: 1.72;
  text-wrap: pretty;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.testimonial-card-featured blockquote {
  max-width: 900px;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
}

.testimonial-tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
}
.testimonial-tags span {
  padding: 7px 9px;
  border-radius: 9px;
  background: rgba(255,255,255,.055);
  color: #aebccc;
  font-size: .61rem;
  font-weight: 800;
}

.testimonial-actions {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.075);
}
.testimonial-actions button,
.testimonial-actions a {
  border: 0;
  color: #dbe4ef;
  background: transparent;
  font: inherit;
  font-size: .68rem;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}
.testimonial-actions button {
  padding: 0;
  text-align: left;
}
.testimonial-actions button:hover,
.testimonial-actions a:hover { color: var(--gold-2); }
.testimonial-actions a { color: #7fb9ec; }

.recommendation-source-note {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin-top: 22px;
  padding: 17px 19px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}
.recommendation-source-note > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #bff0dc;
  background: rgba(65,197,143,.12);
  font-size: .72rem;
  font-weight: 900;
}
.recommendation-source-note p {
  margin: 1px 0 0;
  color: #778ba2;
  font-size: .72rem;
  line-height: 1.6;
}
.recommendation-source-note strong { color: #aebccc; }

/* Modal da recomendação completa */
body.testimonial-modal-open { overflow: hidden; }
.testimonial-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: clamp(14px, 3vw, 28px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}
.testimonial-modal.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.testimonial-modal-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(1,6,13,.78);
  backdrop-filter: blur(11px);
  cursor: default;
}
.testimonial-modal-card {
  position: relative;
  width: min(820px, 100%);
  max-height: min(88dvh, 850px);
  overflow: auto;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,164,75,.13), transparent 36%),
    #091726;
  box-shadow: 0 34px 110px rgba(0,0,0,.52);
  transform: translateY(18px) scale(.985);
  transition: transform .24s ease;
}
.testimonial-modal.open .testimonial-modal-card { transform: none; }
.testimonial-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
}
.testimonial-modal-person {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 15px;
}
.testimonial-modal-person > div:last-child { min-width: 0; }
.testimonial-modal-person h3 {
  margin: 0;
  font-size: clamp(1.28rem, 3vw, 1.8rem);
  line-height: 1.2;
}
.testimonial-modal-person p {
  margin: 5px 0 0;
  color: #91a2b5;
  font-size: .78rem;
  line-height: 1.45;
}
.testimonial-modal-person small {
  display: block;
  margin-top: 7px;
  color: #667b92;
  font-size: .66rem;
  line-height: 1.45;
}
.testimonial-modal-avatar {
  width: 58px;
  height: 58px;
  border-radius: 17px;
}
.testimonial-modal-close {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 13px;
  background: rgba(255,255,255,.045);
  color: #fff;
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
}
.testimonial-modal-close:hover { border-color: rgba(242,194,99,.36); }
.testimonial-modal-card > blockquote {
  margin: 28px 0 0;
  padding: clamp(20px, 3vw, 28px);
  border-left: 3px solid var(--gold);
  border-radius: 0 18px 18px 0;
  background: rgba(216,164,75,.065);
  color: #e4eaf1;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.7vw, 1.16rem);
  font-style: italic;
  line-height: 1.8;
  white-space: pre-line;
  text-wrap: pretty;
}
.testimonial-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 23px;
}
.testimonial-modal-actions > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #71859c;
  font-size: .7rem;
  font-weight: 800;
}
.testimonial-modal-actions b {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #0a66c2;
  color: #fff;
  font-size: .62rem;
}

.contact-recommendations {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: center;
  margin-top: 4px;
  padding: 13px 15px;
  border: 1px solid rgba(10,102,194,.3);
  border-radius: 14px;
  background: rgba(10,102,194,.09);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.contact-recommendations:hover {
  transform: translateY(-2px);
  border-color: rgba(10,102,194,.6);
  background: rgba(10,102,194,.15);
}
.contact-recommendations > span {
  grid-row: 1 / 3;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #0a66c2;
  color: #fff;
  font-weight: 900;
}
.contact-recommendations strong,
.contact-recommendations small { display: block; min-width: 0; }
.contact-recommendations strong { font-size: .77rem; }
.contact-recommendations small { color: #7e90a5; font-size: .62rem; }

@media (max-width: 1120px) {
  .recommendation-intro {
    grid-template-columns: minmax(200px, .58fr) minmax(0, 1.42fr);
  }
  .recommendation-main-cta {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .testimonial-card-featured { grid-column: auto; }
}

@media (max-width: 760px) {
  .recommendation-intro { grid-template-columns: 1fr; gap: 21px; }
  .linkedin-trust-card { width: min(100%, 430px); }
  .recommendation-main-cta { grid-column: auto; width: fit-content; }
  .recommendation-stats { grid-template-columns: 1fr; }
  .recommendation-stats div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .recommendation-stats div:last-child { border-bottom: 0; }
  .testimonial-grid { grid-template-columns: 1fr; }
  .testimonial-card,
  .testimonial-card-featured { grid-column: auto; min-height: 0; }
}

@media (max-width: 600px) {
  .recommendation-heading h2 { font-size: clamp(1.85rem, 9.5vw, 2.7rem); }
  .recommendation-heading > p:last-child { font-size: .91rem; }
  .linkedin-trust-card { padding: 15px; border-radius: 17px; }
  .linkedin-mark { flex-basis: 44px; width: 44px; height: 44px; }
  .recommendation-main-cta { width: 100%; }
  .testimonial-card { padding: 21px; border-radius: 20px; }
  .testimonial-person { grid-template-columns: auto minmax(0, 1fr); }
  .testimonial-linkedin { position: absolute; top: 19px; right: 19px; }
  .testimonial-identity { padding-right: 34px; }
  .testimonial-card blockquote { -webkit-line-clamp: 7; }
  .testimonial-actions { align-items: flex-start; flex-direction: column; }
  .recommendation-source-note { grid-template-columns: 28px minmax(0, 1fr); padding: 15px; }
  .testimonial-modal { align-items: end; padding: 0; }
  .testimonial-modal-card {
    width: 100%;
    max-height: 91dvh;
    padding: 22px 18px calc(22px + env(safe-area-inset-bottom));
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 25px 25px 0 0;
    transform: translateY(32px);
  }
  .testimonial-modal-person { align-items: flex-start; }
  .testimonial-modal-avatar { width: 49px; height: 49px; border-radius: 14px; }
  .testimonial-modal-actions { align-items: stretch; flex-direction: column; }
  .testimonial-modal-actions .btn { width: 100%; }
}

@media (max-width: 360px) {
  .testimonial-card,
  .linkedin-trust-card,
  .recommendation-source-note { padding-left: 16px; padding-right: 16px; }
  .testimonial-identity p { -webkit-line-clamp: 3; }
}

@media (max-height: 520px) and (orientation: landscape) {
  .testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .testimonial-card-featured { grid-column: auto; }
  .testimonial-modal-card { max-height: 94dvh; }
}

@media (hover: none) {
  .testimonial-card:hover,
  .contact-recommendations:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .testimonial-modal,
  .testimonial-modal-card,
  .testimonial-card { transition: none; }
}