:root{
  --blue:#0061fe;--blue-d:#0050d4;--ink:#1e1919;--muted:#736c64;--line:#c9d9fb;--bg:#fff;--soft:#f7f5f2;
  --navy:#283750;--navy-i:#b4c8e1;--yellow:#fad24b;--yellow-i:#684505;--cyan:#3dd3ee;--cyan-i:#055463;
  --red:#fa551e;--red-i:#4e0119;--orange:#ff8c19;--orange-i:#6d2e09;--lime:#b4dc19;--lime-i:#175641;
  --plum:#8a1f57;--plum-i:#ffafa5;--lav:#c8aff0;--lav-i:#682760;
  --r:6px;--gut:1.25rem;--ease:cubic-bezier(.65,0,.35,1);--out:cubic-bezier(.16,1,.3,1);
  --disp:"Archivo",system-ui,sans-serif;
}
@media (min-width:700px){:root{--gut:2.5rem}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--disp);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0} ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px} .skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.6rem 1rem}
.d{font-family:var(--disp);font-stretch:118%;font-weight:700;letter-spacing:-.012em;line-height:1.06}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--gut)}

/* knop */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:0 1.35rem;border-radius:var(--r);background:var(--blue);color:#fff;font-weight:600;font-stretch:108%;font-size:.95rem;transition:background .25s,transform .25s var(--out)}
.btn:hover{background:var(--blue-d)} .btn:active{transform:scale(.98)}
.btn svg{width:1rem;height:1rem;transition:transform .3s var(--out)} .btn:hover svg{transform:translateX(3px)}
.btn--white{background:#fff;color:var(--blue)} .btn--white:hover{background:#e8f0ff}

/* kop */
.top{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1rem var(--gut)}
.logo{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-stretch:115%;font-size:1.05rem;color:var(--ink)}
.mark{width:1.9rem;height:1.9rem;flex:none}
.logo__img{display:block;height:1.75rem;width:auto}


.sub-top{display:flex;align-items:center;justify-content:space-between;padding:1rem var(--gut);border-bottom:1px solid var(--line)}
.sub-top .btn{min-height:2.6rem;font-size:.85rem;padding:0 1rem}
@media (max-width:480px){.sub-top .lg{display:none}}
.sub{max-width:46rem;margin:0 auto;padding:4rem var(--gut) 5rem}
.sub h1{color:var(--blue);font-size:clamp(2.4rem,6vw,3.8rem)}
.sub h2{font-size:1.3rem;font-stretch:112%;font-weight:700;margin-top:2.25rem}
.sub p,.sub li{color:var(--muted);margin-top:.6rem}
.sub ul{list-style:disc;padding-left:1.2rem}
.sub a{color:var(--blue);text-decoration:underline;text-underline-offset:.2em}
.upd{font-size:.85rem;margin-top:1rem}
.eyebrow{display:block;font-size:.8rem;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nf{min-height:65svh;display:grid;place-content:center;justify-items:center;text-align:center;gap:1.25rem;padding:4rem var(--gut)}
.nf b{font-size:clamp(6rem,20vw,13rem);color:var(--blue);line-height:.9}
.foot{border-top:1px solid var(--line);margin-top:6rem;padding:2.5rem 0;font-size:.88rem;color:var(--muted)}
.foot .wrap{display:grid;gap:1.75rem}
@media (min-width:900px){.foot .wrap{grid-template-columns:1.2fr 2fr 1fr;align-items:start}}
.foot address{font-style:normal;line-height:1.7}
.foot b{color:var(--ink);font-weight:600}
.foot nav{display:grid;gap:.4rem;align-content:start}
.foot a:hover{color:var(--blue)}
.foot .slogan{margin-top:.75rem}
.demo{background:#fff3c4;box-shadow:0 0 0 2px #fff3c4;border-radius:2px}
@media (max-width:699px){.foot{padding-bottom:6.5rem}}
.crumbw{padding-top:1.5rem;padding-bottom:0}.crumbw+.sub{padding-top:2rem}
.crumb{font-size:.85rem;color:var(--muted)}.crumb a{color:var(--muted);text-decoration:none}
.sub ol.art{counter-reset:a}.sub .note-demo{margin-top:1.25rem;padding:.9rem 1rem;border-radius:var(--r);background:#fff3c4;color:#684505;font-size:.92rem}
.sub dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin-top:.8rem;color:var(--muted)}.sub dt{color:var(--ink);font-weight:500}