/* Section 4: proportions, glass and SVG systems taken from the approved reference. */
#metodo.impact{--impact-gap:clamp(20px,1.8vw,32px);position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding:48px 5.45% clamp(44px,3.9vw,68px);background:#02070c;color:#f2faff}
#metodo .impact-scenery{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
#metodo .impact-scenery img{position:absolute;left:-4%;top:-4.8%;width:108%;height:108%;object-fit:cover;object-position:50% 50%;opacity:.82}
#metodo .impact-scenery::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02070c94 0%,#02070c21 44%,#02070c0d 56%,#02070c8c 100%),linear-gradient(180deg,#02070c12 0%,#02070c20 26%,#02070c55 72%,#02070cb3 100%)}
#metodo::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 61%,#2581a510,transparent 66%)}
#metodo .impact-inner{max-width:1680px;margin-inline:auto}
#metodo .impact-heading{position:relative;z-index:1;margin:0 0 48px;max-width:1000px;padding-left:0}
#metodo #impact-title{display:block;position:relative;margin:0;color:#f5fbff;filter:none;text-shadow:none;transform:none;font-synthesis:none;font-weight:700;font-size:clamp(54px,5.05vw,88px);line-height:1.08;letter-spacing:-.055em}
#metodo #impact-title>span{padding-inline-end:.14em;margin-inline-end:-.14em;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#9ce9fa;background:linear-gradient(110deg,#e6f2ff,#a6cef3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:none;text-shadow:none}
#metodo .impact-system{position:relative;margin-inline:auto}
#metodo .impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,1.45vw,26px) var(--impact-gap);position:relative}
#metodo .impact-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:clamp(213.97px,14.4141vw,268.71px);padding:24.88px 32px 31.52px;border:1px solid #a3e6ffb8;border-radius:19px;background:radial-gradient(ellipse at 102% 104%,#24789a45,transparent 58%),linear-gradient(122deg,#b8eaff0b,transparent 32%,transparent 75%,#b8eaff08),linear-gradient(110deg,#07131fe8,#020a11ed 64%,#061520db);box-shadow:inset 0 1px 0 #d9f8ff3d,inset 0 -1px 0 #85d9f83b,inset 0 0 16px #71dbff00,0 0 0 1px #93e6ff00,0 0 20px #50c9ff0a,0 0 38px #3ebaff00,0 10px 30px #0006;backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%);transition:transform .65s cubic-bezier(.2,.75,.2,1),border-color .28s ease-out,box-shadow .45s ease-out,opacity .8s ease}
#metodo .impact-card::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 0 0,#b7e7ff14,transparent 38%),linear-gradient(172deg,#c8ecff0b,transparent 19%)}
#metodo .impact-card::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 12%,#d5f4ff09 24%,transparent 38%);opacity:.35;transition:opacity .3s ease-out}
#metodo .impact-card--large{grid-column:span 2;min-height:clamp(232.22px,14.8288vw,276.18px);padding:24.5px 38px 29.5px}
#metodo .impact-card--large::before{background:radial-gradient(ellipse at 100% 0,#bcecff30,transparent 42%),radial-gradient(ellipse at 0 0,#c2edff1f,transparent 28%),linear-gradient(174deg,#d5f3ff12,transparent 21%)}
#metodo .impact-category{display:flex;align-items:center;gap:12px;position:relative;z-index:1;margin:0 0 19px;font-size:clamp(10px,.75vw,13px);font-weight:400;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#e0edf6}
#metodo .impact-category i{position:relative;width:8px;height:8px;flex:none;border:1px solid #6babc080;border-radius:50%;background:#13394a33;box-shadow:0 0 5px #a3f0ff00,0 0 12px #65d6ff00,0 0 20px #38bfff00;transition:background-color .35s ease-out,border-color .28s ease-out,box-shadow .45s ease-out}
/* Only the hovered card lights its status point and emits a ring every two seconds. */
#metodo .impact-category i::after{content:'';position:absolute;inset:-2px;border:1px solid #91e3ff;border-radius:50%;box-shadow:0 0 4px #65d6ff26;pointer-events:none;opacity:0}
@keyframes impact-dot-pulse{
 0%{transform:scale(.72);opacity:0}
 9%{transform:scale(.9);opacity:.6}
 36%,100%{transform:scale(1.75);opacity:0}
}
#metodo .impact-value{position:relative;z-index:1;margin:0 0 4px;white-space:nowrap;font-size:clamp(62px,5.5vw,102px);line-height:1.02;font-weight:700;letter-spacing:-.065em;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #87d9ff22;color:#f7fcff}
#metodo .impact-card--large .impact-value{font-size:clamp(90px,8.05vw,146px);line-height:1.03;margin-bottom:6px}
#metodo .impact-suffix{font-size:.75em;letter-spacing:-.045em;margin-left:.045em}
#metodo .impact-card--automation .impact-suffix,#metodo .impact-card--ecosystem .impact-suffix{font-size:.8em;margin-left:.015em}
#metodo .impact-card--availability .impact-suffix{font-size:1em;margin-left:0}
#metodo .impact-description{font-weight:700;position:relative;z-index:1;max-width:210px;margin:0;font-size:clamp(13px,.86vw,15px);line-height:1.45;letter-spacing:-.025em;color:#e4eef5;text-wrap:pretty}
#metodo .impact-card--large .impact-description{max-width:280px;font-size:clamp(16px,1.13vw,20px);line-height:1.25}
#metodo .impact-card--productivity .impact-description{max-width:255px}
#metodo .impact-card--ecosystem .impact-description,#metodo .impact-card--availability .impact-description{max-width:none}
/* Every light, junction, loop and route is native vector geometry. */
#metodo .impact-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:hidden;fill:none;stroke-width:.72;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#metodo .impact-art path,#metodo .impact-art rect{vector-effect:non-scaling-stroke}
/* Four evenly spaced bars share one baseline; the chart stays clear of the copy. */
#metodo .impact-art--productivity{inset:auto 30px 32px auto;width:43%;max-width:330px;height:auto;aspect-ratio:286/210}
@media(max-width:700px){#metodo .impact-art--productivity{right:24px;bottom:24px;opacity:.82}}
/* A soft light band rises inside the bars while this card is hovered. */
#metodo .impact-productivity-light{opacity:0;transition:opacity .4s ease-in-out}
#metodo .impact-productivity-rise{animation:impact-productivity-rise 2.8s cubic-bezier(.3,.05,.25,1) infinite;animation-play-state:paused}
@keyframes impact-productivity-rise{0%{transform:translateY(0)}90%,100%{transform:translateY(-300px)}}
@media(hover:hover) and (pointer:fine){
 #metodo .impact-card--productivity:hover .impact-productivity-light{opacity:.7}
 #metodo .impact-card--productivity:hover .impact-productivity-rise{animation-play-state:running}
}
@media(prefers-reduced-motion:reduce){#metodo .impact-productivity-light{transition:none!important;opacity:0!important}#metodo .impact-productivity-rise{animation:none!important}}
/* A feathered energy wave reveals the original curves only during hover.
   Pausing the sweep on exit lets the light dissolve without a position jump. */
#metodo .impact-energy{opacity:0;transition:opacity .38s ease-in-out}
#metodo .impact-energy-sweep{animation:impact-energy-run 2s cubic-bezier(.32,0,.28,1) infinite;animation-play-state:paused}
@keyframes impact-energy-run{
 0%{transform:translateX(0)}
 92%,100%{transform:translateX(650px)}
}
@media(hover:hover) and (pointer:fine){
 #metodo .impact-card:hover .impact-energy-trail{opacity:.16}
 #metodo .impact-card:hover .impact-energy-core{opacity:.58}
 #metodo .impact-card:hover .impact-energy-sweep{animation-play-state:running}
}
/* One edge pulse on entry, then a restrained light cycle while the pointer stays. */
@keyframes impact-edge-pulse{
 0%,100%{box-shadow:inset 0 0 0 1px #c6f6ff00,inset 0 0 20px #67d9ff00}
 28%{box-shadow:inset 0 0 0 1px #c6f6ff85,inset 0 0 20px #67d9ff30}
}
@keyframes impact-border-cycle{
 0%,100%{border-color:#c0f0ff;box-shadow:inset 0 1px 0 #edfcff94,inset 0 -1px 0 #a3edff80,inset 0 0 16px #71dbff1c,0 0 0 1px #93e6ff30,0 0 20px #53d2ff48,0 0 38px #3ebaff1c,0 10px 30px #0006}
 50%{border-color:#e5fbff;box-shadow:inset 0 1px 0 #edfcffb3,inset 0 -1px 0 #a3edff99,inset 0 0 20px #71dbff24,0 0 0 1px #93e6ff66,0 0 24px #53d2ff88,0 0 48px #3ebaff38,0 10px 30px #0006}
}
@media(hover:hover) and (pointer:fine){
 #metodo .impact-card:hover{transform:translateY(-5px);animation:impact-border-cycle 2.4s ease-in-out infinite;border-color:#d0f6ff;box-shadow:inset 0 1px 0 #edfcff94,inset 0 -1px 0 #a3edff80,inset 0 0 16px #71dbff1c,0 0 0 1px #93e6ff30,0 0 20px #53d2ff48,0 0 38px #3ebaff1c,0 10px 30px #0006}
 #metodo .impact-card:hover::after{opacity:1;animation:impact-edge-pulse .85s cubic-bezier(.22,.61,.36,1) 1}
 #metodo .impact-card:hover .impact-category i{background:#b1f2ff;border-color:#edfcff;box-shadow:0 0 5px #c5f8ffef,0 0 13px #65d6ff99,0 0 22px #38bfff30}
 #metodo .impact-card:hover .impact-category i::after{animation:impact-dot-pulse 2s cubic-bezier(.22,.61,.36,1) infinite}
}
#metodo.impact-motion .impact-card:not(.is-visible){opacity:0;transform:translateY(22px)}
/* Equal clear space above and below the title; retain the card positions. */
@media(min-width:1051px){
 #metodo.impact{padding-top:122px}
 #metodo .impact-heading{top:-49px;margin-bottom:24px}
}
@media(min-width:1051px) and (max-width:1250px){
 #metodo.impact{padding-inline:7% 4.5%}
 #metodo .impact-card{padding:21.56px 22px 28.2px}
 #metodo .impact-card--large{padding:22.25px 30px 27.38px}
 #metodo .impact-category{gap:9px;letter-spacing:.09em}
 #metodo .impact-description{font-size:13px}
}
@media(min-width:701px) and (max-width:1050px){
 #metodo.impact{padding:64px 6% 56px 9%}
 #metodo .impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #metodo .impact-card--large{grid-column:span 1;min-height:241.11px;padding:23.94px 24px 29.07px}
 #metodo .impact-card{min-height:234.27px;padding:23.94px 24px 29.07px}
 #metodo .impact-category{font-size:11px;letter-spacing:.09em;gap:10px}
 #metodo .impact-value{font-size:clamp(62px,8.5vw,86px)}
 #metodo .impact-card--large .impact-value{font-size:clamp(51px,6.9vw,73px);margin-top:10px;margin-bottom:22px}
 #metodo .impact-card--large .impact-description{font-size:16px}
}
@media(max-width:700px){
 #metodo.impact{padding:80px 22px 44px;min-height:0}
 #metodo .impact-scenery img{height:1060px;object-position:50% 0;opacity:.64}
 #metodo .impact-scenery::after{background:linear-gradient(90deg,#02070c66,#02070c22),linear-gradient(180deg,#02070c12,transparent 300px,#02070c 1080px)}
 #metodo .impact-heading{max-width:460px;margin-inline:auto;padding-left:0;margin-bottom:48px}
 #metodo #impact-title{font-size:clamp(39px,7.2vw,51px)}
 #metodo .impact-grid{grid-template-columns:1fr;gap:20px;max-width:460px;margin-inline:auto}
 #metodo .impact-card,#metodo .impact-card--large{grid-column:auto;min-height:242.82px;padding:23.94px 28px 29.07px;border-radius:18px}
 #metodo .impact-category{font-size:11px;letter-spacing:.1em;margin-bottom:20.9px;gap:10px}
 #metodo .impact-value{font-size:clamp(74px,20vw,96px)}
 #metodo .impact-card--large .impact-value{font-size:clamp(56px,15.4vw,86px);margin-top:9px;margin-bottom:18px}
 #metodo .impact-description{font-size:14px}
 #metodo .impact-card--large .impact-description{font-size:17px;max-width:240px}
}
@media(max-width:359px){#metodo.impact{padding-inline:18px}#metodo .impact-card,#metodo .impact-card--large{padding-inline:22px}#metodo .impact-card--large .impact-value{font-size:52px}#metodo .impact-category{font-size:10px}}
@media(prefers-reduced-motion:reduce){#metodo .impact-card,#metodo .impact-art,#metodo .impact-card::after,#metodo .impact-category i,#metodo .impact-category i::after{transition:none!important;animation:none!important;transform:none!important}#metodo.impact-motion .impact-card:not(.is-visible){opacity:1}}

@media(prefers-reduced-motion:reduce){#metodo .impact-energy{transition:none!important;opacity:0!important}#metodo .impact-energy-sweep{animation:none!important}}

#metodo .impact-heading{text-align:left}
@media(min-width:701px) and (max-width:1050px){#metodo .impact-heading{top:-8px}}
@media(max-width:700px){#metodo .impact-heading{top:-16px}}