@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--primary:#0B3D3E;--accent:#0E6B6F;--accent-d:#0a5558;--bg:#fff;--soft:#f2f6f6;--text:#333;--muted:#5d6b6b;--line:#dbe4e4;--max:1140px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--accent)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px;top:8px}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}
.logo img{height:46px;width:auto}
.logo-text{font-weight:800;font-size:1.25rem;color:var(--primary);text-decoration:none;letter-spacing:.02em}
.nav{display:flex;gap:6px;align-items:center}
.nav a{color:var(--primary);text-decoration:none;font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;border-radius:999px;transition:background .15s,color .15s}
.nav a:hover,.nav a[aria-current=page]{background:var(--soft);color:var(--accent)}
.nav a.cta{background:var(--accent);color:#fff}
.nav a.cta:hover{background:var(--accent-d);color:#fff}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit;font-weight:700;color:var(--primary);cursor:pointer}

/* buttons */
.btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:700;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border:2px solid var(--accent);transition:all .15s;cursor:pointer;font-family:inherit}
.btn-solid{background:var(--accent);color:#fff}
.btn-solid:hover{background:var(--accent-d);border-color:var(--accent-d)}
.btn-outline{background:transparent;color:var(--accent)}
.btn-outline:hover{background:var(--accent);color:#fff}
.btn-light{background:#fff;color:var(--primary);border-color:#fff}
.btn-light:hover{background:transparent;color:#fff}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-ghost:hover{background:#fff;color:var(--primary)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* hero */
.hero{background:linear-gradient(135deg,var(--primary) 0%,#0a4d50 60%,var(--accent) 100%);color:#fff;padding:96px 0 88px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-80px;width:520px;height:520px;background:rgba(255,255,255,.05);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.15;font-weight:800;max-width:760px}
.hero p.lead{font-size:1.15rem;max-width:640px;margin-top:20px;opacity:.95}
.page-hero{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:64px 0}
.page-hero h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;line-height:1.2}
.page-hero p{margin-top:14px;max-width:720px;font-size:1.08rem;opacity:.95}

/* sections */
section{padding:72px 0}
.alt{background:var(--soft)}
h2{font-size:clamp(1.5rem,2.8vw,2rem);color:var(--primary);line-height:1.25;margin-bottom:18px;font-weight:800}
h3{color:var(--primary);font-size:1.2rem;margin-bottom:10px;font-weight:700}
p+p{margin-top:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split.rev .media{order:2}
.media{min-height:300px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent)) center/cover no-repeat;position:relative;overflow:hidden}
.media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,61,62,.15),transparent)}
.checks{list-style:none;margin-top:6px}
.checks li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--line);font-weight:600;color:var(--primary)}
.checks li::before{content:"";position:absolute;left:0;top:17px;width:18px;height:18px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.checks.plain li{font-weight:400;color:var(--text)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 10px 28px rgba(11,61,62,.12);transform:translateY(-2px)}
.card p{color:var(--muted);font-size:.96rem}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}
.tags span{background:#fff;border:1px solid var(--line);color:var(--primary);font-weight:700;font-size:.78rem;letter-spacing:.05em;padding:9px 16px;border-radius:999px}
a.tags-link{text-decoration:none}
.band{background:var(--primary);color:#fff;text-align:center;padding:64px 0}
.band h2{color:#fff}
.band p{max-width:640px;margin:0 auto;opacity:.92}
.band .btn-row{justify-content:center}
.note-ai{font-size:.8rem;color:var(--muted);margin-top:14px}

/* form */
.form-box{max-width:680px}
.form-box label{display:block;font-weight:600;font-size:.88rem;color:var(--primary);margin:18px 0 6px}
.form-box input[type=text],.form-box input[type=email],.form-box textarea{width:100%;padding:13px 15px;border:1px solid #b9c8c8;border-radius:10px;font:inherit;background:#fff}
.form-box input:focus,.form-box textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.form-box textarea{min-height:150px;resize:vertical}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:.88rem;color:var(--muted)}
.consent input{margin-top:4px;accent-color:var(--accent)}
.form-box button{margin-top:24px}
.hp{position:absolute;left:-9999px}
.contact-data{display:flex;flex-wrap:wrap;gap:28px;margin:24px 0 8px}
.contact-data div{font-size:.95rem}
.contact-data strong{display:block;color:var(--primary);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}
.ok{background:#e6f4ee;border:1px solid #9fd3bb;border-radius:10px;padding:16px 18px;color:#14573b;font-weight:600}

/* legal */
.legal dl{max-width:760px}
.legal dt{font-weight:700;color:var(--primary);margin-top:22px}
.legal dd{margin-top:4px}
.legal h2{font-size:1.15rem;margin:30px 0 8px}
.legal .body{max-width:760px}

/* footer */
.site-footer{background:#082c2d;color:#c9dada;padding:48px 0 30px;font-size:.9rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.foot h4{color:#fff;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.foot li{list-style:none;margin:6px 0}
.legal-line{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:20px;font-size:.8rem;opacity:.85}
.wa-float{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60;text-decoration:none}
.wa-float svg{width:30px;height:30px;fill:#fff}

@media(max-width:860px){
 .menu-btn{display:block}
 .nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 20px 18px;gap:2px}
 .nav.open{display:flex}
 .nav a{padding:13px 14px}
 .split{grid-template-columns:1fr;gap:28px}
 .split.rev .media{order:0}
 .grid3{grid-template-columns:1fr}
 .foot{grid-template-columns:1fr}
 section{padding:52px 0}
 .hero{padding:68px 0 60px}
}
.form-box label.consent{font-weight:400;color:var(--muted);margin-top:20px;display:flex}
.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media{background:linear-gradient(135deg,#0B3D3E,#0E6B6F)}
.media.contain img{object-fit:contain}
.media.contain::after{display:none}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:30px;width:auto}
.logo small{font-weight:700;font-size:.7rem;letter-spacing:.34em;color:var(--accent);padding-left:2px;border-left:2px solid var(--line);padding-left:12px;line-height:1}

/* ===== portada impactante ===== */
.hero{min-height:min(86vh,760px);display:flex;align-items:center;padding:110px 0 100px;background:#082c2d}
.hero::after{display:none}
.hero-bg{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,44,45,.94) 0%,rgba(11,61,62,.82) 42%,rgba(14,107,111,.38) 100%),url(/img/ingenieria-banner.webp) center 45%/cover;transform-origin:60% 50%;animation:kb 28s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.09)}}
.eyebrow{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:#7fd6d9;margin-bottom:18px;padding-left:14px;border-left:3px solid #7fd6d9}
.hero h1{font-size:clamp(2.2rem,5.4vw,4rem);letter-spacing:-.01em}
.hero .eyebrow,.hero h1,.hero .lead,.hero .btn-row,.hero .scroll-hint{opacity:0;animation:up .8s cubic-bezier(.2,.7,.2,1) forwards}
.hero .eyebrow{animation-delay:.05s}.hero h1{animation-delay:.18s}.hero .lead{animation-delay:.34s}.hero .btn-row{animation-delay:.5s}.hero .scroll-hint{animation-delay:.8s}
@keyframes up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.scroll-hint{display:inline-block;margin-top:42px;color:#fff;text-decoration:none;font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.scroll-hint span{display:inline-block;margin-left:8px;animation:bob 1.6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(6px)}}

/* ===== mapa interactivo ===== */
.plant-sec{background:var(--soft);padding:84px 0}
.plant-head{max-width:720px;margin-bottom:30px}
.plant-head p{color:var(--muted);font-size:1.05rem}
.plant-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;align-items:start}
.plant{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(8,44,45,.22);background:#0B3D3E;line-height:0}
.plant img{width:100%;height:auto;display:block}
.plant::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,44,45,.28),transparent 40%);pointer-events:none}
.pin{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:10px;line-height:1;font-family:inherit}
.pin-dot{position:relative;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--accent);box-shadow:0 2px 10px rgba(0,0,0,.35);transition:transform .2s,background .2s}
.pin-dot::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.85);animation:ping 2.2s ease-out infinite}
@keyframes ping{0%{transform:scale(.55);opacity:1}100%{transform:scale(1.7);opacity:0}}
.pin-label{background:rgba(8,44,45,.88);color:#fff;font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:999px;white-space:nowrap;transition:background .2s}
.pin:hover .pin-dot,.pin:focus-visible .pin-dot{transform:scale(1.2)}
.pin:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:999px}
.pin.on .pin-dot{background:var(--accent);border-color:#fff}
.pin.on .pin-dot::after{border-color:#7fd6d9}
.pin.on .pin-label{background:var(--accent)}
.zone-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;min-height:360px;box-shadow:0 10px 30px rgba(8,44,45,.08)}
.zone h3{font-size:1.45rem;margin-bottom:10px}
.zone>p{color:var(--muted)}
.zone[hidden]{display:none}
.zone:not([hidden]){animation:zin .35s ease both}
@keyframes zin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.chips span{background:var(--soft);color:var(--primary);font-weight:700;font-size:.74rem;letter-spacing:.05em;padding:7px 13px;border-radius:999px}
.zimgs{display:flex;gap:12px;margin-bottom:6px}
.zimgs img{flex:1;min-width:0;height:110px;object-fit:cover;border-radius:10px;background:#fff}
.zone .btn-row{margin-top:20px}
.zone .btn{padding:11px 20px}
html:not(.js) .zone{margin-bottom:34px}

/* ===== aparición al hacer scroll ===== */
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal .media{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal:not(.in) .media{transform:scale(.96)}
.media img{transition:transform .8s ease}
.media:hover img{transform:scale(1.04)}

@media(max-width:900px){
 .plant-grid{grid-template-columns:1fr}
 .pin-label{display:none}
 .pin-dot{width:24px;height:24px}
 .hero{padding:84px 0 72px;min-height:auto}
 .plant-sec{padding:56px 0}
}
@media(prefers-reduced-motion:reduce){
 .hero-bg,.pin-dot::after,.scroll-hint span{animation:none}
 .hero .eyebrow,.hero h1,.hero .lead,.hero .btn-row,.hero .scroll-hint{opacity:1;animation:none}
 .js .reveal{opacity:1;transform:none;transition:none}
}
/* anclaje: el punto queda exactamente en la coordenada; el rótulo cuelga a un lado */
.pin{padding:12px}
.pin-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:2px}
.pin.pin-b .pin-label{left:50%;top:100%;transform:translateX(-18px);margin:2px 0 0}
/* cabecera con foto en páginas interiores */
.page-hero.photo{min-height:clamp(300px,42vw,460px);display:flex;align-items:center;background:linear-gradient(100deg,rgba(8,44,45,.9) 0%,rgba(8,44,45,.6) 45%,rgba(8,44,45,.05) 100%),var(--bg) center 40%/cover}
.page-hero.photo h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.page-hero.photo .wrap{width:100%}
@media(max-width:700px){.page-hero.photo{background:linear-gradient(0deg,rgba(8,44,45,.88),rgba(8,44,45,.35)),var(--bg) 62% center/cover}}

/* hero topográfico interactivo */
.hero-topo{background:radial-gradient(120% 90% at 70% 40%,#0c4a4c 0%,#082c2d 55%,#061f20 100%);min-height:min(92vh,820px);padding:120px 0 110px;cursor:crosshair}
.hero-topo #topo{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,31,32,.82) 0%,rgba(6,31,32,.35) 46%,rgba(6,31,32,0) 70%)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;width:100%;pointer-events:none}
.hero-inner a,.hero-inner .btn{pointer-events:auto}
.hero-logo{width:100%;max-width:560px;justify-self:end;overflow:visible}
.hero-logo .lg-line{fill:none;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.6s cubic-bezier(.65,0,.25,1) .3s forwards;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgba(120,220,222,.35))}
.hero-logo .lg-teal{fill:#3fb8bd;opacity:0;animation:fadein .9s ease 2.4s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadein{to{opacity:1}}
.readout{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:28px;font:600 .72rem/1 Montserrat,sans-serif;letter-spacing:.14em;color:rgba(190,235,236,.7);pointer-events:none;z-index:1}
.readout b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;margin-left:6px}
.hero-topo .scroll-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:52px;margin:0;z-index:1}
@media(max-width:860px){
.hero-topo{padding:84px 0 120px;min-height:auto;cursor:auto}
.hero-inner{grid-template-columns:1fr;gap:28px}
.hero-logo{order:-1;max-width:300px;justify-self:start}
.hero-fade{background:linear-gradient(0deg,rgba(6,31,32,.7),rgba(6,31,32,.15))}
.readout{gap:16px;font-size:.62rem}
.hero-topo .scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.hero-logo .lg-line{animation:none;stroke-dashoffset:0}.hero-logo .lg-teal{animation:none;opacity:1}}
.hero-topo .scroll-hint{display:none}

/* equipo interactivo (hidrociclón) */
.eq-sec{background:radial-gradient(120% 90% at 75% 30%,#0c4a4c 0%,#082c2d 60%,#061f20 100%);color:#fff;padding:72px 0}
.eq{--sand:#e9d5a1;--teal:#3fb8bd;--mut:rgba(255,255,255,.75);--card:rgba(255,255,255,.07);--line:rgba(255,255,255,.18);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:center}
.eq .eq-txt h2{color:#fff;font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.15;font-weight:800;margin:0}
.eq .eq-txt p{color:var(--mut);margin-top:16px;max-width:520px}
.eq .eq-txt .tip{display:inline-block;margin-top:18px;border-left:3px solid var(--sand);padding-left:12px;font-weight:700;letter-spacing:.14em;font-size:.74rem;text-transform:uppercase;color:var(--sand)}
.eq .lab{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.eq .cy{position:relative;width:min(100%,380px);aspect-ratio:360/620;touch-action:pan-y}
.eq .cy>svg,.eq .cy>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.eq .cy canvas{pointer-events:none}
.eq .hpin{cursor:pointer;outline:none}
.eq .hpin circle.dot{fill:var(--sand);stroke:#06292a;stroke-width:2}
.eq .hpin text{font:800 11px Montserrat,system-ui,sans-serif;fill:#06292a;pointer-events:none}
.eq .hpin .ring{fill:none;stroke:var(--sand);stroke-width:1.5;opacity:.7;transform-box:fill-box;transform-origin:center;animation:ping 2.4s ease-out infinite}
.eq .hpin:focus-visible .dot,.eq .hpin.on .dot{fill:#fff}
@keyframes ping{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.eq .hhl{fill:rgba(233,213,161,.16);stroke:var(--sand);stroke-width:1.5;stroke-dasharray:5 4;opacity:0;transition:opacity .25s;pointer-events:none}
.eq .hhl.on{opacity:1}
.eq .cap{font:700 10px Montserrat,system-ui,sans-serif;letter-spacing:.14em;fill:rgba(233,213,161,.85);text-transform:uppercase}
.eq .ctl{width:min(100%,380px);display:flex;flex-direction:column;gap:6px}
.eq .ctl label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sand);display:flex;justify-content:space-between}
.eq input[type=range]{width:100%;accent-color:var(--sand);height:28px}
.eq .card{width:min(100%,380px);min-height:112px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.eq .card h2{margin:0;font-size:1rem;font-weight:800;display:flex;align-items:center;gap:10px}
.eq .card h2 i{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sand);color:#06292a;font-size:.72rem}
.eq .card p{margin:8px 0 0;font-size:.9rem;line-height:1.55;color:var(--mut)}
.eq .hpin .ring{animation:none}
.eq .ctl label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sand);display:flex;justify-content:space-between}
.eq .card h2{margin:0;font-size:1rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}
.eq .card h2 i{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sand);color:#06292a;font-size:.72rem}
.eq .card p{margin:8px 0 0;font-size:.9rem;line-height:1.55;color:var(--mut)}
@media(max-width:860px){.eq-sec{padding:48px 0}.eq{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(prefers-reduced-motion:reduce){.eq .hpin .ring{animation:none}}