/* ===== GuardSystem landing — claro y elegante (ejecutivo) ===== */
:root{
  --ink:#0f1b33; --ink-2:#1e2d4d;
  --brand-700:#1d4ed8; --brand-600:#2563eb; --brand-500:#3b82f6; --brand-100:#dbeafe; --brand-50:#eff6ff;
  --green-600:#16a34a; --green-500:#22c55e; --wa:#25D366; --wa-dark:#128C7E;
  --paper:#ffffff; --paper-2:#f5f8fe; --paper-3:#eaf1fc;
  --line:#e4ebf5; --muted:#586a88; --text:#0f1b33;
  --radius:16px; --radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(15,27,51,.05), 0 6px 18px rgba(15,27,51,.05);
  --shadow:0 14px 40px rgba(15,27,51,.10);
  --shadow-blue:0 12px 30px rgba(37,99,235,.28);
  --maxw:1180px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; font-family:var(--font); color:var(--text); background:var(--paper); -webkit-font-smoothing:antialiased; line-height:1.6; overflow-x:hidden}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
.container{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 24px}

/* ===== Buttons ===== */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-weight:700; font-size:.95rem; padding:.72rem 1.3rem; border-radius:12px; border:1px solid transparent; cursor:pointer; transition:.18s ease; white-space:nowrap}
.btn--solid{background:var(--brand-600); color:#fff; box-shadow:var(--shadow-blue)}
.btn--solid:hover{background:var(--brand-700); transform:translateY(-1px)}
.btn--ghost{background:#fff; color:var(--ink); border-color:var(--line); box-shadow:var(--shadow-sm)}
.btn--ghost:hover{background:var(--paper-2); border-color:var(--brand-200, #c7dbfb); transform:translateY(-1px)}
.btn--white{background:#fff; color:var(--brand-700)}
.btn--white:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn--ghost-light{background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.45)}
.btn--ghost-light:hover{background:rgba(255,255,255,.2)}
.btn--wa, .btn--wa-sm{background:var(--wa); color:#fff}
.btn--wa:hover, .btn--wa-sm:hover{background:#1fb457; transform:translateY(-1px)}
.btn--wa-sm{padding:.55rem .9rem; font-size:.88rem; box-shadow:var(--shadow-sm)}
.btn--lg{padding:.95rem 1.8rem; font-size:1.03rem}
.btn--xl{padding:1.05rem 2.3rem; font-size:1.12rem; gap:.7rem}
.btn__wa{position:relative; width:20px; height:20px; display:inline-block; vertical-align:-4px}
.btn__wa::after{content:""; position:absolute; inset:0; background:currentColor; -webkit-mask:center/20px no-repeat; mask:center/20px no-repeat}
.btn__ico{position:relative; width:18px; height:18px; display:inline-block; vertical-align:-3px}
.btn__ico::after{content:""; position:absolute; inset:0; background:currentColor; -webkit-mask:center/18px no-repeat; mask:center/18px no-repeat}
.ic-login::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4'/%3E%3Cpath d='M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4'/%3E%3Cpath d='M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E")}

/* ===== NAV ===== */
.nav{position:fixed; top:0; left:0; right:0; z-index:50; background:rgba(255,255,255,.82); backdrop-filter:blur(14px) saturate(160%); border-bottom:1px solid transparent; transition:.3s ease}
.nav.scrolled{background:rgba(255,255,255,.96); border-bottom-color:var(--line); box-shadow:0 6px 24px rgba(15,27,51,.06)}
.nav__inner{display:flex; align-items:center; gap:1.4rem; height:70px}
.brand{display:flex; align-items:center; gap:.6rem}
.brand__emblem{height:42px; width:auto}
.brand__word{color:var(--ink); font-weight:800; font-size:1.32rem; letter-spacing:-.4px; line-height:1}
.brand__word span{color:var(--brand-600)}
.nav__links{display:flex; gap:1.6rem; margin-left:1rem; flex:1}
.nav__links a{color:var(--ink-2); font-weight:600; font-size:.95rem; transition:.15s; opacity:.82}
.nav__links a:hover{opacity:1; color:var(--brand-700)}
.nav__cta{display:flex; gap:.6rem; align-items:center}
.nav__burger{display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px}
.nav__burger span{width:24px; height:2px; background:var(--ink); border-radius:2px; transition:.25s}
.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger.open span:nth-child(2){opacity:0}
.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav__mobile{display:none; flex-direction:column; gap:.4rem; padding:1rem 24px 1.4rem; background:#fff; border-bottom:1px solid var(--line)}
.nav__mobile.open{display:flex}
.nav__mobile a:not(.btn){color:var(--ink-2); padding:.6rem 0; font-weight:600}
.nav__mobile .btn{margin-top:.3rem}

/* ===== HERO ===== */
.hero{position:relative; padding:150px 0 90px; overflow:hidden; background:linear-gradient(180deg,#fff 0%, var(--paper-2) 100%)}
.hero__decor{position:absolute; top:-180px; right:-160px; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle, rgba(37,99,235,.14), transparent 65%); filter:blur(20px)}
.hero__inner{position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center}
.pill{display:inline-flex; align-items:center; gap:.5rem; font-size:.82rem; font-weight:700; color:var(--brand-700); background:var(--brand-50); border:1px solid var(--brand-100); padding:.42rem .9rem; border-radius:999px; margin-bottom:1.4rem}
.pill .dot{width:8px; height:8px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.hero__title{font-size:clamp(2.3rem,4.8vw,3.6rem); line-height:1.07; font-weight:900; letter-spacing:-1.4px; color:var(--ink); margin:0 0 1.2rem}
.hl{color:var(--brand-600)}
.hero__sub{font-size:1.14rem; color:var(--muted); max-width:560px; margin:0 0 2rem}
.hero__sub strong{color:var(--ink); font-weight:600}
.hero__actions{display:flex; gap:.8rem; flex-wrap:wrap}
.hero__actions--center{justify-content:center}
.hero__trust{list-style:none; display:flex; gap:1.3rem; flex-wrap:wrap; padding:0; margin:1.8rem 0 0}
.hero__trust li{position:relative; padding-left:1.4rem; font-size:.88rem; font-weight:600; color:var(--ink-2)}
.hero__trust li::before{content:"✓"; position:absolute; left:0; color:var(--green-600); font-weight:900}

/* Hero panel mock */
.hero__visual{position:relative; display:flex; justify-content:center}
.panel{width:330px; background:#fff; border:1px solid var(--line); border-radius:22px; padding:16px; box-shadow:0 30px 70px rgba(15,27,51,.16)}
.panel__bar{display:flex; align-items:center; gap:.5rem; font-size:.82rem; font-weight:700; color:var(--ink-2); padding-bottom:12px; border-bottom:1px solid var(--line); margin-bottom:12px}
.panel__logo{height:22px; width:auto}
.panel__stats{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px}
.panel__stats .stat{background:var(--paper-2); border:1px solid var(--line); border-radius:12px; padding:.6rem; text-align:center}
.panel__stats .stat b{display:block; font-size:1.25rem; font-weight:900; color:var(--ink)}
.panel__stats .stat small{font-size:.7rem; color:var(--muted)}
.panel__stats .stat.ok b{color:var(--green-600)}
.rowx{display:flex; align-items:center; gap:.6rem; padding:.5rem .2rem}
.rowx + .rowx{border-top:1px solid var(--paper-3)}
.rowx b{display:block; font-size:.92rem; color:var(--ink)}
.rowx small{font-size:.76rem; color:var(--muted)}
.ck{flex:0 0 24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#e7f7ee; color:var(--green-600); font-weight:900; font-size:.8rem}
.cl{flex:0 0 24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--brand-50); color:var(--brand-600); font-size:1rem}
.panel__foot{display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding-top:12px; border-top:1px solid var(--line)}
.status-ok{font-size:.78rem; font-weight:800; color:var(--green-600); background:#e7f7ee; border-radius:999px; padding:.35rem .8rem}
.rep{font-size:.76rem; font-weight:700; color:var(--brand-700)}
.floatcard{position:absolute; background:#fff; border:1px solid var(--line); border-radius:14px; padding:.7rem .85rem; font-size:.78rem; line-height:1.25; color:var(--muted); box-shadow:var(--shadow); display:flex; align-items:center; gap:.5rem}
.floatcard b{color:var(--ink); display:block}
.floatcard--1{top:30px; left:-18px; animation:floaty 5s ease-in-out infinite}
.floatcard--2{bottom:44px; right:-18px; animation:floaty 6s ease-in-out infinite .8s}
.fc-ic{position:relative; width:26px; height:26px; flex:0 0 26px; border-radius:8px; background:var(--brand-50)}
.fc-ic::after{content:""; position:absolute; inset:0; background:var(--brand-600); -webkit-mask:center/16px no-repeat; mask:center/16px no-repeat}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ===== TRUST STRIP ===== */
.trust{background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.trust__inner{display:flex; justify-content:space-around; gap:1rem; flex-wrap:wrap; padding:22px 0}
.trust__item{display:flex; align-items:center; gap:.55rem; font-weight:700; font-size:.92rem; color:var(--ink-2)}
.trust__ic{position:relative; width:22px; height:22px; flex:0 0 22px}
.trust__ic::after{content:""; position:absolute; inset:0; background:var(--brand-600); -webkit-mask:center/22px no-repeat; mask:center/22px no-repeat}

/* ===== SECTIONS ===== */
.section{padding:90px 0}
.section--alt{background:var(--paper-2)}
.section__head{text-align:center; max-width:760px; margin:0 auto 54px}
.eyebrow{display:inline-block; font-size:.8rem; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--brand-600); margin-bottom:.7rem}
.h2{font-size:clamp(1.7rem,3.3vw,2.5rem); font-weight:900; letter-spacing:-.7px; line-height:1.13; color:var(--ink); margin:0 0 1rem}
.lead{font-size:1.08rem; color:var(--muted); margin:0 0 1rem}
.lead--center{text-align:center; max-width:640px; margin-left:auto; margin-right:auto}

/* ===== PROBLEMA ===== */
.pains{display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:900px; margin:0 auto}
.pain{display:flex; align-items:flex-start; gap:.8rem; background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.1rem 1.2rem; font-size:1rem; color:var(--ink-2); font-weight:500; box-shadow:var(--shadow-sm)}
.pain__x{flex:0 0 24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#fdeaea; color:#d64545; font-weight:900; font-size:.78rem; margin-top:1px}
.solve-line{text-align:center; font-size:1.25rem; font-weight:800; color:var(--ink); margin:2.4rem auto 0; max-width:720px}
.solve-line span{display:block; font-size:1rem; font-weight:600; color:var(--brand-600); margin-top:.3rem}

/* ===== BENEFICIOS ===== */
.benefits{display:grid; grid-template-columns:repeat(4,1fr); gap:22px}
.benefit{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.7rem 1.5rem; transition:.2s; box-shadow:var(--shadow-sm)}
.benefit:hover{transform:translateY(-4px); box-shadow:var(--shadow); border-color:#cfe0fb}
.benefit__ic{width:52px; height:52px; border-radius:14px; background:linear-gradient(140deg,var(--brand-600),var(--brand-500)); position:relative; box-shadow:var(--shadow-blue)}
.benefit__ic::after{content:""; position:absolute; inset:0; background:#fff; -webkit-mask:center/26px no-repeat; mask:center/26px no-repeat}
.benefit h3{font-size:1.12rem; margin:1rem 0 .4rem; color:var(--ink)}
.benefit p{margin:0; font-size:.94rem; color:var(--muted)}

/* ===== PLATAFORMA / MÓDULOS ===== */
.mods{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.mod{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.5rem; transition:.2s; box-shadow:var(--shadow-sm)}
.mod:hover{transform:translateY(-3px); box-shadow:var(--shadow)}
.mod__ic{width:46px; height:46px; border-radius:12px; display:block; background:var(--brand-50); position:relative; box-shadow:inset 0 0 0 1px var(--brand-100); margin-bottom:.9rem}
.mod__ic::after{content:""; position:absolute; inset:0; background:var(--brand-600); -webkit-mask:center/24px no-repeat; mask:center/24px no-repeat}
.mod b{display:block; font-size:1.05rem; margin-bottom:.25rem; color:var(--ink)}
.mod p{margin:0; font-size:.9rem; color:var(--muted)}

/* ===== INDUSTRIES ===== */
.industries{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:980px; margin:0 auto}
.ind{display:flex; align-items:center; gap:1rem; background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.1rem 1.3rem; box-shadow:var(--shadow-sm); transition:.18s}
.ind:hover{transform:translateY(-2px); box-shadow:var(--shadow); border-color:#cfe0fb}
.ind__ic{position:relative; flex:0 0 44px; height:44px; border-radius:12px; background:var(--brand-50); box-shadow:inset 0 0 0 1px var(--brand-100)}
.ind__ic::after{content:""; position:absolute; inset:0; background:var(--brand-600); -webkit-mask:center/24px no-repeat; mask:center/24px no-repeat}
.ind b{font-size:1rem; color:var(--ink); font-weight:700}

/* ===== STEPS ===== */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; counter-reset:s}
.step{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:2rem 1.6rem 1.6rem; box-shadow:var(--shadow-sm)}
.step__n{position:absolute; top:-22px; left:1.6rem; width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:linear-gradient(140deg,var(--brand-600),var(--brand-500)); color:#fff; font-weight:900; font-size:1.2rem; box-shadow:var(--shadow-blue)}
.step h3{font-size:1.12rem; margin:.6rem 0 .5rem; color:var(--ink)}
.step p{margin:0; font-size:.95rem; color:var(--muted)}

/* ===== BACKING ===== */
.backing{display:grid; grid-template-columns:auto 1fr; gap:2rem; align-items:center; max-width:980px; margin:0 auto; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:2.4rem; box-shadow:var(--shadow)}
.backing__icon{flex:0 0 96px; width:96px; height:96px; border-radius:24px; background:linear-gradient(140deg,var(--brand-600),var(--brand-500)); position:relative; box-shadow:var(--shadow-blue)}
.backing__icon::after{content:""; position:absolute; inset:0; background:#fff; -webkit-mask:center/48px no-repeat; mask:center/48px no-repeat}
.backing .h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}
.checklist{list-style:none; padding:0; margin:1.2rem 0 0; display:grid; gap:.6rem}
.checklist li{position:relative; padding-left:2rem; color:var(--ink-2); font-weight:500}
.checklist li::before{content:"✓"; position:absolute; left:0; top:0; display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:#e7f7ee; color:var(--green-600); font-weight:900; font-size:.78rem}

/* ===== CTA ===== */
.cta{background:linear-gradient(135deg,var(--brand-700),var(--brand-600)); color:#fff; padding:76px 0; text-align:center}
.cta__inner h2{font-size:clamp(1.6rem,3.2vw,2.3rem); font-weight:900; margin:0 0 .6rem; letter-spacing:-.5px}
.cta__inner p{margin:0 0 1.7rem; color:rgba(255,255,255,.9); font-size:1.06rem}

/* ===== CONTACTO (WhatsApp) ===== */
.wa{max-width:680px; margin:0 auto; text-align:center; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:3.2rem 2rem; box-shadow:var(--shadow)}
.wa__badge{width:88px; height:88px; margin:0 auto 1.4rem; border-radius:26px; background:linear-gradient(140deg,var(--wa),var(--wa-dark)); display:grid; place-items:center; box-shadow:0 14px 36px rgba(37,211,102,.4)}
.wa__glyph{position:relative; width:48px; height:48px; display:block}
.wa__glyph::after{content:""; position:absolute; inset:0; background:#fff; -webkit-mask:center/44px no-repeat; mask:center/44px no-repeat}
.wa .h2{margin-top:.4rem}
.wa__lead{margin-bottom:1.8rem}
.wa__num{font-weight:800; font-size:1.32rem; color:var(--ink); letter-spacing:.5px; margin:1.3rem 0 .1rem}
.wa__alt{font-size:.93rem; color:var(--muted); margin:.3rem 0 0}
.wa__alt a{color:var(--brand-600); font-weight:700}

/* ===== FOOTER (claro) ===== */
.footer{background:var(--paper-2); border-top:1px solid var(--line); color:var(--muted); padding:54px 0 26px}
.footer__inner{display:grid; grid-template-columns:1.2fr 2fr; gap:40px; padding-bottom:32px; border-bottom:1px solid var(--line)}
.footer__brand .brand{margin-bottom:.9rem}
.footer__brand .brand__emblem{height:48px}
.footer__brand .brand__word{font-size:1.4rem}
.footer__brand p{font-size:.92rem; max-width:280px; color:var(--muted)}
.footer__cols{display:grid; grid-template-columns:repeat(4,1fr); gap:24px}
.footer__cols b{display:block; color:var(--ink); font-size:.92rem; margin-bottom:.8rem}
.footer__cols a{display:block; font-size:.88rem; color:var(--muted); padding:.25rem 0; transition:.15s}
.footer__cols a:hover{color:var(--brand-700)}
.footer__bottom{display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding-top:22px; font-size:.82rem; color:var(--muted)}

/* ===== Reveal ===== */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1; transform:none}

/* ===== Icons (mask SVG) ===== */
.ic-wa::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 00-8.6 15l-1.3 4.6 4.7-1.2A10 10 0 1012 2zm0 18a8 8 0 01-4.1-1.1l-.3-.2-2.8.7.7-2.7-.2-.3A8 8 0 1112 20zm4.6-5.9c-.3-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.6.8-.8 1-.3.2-.6.1a6.5 6.5 0 01-3.2-2.8c-.2-.4.2-.4.6-1.2a.4.4 0 000-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 00-.7.3 3 3 0 00-1 2.2 5.3 5.3 0 001.1 2.8 12 12 0 004.6 4c2.3.9 2.3.6 2.7.6a2.7 2.7 0 001.8-1.3 2.2 2.2 0 00.2-1.3c-.1-.1-.3-.2-.6-.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 00-8.6 15l-1.3 4.6 4.7-1.2A10 10 0 1012 2zm0 18a8 8 0 01-4.1-1.1l-.3-.2-2.8.7.7-2.7-.2-.3A8 8 0 1112 20zm4.6-5.9c-.3-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.6.8-.8 1-.3.2-.6.1a6.5 6.5 0 01-3.2-2.8c-.2-.4.2-.4.6-1.2a.4.4 0 000-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 00-.7.3 3 3 0 00-1 2.2 5.3 5.3 0 001.1 2.8 12 12 0 004.6 4c2.3.9 2.3.6 2.7.6a2.7 2.7 0 001.8-1.3 2.2 2.2 0 00.2-1.3c-.1-.1-.3-.2-.6-.3z'/%3E%3C/svg%3E")}
.ic-layers::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5M3 17l9 5 9-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5M3 17l9 5 9-5'/%3E%3C/svg%3E")}
.ic-clock::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.ic-eye::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.ic-seal::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.ic-bell::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 00-12 0c0 7-3 9-3 9h18s-3-2-3-9z'/%3E%3Cpath d='M10 21a2 2 0 004 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 00-12 0c0 7-3 9-3 9h18s-3-2-3-9z'/%3E%3Cpath d='M10 21a2 2 0 004 0'/%3E%3C/svg%3E")}
.ic-check::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E")}
.ic-phone2::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2.5'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2.5'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.ic-chat::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 01-11.5 7.2L3 21l1.8-6.5A8 8 0 1121 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 01-11.5 7.2L3 21l1.8-6.5A8 8 0 1121 12z'/%3E%3C/svg%3E")}
.ic-offline::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a7 7 0 0110-6M19 12a7 7 0 01-10 6'/%3E%3Cpath d='M3 3l18 18'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a7 7 0 0110-6M19 12a7 7 0 01-10 6'/%3E%3Cpath d='M3 3l18 18'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E")}
.ic-users::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16 5a3 3 0 010 6M18 20c0-2.5-1-4.3-2.5-5.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16 5a3 3 0 010 6M18 20c0-2.5-1-4.3-2.5-5.4'/%3E%3C/svg%3E")}
.ic-ops::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4M8 14h3M8 17h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4M8 14h3M8 17h6'/%3E%3C/svg%3E")}
.ic-pin::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0114 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0114 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.ic-live::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M5 5a10 10 0 000 14M19 5a10 10 0 010 14M8 8a6 6 0 000 8M16 8a6 6 0 010 8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M5 5a10 10 0 000 14M19 5a10 10 0 010 14M8 8a6 6 0 000 8M16 8a6 6 0 010 8'/%3E%3C/svg%3E")}
.ic-alert::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.6l-8 14A2 2 0 004 20.5h16a2 2 0 001.7-3l-8-14a2 2 0 00-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.6l-8 14A2 2 0 004 20.5h16a2 2 0 001.7-3l-8-14a2 2 0 00-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.ic-chart::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Crect x='7' y='11' width='3' height='6'/%3E%3Crect x='13' y='7' width='3' height='10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Crect x='7' y='11' width='3' height='6'/%3E%3Crect x='13' y='7' width='3' height='10'/%3E%3C/svg%3E")}
.ic-building::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10 21v-3h4v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10 21v-3h4v3'/%3E%3C/svg%3E")}
.ic-factory::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V10l6 4V10l6 4V6l3-2v17z'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V10l6 4V10l6 4V6l3-2v17z'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E")}
.ic-school::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L2 9l10 5 10-5-10-5z'/%3E%3Cpath d='M6 11v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L2 9l10 5 10-5-10-5z'/%3E%3Cpath d='M6 11v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5'/%3E%3C/svg%3E")}
.ic-cart::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3Cpath d='M2 3h2l2.4 12.2a1 1 0 001 .8h9.2a1 1 0 001-.8L20 7H5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3Cpath d='M2 3h2l2.4 12.2a1 1 0 001 .8h9.2a1 1 0 001-.8L20 7H5'/%3E%3C/svg%3E")}
.ic-cross::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E")}
.ic-home::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}

/* ===== Chat widget (WhatsApp / Green-API) ===== */
.chat-overlay{position:fixed; inset:0; z-index:100; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(15,27,51,.55); backdrop-filter:blur(4px)}
.chat-overlay.open{display:flex; animation:chatFade .2s ease}
@keyframes chatFade{from{opacity:0}to{opacity:1}}
.chat{position:relative; width:100%; max-width:420px; background:#fff; border-radius:22px; box-shadow:0 30px 80px rgba(15,27,51,.4); padding:1.9rem; animation:chatPop .22s ease}
@keyframes chatPop{from{transform:translateY(12px) scale(.98); opacity:0}to{transform:none; opacity:1}}
.chat__close{position:absolute; top:14px; right:14px; width:34px; height:34px; border:0; background:var(--paper-2); border-radius:50%; cursor:pointer; font-size:.95rem; color:var(--muted); line-height:1}
.chat__close:hover{background:var(--paper-3); color:var(--ink)}
.chat__head{display:flex; gap:.9rem; align-items:center; margin-bottom:1.3rem}
.chat__badge{flex:0 0 52px; width:52px; height:52px; border-radius:16px; background:linear-gradient(140deg,var(--wa),var(--wa-dark)); display:grid; place-items:center; box-shadow:0 8px 22px rgba(37,211,102,.4)}
.chat__wa{position:relative; width:30px; height:30px; display:block}
.chat__wa::after{content:""; position:absolute; inset:0; background:#fff; -webkit-mask:center/28px no-repeat; mask:center/28px no-repeat}
.chat__head h3{margin:0; font-size:1.22rem; color:var(--ink)}
.chat__head p{margin:.15rem 0 0; font-size:.9rem; color:var(--muted)}
.chat__form{display:grid; gap:.9rem}
.chat__field{display:grid; gap:.35rem}
.chat__field>span{font-size:.85rem; font-weight:700; color:var(--ink-2)}
.chat__field input, .chat__field textarea{width:100%; border:1px solid var(--line); border-radius:11px; padding:.72rem .9rem; font-family:inherit; font-size:1rem; background:var(--paper-2); transition:.15s; color:var(--ink)}
.chat__field input:focus, .chat__field textarea:focus{outline:none; border-color:var(--brand-500); background:#fff; box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.phone{display:flex; align-items:stretch; border:1px solid var(--line); border-radius:11px; overflow:hidden; background:var(--paper-2)}
.phone:focus-within{border-color:var(--brand-500); background:#fff; box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.phone__cc{display:flex; align-items:center; padding:0 .8rem; font-weight:700; color:var(--ink-2); background:#fff; border-right:1px solid var(--line); white-space:nowrap}
.phone input{border:0 !important; box-shadow:none !important; background:transparent !important; border-radius:0 !important; flex:1; letter-spacing:.5px}
.chat__hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
.chat__err{margin:0; font-size:.88rem; color:#d64545; font-weight:600; text-align:center}
.chat__note{margin:.1rem 0 0; font-size:.78rem; color:var(--muted); text-align:center}
.chat__done{text-align:center; padding:1rem 0 .4rem}
.chat__check{width:66px; height:66px; margin:0 auto 1.1rem; border-radius:50%; background:#e7f7ee; color:var(--green-600); display:grid; place-items:center; font-size:2rem; font-weight:900}
.chat__done h3{margin:0 0 .5rem; color:var(--ink); font-size:1.3rem}
.chat__done p{margin:0 0 1.4rem; color:var(--muted)}
.js-chat{cursor:pointer}

/* ===== Responsive ===== */
@media (max-width:980px){
  .nav__links, .nav__cta{display:none}
  .nav__burger{display:flex}
  .hero{padding:120px 0 70px}
  .hero__inner{grid-template-columns:1fr; gap:44px}
  .hero__visual{order:-1}
  .benefits{grid-template-columns:repeat(2,1fr)}
  .mods{grid-template-columns:repeat(2,1fr)}
  .industries{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr; gap:34px}
  .pains{grid-template-columns:1fr}
  .backing{grid-template-columns:1fr; text-align:center; gap:1.4rem}
  .backing__icon{margin:0 auto}
  .checklist{text-align:left; max-width:380px; margin-left:auto; margin-right:auto}
  .footer__inner{grid-template-columns:1fr}
  .footer__cols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .container{padding:0 18px}
  .benefits, .mods, .industries{grid-template-columns:1fr}
  .trust__inner{gap:1.1rem; justify-content:flex-start}
  .footer__bottom{flex-direction:column; gap:.4rem}
  .floatcard{display:none}
}