:root{--bg:#f4f6f9;--bg2:#e9edf3;--fg:#152030;--muted:#55606e;--accent:#2b4a6e;--accent2:#e8742a;--on-accent:#fff;--on-accent2:#fff;--card:#fff;--line:rgba(21,32,48,.12);--fh:"Archivo",system-ui,sans-serif;--fb:"Inter",system-ui,sans-serif;--r:18px;--btnr:999px;--hh:0px;--sw:288px}
h1,h2,h3{font-weight:400}h3{font-family:var(--fb);font-weight:700;font-size:1.12rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shell{display:grid;grid-template-columns:var(--sw) minmax(0,1fr)}
.side{position:sticky;top:0;height:100vh;height:100dvh;overflow:auto;background:#1b2531;color:#e6ebf2;display:flex;flex-direction:column;padding:28px 20px 22px;gap:26px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font:400 1.35rem/1.05 var(--fh)}
.brand small{display:block;font:600 11.5px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:4px}
.brand .mk{width:44px;height:44px;flex:none}
.snav{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.snav a{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#d2dae5;text-decoration:none;font-weight:600;transition:background .3s,color .3s}
.snav a svg{width:20px;height:20px;flex:none;opacity:.8}
.snav a::before{content:"";position:absolute;left:-20px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--accent2);transform:scaleY(0);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.snav a:hover{background:rgba(255,255,255,.07);color:#fff}
.snav a.on{background:rgba(255,255,255,.11);color:#fff}.snav a.on::before{transform:none}
.side-foot{margin-top:auto;display:grid;gap:12px}
.side .open{background:rgba(143,206,150,.16);color:#bfe8c4}
.side .open.closed{background:rgba(232,140,110,.16);color:#f3c2b0}
.callbtn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;background:var(--accent2);color:#fff;font-weight:800;text-decoration:none}
.callbtn svg{width:18px;height:18px}
.addr{font-size:13.5px;opacity:.7;margin:0}
.content{min-width:0}
.content>section,.foot{padding-inline:clamp(22px,5vw,72px)}
.hero{min-height:calc(100vh - 40px);display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-block:60px;background:radial-gradient(circle at 85% 20%,#e2e8f0,transparent 55%)}
.hero h1{font-size:clamp(2.8rem,5.6vw,5rem);line-height:1}.hero h1 em{color:var(--accent2)}
.row{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 30px}
.facts{list-style:none;margin:0;padding:0;display:flex;gap:28px;flex-wrap:wrap}
.facts b{display:block;font:400 1.6rem/1 var(--fh);color:var(--accent)}.facts span{font-size:14px;color:var(--muted)}
.figure{width:100%;max-width:480px;margin-inline:auto}
.blob{transform-origin:center;animation:breathe 7s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.035)}}
.lv{transform-box:fill-box;transform-origin:center;animation:sway 6s ease-in-out infinite}.l2{animation-delay:-2s}.l3{animation-delay:-4s}
@keyframes sway{50%{transform:rotate(8deg) translateY(-6px)}}
.arm{transform-origin:214px 150px;animation:reach 5s ease-in-out infinite}
@keyframes reach{50%{transform:rotate(-7deg)}}
.sec{padding-block:96px}.sec.alt{background:var(--bg2)}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.t{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:transform .35s,box-shadow .35s}
.t:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(21,32,48,.45)}
.ti{width:46px;height:46px;border-radius:50%;background:#e2e8f0;color:var(--accent);display:grid;place-items:center;margin-bottom:14px}.ti svg{width:22px;height:22px}
.t p{color:var(--muted);margin:0;font-size:15.5px}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.p{margin:0;text-align:center}.p svg{width:150px;height:150px;margin:0 auto 14px;transition:transform .5s}.p:hover svg{transform:rotate(-4deg) scale(1.04)}
.p b{display:block;font:400 1.35rem var(--fh)}.p span{color:var(--muted);font-size:15px}
.note,.fine{font-size:13.5px;color:var(--muted);margin-top:22px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-width:760px;counter-reset:s}
.steps li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.steps .n{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font:400 1.4rem var(--fh)}
.steps p{margin:0;color:var(--muted)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ptable{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.ptable th{text-align:left;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:14px 18px;background:#eef1f6}
.ptable td{padding:15px 18px;border-top:1px solid var(--line)}.ptable td:last-child,.ptable th:last-child{text-align:right;font-weight:800}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 24px 50px -36px rgba(21,32,48,.5)}
.card .ok{margin-top:14px}
.foot{background:#1b2531;color:#d2dae5;padding-block:48px 28px;font-size:15px}.foot .brand{margin-bottom:10px}
.foot .base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);opacity:.75;font-size:13.5px}.foot a{color:inherit}
.topbar{display:none}
@media(max-width:1100px){.tgrid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-art{order:-1;max-width:250px;margin-inline:auto}}
@media(max-width:900px){
 html{scroll-padding-top:70px}
 .shell{display:block}
 .topbar{display:flex;position:sticky;top:0;z-index:40;align-items:center;justify-content:space-between;padding:10px 18px;background:#1b2531;color:#e6ebf2}
 .topbar .brand{font-size:1.15rem}.topbar .brand .mk{width:38px;height:38px}
 .burger-s{width:46px;height:46px;border:0;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-content:center;gap:5px;cursor:pointer}
 .burger-s span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
 .burger-s[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-s[aria-expanded=true] span:nth-child(2){opacity:0}.burger-s[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .side{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);z-index:62;transform:translateX(-102%);transition:transform .4s cubic-bezier(.2,.7,.2,1),visibility .4s;visibility:hidden}
 .side.is-open{transform:none;visibility:visible;box-shadow:20px 0 40px -20px rgba(0,0,0,.5)}
 .scrim{position:fixed;inset:0;background:rgba(10,16,26,.5);z-index:61}
 .hero{min-height:0;padding-block:40px 60px}
 .cols2{grid-template-columns:1fr;gap:36px}
 .team{grid-template-columns:1fr;gap:30px}
 .sec{padding-block:70px}
}
@media(max-width:600px){.tgrid{grid-template-columns:1fr}.ptable th,.ptable td{padding:12px}}
@media (prefers-reduced-motion:reduce){.side{transition:none}}

h1,h2{font-weight:800;letter-spacing:-.025em}.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.02}
.brand{font-weight:800}.facts b,.p b,.steps .n{font-weight:800}
.ticks{padding-left:0;list-style:none}.ticks li{padding-left:28px;position:relative;margin:8px 0}.ticks li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:3px solid var(--accent2);border-bottom:3px solid var(--accent2);transform:rotate(-45deg)}
.drop{animation:rain 1.4s linear infinite}@keyframes rain{from{transform:translateY(-20px);opacity:0}30%{opacity:1}to{transform:translateY(90px);opacity:0}}
.cloud{animation:drift 9s ease-in-out infinite}@keyframes drift{50%{transform:translateX(-18px)}}
.flow{animation:flow 1s ease-in infinite}@keyframes flow{from{transform:translateY(-6px);opacity:1}to{transform:translateY(14px);opacity:0}}
@media (prefers-reduced-motion:reduce){.drop,.cloud,.flow{animation:none}}