/* BlitzBuddy website. Kleuren, maten, typografie en beweging 1:1 uit het ontwerp
   (site-design/blitzbuddy-website/en/index.html); lettertypen zelf gehost (SIL OFL, zie fonts/OFL.txt). */
@font-face{font-family:'Geist';src:url('/assets/fonts/Geist-Variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/assets/fonts/GeistMono-Variable.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}
.skip:focus{left:16px!important;top:16px;z-index:100;padding:8px 16px;border-radius:20px;background:var(--c16);color:var(--c15)}
span[aria-disabled="true"]{cursor:default}
:root{--c0:rgba(255,255,255,0.07);--c1:rgba(255,255,255,0.06);--c2:rgba(255,255,255,0.08);--c3:rgba(255,255,255,0.14);--c4:rgba(255,255,255,0.16);--c5:rgba(255,255,255,0.18);--c6:rgba(255,255,255,0.28);--c7:rgba(10,10,11,0.55);--c8:rgba(40,40,44,0.8);--c9:rgba(0,0,0,0.45);--c10:rgba(0,0,0,0.55);--c11:rgba(10,10,11,0);--c12:rgba(0,0,0,0.4);--c13:rgba(0,0,0,0.5);--c14:rgba(0,0,0,0.6);--c15:#0A0A0B;--c16:#FAFAFA;--c17:#141416;--c18:#1D1D20;--c19:#A1A1A6;--c20:#7D7D84;--c21:#050506;--c22:#0E1015;--c23:#0E0E10;--c24:#151518;--c25:#1B1B1F;--c26:#101312;--c27:#0C1015;--c28:#26262B;--c29:#2A2A30;--c30:#B4B4BA;--c31:#3A3A40;--c32:#F7B24A;--c33:#4ADE80;--c34:#FF6B61;--c35:#5A4A2A;color-scheme:dark}
:root[data-theme="light"]{--c0:rgba(0,0,0,0.08);--c1:rgba(0,0,0,0.06);--c2:rgba(0,0,0,0.09);--c3:rgba(0,0,0,0.14);--c4:rgba(0,0,0,0.14);--c5:rgba(0,0,0,0.18);--c6:rgba(0,0,0,0.25);--c7:rgba(242,242,244,0.6);--c8:rgba(255,255,255,0.92);--c9:rgba(0,0,0,0.10);--c10:rgba(0,0,0,0.25);--c11:rgba(242,242,244,0);--c12:rgba(0,0,0,0.10);--c13:rgba(0,0,0,0.12);--c14:rgba(0,0,0,0.22);--c15:#F2F2F4;--c16:#111114;--c17:#FFFFFF;--c18:#E6E6EA;--c19:#55555C;--c20:#6B6B73;--c21:#DCDCE0;--c22:#E9E9EC;--c23:#E4E4E8;--c24:#EEEEF1;--c25:#F8F8FA;--c26:#D5E6D8;--c27:#C6D9EC;--c28:#FFFFFF;--c29:#CFCFD5;--c30:#3A3A40;--c31:#C4C4CA;--c32:#B45309;--c33:#15803D;--c34:#C62D22;--c35:#EBD3A6;color-scheme:light}
@media (prefers-color-scheme: light){:root:not([data-theme]){--c0:rgba(0,0,0,0.08);--c1:rgba(0,0,0,0.06);--c2:rgba(0,0,0,0.09);--c3:rgba(0,0,0,0.14);--c4:rgba(0,0,0,0.14);--c5:rgba(0,0,0,0.18);--c6:rgba(0,0,0,0.25);--c7:rgba(242,242,244,0.6);--c8:rgba(255,255,255,0.92);--c9:rgba(0,0,0,0.10);--c10:rgba(0,0,0,0.25);--c11:rgba(242,242,244,0);--c12:rgba(0,0,0,0.10);--c13:rgba(0,0,0,0.12);--c14:rgba(0,0,0,0.22);--c15:#F2F2F4;--c16:#111114;--c17:#FFFFFF;--c18:#E6E6EA;--c19:#55555C;--c20:#6B6B73;--c21:#DCDCE0;--c22:#E9E9EC;--c23:#E4E4E8;--c24:#EEEEF1;--c25:#F8F8FA;--c26:#D5E6D8;--c27:#C6D9EC;--c28:#FFFFFF;--c29:#CFCFD5;--c30:#3A3A40;--c31:#C4C4CA;--c32:#B45309;--c33:#15803D;--c34:#C62D22;--c35:#EBD3A6;color-scheme:light}}
html,body{margin:0;background:var(--c15);color:var(--c16)}
body{font-family:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}a:hover{opacity:.8}
button,input{font-family:inherit}
summary::-webkit-details-marker{display:none}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
:focus-visible{outline:2px solid #0A84F0;outline-offset:3px;border-radius:6px}
.v-d{zoom:var(--z,1)}
.v-d>div{margin:0 auto}
.v-m{overflow-x:clip}
.tabs::-webkit-scrollbar{display:none}
.v-m>div{width:100%!important;max-width:560px;margin:0 auto}
@media (max-width:1079px){.v-d{display:none}}
@media (min-width:1080px){.v-m{display:none}}
.i-moon{display:none}
:root[data-theme="light"] .i-sun{display:none}
:root[data-theme="light"] .i-moon{display:inline}
.lang-wrap{position:relative}
.lang-menu{position:absolute;right:0;top:48px;z-index:20;width:220px;padding:6px;border-radius:18px;background:var(--c17);border:1px solid var(--c0);box-shadow:0 24px 48px rgba(0,0,0,.35);display:flex;flex-direction:column}
.lang-menu[hidden]{display:none}
.lang-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:500}
.lang-item:hover,.lang-item[aria-current]{background:var(--c18);opacity:1}
.lang-code{width:26px;font-size:12px;font-weight:700;color:var(--c20)}
.mmenu{position:fixed;inset:0;z-index:50;background:var(--c15);padding:0 20px 28px;display:flex;flex-direction:column;overflow:auto}
.mmenu[hidden]{display:none}
.mm-head{height:64px;display:flex;align-items:center;justify-content:space-between}
.mm-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--c0);background:transparent;color:inherit;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mmenu nav{display:flex;flex-direction:column;margin-top:12px}
.mm-link{font-size:28px;font-weight:600;letter-spacing:-.03em;padding:14px 0;border-bottom:1px solid var(--c0)}
.mm-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:28px}
.mm-theme{height:52px;border-radius:26px;border:1px solid var(--c0);background:transparent;color:inherit;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.mm-cta{height:52px;border-radius:26px;background:var(--c16);color:var(--c15);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}
/* Ontwerpstijlen 1:1 uit de inline-stijlen van het ontwerp, in volgorde van eerste gebruik. */
.x1{position:absolute;left:-9999px}
.x2{width:1440px;padding:0 120px 56px;box-sizing:border-box;display:flex;flex-direction:column;gap:120px}
.x3{display:flex;flex-direction:column;gap:40px}
.x4{display:flex;align-items:center;justify-content:space-between;height:76px;border-bottom:1px solid var(--c0)}
.x5{display:flex;align-items:center;gap:48px}
.x6{display:flex;align-items:center;gap:10px}
.x7{display:block;width:30px;height:30px;flex-shrink:0}
.x8{font-size:20px;font-weight:600;letter-spacing:-0.03em}
.x9{display:flex;gap:30px}
.x10{font-size:15px;font-weight:600;color:var(--c16)}
.x11{font-size:15px;font-weight:500;color:var(--c19)}
.x12{height:40px;padding:0 12px;border-radius:20px;border:1px solid var(--c0);display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--c16);background:transparent;cursor:pointer}
.x13{width:40px;height:40px;border-radius:50%;border:1px solid var(--c0);display:flex;align-items:center;justify-content:center;color:var(--c16);background:transparent;cursor:pointer;padding:0}
.x14{height:40px;padding:0 22px;border-radius:20px;background:var(--c16);color:var(--c15);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.x15{display:flex;flex-direction:column;align-items:center;gap:30px;padding-top:96px;text-align:center}
.x16{display:flex;align-items:center;gap:10px;height:36px;padding:0 6px 0 6px;border-radius:18px;border:1px solid var(--c0);font-size:14px;color:var(--c19)}
.x17{padding:3px 10px;border-radius:12px;background:var(--c18);color:var(--c16);font-weight:600}
.x18{width:4px}
.x19{margin:0;font-size:104px;font-weight:600;letter-spacing:-0.06em;line-height:0.95}
.x20{text-align:center;margin:0 auto;font-size:22px;line-height:1.6;color:var(--c19);max-width:700px;text-wrap:pretty}
.x21{display:flex;flex-direction:row;gap:12px;justify-content:center}
.x22{height:56px;padding:0 22px;border-radius:28px;background:var(--c16);color:var(--c15);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.x23{opacity:.6;font-weight:500}
.x24{height:56px;padding:0 22px;border-radius:28px;background:var(--c18);color:var(--c16);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.x25{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--c20)}
.x26{display:inline-flex;align-items:center;justify-content:center;width:31px;height:20px;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 1.4px #111111;color:#111111;font-size:10px;font-weight:700;flex-shrink:0}
.x27{margin-left:4px}
.x28{position:relative;height:720px;display:flex;justify-content:center;align-items:flex-start;gap:40px;padding-top:24px}
.x29{position:absolute;left:50%;top:120px;width:900px;height:500px;margin-left:-450px;border-radius:50%;background:radial-gradient(closest-side, rgba(10,132,240,0.16), rgba(10,132,240,0))}
.x30{margin-top:90px;opacity:0.9}
.x31{width:277px;height:577px;border-radius:44px;background:#1C1C1F;padding:10px;box-sizing:border-box;flex-shrink:0;box-shadow:0 50px 100px var(--c9), inset 0 0 0 1px var(--c2)}
.x32{width:257px;height:557px;border-radius:29px;overflow:hidden;position:relative;pointer-events:none}
.x33{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(0.66);transform-origin:0 0}
.x34{position:relative;width:390px;height:844px;overflow:hidden;background:var(--c15);color:var(--c16);font-family:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.x35{position:absolute;left:20px;right:16px;top:56px;display:flex;align-items:center;justify-content:space-between}
.x36{display:flex;align-items:center;gap:12px}
.x37{width:40px;height:40px;border-radius:50%;background:rgba(247,178,74,0.14);color:var(--c32);display:flex;align-items:center;justify-content:center}
.x38{display:flex;flex-direction:column;gap:2px}
.x39{font-size:17px;font-weight:600}
.x40{font-size:14px;color:var(--c19)}
.x41{width:44px;height:44px;border-radius:50%;background:var(--c18);border:1px solid var(--c0);box-shadow:0 8px 20px var(--c12);display:flex;align-items:center;justify-content:center;color:var(--c16);padding:0;cursor:pointer;box-sizing:border-box}
.x42{position:absolute;left:0;right:0;top:200px;display:flex;flex-direction:column;align-items:center;gap:10px}
.x43{font-size:13px;font-weight:500;color:var(--c19)}
.x44{font-size:148px;font-weight:600;letter-spacing:-0.065em;line-height:0.9}
.x45{font-size:17px;color:var(--c19)}
.x46{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:16px;font-weight:500;color:var(--c33)}
.x47{position:absolute;left:20px;right:20px;top:560px;display:flex;flex-direction:column;gap:12px}
.x48{position:relative;height:16px}
.x49{position:absolute;left:0;right:0;top:6px;height:4px;border-radius:2px;background:var(--c18)}
.x50{position:absolute;left:0;top:6px;height:4px;width:48%;border-radius:2px;background:var(--c32)}
.x51{position:absolute;left:calc(48% - 8px);top:0;width:16px;height:16px;border-radius:50%;background:var(--c16);box-shadow:0 0 0 4px var(--c15)}
.x52{display:flex;justify-content:space-between;font-size:14px;color:var(--c19)}
.x53{position:absolute;left:20px;right:20px;top:650px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}
.x54{display:flex;flex-direction:column;gap:4px}
.x55{font-size:13px;color:var(--c20)}
.x56{font-size:24px;font-weight:600;letter-spacing:-0.02em}
.x57{font-size:14px;color:var(--c19);font-weight:500}
.x58{position:absolute;left:20px;right:20px;bottom:40px;display:flex;align-items:center;gap:12px}
.x59{flex-grow:1;font-size:14px;color:var(--c19);line-height:1.45}
.x60{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 4.8px #D93025;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#111111;letter-spacing:-0.03em}
.x61{position:relative}
.x62{width:332px;height:695px;border-radius:52px;background:#1C1C1F;padding:10px;box-sizing:border-box;flex-shrink:0;box-shadow:0 50px 100px var(--c9), inset 0 0 0 1px var(--c2)}
.x63{width:312px;height:675px;border-radius:35px;overflow:hidden;position:relative;pointer-events:none}
.x64{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(0.8);transform-origin:0 0}
.x65{position:absolute;left:0;top:0;width:390px;height:844px;overflow:hidden;background:var(--c23);perspective:620px;perspective-origin:195px 186px}
.x66{position:absolute;left:-205px;top:-620px;width:800px;height:1400px;transform:rotateX(56deg);transform-origin:400px 1050px}
.x67{display:block;overflow:visible}
.x68{fill:var(--c23)}
.x69{stroke:var(--c24)}
.x70{stroke:var(--c25)}
.x71{fill:var(--c26)}
.x72{fill:var(--c27)}
.x73{stroke:var(--c28)}
.x74{fill:var(--c29)}
.x75{fill:var(--c30)}
.x76{position:absolute;left:0;top:0;width:390px;height:186px;background:linear-gradient(180deg, var(--c15) 0%, var(--c11) 100%)}
.x77{position:absolute;left:212px;top:177px;width:34px;display:flex;flex-direction:column;align-items:center}
.x78{width:34px;height:34px;border-radius:50%;background:#D93025;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--c15), 0 8px 16px var(--c13)}
.x79{width:2px;height:8px;background:#D93025}
.x80{position:absolute;left:135px;top:370px;width:120px;height:120px;pointer-events:none}
.x81{position:absolute;left:12px;top:36px;width:96px;height:48px;border-radius:50%;background:rgba(61,139,255,0.14);border:1px solid rgba(61,139,255,0.35)}
.x82{position:absolute;left:34px;top:30px;width:52px;height:52px;filter:drop-shadow(0 6px 10px var(--c14))}
.x83{position:absolute;left:16px;top:56px;padding:5px 18px 5px 5px;border-radius:14px;background:var(--c17);border:1px solid var(--c0);box-shadow:0 12px 32px var(--c9);display:flex;align-items:center;gap:12px;box-sizing:border-box}
.x84{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:4px 7px 5px;border-radius:5px;background:#0B6B45;flex-shrink:0;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.9), 0 2px 6px rgba(0,0,0,0.35)}
.x85{padding:0 5px;border-radius:2px;background:#C8102E;color:#FFFFFF;font-size:10px;font-weight:700;line-height:14px;letter-spacing:0.02em}
.x86{color:#FFFFFF;font-size:15px;font-weight:700;line-height:1;letter-spacing:-0.01em}
.x87{font-size:15px;color:var(--c19)}
.x88{position:absolute;right:16px;top:56px}
.x89{width:48px;height:48px;border-radius:50%;background:var(--c17);border:1px solid var(--c0);box-shadow:0 8px 20px var(--c12);display:flex;align-items:center;justify-content:center;color:var(--c16);padding:0;cursor:pointer;box-sizing:border-box}
.x90{position:absolute;left:12px;right:12px;bottom:96px;padding:20px;border-radius:28px;background:var(--c17);border:1px solid var(--c0);box-shadow:0 12px 32px var(--c9);box-sizing:border-box;display:flex;flex-direction:column;gap:18px}
.x91{display:flex;align-items:center;justify-content:space-between}
.x92{display:flex;align-items:baseline;gap:8px}
.x93{font-size:72px;font-weight:600;letter-spacing:-0.05em;line-height:0.85;color:var(--c16)}
.x94{width:60px;height:60px;flex-shrink:0;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 6.0px #D93025;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#111111;letter-spacing:-0.03em}
.x95{height:1px;background:var(--c0)}
.x96{display:block}
.x97{width:40px;height:40px;border-radius:50%;background:#D93025;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x98{flex-grow:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.x99{font-size:16px;font-weight:600}
.x100{font-size:13px;color:var(--c19)}
.x101{color:var(--c32)}
.x102{font-size:20px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap}
.x103{display:flex;gap:10px}
.x104{flex-grow:1;height:56px;border-radius:16px;background:var(--c18);display:flex;align-items:center;gap:10px;padding:0 16px;box-sizing:border-box;color:var(--c19);font-size:16px}
.x105{width:56px;height:56px;border-radius:16px;background:linear-gradient(var(--c16),var(--c16)) padding-box, linear-gradient(90deg, #0A84F0 0%, #4F63EA 40%, #C45B8E 72%, #F7B24A 100%) border-box;border:2px solid transparent;box-sizing:border-box;color:var(--c15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x106{position:absolute;left:0;right:0;bottom:0;height:84px;padding:8px 16px 0;box-sizing:border-box;background:var(--c15);border-top:1px solid var(--c0);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));align-items:start}
.x107{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;justify-content:center;color:var(--c16);font-size:11px;font-weight:600}
.x108{width:16px;height:3px;border-radius:2px;background:linear-gradient(90deg, #0A84F0 0%, #4F63EA 40%, #C45B8E 72%, #F7B24A 100%)}
.x109{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;justify-content:center;color:var(--c20);font-size:11px;font-weight:500}
.x110{width:16px;height:3px;border-radius:2px}
.x111{position:absolute;left:161px;top:307px;width:86px;display:flex;flex-direction:column;align-items:center}
.x112{padding:4px 5px;border-radius:4px;background:var(--c29);display:flex;gap:3px;box-shadow:0 6px 14px var(--c14)}
.x113{width:16px;height:16px;border-radius:2px;background-color:#050505;background-image:radial-gradient(rgba(255,255,255,0.05) 0.8px, transparent 1.2px);background-size:4px 4px;box-shadow:inset 0 0 0 1px var(--c2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x114{width:13px;height:13px;border-radius:50%;box-sizing:border-box;border:2px solid #FF3B30;box-shadow:0 0 2px rgba(255,59,48,0.45), inset 0 0 1px rgba(255,59,48,0.35);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-family:'Geist Mono',ui-monospace,monospace;font-weight:600;font-size:5px;letter-spacing:-0.04em;text-shadow:0 0 2px rgba(255,255,255,0.6)}
.x115{filter:drop-shadow(0 0 1px rgba(255,59,48,0.7))}
.x116{width:86px;display:flex;justify-content:space-between}
.x117{width:3px;height:32px;background:var(--c31)}
.x118{position:absolute;left:12px;right:12px;top:56px;padding:20px;border-radius:28px;background:var(--c17);border:1px solid var(--c0);box-shadow:0 12px 32px var(--c9);box-sizing:border-box;display:flex;flex-direction:column;gap:18px}
.x119{font-size:15px;font-weight:600}
.x120{display:flex;gap:10px;justify-content:center}
.x121{display:flex;flex-direction:column;align-items:center;gap:8px}
.x122{width:66px;height:66px;border-radius:9px;background-color:#050505;background-image:radial-gradient(rgba(255,255,255,0.05) 0.8px, transparent 1.2px);background-size:4px 4px;box-shadow:inset 0 0 0 1px var(--c2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x123{width:53px;height:53px;border-radius:50%;box-sizing:border-box;border:5px solid #FF3B30;box-shadow:0 0 8px rgba(255,59,48,0.45), inset 0 0 5px rgba(255,59,48,0.35);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-family:'Geist Mono',ui-monospace,monospace;font-weight:600;font-size:22px;letter-spacing:-0.04em;text-shadow:0 0 7px rgba(255,255,255,0.6)}
.x124{height:6px}
.x125{filter:drop-shadow(0 0 5px rgba(255,59,48,0.7))}
.x126{height:6px;width:33px;border-radius:3px;background:var(--c16)}
.x127{font-size:20px;font-weight:600;letter-spacing:-0.02em}
.x128{position:absolute;left:12px;right:12px;bottom:34px;padding:20px;border-radius:28px;background:var(--c17);border:1px solid var(--c0);box-shadow:0 12px 32px var(--c9);box-sizing:border-box;display:flex;flex-direction:column;gap:16px}
.x129{display:flex;flex-direction:column;gap:6px}
.x130{font-size:72px;font-weight:600;letter-spacing:-0.05em;line-height:0.85;color:var(--c34)}
.x131{font-size:14px;color:var(--c34);font-weight:500}
.x132{font-size:14px;color:var(--c20)}
.x133{padding:36px 40px;border-radius:28px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;gap:26px}
.x134{display:flex;justify-content:space-between;align-items:center}
.x135{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}
.x136{width:8px;height:8px;border-radius:50%;background:var(--c33)}
.x137{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:32px}
.x138{font-size:44px;font-weight:600;letter-spacing:-0.045em}
.x139{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--c0);padding-left:32px}
.x140{display:flex;flex-direction:column;gap:120px}
.x141{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:96px;align-items:center}
.x142{display:flex;flex-direction:column;gap:26px;max-width:480px}
.x143{font-size:14px;font-weight:600;color:#0A84F0;letter-spacing:0.01em;scroll-margin-top:24px}
.x144{margin:0;font-size:48px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance}
.x145{margin:0;font-size:18px;line-height:1.6;color:var(--c19);max-width:640px;text-wrap:pretty}
.x146{display:flex;flex-direction:column;gap:12px}
.x147{display:flex;gap:12px;align-items:flex-start}
.x148{color:#0A84F0;display:flex;margin-top:2px}
.x149{font-size:16px;line-height:1.5;color:var(--c19)}
.x150{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--c16)}
.x151{position:relative;height:680px;padding:48px;border-radius:32px;background:var(--c17);border:1px solid var(--c0);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}
.x152{width:293px;height:611px;border-radius:46px;background:#1C1C1F;padding:10px;box-sizing:border-box;flex-shrink:0}
.x153{width:273px;height:591px;border-radius:31px;overflow:hidden;position:relative;pointer-events:none}
.x154{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(0.7);transform-origin:0 0}
.x155{position:absolute;left:191px;top:248px;width:40px;display:flex;flex-direction:column;align-items:center}
.x156{width:40px;height:40px;border-radius:50%;background:#D93025;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--c15), 0 8px 16px var(--c13)}
.x157{position:absolute;left:12px;right:12px;top:56px;padding:20px 22px;border-radius:28px;background:#D93025;box-shadow:0 16px 40px var(--c13);box-sizing:border-box;display:flex;flex-direction:column;gap:14px}
.x158{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.x159{font-size:64px;font-weight:600;letter-spacing:-0.05em;line-height:0.9}
.x160{height:4px;border-radius:2px;background:rgba(255,255,255,0.3)}
.x161{width:70%;height:4px;border-radius:2px;background:#FFFFFF}
.x162{position:absolute;left:12px;right:12px;bottom:34px;padding:20px;border-radius:28px;background:var(--c17);border:1px solid var(--c0);box-shadow:0 12px 32px var(--c9);box-sizing:border-box;display:flex;flex-direction:column;gap:18px}
.x163{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}
.x164{height:56px;border-radius:16px;background:var(--c18);color:var(--c16);display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:600;white-space:nowrap}
.x165{height:56px;border-radius:16px;background:var(--c16);color:var(--c15);display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:600;white-space:nowrap}
.x166{font-size:14px;font-weight:600;color:#0A84F0;letter-spacing:0.01em}
.x167{margin:0;font-size:32px;font-weight:600;letter-spacing:-0.03em}
.x168{height:40px;padding:0 14px 0 10px;border-radius:20px;border:1px solid var(--c0);background:var(--c17);color:var(--c16);display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;cursor:pointer}
.x169{position:absolute;left:20px;top:102px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c20)}
.x170{width:7px;height:7px;border-radius:50%;background:var(--c33)}
.x171{position:absolute;left:16px;right:16px;top:132px;padding:4px;border-radius:14px;background:var(--c17);display:flex;gap:4px}
.x172{flex:1 1 0;min-width:0}
.x173{width:100%;height:40px;border-radius:10px;border:none;cursor:pointer;background:var(--c18);color:var(--c16);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}
.x174{font-size:12px;color:var(--c19);font-weight:500}
.x175{width:100%;height:40px;border-radius:10px;border:none;cursor:pointer;background:transparent;color:var(--c20);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}
.x176{font-size:12px;font-weight:500}
.x177{position:absolute;left:20px;right:20px;top:196px;bottom:92px;overflow:hidden}
.x178{display:flex;flex-direction:column;gap:18px}
.x179{display:flex;flex-direction:column}
.x180{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--c19);padding-bottom:2px}
.x181{color:#0A84F0;display:flex}
.x182{display:flex;align-items:center;gap:12px;padding:11px 0}
.x183{flex-grow:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.x184{display:flex;align-items:center;gap:8px}
.x185{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;background:#C8102E;color:#FFFFFF;font-size:12px;font-weight:700;letter-spacing:0.01em;flex-shrink:0}
.x186{font-size:15px;font-weight:600;white-space:nowrap}
.x187{font-size:13px;color:var(--c19);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x188{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.x189{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--c0)}
.x190{width:40px;height:40px;border-radius:50%;background:rgba(247,178,74,0.16);color:var(--c32);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x191{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--c20);padding-bottom:2px}
.x192{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;background:#F5C400;color:#111111;font-size:12px;font-weight:700;letter-spacing:0.01em;flex-shrink:0}
.x193{display:flex;flex-direction:column;gap:56px}
.x194{display:flex;flex-direction:column;gap:18px;align-items:center}
.x195{margin:0;font-size:52px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance;text-align:center}
.x196{text-align:center;margin:0 auto;font-size:19px;line-height:1.6;color:var(--c19);max-width:640px;text-wrap:pretty}
.x197{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}
.x198{padding:32px;border-radius:28px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;gap:16px}
.x199{width:40px;height:40px;border-radius:50%;border:1px solid var(--c3);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}
.x200{margin:0;font-size:22px;font-weight:600;letter-spacing:-0.02em}
.x201{margin:0;font-size:16px;line-height:1.6;color:var(--c19)}
.x202{display:grid;grid-template-columns:420px minmax(0, 1fr);gap:72px;align-items:center}
.x203{display:flex;flex-direction:column;gap:26px}
.x204{display:flex;justify-content:flex-end}
.x205{width:664px;height:408px;border-radius:26px;background:#1C1C1F;padding:12px;box-sizing:border-box;flex-shrink:0;box-shadow:0 50px 100px var(--c9), inset 0 0 0 1px var(--c2)}
.x206{width:640px;height:384px;border-radius:14px;overflow:hidden;position:relative;pointer-events:none}
.x207{position:absolute;left:0;top:0;width:800px;height:480px;transform:scale(0.8);transform-origin:0 0}
.x208{position:relative;width:800px;height:480px;overflow:hidden;background:var(--c15);color:var(--c16);font-family:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.x209{position:absolute;left:0;top:0;width:500px;height:480px;overflow:hidden;background:var(--c23);perspective:620px;perspective-origin:250px 106px}
.x210{position:absolute;left:-150px;top:-750px;width:800px;height:1400px;transform:rotateX(56deg);transform-origin:400px 1050px}
.x211{position:absolute;left:0;top:0;width:500px;height:106px;background:linear-gradient(180deg, var(--c15) 0%, var(--c11) 100%)}
.x212{position:absolute;left:252px;top:119px;width:34px;display:flex;flex-direction:column;align-items:center}
.x213{position:absolute;left:190px;top:240px;width:120px;height:120px;pointer-events:none}
.x214{position:absolute;left:16px;top:16px;padding:5px 18px 5px 5px;border-radius:14px;background:var(--c17);border:1px solid var(--c0);box-shadow:0 12px 32px var(--c9);display:flex;align-items:center;gap:12px}
.x215{position:absolute;left:500px;top:0;width:300px;height:480px;background:var(--c17);border-left:1px solid var(--c0);padding:28px 24px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}
.x216{font-size:80px;font-weight:600;letter-spacing:-0.05em;line-height:0.85}
.x217{width:68px;height:68px;flex-shrink:0;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 6.8px #D93025;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:25px;color:#111111;letter-spacing:-0.03em}
.x218{display:flex;flex-direction:column;gap:10px}
.x219{display:flex;justify-content:space-between;font-size:14px}
.x220{font-weight:600}
.x221{color:var(--c19)}
.x222{display:flex;gap:8px;justify-content:center}
.x223{width:50px;height:50px;border-radius:7px;background-color:#050505;background-image:radial-gradient(rgba(255,255,255,0.05) 0.8px, transparent 1.2px);background-size:4px 4px;box-shadow:inset 0 0 0 1px var(--c2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x224{width:40px;height:40px;border-radius:50%;box-sizing:border-box;border:4px solid #FF3B30;box-shadow:0 0 6px rgba(255,59,48,0.45), inset 0 0 4px rgba(255,59,48,0.35);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-family:'Geist Mono',ui-monospace,monospace;font-weight:600;font-size:17px;letter-spacing:-0.04em;text-shadow:0 0 5px rgba(255,255,255,0.6)}
.x225{filter:drop-shadow(0 0 4px rgba(255,59,48,0.7))}
.x226{margin-top:auto;height:60px;border-radius:16px;background:linear-gradient(var(--c16),var(--c16)) padding-box, linear-gradient(90deg, #0A84F0 0%, #4F63EA 40%, #C45B8E 72%, #F7B24A 100%) border-box;border:2px solid transparent;box-sizing:border-box;color:var(--c15);display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:600}
.x227{text-align:center;margin:0 auto;font-size:19px;line-height:1.6;color:var(--c19);max-width:720px;text-wrap:pretty}
.x228{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:14px}
.x229{padding:26px 22px;border-radius:24px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;gap:26px}
.x230{display:inline-flex;align-items:center;justify-content:center;width:34px;height:22px;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #111111;color:#111111;font-size:11px;font-weight:700;flex-shrink:0}
.x231{height:96px;display:flex;align-items:center;justify-content:center}
.x232{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:5px 9px 6px;border-radius:6px;background:#0B6B45;flex-shrink:0;box-shadow:inset 0 0 0 2.0px rgba(255,255,255,0.9), 0 2px 6px rgba(0,0,0,0.35)}
.x233{padding:0 6px;border-radius:3px;background:#C8102E;color:#FFFFFF;font-size:13px;font-weight:700;line-height:18px;letter-spacing:0.02em}
.x234{color:#FFFFFF;font-size:20px;font-weight:700;line-height:1;letter-spacing:-0.01em}
.x235{font-size:13px;color:var(--c33);font-weight:600;display:flex;align-items:center;gap:6px}
.x236{display:inline-flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.x237{padding:0 8px;height:21px;display:flex;align-items:center;border-radius:4px;background:#00843D;box-shadow:inset 0 0 0 1.6px #FFFFFF;color:#FFFFFF;font-size:13px;font-weight:700}
.x238{padding:4px 8px;background:#FFFFFF;border-radius:3px;color:#111111;font-size:18px;font-weight:700;line-height:1}
.x239{padding:0 8px;height:21px;display:flex;align-items:center;border-radius:5px;background:#1F4E9C;box-shadow:inset 0 0 0 1.6px #FFFFFF;color:#FFFFFF;font-size:13px;font-weight:700}
.x240{padding:4px 8px;background:#FFFFFF;box-shadow:inset 0 0 0 2.0px #111111;border-radius:3px;color:#111111;font-size:18px;font-weight:700;line-height:1}
.x241{padding:0 8px;height:21px;display:flex;align-items:center;border-radius:4px;background:#C8102E;color:#FFFFFF;font-size:13px;font-weight:700}
.x242{width:44px;overflow:hidden;border-radius:10px 10px 3px 3px;background:#FFFFFF;display:flex;flex-direction:column;align-items:center}
.x243{width:100%;height:9px;background:#C8102E}
.x244{padding:3px 0 4px;color:#111111;font-size:17px;font-weight:700;line-height:1}
.x245{padding:0 8px;height:21px;display:flex;align-items:center;border-radius:4px;background:#E8731A;box-shadow:inset 0 0 0 1.6px #FFFFFF;color:#FFFFFF;font-size:13px;font-weight:700}
.x246{display:flex;flex-direction:column;gap:48px}
.x247{display:flex;justify-content:space-between;align-items:flex-end}
.x248{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.x249{margin:0;font-size:52px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance}
.x250{margin:0;font-size:19px;line-height:1.6;color:var(--c19);max-width:640px;text-wrap:pretty}
.x251{height:48px;padding:0 22px;border-radius:24px;background:transparent;color:var(--c16);border:1px solid var(--c3);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.x252{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px}
.x253{display:flex;flex-direction:column;gap:18px;min-width:0}
.x254{width:384px;height:216px;border-radius:22px;background:var(--c18);border:1px solid var(--c0);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.x255{display:flex;align-items:center;gap:27px}
.x256{display:flex;flex-direction:column;align-items:center;gap:7px}
.x257{font-size:10px;color:var(--c19)}
.x258{font-size:75px;font-weight:600;letter-spacing:-0.06em;line-height:0.9}
.x259{width:192px;height:3.4px;border-radius:3px;background:var(--c17)}
.x260{width:48%;height:100%;border-radius:3px;background:var(--c32)}
.x261{width:58px;height:58px;flex-shrink:0;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 5.8px #D93025;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:21px;color:#111111;letter-spacing:-0.03em}
.x262{font-size:13px;font-weight:600;color:#0A84F0}
.x263{margin:0;font-size:21px;font-weight:600;letter-spacing:-0.025em;line-height:1.25;text-wrap:balance}
.x264{margin:0;font-size:15px;line-height:1.55;color:var(--c19)}
.x265{width:48px;height:48px;border-radius:7px;background-color:#050505;background-image:radial-gradient(rgba(255,255,255,0.05) 0.8px, transparent 1.2px);background-size:4px 4px;box-shadow:inset 0 0 0 1px var(--c2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x266{width:38px;height:38px;border-radius:50%;box-sizing:border-box;border:3px solid #FF3B30;box-shadow:0 0 6px rgba(255,59,48,0.45), inset 0 0 4px rgba(255,59,48,0.35);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-family:'Geist Mono',ui-monospace,monospace;font-weight:600;font-size:16px;letter-spacing:-0.04em;text-shadow:0 0 5px rgba(255,255,255,0.6)}
.x267{filter:drop-shadow(0 0 4px rgba(255,255,255,0.6))}
.x268{display:inline-flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}
.x269{padding:0 9px;height:24px;display:flex;align-items:center;border-radius:6px;background:#1F4E9C;box-shadow:inset 0 0 0 1.8px #FFFFFF;color:#FFFFFF;font-size:15px;font-weight:700}
.x270{padding:5px 9px;background:#FFFFFF;box-shadow:inset 0 0 0 2.3px #111111;border-radius:3px;color:#111111;font-size:21px;font-weight:700;line-height:1}
.x271{width:66px;height:66px;flex-shrink:0;border-radius:8px;background:#1F4E9C;box-shadow:inset 0 0 0 3.3px #FFFFFF;display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:700;font-size:24px;letter-spacing:-0.03em}
.x272{display:inline-flex;align-items:center;justify-content:center;width:42px;height:27px;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 1.9px #111111;color:#111111;font-size:14px;font-weight:700;flex-shrink:0}
.x273{display:grid;grid-template-columns:420px minmax(0, 1fr);gap:96px}
.x274{display:flex;flex-direction:column;border-bottom:1px solid var(--c0)}
.x275{border-top:1px solid var(--c0);padding:22px 0}
.x276{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:18px;font-weight:600}
.x277{color:var(--c19);display:flex}
.x278{margin:14px 0 0;font-size:16px;line-height:1.65;color:var(--c19);max-width:680px}
.x279{padding:80px;border-radius:40px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.x280{width:104px;height:104px;display:flex;align-items:center;justify-content:center}
.x281{display:block;width:104px;height:104px;flex-shrink:0}
.x282{margin:0;font-size:60px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance;text-align:center}
.x283{text-align:center;margin:0 auto;font-size:20px;line-height:1.6;color:var(--c19);max-width:640px;text-wrap:pretty}
.x284{display:flex;flex-direction:column;gap:48px;padding-top:64px;border-top:1px solid var(--c0)}
.x285{display:grid;grid-template-columns:360px minmax(0, 1fr);gap:96px}
.x286{display:flex;flex-direction:column;gap:20px;max-width:320px}
.x287{margin:0;font-size:15px;line-height:1.6;color:var(--c19)}
.x288{display:flex;flex-direction:column;gap:12px;justify-content:flex-start}
.x289{width:100%;height:56px;padding:0 22px;border-radius:28px;background:var(--c16);color:var(--c15);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.x290{width:100%;height:56px;padding:0 22px;border-radius:28px;background:var(--c18);color:var(--c16);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.x291{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:48px}
.x292{display:flex;flex-direction:column;gap:14px}
.x293{font-size:14px;font-weight:600}
.x294{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--c0);font-size:14px;color:var(--c20)}
.x295{display:flex;flex-wrap:wrap;gap:20px}
.x296{color:var(--c20)}
.x297{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.x298{font-size:14px;color:var(--c16);font-weight:600}
.x299{font-size:14px;color:var(--c20);font-weight:500}
.x300{width:390px;padding:0 20px 56px;box-sizing:border-box;display:flex;flex-direction:column;gap:72px}
.x301{display:flex;flex-direction:column;gap:20px}
.x302{display:flex;align-items:center;justify-content:space-between;height:64px}
.x303{display:block;width:28px;height:28px;flex-shrink:0}
.x304{font-size:18px;font-weight:600;letter-spacing:-0.03em}
.x305{display:flex;gap:8px}
.x306{width:40px;height:40px;border-radius:50%;border:1px solid var(--c0);background:transparent;color:var(--c16);display:flex;align-items:center;justify-content:center;cursor:pointer}
.x307{display:flex;flex-direction:column;gap:22px;padding-top:32px}
.x308{align-self:flex-start;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 4px;border-radius:16px;border:1px solid var(--c0);font-size:13px;color:var(--c19)}
.x309{padding:2px 8px;border-radius:10px;background:var(--c18);color:var(--c16);font-weight:600}
.x310{margin:0;font-size:54px;font-weight:600;letter-spacing:-0.055em;line-height:0.95}
.x311{margin:0;font-size:17px;line-height:1.6;color:var(--c19);max-width:640px;text-wrap:pretty}
.x312{display:flex;justify-content:center;padding-top:16px}
.x313{width:309px;height:645px;border-radius:48px;background:#1C1C1F;padding:10px;box-sizing:border-box;flex-shrink:0;box-shadow:0 50px 100px var(--c9), inset 0 0 0 1px var(--c2)}
.x314{width:289px;height:625px;border-radius:33px;overflow:hidden;position:relative;pointer-events:none}
.x315{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(0.74);transform-origin:0 0}
.x316{padding:24px;border-radius:24px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;gap:20px}
.x317{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:22px}
.x318{font-size:34px;font-weight:600;letter-spacing:-0.04em}
.x319{display:flex;flex-direction:column;gap:22px}
.x320{margin:0;font-size:34px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance}
.x321{font-size:15px;line-height:1.5;color:var(--c19)}
.x322{position:relative;padding:28px;border-radius:32px;background:var(--c17);border:1px solid var(--c0);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}
.x323{width:254px;height:526px;border-radius:41px;background:#1C1C1F;padding:10px;box-sizing:border-box;flex-shrink:0}
.x324{width:234px;height:506px;border-radius:26px;overflow:hidden;position:relative;pointer-events:none}
.x325{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(0.6);transform-origin:0 0}
.x326{display:flex;justify-content:center}
.x327{width:100%;max-width:360px;height:auto;border-radius:26px;background:#1C1C1F;padding:12px;box-sizing:border-box;flex-shrink:0;box-shadow:0 50px 100px var(--c9), inset 0 0 0 1px var(--c2)}
.x328{width:100%;height:auto;aspect-ratio:5/3;border-radius:14px;overflow:hidden;position:relative;pointer-events:none}
.x329{position:absolute;left:0;top:0;width:100%;height:100%}
.x329>.x208{width:100%;height:100%}
.x330{display:flex;align-items:center;gap:12px;padding:14px 0}
.x331{flex-grow:1;font-size:16px;font-weight:500}
.x332{font-size:13px;color:var(--c33);font-weight:600}
.x333{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--c0)}
.x334{width:100%;aspect-ratio:350/197;border-radius:22px;background:var(--c18);border:1px solid var(--c0);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.x335{display:flex;align-items:center;gap:25px}
.x336{display:flex;flex-direction:column;align-items:center;gap:6px}
.x337{font-size:9px;color:var(--c19)}
.x338{font-size:69px;font-weight:600;letter-spacing:-0.06em;line-height:0.9}
.x339{width:175px;height:3.1px;border-radius:3px;background:var(--c17)}
.x340{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:#FFFFFF;box-shadow:inset 0 0 0 5.2px #D93025;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;color:#111111;letter-spacing:-0.03em}
.x341{margin:0;font-size:19px;font-weight:600;letter-spacing:-0.025em;line-height:1.25;text-wrap:balance}
.x342{width:44px;height:44px;border-radius:6px;background-color:#050505;background-image:radial-gradient(rgba(255,255,255,0.05) 0.8px, transparent 1.2px);background-size:4px 4px;box-shadow:inset 0 0 0 1px var(--c2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x343{width:35px;height:35px;border-radius:50%;box-sizing:border-box;border:3px solid #FF3B30;box-shadow:0 0 5px rgba(255,59,48,0.45), inset 0 0 4px rgba(255,59,48,0.35);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-family:'Geist Mono',ui-monospace,monospace;font-weight:600;font-size:15px;letter-spacing:-0.04em;text-shadow:0 0 4px rgba(255,255,255,0.6)}
.x344{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:17px;font-weight:600}
.x345{padding:32px 22px;border-radius:28px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.x346{width:88px;height:88px;display:flex;align-items:center;justify-content:center}
.x347{display:block;width:88px;height:88px;flex-shrink:0}
.x348{margin:0;font-size:32px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance;text-align:center}
.x349{width:100%}
.x350{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:28px}
.x351{display:flex;flex-direction:column;gap:18px;padding-top:28px;border-top:1px solid var(--c0);font-size:14px;color:var(--c20)}

/* Blog, artikel en 404. Maten 1:1 uit en/blog/index.html en het voorbeeldartikel van het ontwerp,
   met semantische klassen zodat schrijvers de artikelinhoud als gewone HTML kunnen aanleveren.
   Desktop (vanaf 1080 px) is op 1440 ontworpen en schaalt mee via --z, net als de home. */
.bb-hd{padding-bottom:0}
.bb-ft{padding-top:120px}
.bb-main{box-sizing:border-box;margin:0 auto}
.bb-eyebrow{font-size:14px;font-weight:600;color:#0A84F0;letter-spacing:0.01em}
.bb-cat{font-size:13px;font-weight:600;color:#0A84F0}
.bb-date{font-size:14px;color:var(--c20)}
.bb-logo{display:block;flex-shrink:0;border-radius:50%}
.bb-hero{display:flex;flex-direction:column;gap:18px;padding-top:136px}
.bb-h1{margin:0;font-size:72px;font-weight:600;letter-spacing:-0.055em;line-height:1}
.bb-lead{margin:0;font-size:20px;line-height:1.6;color:var(--c19);max-width:640px;text-wrap:pretty}
.bb-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:28px;row-gap:56px;margin-top:88px}
.bb-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:28px;border-radius:22px;background:var(--c17);border:1px solid var(--c0);box-sizing:border-box}
.bb-card-t{margin:0;font-size:21px;font-weight:600;letter-spacing:-0.025em;line-height:1.25;text-wrap:balance}
.bb-card-p{margin:0;font-size:15px;line-height:1.55;color:var(--c19)}
.bb-card.is-feat{grid-column:1 / -1;gap:18px;padding:48px}
.bb-card.is-feat .bb-card-t{font-size:40px;letter-spacing:-0.04em;line-height:1.1;max-width:900px}
.bb-card.is-feat .bb-card-p{font-size:18px;line-height:1.6;max-width:820px}
.bb-empty{margin:88px 0 0;padding:48px;border-radius:32px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;gap:10px}
.bb-empty-t{margin:0;font-size:36px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance}
.bb-empty-p{margin:0;font-size:16px;line-height:1.6;color:var(--c19);max-width:640px;text-wrap:pretty}
.bb-phead{display:flex;flex-direction:column;gap:22px;max-width:900px;padding-top:104px}
.bb-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--c20)}
.bb-crumbs a{color:var(--c19)}
.bb-ptitle{margin:0;font-size:60px;font-weight:600;letter-spacing:-0.05em;line-height:1.04;text-wrap:balance}
.bb-plead{margin:0;font-size:21px;line-height:1.6;color:var(--c19);max-width:820px;text-wrap:pretty}
.bb-metarow{display:flex;justify-content:space-between;align-items:center;gap:24px}
.bb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;color:var(--c20)}
.bb-author{color:var(--c16);font-weight:600}
.bb-also{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--c20)}
.bb-chip{height:28px;padding:0 10px;border-radius:14px;border:1px solid var(--c0);display:flex;align-items:center;color:var(--c19);font-weight:600;font-size:13px}
.bb-layout{display:grid;grid-template-columns:280px minmax(0, 720px);gap:120px;padding-top:64px}
.bb-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:24px;align-self:start}
.bb-side-t{font-size:13px;font-weight:600;color:var(--c20)}
.bb-toc{display:flex;flex-direction:column;gap:14px}
.bb-toc a{font-size:15px;line-height:1.4;color:var(--c19);font-weight:500;padding-left:14px;border-left:2px solid var(--c0)}
.bb-toc a:hover{color:var(--c16);border-left-color:var(--c16);opacity:1}
.bb-toc-m{display:none}
.bb-copy{align-self:flex-start;margin-top:12px;height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--c0);background:transparent;color:var(--c16);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer}
.bb-cta{margin-top:24px;padding:22px;border-radius:22px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;gap:14px}
.bb-cta-icon{width:52px;height:52px;border-radius:12px;background:#15171B;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--c1), 0 20px 40px var(--c13)}
.bb-cta-t{font-size:17px;font-weight:600;line-height:1.3}
.bb-cta-b{width:100%;height:44px;padding:0 22px;border-radius:22px;background:var(--c16);color:var(--c15);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.bb-cta-m{display:none}
.bb-article{display:flex;flex-direction:column;gap:22px;min-width:0}
.bb-article h2{margin:16px 0 0;font-size:32px;font-weight:600;letter-spacing:-0.03em;line-height:1.2;scroll-margin-top:24px}
.bb-article h3{margin:8px 0 0;font-size:18px;font-weight:600;line-height:1.4}
.bb-article p,.bb-article li{margin:0;font-size:17px;line-height:1.75;color:var(--c19)}
.bb-article ul,.bb-article ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.bb-article strong{color:var(--c16);font-weight:600}
.bb-article p a,.bb-article li a{color:var(--c16);text-decoration:underline;text-underline-offset:3px}
.bb-table{border:1px solid var(--c0);border-radius:20px;overflow:hidden}
.bb-table table{width:100%;border-collapse:collapse;font-size:15px}
.bb-table thead tr{background:var(--c17)}
.bb-table tbody tr{border-top:1px solid var(--c0)}
.bb-table th{text-align:left;padding:14px 16px;font-weight:600;vertical-align:top}
.bb-table td{padding:14px 16px;color:var(--c19);vertical-align:top}
.bb-note{padding:24px;border-radius:24px;background:var(--c17);border:1px solid var(--c0);display:flex;flex-direction:column;gap:8px}
.bb-note-t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--c16)}
.bb-article .bb-note p{font-size:16px;line-height:1.6}
.bb-faq{display:flex;flex-direction:column}
.bb-faq-i{display:flex;flex-direction:column;gap:8px;padding:18px 0;border-top:1px solid var(--c0)}
.bb-article .bb-faq-i h3{margin:0;font-size:18px;font-weight:600}
.bb-byline{margin-top:12px;padding:24px;border-radius:24px;border:1px solid var(--c0);display:flex;gap:16px;align-items:center}
.bb-byline-t{display:flex;flex-direction:column;gap:4px}
.bb-byline-n{font-size:16px;font-weight:600}
.bb-byline-p{font-size:15px;line-height:1.5;color:var(--c19)}
.bb-more{display:flex;flex-direction:column;gap:40px;padding-top:120px}
.bb-more-h{margin:0;font-size:40px;font-weight:600;letter-spacing:-0.045em;line-height:1.02;text-wrap:balance}
.bb-more .bb-grid{margin-top:0;gap:28px}
.bb-404{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:136px;max-width:820px}
.bb-404-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.bb-btn2{height:40px;padding:0 22px;border-radius:20px;border:1px solid var(--c0);color:var(--c16);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;white-space:nowrap;box-sizing:border-box}
@media (min-width:1080px){.bb-main{zoom:var(--z,1);width:1440px;padding:0 120px}}
@media (max-width:1079px){
.bb-ft{padding-top:72px}
.bb-main{max-width:560px;padding:0 20px}
.bb-hero{gap:16px;padding-top:28px}
.bb-h1{font-size:44px;letter-spacing:-0.05em}
.bb-lead{font-size:17px}
.bb-grid{grid-template-columns:minmax(0, 1fr);row-gap:28px;margin-top:40px}
.bb-card{padding:22px}
.bb-card-t{font-size:19px}
.bb-card.is-feat{padding:26px 22px}
.bb-card.is-feat .bb-card-t{font-size:30px}
.bb-card.is-feat .bb-card-p{font-size:17px}
.bb-empty{margin-top:40px;padding:26px 22px}
.bb-empty-t{font-size:30px}
.bb-phead{gap:16px;padding-top:24px}
.bb-ptitle{font-size:36px;letter-spacing:-0.045em;line-height:1.08}
.bb-plead{font-size:17px;max-width:640px}
.bb-metarow{flex-direction:column;align-items:flex-start;gap:16px}
.bb-layout{display:flex;flex-direction:column;gap:32px;padding-top:32px}
.bb-side{display:none}
.bb-toc-m{display:block;padding:16px 18px;border-radius:18px;background:var(--c17);border:1px solid var(--c0)}
.bb-toc-m summary{cursor:pointer;font-size:15px;font-weight:600}
.bb-toc-m .bb-toc{gap:10px;margin-top:12px}
.bb-toc-m .bb-toc a{padding-left:0;border-left:0;line-height:1.5}
.bb-article h2{font-size:28px}
.bb-table{overflow-x:auto}
.bb-cta-m{display:flex;margin-top:0;padding:26px 22px;border-radius:24px}
.bb-cta-m .bb-cta-t{font-size:19px}
.bb-cta-m .bb-cta-b{height:56px;border-radius:28px;font-size:16px}
.bb-more{gap:26px;padding-top:72px}
.bb-more-h{font-size:30px}
.bb-404{padding-top:28px;gap:16px}
.bb-404-b .x14,.bb-404-b .bb-btn2{height:56px;border-radius:28px;font-size:16px;flex:1 1 auto}
}
.bb-legal{margin:0;font-size:14px;line-height:1.55;color:var(--c20);max-width:560px;text-wrap:pretty}
/* Mobiele home: Zo werkt het (doel van de menulink #m-how), dezelfde stapkaarten als op desktop, compacter */
.bb-steps-m{display:flex;flex-direction:column;gap:12px}
.bb-steps-m .x198{padding:24px;border-radius:24px;gap:12px}
.bb-steps-m .x200{font-size:19px}
.bb-steps-m .x201{font-size:15px;line-height:1.5}
/* Lange samenstellingen (Flitserwaarschuwingen, Abschnittskontrolle) mogen op smalle schermen afbreken in plaats van de pagina te verbreden */
.bb-ptitle,.bb-card-t,.bb-article h2,.bb-article h3,.x19,.x195,.x320{overflow-wrap:break-word}
@media (max-width:1079px){.bb-ptitle,.bb-card-t,.bb-article h2,.bb-article h3{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}}
/* Privacy, voorwaarden, support en account verwijderen (templates/legal.html): rustiger koppen dan een artikel, genummerde secties, grondslag als noot */
.bb-lp .bb-ptitle{font-size:48px}
.bb-lp .bb-article{gap:0}
.bb-lsec{display:flex;flex-direction:column;gap:14px;padding:28px 0;border-top:1px solid var(--c0);scroll-margin-top:24px}
.bb-lsec:first-child{border-top:0;padding-top:0}
.bb-lp .bb-article h2{margin:0;font-size:24px;letter-spacing:-0.02em;line-height:1.3}
.bb-ln{color:var(--c20)}
.bb-lp .bb-article p a,.bb-lp .bb-article li a{color:#0A84F0;text-decoration:none}
.bb-lp .bb-article p a:hover,.bb-lp .bb-article li a:hover{text-decoration:underline}
.bb-basis{padding-left:14px;border-left:2px solid var(--c0)}
.bb-lp .bb-article .bb-basis{font-size:15px;line-height:1.6;color:var(--c20)}
.bb-lp .bb-article .bb-changes{margin-top:8px;padding-top:20px;border-top:1px solid var(--c0);font-size:14px;line-height:1.6;color:var(--c20)}
.bb-related{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:24px;padding:20px 24px;border-radius:20px;background:var(--c17);border:1px solid var(--c0);font-size:15px;color:var(--c20)}
.bb-related a{color:var(--c16);font-weight:500}
@media (max-width:1079px){.bb-lp .bb-ptitle{font-size:34px}.bb-lp .bb-article h2{font-size:20px}.bb-lsec{padding:22px 0}}

/* AC 128: recordings of the app in the phone frames (tools/app_screens.py) */
.appshot{position:absolute;left:0;top:0;width:100%;height:auto;display:block}
.appshot-l{display:none}
:root[data-theme="light"] .appshot-d{display:none}
:root[data-theme="light"] .appshot-l{display:block}
@media (prefers-color-scheme: light){:root:not([data-theme]) .appshot-d{display:none}:root:not([data-theme]) .appshot-l{display:block}}

/* 10-10-2026: iPhone-knoppen zijn nu links naar de App Store */
a.x22,a.x289{text-decoration:none;cursor:pointer;transition:opacity .15s}
a.x22:hover,a.x289:hover{opacity:.88}
/* Downloadblok (10-10-2026): het app-icoon heeft zijn eigen afgeronde vorm, dus geen tegel eromheen; een zachte gloed in de kleuren van het icoon */
.x281,.x347{filter:drop-shadow(0 10px 28px rgba(64,108,255,.34)) drop-shadow(0 2px 6px rgba(0,0,0,.4))}
:root[data-theme="light"] .x281,:root[data-theme="light"] .x347{filter:drop-shadow(0 12px 26px rgba(48,86,210,.24)) drop-shadow(0 2px 5px rgba(0,0,0,.12))}
@media (prefers-color-scheme: light){:root:not([data-theme]) .x281,:root:not([data-theme]) .x347{filter:drop-shadow(0 12px 26px rgba(48,86,210,.24)) drop-shadow(0 2px 5px rgba(0,0,0,.12))}}
.x352{margin:-4px 0 0;font-size:17px;line-height:1.5;color:var(--c19);text-align:center;text-wrap:balance}
/* Mobiele voet: winkelknoppen even breed als de kolom, net als in de hero; talenrij zonder losse laatste taal */
.x300 .x286{max-width:none}
.x351 .x297{gap:8px 12px}
.x351 .x297 svg{display:none}
/* Lange woorden in de mobiele voetkolommen (Datenschutzerklärung, Nutzungsbedingungen) breken af in plaats van buiten de kolom te lopen op 360 pt */
.x350 .x87,.x350 .x293{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
/* Desktopvoet: een kolom is minstens zo breed als zijn langste woord (Nutzungsbedingungen liep 6 px over) */
.x291{grid-template-columns:repeat(4, minmax(min-content, 1fr))}