/* LOOP! publieke pagina's (landing + uitlegpagina's). Zelfde kleuren en fonts als de app. v62 */
@font-face{font-family:Figtree;src:url(/assets/fonts/Figtree.woff2) format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit.woff2) format('woff2');font-weight:300 900;font-display:swap}
:root{--bg:#F6F4F3;--card:#FFFFFF;--card2:#FAF9F8;--track:#F1EEEC;--line:#E6E2DF;--line2:#D4CFCB;--ink:#161616;--ink2:#333333;--mute:#666666;--mute2:#767676;--solid:#161616;--acc:#D6342A;--acc-bg:#B02A22;--acc-t:#B02A22;--acc-deep:#8E1F19;--tint:#FEF3F2;--tint2:#FCE3E0;--tb:#F8C4BE;--tb2:#F29C93;--acc-rgb:214,52,42;--sh:15,15,15;--navbg:rgba(255,255,255,.95);--side:#161616;--side2:#262626;--hero:linear-gradient(150deg,#D6342A 0%,#B02A22 55%,#7E1C17 100%);--hero-rest:linear-gradient(150deg,#4A4A4A 0%,#333333 60%,#1E1E1E 100%);--am-bg:#FFFBEB;--am-bg2:#FEF3C7;--am-b:#FDE68A;--am-fg:#92400E;--am-fg2:#78350F;--or-bg:#FFF7ED;--or-bg2:#FFEDD5;--or-b:#FED7AA;--or-fg:#C2410C;--er-bg:#FEF2F2;--er-b:#FECACA;--er-fg:#B91C1C;--er-fg2:#7F1D1D;--pu-bg:#F5F3FF;--pu-b:#C4B5FD;--pu-fg:#5B21B6;--pu-fg2:#3B0764;--in-bg:#EEF2FF;--in-fg:#3730A3;--blue:#2563EB;--g900:var(--acc-deep);--g800:var(--acc-t);--g700:var(--acc-t);--g600:var(--acc);--g100:var(--tint2);--g50:var(--tint);--amber:var(--am-fg);--amberbg:var(--am-bg2);color-scheme:light}
:root[data-theme=dark]{--bg:#111111;--card:#1C1C1C;--card2:#171717;--track:#262626;--line:#2C2C2C;--line2:#3A3A3A;--ink:#F4F4F4;--ink2:#D2D2D2;--mute:#A0A0A0;--mute2:#8A8A8A;--solid:#2C2C2C;--acc:#D6342A;--acc-bg:#D6342A;--acc-t:#FF6A5E;--acc-deep:#FFB4AC;--tint:#231312;--tint2:#3A1A17;--tb:#5A2622;--tb2:#6E2A24;--acc-rgb:214,52,42;--sh:0,0,0;--navbg:rgba(22,22,22,.96);--side:#0B0B0B;--side2:#1C1C1C;--hero:linear-gradient(150deg,#D6342A 0%,#A9271F 55%,#5E1410 100%);--hero-rest:linear-gradient(150deg,#333333 0%,#262626 60%,#161616 100%);--am-bg:#241D10;--am-bg2:#3A2E12;--am-b:#5A4716;--am-fg:#FCD34D;--am-fg2:#FDE68A;--or-bg:#2A1A12;--or-bg2:#3A2414;--or-b:#5A3416;--or-fg:#FB923C;--er-bg:#2A1414;--er-b:#5A2626;--er-fg:#FF8A80;--er-fg2:#FFB4AC;--pu-bg:#1F1A2E;--pu-b:#4C3D80;--pu-fg:#C4B5FD;--pu-fg2:#E9D5FF;--in-bg:#1C1F33;--in-fg:#A5B4FC;--blue:#7AA2FF;color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111111;--card:#1C1C1C;--card2:#171717;--track:#262626;--line:#2C2C2C;--line2:#3A3A3A;--ink:#F4F4F4;--ink2:#D2D2D2;--mute:#A0A0A0;--mute2:#8A8A8A;--solid:#2C2C2C;--acc:#D6342A;--acc-bg:#D6342A;--acc-t:#FF6A5E;--acc-deep:#FFB4AC;--tint:#231312;--tint2:#3A1A17;--tb:#5A2622;--tb2:#6E2A24;--acc-rgb:214,52,42;--sh:0,0,0;--navbg:rgba(22,22,22,.96);--side:#0B0B0B;--side2:#1C1C1C;--hero:linear-gradient(150deg,#D6342A 0%,#A9271F 55%,#5E1410 100%);--hero-rest:linear-gradient(150deg,#333333 0%,#262626 60%,#161616 100%);--am-bg:#241D10;--am-bg2:#3A2E12;--am-b:#5A4716;--am-fg:#FCD34D;--am-fg2:#FDE68A;--or-bg:#2A1A12;--or-bg2:#3A2414;--or-b:#5A3416;--or-fg:#FB923C;--er-bg:#2A1414;--er-b:#5A2626;--er-fg:#FF8A80;--er-fg2:#FFB4AC;--pu-bg:#1F1A2E;--pu-b:#4C3D80;--pu-fg:#C4B5FD;--pu-fg2:#E9D5FF;--in-bg:#1C1F33;--in-fg:#A5B4FC;--blue:#7AA2FF;color-scheme:dark}}
.lp,.lp *{box-sizing:border-box}
.lp{font-family:Figtree,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
.lp a{color:var(--acc-t)}
.lp .w{max-width:980px;margin:0 auto;padding:0 20px}
.lp .top{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.lp .top img{height:33px;width:auto;display:block}
.lp .top nav{display:flex;gap:10px;align-items:center}
.lp .top nav a{font-weight:700;text-decoration:none;font-size:15px}
.lp .b{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:16px;background:var(--acc);color:#fff!important;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 6px 16px rgba(var(--acc-rgb),.3)}
.lp .b.s{background:var(--card);color:var(--acc-t)!important;border:1.5px solid var(--tb);box-shadow:none}
.lp .b.sm{padding:9px 15px;font-size:15px;border-radius:12px}
.lp .lhero{padding:34px 0 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.lp h1{font-family:Outfit,Figtree,sans-serif;font-size:44px;line-height:1.08;letter-spacing:-1px;font-weight:800;margin:0 0 14px}
.lp h1 em{font-style:normal;color:var(--acc-t)}
.lp h2{font-family:Outfit,Figtree,sans-serif;font-size:28px;line-height:1.15;letter-spacing:-.5px;margin:0 0 12px}
.lp h3{font-size:18px;margin:0 0 6px}
.lp p{margin:0 0 12px}
.lp .lead{font-size:19px;color:var(--ink2)}
.lp .cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.lp .small{font-size:14px;color:var(--mute)}
.lp .shot{width:100%;max-width:300px;justify-self:center;border-radius:28px;box-shadow:0 10px 40px rgba(var(--sh),.18);display:block;height:auto}
.lp section{padding:26px 0}
.lp .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lp .card{background:var(--card);border-radius:20px;padding:18px;box-shadow:0 1px 2px rgba(var(--sh),.05),0 6px 20px rgba(var(--sh),.05)}
.lp .card .ic{font-size:26px;margin-bottom:6px}
.lp .plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp .plan ul{margin:8px 0 0;padding-left:20px}
.lp .plan li{margin:4px 0}
.lp .plan.pro{border:2px solid var(--acc)}
.lp .price{font-family:Outfit,sans-serif;font-size:30px;font-weight:800}
.lp details{background:var(--card);border-radius:16px;padding:14px 18px;margin:10px 0;box-shadow:0 1px 2px rgba(var(--sh),.05)}
.lp summary{font-weight:800;cursor:pointer}
.lp details p{margin:10px 0 0}
.lp table.wk{width:100%;border-collapse:collapse;background:var(--card);border-radius:16px;overflow:hidden}
.lp table.wk th,.lp table.wk td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.lp table.wk th{width:70px;color:var(--mute);font-weight:800}
.lp table.wk tr:last-child td,.lp table.wk tr:last-child th{border-bottom:0}
.lp .rust{color:var(--mute)}
.lp .note{background:var(--tint);border-radius:16px;padding:14px 18px;margin-top:14px}
.lp .links{display:flex;flex-wrap:wrap;gap:8px}
.lp .links a{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:700;font-size:14.5px}
.lp .crumb{font-size:14px;color:var(--mute);margin-top:4px}
.lp .crumb a{color:var(--mute)}
.lp footer.ft{margin-top:20px;padding:26px 0 40px;border-top:1px solid var(--line);font-size:14.5px;color:var(--mute)}
.lp footer.ft a{color:var(--ink2);text-decoration:none;font-weight:600}
.lp footer.ft .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp footer.ft b{display:block;color:var(--ink);margin-bottom:6px}
.lp footer.ft .cols a{display:block;margin:3px 0}
@media(max-width:760px){.lp h1{font-size:34px}.lp .lhero{grid-template-columns:1fr;padding-top:18px}.lp .shot{max-width:240px}.lp .grid,.lp .plans,.lp footer.ft .cols{grid-template-columns:1fr}.lp h2{font-size:24px}.lp .cta .b{flex:1}}
/* Landing in index.html: alleen zichtbaar voor nieuwe bezoekers (gate.js zet html.app voor ingelogde lopers / geïnstalleerde app) */
html.app #landing{display:none!important}
html:not(.app) #app{display:none}
html:not(.app) body{max-width:none;display:block}
.lp .wd{display:none!important}:root[data-theme=dark] .lp .wd{display:block!important}:root[data-theme=dark] .lp .wl{display:none!important}