/*
  admino.be: one stylesheet. Fonts are served from this site (SIL Open Font License, see fonts/README.txt).
  The design (sections below "Design") is Maxim Verhelst's landing page of 6 November 2026, converted
  from a design-tool export: its inline styles became the u* classes at the end of that part.
*/

/* ---------- Fonts ---------- */
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/bricolage-grotesque-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/bricolage-grotesque-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/bricolage-grotesque-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/caveat-latin-ext-500.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/caveat-latin-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Design ---------- */
body{margin:0}
a{color:#0e8a7b}a:hover{color:#0b7367}
.bn *{box-sizing:border-box}
.bn h1{font-family:'Bricolage Grotesque',Inter,sans-serif;margin:0;text-wrap:balance}
.bn p{margin:0}
.bn-wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.bn-nav a{color:#4b5668;text-decoration:none;font-size:15px;font-weight:500;padding:8px 16px;border-radius:999px;transition:color .15s,background .15s}
.bn-nav a:hover{color:#ffffff;background:rgba(15,27,43,.05)}
.bn-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font:600 15px Inter,sans-serif;text-decoration:none;white-space:nowrap;transition:transform .18s,background .18s,border-color .18s}
.bn-btn:hover{transform:translateY(-1px)}
.bn-btn:focus-visible{outline:2px solid #0e8a7b;outline-offset:3px}
.bn-btn.mint{background:#0e8a7b;color:#ffffff;box-shadow:0 10px 30px -10px rgba(14,138,123,.6)}.bn-btn.mint:hover{background:#0b7367;color:#ffffff}
.bn-btn.ghost{border:1px solid rgba(15,27,43,.26);color:#0f1b2b}.bn-btn.ghost:hover{border-color:#0e8a7b;color:#ffffff}
.bn-sim svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bn-in,.bn-out{position:absolute;width:172px;height:46px;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 16px;font-size:14.5px;font-weight:500;color:#0f1b2b;background:#ffffff;border:1px solid rgba(15,27,43,.14)}
.bn-in span.ic,.bn-out span.ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(14,138,123,.1);color:#0e8a7b;flex:none}
.bn-in{animation:bnIn 7s ease-out infinite}
.bn-out{animation:bnOut 5.5s ease-out infinite;background:rgba(14,138,123,.07);border-color:rgba(14,138,123,.3);color:#ffffff;font-weight:600}
.bn-out span.ic{background:#0e8a7b;color:#ffffff}
@keyframes bnIn{0%{border-color:#0e8a7b;background:rgba(14,138,123,.14)}10%,100%{border-color:rgba(15,27,43,.14);background:#ffffff}}
@keyframes bnOut{0%{border-color:#0e8a7b;background:rgba(14,138,123,.16);box-shadow:0 0 24px -4px rgba(14,138,123,.5)}14%,100%{border-color:rgba(14,138,123,.3);background:rgba(14,138,123,.07);box-shadow:0 0 0 0 rgba(14,138,123,0)}}
.bn-k{position:absolute;height:24px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:500;color:#4b5668;background:#ffffff;border:1px solid #d7dfeb}
.bn-kHi{animation:bnK 8s ease-in-out infinite}
@keyframes bnK{0%,9%{background:#0e8a7b;color:#ffffff;border-color:#0e8a7b}18%,100%{background:#ffffff;color:#4b5668;border-color:#d7dfeb}}
.bn-cap{position:absolute;top:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6b7586}
@keyframes bnPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.45);opacity:0}}
.bn-pulse{animation:bnPulse 2.8s ease-out infinite}
.lx-wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.lx h2,.lx h3{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:700;letter-spacing:-.03em;margin:0;text-wrap:balance;color:#0f1b2b}
.lx p{margin:0}
.lx-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0e8a7b}
.lx-eyebrow::before{content:"";width:20px;height:1.5px;background:currentColor}
.lx-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font:600 15px Inter,sans-serif;text-decoration:none;white-space:nowrap;background:#0e8a7b;color:#ffffff}
.lx-btn:hover{background:#0b7367;color:#ffffff}
.lx-btn:focus-visible,.lx summary:focus-visible,.lx-tab:focus-visible{outline:2px solid #0e8a7b;outline-offset:3px}
.lx-tile{background:#ffffff;border:1px solid #d7dfeb;border-radius:24px}
.lx-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#e2f2ef;color:#0e8a7b;flex:none}
.lx-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lx-tab{font:600 15px Inter,sans-serif;padding:12px 20px;border-radius:999px;border:0;cursor:pointer}
.lx details{border-bottom:1px solid #d7dfeb}
.lx summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font:600 19px 'Bricolage Grotesque',Inter,sans-serif;color:#0f1b2b}
.lx summary::-webkit-details-marker{display:none}
.lx summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:#e9eef6;display:grid;place-items:center;font:400 20px Inter,sans-serif;color:#0e8a7b}
.lx details[open] summary::after{content:"–"}
.lx details p{padding:0 56px 24px 0;font-size:16px;line-height:1.7;color:#4b5668}
.bn-zoom{zoom:1}
@media (max-width:1260px){.bn-zoom{zoom:.8}}
@media (max-width:1000px){.bn-zoom{zoom:.62}}
@media (max-width:780px){.bn-zoom{zoom:.46}}
@media (max-width:560px){.bn-zoom{zoom:.3}}
.lx-film{zoom:1}
@media (max-width:1260px){.lx-film{zoom:.8}}
@media (max-width:1000px){.lx-film{zoom:.62}}
@media (max-width:780px){.lx-film{zoom:.46}}
@media (max-width:560px){.lx-film{zoom:.3}}
.lx-ftab{text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 22px 0;border-radius:20px;color:inherit;overflow:hidden;transition:background .2s,border-color .2s}
.lx-ftab:hover{border-color:rgba(14,138,123,.35)}
.lx-ftab:focus-visible{outline:2px solid #0e8a7b;outline-offset:3px}
@keyframes lxProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lx-chip{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1px solid rgba(192,206,226,.16);font-size:14.5px;color:#c5d3e4}
@keyframes wb1{0.000%{opacity:0;transform:translateY(16px)}1.333%{opacity:0;transform:translateY(16px)}4.333%{opacity:1;transform:none}95.333%{opacity:1;transform:none}98.333%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.wb1{animation:wb1 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb2{0.000%{opacity:0}4.667%{opacity:0}6.667%{opacity:1}8.667%{opacity:1}10.667%{opacity:0}100.000%{opacity:0}}
.wb2{animation:wb2 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb3{0.000%{opacity:0;transform:translateY(10px) scale(.96)}10.000%{opacity:0;transform:translateY(10px) scale(.96)}13.000%{opacity:1;transform:none}95.333%{opacity:1;transform:none}98.333%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.wb3{animation:wb3 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb4{0.000%{opacity:0}14.667%{opacity:0}16.667%{opacity:1}18.000%{opacity:1}20.000%{opacity:0}100.000%{opacity:0}}
.wb4{animation:wb4 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb5{0.000%{opacity:0;transform:translateY(10px) scale(.96)}19.333%{opacity:0;transform:translateY(10px) scale(.96)}22.333%{opacity:1;transform:none}95.333%{opacity:1;transform:none}98.333%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.wb5{animation:wb5 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb6{0.000%{transform:none}63.333%{transform:none}66.667%{transform:translateY(-150px)}98.333%{transform:translateY(-150px)}100.000%{transform:none}}
.wb6{animation:wb6 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb7{0.000%{opacity:0;transform:translateY(14px) scale(.96)}64.667%{opacity:0;transform:translateY(14px) scale(.96)}67.667%{opacity:1;transform:none}95.333%{opacity:1;transform:none}98.333%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.wb7{animation:wb7 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb8{0.000%{opacity:0}24.000%{opacity:0}26.000%{opacity:1}26.000%{opacity:1}28.000%{opacity:0}100.000%{opacity:0}}
.wb8{animation:wb8 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb9{0.000%{opacity:0}28.000%{opacity:0}30.000%{opacity:1}44.000%{opacity:1}46.000%{opacity:0}100.000%{opacity:0}}
.wb9{animation:wb9 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb10{0.000%{opacity:0}46.000%{opacity:0}48.000%{opacity:1}55.333%{opacity:1}57.333%{opacity:0}100.000%{opacity:0}}
.wb10{animation:wb10 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb11{0.000%{opacity:0}57.333%{opacity:0}59.333%{opacity:1}62.000%{opacity:1}64.000%{opacity:0}100.000%{opacity:0}}
.wb11{animation:wb11 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb12{0.000%{opacity:0}64.000%{opacity:0}66.000%{opacity:1}96.000%{opacity:1}98.000%{opacity:0}100.000%{opacity:0}}
.wb12{animation:wb12 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb13{0.000%{opacity:0;transform:translateY(12px)}26.000%{opacity:0;transform:translateY(12px)}29.000%{opacity:1;transform:none}57.333%{opacity:1;transform:none}62.667%{opacity:0;transform:translateY(40px) scale(.55)}100.000%{opacity:0;transform:translateY(40px) scale(.55)}}
.wb13{animation:wb13 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb14{0.000%{opacity:0;transform:translateY(6px)}40.000%{opacity:0;transform:translateY(6px)}43.000%{opacity:1;transform:none}95.333%{opacity:1;transform:none}98.333%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.wb14{animation:wb14 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb15{0.000%{opacity:0;transform:translateY(6px)}43.333%{opacity:0;transform:translateY(6px)}46.333%{opacity:1;transform:none}95.333%{opacity:1;transform:none}98.333%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.wb15{animation:wb15 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb16{0.000%{opacity:0;background:#0f1b2b;transform:none}46.000%{opacity:0;background:#0f1b2b;transform:none}48.667%{opacity:1;background:#0f1b2b;transform:none}51.667%{opacity:1;background:#0f1b2b;transform:none}52.667%{opacity:1;background:#1f9e8c;transform:scale(.94)}54.333%{opacity:1;background:#1f9e8c;transform:none}100.000%{opacity:1;background:#1f9e8c;transform:none}}
.wb16{animation:wb16 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb17{0.000%{opacity:0;transform:translateY(-10px) scale(.9)}60.000%{opacity:0;transform:translateY(-10px) scale(.9)}64.000%{opacity:1;transform:none}95.333%{opacity:1;transform:none}98.333%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.wb17{animation:wb17 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wb18{0.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}24.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}27.333%{box-shadow:0 0 0 10px rgba(127,214,201,.12),0 0 0 0 rgba(0,0,0,0)}46.000%{box-shadow:0 0 0 10px rgba(127,214,201,.12),0 0 0 0 rgba(0,0,0,0)}49.333%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}62.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}64.000%{box-shadow:0 0 0 10px rgba(127,214,201,.12),0 0 0 0 rgba(0,0,0,0)}68.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}100.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}}
.wb18{animation:wb18 15s cubic-bezier(.45,0,.25,1) infinite}
@keyframes wbPunt{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.wb-punt{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8696a0;animation:wbPunt 1.1s ease-in-out infinite}
@keyframes lc1{0.000%{opacity:0;transform:translateY(-14px)}1.667%{opacity:0;transform:translateY(-14px)}4.167%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc1{animation:lc1 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc2{0.000%{opacity:0;transform:scale(.4)}2.917%{opacity:0;transform:scale(.4)}4.583%{opacity:1;transform:scale(1.2)}5.833%{opacity:1;transform:none}19.167%{opacity:1;transform:none}20.833%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc2{animation:lc2 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc3{0.000%{background:#e9eef6;border-color:#d7dfeb}9.167%{background:#e9eef6;border-color:#d7dfeb}10.417%{background:#d6efeb;border-color:#1f9e8c}15.000%{background:#d6efeb;border-color:#1f9e8c}17.500%{background:#e9eef6;border-color:#d7dfeb}100.000%{background:#e9eef6;border-color:#d7dfeb}}
.lc3{animation:lc3 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc4{0.000%{opacity:0;transform:translateY(-24px) scale(.9)}12.500%{opacity:0;transform:translateY(-24px) scale(.9)}15.000%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc4{animation:lc4 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc5{0.000%{opacity:0;transform:scale(.85)}23.333%{opacity:0;transform:scale(.85)}25.417%{opacity:1;transform:none}32.500%{opacity:1;transform:none}35.000%{opacity:0;transform:translateY(-30px) scale(.9)}100.000%{opacity:0;transform:translateY(-30px) scale(.9)}}
.lc5{animation:lc5 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc6{0.000%{opacity:0;transform:translateY(30px) scale(.94)}32.500%{opacity:0;transform:translateY(30px) scale(.94)}35.417%{opacity:1;transform:none}82.500%{opacity:1;transform:none}86.250%{opacity:0;transform:translateY(40px) scale(.55)}100.000%{opacity:0;transform:translateY(40px) scale(.55)}}
.lc6{animation:lc6 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc7{0.000%{background:transparent}42.500%{background:transparent}44.167%{background:#d6efeb}46.667%{background:#e2f2ef}96.667%{background:#e2f2ef}98.750%{background:transparent}100.000%{background:transparent}}
.lc7{animation:lc7 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc8{0.000%{background:transparent}48.333%{background:transparent}50.000%{background:#d6efeb}52.500%{background:#e2f2ef}96.667%{background:#e2f2ef}98.750%{background:transparent}100.000%{background:transparent}}
.lc8{animation:lc8 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc9{0.000%{background:transparent}54.167%{background:transparent}55.833%{background:#fde3c6}58.333%{background:#fef0e0}96.667%{background:#fef0e0}98.750%{background:transparent}100.000%{background:transparent}}
.lc9{animation:lc9 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc10{0.000%{opacity:0;transform:scale(.6)}44.167%{opacity:0;transform:scale(.6)}46.667%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc10{animation:lc10 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc11{0.000%{opacity:0;transform:scale(.6)}50.000%{opacity:0;transform:scale(.6)}52.500%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc11{animation:lc11 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc12{0.000%{opacity:0;transform:scale(.6)}55.833%{opacity:0;transform:scale(.6)}58.333%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc12{animation:lc12 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc13{0.000%{opacity:0;transform:translateY(6px)}58.333%{opacity:0;transform:translateY(6px)}60.833%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc13{animation:lc13 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc14{0.000%{opacity:0;transform:translateY(8px)}63.333%{opacity:0;transform:translateY(8px)}65.833%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc14{animation:lc14 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc15{0.000%{opacity:0;transform:translateX(-8px)}64.583%{opacity:0;transform:translateX(-8px)}67.083%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc15{animation:lc15 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc16{0.000%{opacity:0;transform:translateX(-8px)}67.083%{opacity:0;transform:translateX(-8px)}69.583%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc16{animation:lc16 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc17{0.000%{opacity:0;transform:scale(.4)}76.667%{opacity:0;transform:scale(.4)}79.167%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc17{animation:lc17 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc18{0.000%{opacity:0;transform:scale(.4)}78.750%{opacity:0;transform:scale(.4)}81.250%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc18{animation:lc18 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc19{0.000%{opacity:0;background:#0f1b2b;transform:none}70.000%{opacity:0;background:#0f1b2b;transform:none}72.083%{opacity:1;background:#0f1b2b;transform:none}74.167%{opacity:1;background:#0f1b2b;transform:none}75.000%{opacity:1;background:#1f9e8c;transform:scale(.94)}76.250%{opacity:1;background:#1f9e8c;transform:none}100.000%{opacity:1;background:#1f9e8c;transform:none}}
.lc19{animation:lc19 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc20{0.000%{opacity:0;transform:translateY(-10px) scale(.9)}84.583%{opacity:0;transform:translateY(-10px) scale(.9)}87.083%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc20{animation:lc20 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc21{0.000%{opacity:0;transform:translateY(-10px) scale(.9)}86.667%{opacity:0;transform:translateY(-10px) scale(.9)}89.167%{opacity:1;transform:none}96.667%{opacity:1;transform:none}98.750%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.lc21{animation:lc21 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc22{0.000%{opacity:0}19.167%{opacity:0}20.833%{opacity:1}21.667%{opacity:1}23.333%{opacity:0}100.000%{opacity:0}}
.lc22{animation:lc22 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc23{0.000%{opacity:0}23.333%{opacity:0}25.000%{opacity:1}38.333%{opacity:1}40.000%{opacity:0}100.000%{opacity:0}}
.lc23{animation:lc23 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc24{0.000%{opacity:0}40.000%{opacity:0}41.667%{opacity:1}56.667%{opacity:1}58.333%{opacity:0}100.000%{opacity:0}}
.lc24{animation:lc24 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc25{0.000%{opacity:0}58.333%{opacity:0}60.000%{opacity:1}68.333%{opacity:1}70.000%{opacity:0}100.000%{opacity:0}}
.lc25{animation:lc25 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc26{0.000%{opacity:0}70.000%{opacity:0}71.667%{opacity:1}74.583%{opacity:1}76.250%{opacity:0}100.000%{opacity:0}}
.lc26{animation:lc26 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc27{0.000%{opacity:0}82.500%{opacity:0}84.167%{opacity:1}97.083%{opacity:1}98.750%{opacity:0}100.000%{opacity:0}}
.lc27{animation:lc27 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc28{0.000%{opacity:0}76.250%{opacity:0}77.917%{opacity:1}80.833%{opacity:1}82.500%{opacity:0}100.000%{opacity:0}}
.lc28{animation:lc28 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc29{0.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}19.167%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}21.667%{box-shadow:0 0 0 10px rgba(127,214,201,.12),0 0 0 0 rgba(0,0,0,0)}70.000%{box-shadow:0 0 0 10px rgba(127,214,201,.12),0 0 0 0 rgba(0,0,0,0)}72.500%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}100.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}}
.lc29{animation:lc29 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lcPunt{0%,60%,100%{opacity:.3}30%{opacity:1}}
.lc-punt{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7fd6c9;animation:lcPunt 1.1s ease-in-out infinite}
@keyframes lc30{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}1.667%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}3.333%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}22.083%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}23.750%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.667%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.750%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.lc30{animation:lc30 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc31{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}23.333%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}25.000%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}38.750%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}40.417%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.667%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.750%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.lc31{animation:lc31 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc32{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}40.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}41.667%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}62.083%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}63.750%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.667%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.750%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.lc32{animation:lc32 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc33{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}63.333%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}65.000%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}75.417%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}77.083%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.667%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.750%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.lc33{animation:lc33 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lc34{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}76.667%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}78.333%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}95.417%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}97.083%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.667%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.750%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.lc34{animation:lc34 24s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of1{0.000%{opacity:0;transform:translateY(-14px)}1.538%{opacity:0;transform:translateY(-14px)}3.846%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of1{animation:of1 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of2{0.000%{opacity:0;transform:scale(.4)}2.692%{opacity:0;transform:scale(.4)}4.231%{opacity:1;transform:scale(1.2)}5.385%{opacity:1;transform:none}17.692%{opacity:1;transform:none}19.231%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of2{animation:of2 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of3{0.000%{background:#e9eef6;border-color:#d7dfeb}8.462%{background:#e9eef6;border-color:#d7dfeb}9.615%{background:#d6efeb;border-color:#1f9e8c}13.846%{background:#d6efeb;border-color:#1f9e8c}16.154%{background:#e9eef6;border-color:#d7dfeb}100.000%{background:#e9eef6;border-color:#d7dfeb}}
.of3{animation:of3 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of4{0.000%{opacity:0;transform:translateY(-24px) scale(.9)}11.538%{opacity:0;transform:translateY(-24px) scale(.9)}13.846%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of4{animation:of4 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of5{0.000%{opacity:0;transform:translateY(20px) scale(.96)}19.231%{opacity:0;transform:translateY(20px) scale(.96)}21.538%{opacity:1;transform:none}73.077%{opacity:1;transform:none}76.538%{opacity:0;transform:translateY(40px) scale(.55)}100.000%{opacity:0;transform:translateY(40px) scale(.55)}}
.of5{animation:of5 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of6{0.000%{opacity:0;transform:translateX(-8px)}22.308%{opacity:0;transform:translateX(-8px)}24.615%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of6{animation:of6 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of7{0.000%{opacity:0;transform:translateX(-8px)}25.385%{opacity:0;transform:translateX(-8px)}27.692%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of7{animation:of7 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of8{0.000%{opacity:0;transform:translateX(-8px)}28.462%{opacity:0;transform:translateX(-8px)}30.769%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of8{animation:of8 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of9{0.000%{opacity:0;transform:translateX(-8px)}31.538%{opacity:0;transform:translateX(-8px)}33.846%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of9{animation:of9 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of10{0.000%{opacity:0;transform:translateY(6px)}36.923%{opacity:0;transform:translateY(6px)}39.231%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of10{animation:of10 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of11{0.000%{opacity:0;transform:translateY(6px)}40.769%{opacity:0;transform:translateY(6px)}43.077%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of11{animation:of11 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of12{0.000%{opacity:0;transform:translateY(6px)}44.615%{opacity:0;transform:translateY(6px)}46.923%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of12{animation:of12 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of13{0.000%{opacity:0;transform:translateY(6px)}48.462%{opacity:0;transform:translateY(6px)}50.769%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of13{animation:of13 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of14{0.000%{opacity:0;transform:translateY(6px)}51.538%{opacity:0;transform:translateY(6px)}53.846%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of14{animation:of14 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of15{0.000%{opacity:0;background:#f2f5fa}56.154%{opacity:0;background:#f2f5fa}57.692%{opacity:1;background:#d6efeb}61.538%{opacity:1;background:#e2f2ef}96.923%{opacity:1;background:#e2f2ef}98.846%{opacity:0;background:#f2f5fa}100.000%{opacity:0;background:#f2f5fa}}
.of15{animation:of15 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of16{0.000%{opacity:0;background:#0f1b2b;transform:none}61.538%{opacity:0;background:#0f1b2b;transform:none}63.462%{opacity:1;background:#0f1b2b;transform:none}66.923%{opacity:1;background:#0f1b2b;transform:none}67.692%{opacity:1;background:#1f9e8c;transform:scale(.94)}68.846%{opacity:1;background:#1f9e8c;transform:none}100.000%{opacity:1;background:#1f9e8c;transform:none}}
.of16{animation:of16 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of17{0.000%{opacity:0;transform:translateY(-10px) scale(.9)}75.385%{opacity:0;transform:translateY(-10px) scale(.9)}77.692%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of17{animation:of17 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of18{0.000%{opacity:0;transform:translateY(-10px) scale(.9)}79.231%{opacity:0;transform:translateY(-10px) scale(.9)}81.538%{opacity:1;transform:none}96.923%{opacity:1;transform:none}98.846%{opacity:0;transform:none}100.000%{opacity:0;transform:none}}
.of18{animation:of18 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of19{0.000%{opacity:0}17.692%{opacity:0}19.231%{opacity:1}17.692%{opacity:1}19.231%{opacity:0}100.000%{opacity:0}}
.of19{animation:of19 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of20{0.000%{opacity:0}19.231%{opacity:0}20.769%{opacity:1}33.077%{opacity:1}34.615%{opacity:0}100.000%{opacity:0}}
.of20{animation:of20 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of21{0.000%{opacity:0}34.615%{opacity:0}36.154%{opacity:1}53.846%{opacity:1}55.385%{opacity:0}100.000%{opacity:0}}
.of21{animation:of21 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of22{0.000%{opacity:0}55.385%{opacity:0}56.923%{opacity:1}60.000%{opacity:1}61.538%{opacity:0}100.000%{opacity:0}}
.of22{animation:of22 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of23{0.000%{opacity:0}61.538%{opacity:0}63.077%{opacity:1}67.308%{opacity:1}68.846%{opacity:0}100.000%{opacity:0}}
.of23{animation:of23 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of24{0.000%{opacity:0}68.846%{opacity:0}70.385%{opacity:1}73.846%{opacity:1}75.385%{opacity:0}100.000%{opacity:0}}
.of24{animation:of24 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of25{0.000%{opacity:0}75.385%{opacity:0}76.923%{opacity:1}97.308%{opacity:1}98.846%{opacity:0}100.000%{opacity:0}}
.of25{animation:of25 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of26{0.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}17.692%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}20.000%{box-shadow:0 0 0 10px rgba(127,214,201,.12),0 0 0 0 rgba(0,0,0,0)}61.538%{box-shadow:0 0 0 10px rgba(127,214,201,.12),0 0 0 0 rgba(0,0,0,0)}63.846%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}100.000%{box-shadow:0 0 0 10px rgba(31,158,140,.14),0 0 0 0 rgba(0,0,0,0)}}
.of26{animation:of26 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of27{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}1.538%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}3.077%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}18.077%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}19.615%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.923%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.846%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.of27{animation:of27 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of28{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}19.231%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}20.769%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}33.462%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}35.000%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.923%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.846%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.of28{animation:of28 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of29{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}34.615%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}36.154%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}54.231%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}55.769%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.923%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.846%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.of29{animation:of29 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of30{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}55.385%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}56.923%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}66.538%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}68.077%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.923%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.846%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.of30{animation:of30 26s cubic-bezier(.45,0,.25,1) infinite}
@keyframes of31{0.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}67.692%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}69.231%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}95.769%{color:#04211f;border-color:#7fd6c9;background:#7fd6c9}97.308%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}96.923%{color:#c5d3e4;border-color:rgba(127,214,201,.45);background:rgba(127,214,201,.08)}98.846%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}100.000%{color:#6f86a3;border-color:rgba(192,206,226,.18);background:transparent}}
.of31{animation:of31 26s cubic-bezier(.45,0,.25,1) infinite}
.b-kaart{height:236px;border-radius:22px;background:#ffffff;box-shadow:0 24px 50px -34px rgba(5,31,35,.35);padding:20px;display:flex;flex-direction:column;justify-content:center}
.b-raster{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b-tegel{display:flex;align-items:center;gap:10px;height:56px;padding:0 14px;border-radius:13px;background:#f2f5fa;font-size:14px;font-weight:600;line-height:1.25;color:#0f1b2b}
.b-tegel svg{color:#1f9e8c}
.b-plus{background:#ffffff;border:1.5px dashed #7fb8b3;color:#0e6b62}
.b-labels{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.b-label{padding:9px 14px;border-radius:999px;background:#f2f5fa;font-size:14px;font-weight:600;color:#0f1b2b;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.bn-in,.bn-out,.bn-kHi,.bn-pulse{animation:none}}

/* Inline styles of the design, as classes */
.u1:not(#_){font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #0f1b2b; background: #f1f4f9; padding: 14px}
.u2:not(#_){position: relative; z-index: 1; overflow: hidden; border-radius: 32px; box-shadow: 0 30px 60px -30px rgba(15,27,43,.06); border: 1px solid #d7dfeb; background: linear-gradient(180deg, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%), radial-gradient(720px 420px at 50% 74%, rgba(15,27,43,.06), rgba(15,27,43,0) 70%), radial-gradient(900px 380px at 50% -10%, rgba(14,138,123,.10), rgba(14,138,123,0) 70%), #ffffff}
.u3:not(#_){position: absolute; inset: 0; background-image: linear-gradient(rgba(15,27,43,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(15,27,43,.05) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(800px 520px at 50% 30%, #000, transparent 75%); mask-image: radial-gradient(800px 520px at 50% 30%, #000, transparent 75%)}
.u4:not(#_){position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; padding-bottom: 20px}
.u5:not(#_){display: flex; align-items: center; gap: 10px; text-decoration: none; color: #0f1b2b}
.u6:not(#_){font: 700 22px 'Bricolage Grotesque', Inter, sans-serif; letter-spacing: -.02em}
.u7:not(#_){display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 5px; border-radius: 999px; background: #ffffff; border: 1px solid rgba(15,27,43,.12); backdrop-filter: blur(8px)}
.u8:not(#_){display: flex; flex-wrap: wrap; gap: 8px}
.u9:not(#_){min-height: 44px; padding: 0 18px}
.ua:not(#_){position: relative; padding-top: 72px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 26px}
.ub:not(#_){display: inline-flex; align-items: center; gap: 10px; padding: 7px 16px 7px 12px; border-radius: 999px; background: rgba(14,138,123,.08); border: 1px solid rgba(14,138,123,.22); font-size: 14px; color: #4b5668}
.uc:not(#_){width: 7px; height: 7px; border-radius: 50%; background: #0e8a7b; box-shadow: 0 0 10px #0e8a7b}
.ud:not(#_){max-width: 1160px; font-size: clamp(34px, 4.7vw, 68px); line-height: .98; letter-spacing: -.04em; font-weight: 800; color: #0f1b2b}
.ue:not(#_){color: #0f1b2b; background: linear-gradient(180deg, transparent 64%, #c9e6df 64%, #c9e6df 92%, transparent 92%); padding: 0 .08em}
.uf:not(#_){display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; padding-top: 4px}
.ug:not(#_){position: relative; padding: 48px 24px 88px; display: flex; justify-content: center; overflow: hidden}
.uh:not(#_){position: relative; width: 1200px; height: 300px; flex: none}
.ui:not(#_){left: 40px; top: 14px}
.uj:not(#_){right: 40px; text-align: right; top: 14px}
.uk:not(#_){position: absolute; left: 0; top: 0}
.ul:not(#_){position: absolute; left: 526px; top: 76px; width: 148px; height: 148px; border-radius: 50%; border: 2px solid #0e8a7b}
.um:not(#_){position: absolute; left: 526px; top: 76px; width: 148px; height: 148px; border-radius: 50%; background: #ffffff; box-shadow: 0 0 0 5px #1f9e8c, 0 0 0 14px rgba(31,158,140,.14), 0 18px 40px -24px rgba(15,27,43,.35); display: grid; place-items: center}
.un:not(#_){width: 100px; height: 100px; overflow: visible}
.uo:not(#_){position: relative; z-index: 0; margin-top: -40px; padding-top: 40px; border-radius: 0 0 32px 32px; background: linear-gradient(180deg, #e9eef6 0px, #f1f4f9 420px); color: #0f1b2b; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.up:not(#_){padding-top: 112px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 48px}
.uq:not(#_){font-size: clamp(36px, 4.4vw, 58px); line-height: 1.02}
.ur:not(#_){font-size: 18px; line-height: 1.6; color: #4b5668; padding-bottom: 8px}
.us:not(#_){padding-top: 64px; padding-bottom: 104px; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 48px 32px}
.ut:not(#_){display: flex; flex-direction: column; gap: 14px}
.uu:not(#_){display: flex; align-items: center; gap: 10px}
.uv:not(#_){height: 2px; flex: 1; border-radius: 2px; background: #0f1b2b}
.uw:not(#_){font: 800 72px/0.9 'Bricolage Grotesque', Inter, sans-serif; letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 1.5px #0e8a7b; margin-top: 8px}
.ux:not(#_){font-size: 27px; margin-top: 6px}
.uy:not(#_){font-size: 16px; line-height: 1.6; color: #4b5668; min-height: 4.8em}
.uz:not(#_){margin-top: 10px}
.u10:not(#_){width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u11:not(#_){height: 2px; flex: 1; border-radius: 2px; background: linear-gradient(90deg, #0f1b2b, #0e8a7b)}
.u12:not(#_){height: 2px; flex: 1; border-radius: 2px; background: #0e8a7b}
.u13:not(#_){margin-top: 14px; border-radius: 32px; overflow: hidden; background: radial-gradient(760px 420px at 80% 0%, rgba(15,27,43,.10), rgba(15,27,43,0) 70%), #ffffff; color: #0f1b2b; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.u14:not(#_){padding-top: 104px; padding-bottom: 104px; display: flex; flex-direction: column; gap: 40px}
.u15:not(#_){display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px 48px}
.u16:not(#_){display: flex; flex-direction: column; gap: 14px; max-width: 640px}
.u17:not(#_){color: #0e8a7b}
.u18:not(#_){font-size: clamp(36px, 4.4vw, 58px); line-height: 1.02; color: #0f1b2b}
.u19:not(#_){flex: 1 1 320px; max-width: 46ch; font-size: 18px; line-height: 1.55; color: #4b5668}
.u1a:not(#_){display: flex; flex-direction: column; gap: 16px}
.u1b:not(#_){display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px}
.u1c:not(#_){font-size: 12.5px; font-weight: 600; letter-spacing: .1em; color: #6b7586}
.u1d:not(#_){font: 600 19px 'Bricolage Grotesque', Inter, sans-serif; letter-spacing: -.01em; color: #0f1b2b; padding-bottom: 18px}
.u1e:not(#_){align-self: stretch; flex: none; height: 2px; margin: auto -22px 0; background: rgba(15,27,43,.1); overflow: hidden}
.u1f:not(#_){border-radius: 28px; position: relative; isolation: isolate; background: #0c1b2e; border: 1px solid #1b2d44; padding: 40px 24px; overflow: hidden}
.u1g:not(#_){position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(192,206,226,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(192,206,226,.07) 1px, transparent 1px); background-size: 48px 48px; -webkit-mask-image: radial-gradient(760px 480px at 50% 45%, #000, transparent 78%); mask-image: radial-gradient(760px 480px at 50% 45%, #000, transparent 78%)}
.u1h:not(#_){display: flex; justify-content: center}
.u1i:not(#_){height: 540px; display: flex; align-items: center}
.u1j:not(#_){position: relative; width: 1100px; height: 470px; flex: none; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.u1k:not(#_){position: absolute; inset: 0}
.u1l:not(#_){position: absolute; left: 40px; top: 40px; width: 352px; height: 400px; border-radius: 24px; overflow: hidden; background: #ece5dd; box-shadow: 0 30px 60px -28px rgba(0,0,0,.6)}
.u1m:not(#_){position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #1f2c34; color: #e9edef}
.u1n:not(#_){width: 34px; height: 34px; border-radius: 50%; background: #3b4a54; display: grid; place-items: center; font-weight: 600; font-size: 14px}
.u1o:not(#_){display: flex; flex-direction: column}
.u1p:not(#_){font-weight: 600; font-size: 15px}
.u1q:not(#_){font-size: 12px; color: #8696a0}
.u1r:not(#_){padding: 14px 16px; display: flex; flex-direction: column; gap: 10px}
.u1s:not(#_){position: relative; align-self: flex-start}
.u1t:not(#_){position: absolute; left: 0; top: 0; display: inline-flex; gap: 4px; padding: 12px 14px; border-radius: 4px 14px 14px 14px; background: #ffffff; box-shadow: 0 1px 1px rgba(0,0,0,.12)}
.u1u:not(#_){animation-delay: .15s}
.u1v:not(#_){animation-delay: .3s}
.u1w:not(#_){width: 236px; border-radius: 4px 14px 14px 14px; background: #ffffff; padding: 6px; box-shadow: 0 1px 1px rgba(0,0,0,.12)}
.u1x:not(#_){border-radius: 10px; overflow: hidden; background: #d9d2c3; padding: 8px}
.u1y:not(#_){display: block; width: 100%; background: #fbf8f0; transform: rotate(-2.2deg); box-shadow: 0 3px 8px rgba(0,0,0,.25)}
.u1z:not(#_){display: block; text-align: right; font-size: 11px; color: #667781; padding: 4px 4px 0}
.u20:not(#_){max-width: 270px; border-radius: 4px 14px 14px 14px; background: #ffffff; padding: 9px 12px 6px; box-shadow: 0 1px 1px rgba(0,0,0,.12); font-size: 15px; line-height: 1.4; color: #111b21}
.u21:not(#_){display: block; text-align: right; font-size: 11px; color: #667781; padding-top: 2px}
.u22:not(#_){align-self: flex-end; max-width: 270px; border-radius: 14px 4px 14px 14px; background: #d9fdd3; padding: 9px 12px 6px; box-shadow: 0 1px 1px rgba(0,0,0,.12); font-size: 15px; line-height: 1.4; color: #111b21}
.u23:not(#_){display: flex; align-items: center; gap: 10px; margin: -3px -6px 8px; padding: 8px 10px; border-radius: 10px; background: #c7efc0; border-left: 3px solid #25a35a}
.u24:not(#_){flex: none; width: 34px; height: 34px; border-radius: 8px; background: #ffffff; display: grid; place-items: center}
.u25:not(#_){width: 18px; height: 18px; fill: none; stroke: #0e6b62; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round}
.u26:not(#_){display: flex; flex-direction: column; min-width: 0}
.u27:not(#_){font-weight: 600; font-size: 13.5px}
.u28:not(#_){font-size: 12px; color: #4a6b52}
.u29:not(#_){color: #027eb5}
.u2a:not(#_){display: flex; justify-content: flex-end; align-items: center; gap: 4px; font-size: 11px; color: #667781; padding-top: 2px}
.u2b:not(#_){width: 17px; height: 11px; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round}
.u2c:not(#_){position: absolute; left: 490px; top: 176px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle at 35% 28%, #2cb6a2, #178a7a 75%); display: grid; place-items: center}
.u2d:not(#_){width: 82px; height: 82px; overflow: visible}
.u2e:not(#_){position: absolute; left: 400px; width: 300px; top: 316px; height: 30px; text-align: center; font-size: 14px; font-weight: 600; color: #7fd6c9}
.u2f:not(#_){position: absolute; left: 706px; top: 40px; width: 354px; border-radius: 22px; background: #ffffff; color: #0f1b2b; padding: 20px; box-shadow: 0 30px 60px -28px rgba(0,0,0,.6); display: flex; flex-direction: column; gap: 14px; transform-origin: center bottom}
.u2g:not(#_){font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6b7586}
.u2h:not(#_){display: block; width: 100%; border-radius: 12px; background: #f2f5fa}
.u2i:not(#_){display: flex; flex-direction: column; gap: 6px; font-size: 14px}
.u2j:not(#_){display: flex; justify-content: space-between}
.u2k:not(#_){display: flex; justify-content: space-between; color: #4b5668}
.u2l:not(#_){align-self: flex-start; display: flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: #e2f2ef; color: #0e6b62; font-size: 12.5px; font-weight: 600}
.u2m:not(#_){width: 14px; height: 14px; fill: none; stroke: #0e6b62; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round}
.u2n:not(#_){align-self: flex-start; padding: 10px 18px; border-radius: 10px; color: #ffffff; font-size: 14px; font-weight: 600}
.u2o:not(#_){position: absolute; left: 760px; top: 206px; display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 16px; background: rgba(127,214,201,.12); border: 1px solid #7fd6c9; color: #ffffff; font-weight: 600; font-size: 16px}
.u2p:not(#_){width: 34px; height: 34px; border-radius: 10px; background: #7fd6c9; display: grid; place-items: center}
.u2q:not(#_){width: 18px; height: 18px; fill: none; stroke: #04211f; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round}
.u2r:not(#_){font-size: 12.5px; font-weight: 500; color: #b3c2d6}
.u2s:not(#_){width: 14px; height: 14px; fill: none; stroke: #7fd6c9; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round}
.u2t:not(#_){position: relative; width: 1100px; height: 540px; flex: none; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.u2u:not(#_){position: absolute; left: 40px; top: 24px; width: 352px; border-radius: 18px; background: #ffffff; color: #0f1b2b; padding: 14px 16px; box-shadow: 0 24px 50px -26px rgba(0,0,0,.6); display: flex; flex-direction: column; gap: 10px}
.u2v:not(#_){position: relative; width: 34px; height: 34px; border-radius: 10px; background: #e2f2ef; color: #0e6b62; display: grid; place-items: center}
.u2w:not(#_){width: 18px; height: 18px; fill: none; stroke: #0e6b62; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u2x:not(#_){position: absolute; right: -4px; top: -4px; width: 12px; height: 12px; border-radius: 50%; background: #2b7de9; box-shadow: 0 0 0 2px #ffffff}
.u2y:not(#_){font-size: 12px; color: #6b7586}
.u2z:not(#_){font-size: 14.5px}
.u30:not(#_){align-self: flex-start; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px; border: 1px solid #d7dfeb; font-size: 13px; font-weight: 500}
.u31:not(#_){width: 14px; height: 14px; fill: none; stroke: #4b5668; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u32:not(#_){position: absolute; left: 48px; top: 150px; width: 336px}
.u33:not(#_){transform: rotate(-1.2deg); border-radius: 6px; background: #fbf9f4; color: #2a2a2a; padding: 18px 20px 14px; box-shadow: 0 30px 60px -28px rgba(0,0,0,.6); font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12.5px}
.u34:not(#_){display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 10px; border-bottom: 2px solid #2a2a2a}
.u35:not(#_){display: flex; flex-direction: column; gap: 3px}
.u36:not(#_){font-size: 15px; letter-spacing: .04em}
.u37:not(#_){color: #7a7466}
.u38:not(#_){color: #7a7466; text-align: right}
.u39:not(#_){color: #2a2a2a}
.u3a:not(#_){display: flex; flex-direction: column; padding-top: 6px}
.u3b:not(#_){display: flex; justify-content: space-between; gap: 10px; padding: 6px 6px; margin: 0 -6px; border-radius: 4px; border-bottom: 1px dashed #d8d2c4}
.u3c:not(#_){position: absolute; left: 380px; width: 340px; top: 316px; height: 30px; text-align: center; font-size: 14px; font-weight: 600; color: #7fd6c9}
.u3d:not(#_){position: absolute; left: 730px; top: 186px; width: 300px; display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(192,206,226,.25); color: #ffffff}
.u3e:not(#_){width: 44px; height: 44px; border-radius: 12px; background: #7fd6c9; display: grid; place-items: center}
.u3f:not(#_){width: 22px; height: 22px; fill: none; stroke: #04211f; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u3g:not(#_){display: flex; flex-direction: column; gap: 4px}
.u3h:not(#_){font-size: 16px}
.u3i:not(#_){display: flex; align-items: center; gap: 8px; font-size: 13px; color: #b3c2d6}
.u3j:not(#_){display: inline-flex; gap: 4px}
.u3k:not(#_){position: absolute; left: 706px; top: 24px; width: 354px; border-radius: 22px; background: #ffffff; color: #0f1b2b; padding: 20px; box-shadow: 0 30px 60px -28px rgba(0,0,0,.6); display: flex; flex-direction: column; gap: 12px; font-size: 14px; transform-origin: center bottom}
.u3l:not(#_){display: flex; justify-content: space-between; align-items: center}
.u3m:not(#_){display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6b7586}
.u3n:not(#_){width: 14px; height: 14px; fill: none; stroke: #6b7586; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u3o:not(#_){font-size: 13px}
.u3p:not(#_){display: flex; flex-direction: column; gap: 2px}
.u3q:not(#_){display: grid; grid-template-columns: 1fr auto 22px; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px}
.u3r:not(#_){color: #4b5668}
.u3s:not(#_){display: grid; place-items: center}
.u3t:not(#_){width: 16px; height: 16px; fill: none; stroke: #1f9e8c; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u3u:not(#_){width: 17px; height: 17px; fill: none; stroke: #c2620a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u3v:not(#_){font-size: 13px; font-weight: 600; color: #b45309}
.u3w:not(#_){border-radius: 14px; border: 1px solid #8fcfc5; background: #f2faf8; padding: 14px; display: flex; flex-direction: column; gap: 12px}
.u3x:not(#_){font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #0e6b62}
.u3y:not(#_){display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: center}
.u3z:not(#_){position: relative; width: 26px; height: 26px; border-radius: 50%; background: #0f1b2b; color: #ffffff; display: grid; place-items: center; font-size: 13px; font-weight: 700}
.u40:not(#_){position: absolute; inset: 0; border-radius: 50%; background: #1f9e8c; display: grid; place-items: center}
.u41:not(#_){width: 14px; height: 14px; fill: none; stroke: #ffffff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u42:not(#_){display: flex; flex-direction: column; gap: 1px}
.u43:not(#_){display: flex; align-items: center; gap: 7px; font-size: 14.5px}
.u44:not(#_){width: 15px; height: 15px; fill: none; stroke: #0e6b62; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u45:not(#_){font-size: 13px; color: #4b5668}
.u46:not(#_){position: absolute; left: 730px; top: 200px; width: 330px; display: flex; flex-direction: column; gap: 10px}
.u47:not(#_){display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 16px; background: rgba(127,214,201,.12); border: 1px solid #7fd6c9; color: #ffffff; font-weight: 600; font-size: 16px}
.u48:not(#_){width: 18px; height: 18px; fill: none; stroke: #04211f; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u49:not(#_){display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(192,206,226,.22); color: #e8eef6; font-size: 14px}
.u4a:not(#_){width: 18px; height: 18px; fill: none; stroke: #7fd6c9; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u4b:not(#_){position: absolute; left: 0; right: 0; top: 470px; display: flex; justify-content: center; gap: 10px}
.u4c:not(#_){display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(192,206,226,.18); font-size: 13px; font-weight: 600}
.u4d:not(#_){opacity: .7}
.u4e:not(#_){position: relative; width: 34px; height: 34px; border-radius: 10px; background: #e2f2ef; display: grid; place-items: center}
.u4f:not(#_){transform: rotate(-1deg); border-radius: 6px; background: #fbfcfd; padding: 10px; box-shadow: 0 30px 60px -28px rgba(0,0,0,.6)}
.u4g:not(#_){display: block; width: 100%; font-family: Inter, sans-serif}
.u4h:not(#_){position: absolute; left: 700px; top: 16px; width: 340px; border-radius: 22px; background: #ffffff; color: #0f1b2b; padding: 16px 20px; box-shadow: 0 30px 60px -28px rgba(0,0,0,.6); display: flex; flex-direction: column; gap: 8px; transform-origin: center bottom}
.u4i:not(#_){display: grid; grid-template-columns: 1fr 1fr; gap: 4px 18px; padding: 10px 12px; border-radius: 10px; background: #f2f5fa}
.u4j:not(#_){grid-column: 1 / -1; font-size: 11.5px; font-weight: 600; color: #6b7586; text-transform: uppercase; letter-spacing: .06em}
.u4k:not(#_){display: flex; justify-content: space-between; gap: 8px; font-size: 13px}
.u4l:not(#_){color: #6b7586}
.u4m:not(#_){display: grid; grid-template-columns: 1fr auto; gap: 1px 12px; padding: 5px 0; border-bottom: 1px solid #e9eef6}
.u4n:not(#_){font-size: 13.5px}
.u4o:not(#_){font-size: 13.5px; text-align: right}
.u4p:not(#_){grid-column: 1 / -1; font-size: 12px; color: #6b7586}
.u4q:not(#_){align-self: flex-start; display: flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: #e2f2ef; color: #0e6b62; font-size: 12px; font-weight: 600}
.u4r:not(#_){width: 13px; height: 13px; fill: none; stroke: #0e6b62; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u4s:not(#_){display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-radius: 10px}
.u4t:not(#_){font-weight: 600}
.u4u:not(#_){font-size: 17px}
.u4v:not(#_){position: absolute; left: 0; right: 0; top: 488px; display: flex; justify-content: center; gap: 10px}
.u4w:not(#_){margin-top: 14px; border-radius: 32px; background: #ffffff; color: #0f1b2b; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.u4x:not(#_){padding-top: 104px; padding-bottom: 104px; display: flex; flex-direction: column; gap: 48px}
.u4y:not(#_){display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 48px}
.u4z:not(#_){display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px}
.u50:not(#_){position: relative; overflow: hidden; border-radius: 26px; background: linear-gradient(160deg, #f2f5fa, #e9eef6); padding: 40px; display: flex; flex-direction: column; gap: 14px}
.u51:not(#_){position: absolute; right: -36px; bottom: -40px; color: #0e8a7b; opacity: .07}
.u52:not(#_){width: 260px; height: 260px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u53:not(#_){width: 52px; height: 52px; background: #ffffff}
.u54:not(#_){width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u55:not(#_){font-size: 30px; margin-top: 6px}
.u56:not(#_){font-size: 16.5px; line-height: 1.6; color: #4b5668; max-width: 26em}
.u57:not(#_){position: relative; list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px}
.u58:not(#_){display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 600; color: #0f1b2b}
.u59:not(#_){width: 24px; height: 24px; border-radius: 50%; background: #0e8a7b; color: #ffffff; display: grid; place-items: center; flex: none}
.u5a:not(#_){width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u5b:not(#_){color: #0f1b2b; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.u5c:not(#_){padding-top: 120px; padding-bottom: 120px; display: flex; flex-wrap: wrap; align-items: center; gap: 48px 72px}
.u5d:not(#_){flex: 1 1 380px; display: flex; flex-direction: column; gap: 20px}
.u5e:not(#_){font-size: 18px; line-height: 1.65; color: #4b5668; max-width: 28em}
.u5f:not(#_){display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: #0e8a7b}
.u5g:not(#_){width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none}
.u5h:not(#_){flex: 1 1 520px; display: flex; flex-direction: column; gap: 16px}
.u5i:not(#_){border-radius: 24px; background: #ffffff; padding: 24px; box-shadow: 0 24px 50px -34px rgba(5,31,35,.35); display: flex; align-items: center; gap: 24px}
.u5j:not(#_){flex: none; width: 112px; height: 112px; object-fit: cover; object-position: center 28%; border-radius: 18px; background: #d7dfeb; display: block}
.u5k:not(#_){display: flex; flex-direction: column; gap: 6px; min-width: 0}
.u5l:not(#_){font: 600 23px 'Bricolage Grotesque', Inter, sans-serif; letter-spacing: -.01em}
.u5m:not(#_){font-size: 14px; font-weight: 600; color: #0e8a7b}
.u5n:not(#_){font-size: 15px; line-height: 1.55; color: #4b5668; margin-top: 4px}
.u5o:not(#_){margin-top: 14px; border-radius: 32px; overflow: hidden; background: radial-gradient(640px 420px at 85% 60%, rgba(15,27,43,.14), rgba(15,27,43,0) 70%), #ffffff; color: #0f1b2b; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.u5p:not(#_){padding-top: 96px; padding-bottom: 96px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px}
.u5q:not(#_){flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.u5r:not(#_){font-size: clamp(38px, 5vw, 64px); line-height: .98; color: #0f1b2b}
.u5s:not(#_){font-size: 19px; line-height: 1.6; color: #4b5668; max-width: 30em}
.u5t:not(#_){padding-top: 6px}
.u5u:not(#_){flex: none; width: 210px; max-width: 40%; filter: drop-shadow(0 24px 32px rgba(0,0,0,.4))}
.u5v:not(#_){padding-top: 48px; padding-bottom: 32px; display: flex; flex-direction: column; gap: 32px; color: #0f1b2b; font-family: Inter, ui-sans-serif, system-ui, sans-serif}
.u5w:not(#_){display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px}
.u5x:not(#_){font: 700 20px 'Bricolage Grotesque', Inter, sans-serif}
.u5y:not(#_){display: flex; flex-wrap: wrap; gap: 28px; font-size: 15px}
.u5z:not(#_){color: #0f1b2b; text-decoration: none}
.u60:not(#_){display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-top: 24px; border-top: 1px solid #d7dfeb; font-size: 14px; color: #6b7586}

/* ==========================================================================
   Additions to the original design (Maxim's landing page, 6 Nov 2026).
   Selectors ending in :not(#_) carry ID-level specificity so they rank like the
   inline styles they replace, while CSS animations can still override them.
   ========================================================================== */

/* The hidden attribute must win over the display values the design sets. */
[hidden] {
  display: none !important;
}

/* Short pages (404) end without a white strip under the footer. */
body {
  background: #f1f4f9;
}

/* The legal line in the footer: small, but still readable (5.1:1 on the page background). */
.ad-legal:not(#_) {
  color: #5d6878;
  font-size: 12px;
}

/* The robot in the examples sits on a white disc, like Admino's avatar in the app;
   the pulsing ring around the disc stays. */
.ad-node:not(#_):not(#_) {
  background: radial-gradient(circle at 35% 28%, #ffffff, #e6f5f2 75%);
}

.ad-skip {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 20;
  padding: 8px 14px;
  border-radius: 10px;
  background: #ffffff;
  color: #0f1b2b;
  font: 600 15px Inter, ui-sans-serif, system-ui, sans-serif;
}

.ad-skip:focus {
  top: 12px;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #0e8a7b;
  outline-offset: 3px;
}

/* Narrow screens: the team cards may shrink below their content width, so the page no
   longer gets 2px wider than a 390px phone (the original design did). */
#team .lx-wrap > div,
#team .lx-wrap > div > div,
#team .lx-wrap > div > div > div {
  min-width: 0;
}

/* Small phones: the photo goes above the text, so names and long words keep the full card width. */
@media (max-width: 420px) {
  #team .lx-wrap > div > div {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Small phones: the tiles in the "Hoe het werkt" cards go one per row. */
@media (max-width: 400px) {
  .b-raster {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ---------- Example tabs: the state the design tool computed in script ---------- */

.ad-ftab:not(#_) {
  border: 1px solid rgba(15, 27, 43, 0.18);
  background: transparent;
}

.ad-ftab.is-active:not(#_) {
  border: 1px solid rgba(14, 138, 123, 0.6);
  background: rgba(14, 138, 123, 0.1);
}

.ad-ftab .ad-nr:not(#_) {
  color: #6b7586;
}

.ad-ftab.is-active .ad-nr:not(#_) {
  color: #0e8a7b;
}

.ad-bar {
  display: none;
  height: 100%;
  background: #0e8a7b;
  transform-origin: left;
}

.ad-ftab.is-active .ad-bar.run {
  display: block;
  animation: lxProg 20s linear forwards;
}

.ad-ftab[data-dur="15"] .ad-bar.run {
  animation-duration: 15s;
}

.ad-ftab[data-dur="24"] .ad-bar.run {
  animation-duration: 24s;
}

.ad-ftab[data-dur="26"] .ad-bar.run {
  animation-duration: 26s;
}

/* Reduced motion: each example stands still on its last frame, before the loop restarts. */
@media (prefers-reduced-motion: reduce) {
  .lx-film[data-film="0"] * {
    animation-delay: -13.5s !important;
    animation-play-state: paused !important;
  }

  .lx-film[data-film="1"] * {
    animation-delay: -21.6s !important;
    animation-play-state: paused !important;
  }

  .lx-film[data-film="2"] * {
    animation-delay: -23.4s !important;
    animation-play-state: paused !important;
  }
}

/* ---------- New sections, in the design's own language ---------- */

.ad-panel {
  margin-top: 14px;
  border-radius: 32px;
  background: #ffffff;
  color: #0f1b2b;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.ad-dark {
  margin-top: 14px;
  border-radius: 32px;
  background: radial-gradient(760px 420px at 85% 0%, rgba(14, 138, 123, 0.22), transparent 70%), #0c1b2e;
  color: #e8eef6;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.ad-sec {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-top: 104px;
  padding-bottom: 104px;
}

.ad-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 48px;
}

.ad-head h2 {
  font-size: clamp(36px, 4.4vw, 58px);
  line-height: 1.02;
}

.ad-head p {
  max-width: 30em;
  padding-bottom: 8px;
  color: #4b5668;
  font-size: 18px;
  line-height: 1.6;
}

.ad-dark h2:not(#_),
.ad-dark h3:not(#_) {
  color: #ffffff;
}

.ad-dark .ad-head p {
  color: #a9b6c8;
}

.ad-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ad-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 30px;
  border: 1px solid #1b2d44;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
}

.ad-card h3 {
  margin-top: 4px;
  font-size: 22px;
}

.ad-card p {
  color: #a9b6c8;
  font-size: 16px;
  line-height: 1.6;
}

.ad-dark .lx-ico {
  background: rgba(14, 138, 123, 0.2);
  color: #5fe0cf;
}

.ad-ico svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ad-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px 56px;
}

.ad-qa h3 {
  font-size: 21px;
  line-height: 1.25;
}

.ad-qa p {
  margin-top: 10px;
  color: #4b5668;
  font-size: 16.5px;
  line-height: 1.65;
}

@media (max-width: 780px) {
  .ad-sec {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .ad-faq {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ad-card {
    padding: 24px;
  }
}

/* ---------- Text pages (privacy, 404) ---------- */

.ad-page {
  padding-top: 40px;
  padding-bottom: 96px;
}

.ad-prose {
  max-width: 42rem;
}

.ad-prose h1,
.ad-prose h2 {
  margin: 0;
  color: #0f1b2b;
  font-family: "Bricolage Grotesque", Inter, sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.ad-prose h1 {
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.05;
}

.ad-prose h2 {
  margin-top: 40px;
  font-size: 22px;
}

.ad-prose p {
  margin-top: 14px;
  color: #4b5668;
  font-size: 17px;
  line-height: 1.65;
}

.ad-prose .ad-updated {
  margin-top: 10px;
  color: #6b7586;
  font-size: 14px;
}

.ad-prose .ad-actions {
  margin-top: 28px;
}

/* ---------- Phones ---------- */

/* The examples as a list of steps: hidden on wider screens, where the animation plays. */
.ad-msteps-wrap {
  display: none;
}

.ad-msteps-head {
  margin: 0 0 12px;
  color: #0e8a7b;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ad-msteps {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 22px 20px;
  border-radius: 24px;
  background: #0c1b2e;
  color: #e8eef6;
  list-style: none;
}

.ad-msteps li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  font-size: 15.5px;
  line-height: 1.5;
}

.ad-mstep-n {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #0e8a7b;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}

/* Tablets and phones: the five menu links wrapped to two lines above the demo button.
   The page is one scroll; the logo and the demo button share the top row. */
@media (max-width: 960px) {
  header .bn-nav {
    display: none !important;
  }
}

/* The hero diagram and the animated examples are drawn for 1100 px: from here down their
   text shrinks below 7 px. The diagram goes; the examples become a list of steps
   (main.js uses the same width to stop advancing by itself). */
@media (max-width: 780px) {
  .ad-hero-diagram,
  .ad-stage {
    display: none !important;
  }

  .ad-msteps-wrap {
    display: block;
  }

  #demo > svg {
    margin-inline: auto;
  }
}

@media (max-width: 600px) {
  /* The "Hoe het werkt" cards have a fixed height; one tile per row needs more. */
  .b-kaart {
    height: auto;
    min-height: 0;
  }

  .b-tegel {
    height: 46px;
  }

  /* The desktop spacing made the page twice as long on a phone. */
  .lx > section.lx-wrap {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  /* "Hoe het werkt" is a heading above its cards, which follow in the same band. */
  #hoe {
    padding-bottom: 0 !important;
  }

  #sectoren > div:last-child > div {
    padding: 28px 24px !important;
  }

  #sectoren h3 {
    font-size: 26px !important;
  }
}

/* The hero pill on one line on a phone; on the narrowest ones it may wrap, centred, without the dot. */
@media (max-width: 560px) {
  .ad-pill:not(#_):not(#_) {
    gap: 8px;
    padding: 6px 12px 6px 10px;
    font-size: 12.5px;
  }
}

@media (max-width: 380px) {
  .ad-pill:not(#_):not(#_) {
    border-radius: 14px;
    text-align: center;
  }

  .ad-pill > span:first-child {
    display: none;
  }
}