:root{--info-bg: #0f171d;--info-surface: #18232c;--info-surface-2: #202d37;--info-surface-3: #263640;--info-ink: #f2f5f7;--info-muted: #aeb9c1;--info-line: rgba(255, 255, 255, .1);--info-line-hover: rgba(255, 255, 255, .18);--info-accent: #4caf50;--info-accent-hover: #5bc45f;--info-accent-dark: #368b3a;--info-accent-soft: rgba(76, 175, 80, .14);--info-link: #71c775;--info-link-hover: #91da94;--info-radius: 18px;--info-shadow: 0 18px 55px rgba(0, 0, 0, .22)}html{scroll-behavior:smooth;scroll-padding-top:92px}body.info-page{margin:0;background:linear-gradient(180deg,#0d151b 0%,var(--info-bg) 350px,#121c23 100%);color:var(--info-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}.info-page *{box-sizing:border-box}.info-page a{color:var(--info-link)}.info-page a:hover{color:var(--info-link-hover)}.info-hero{min-height:560px;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(76,175,80,.2),transparent 28%),radial-gradient(circle at 15% 70%,rgba(74,144,184,.1),transparent 32%),linear-gradient(135deg,#0d151b,#17242d 55%,#213540);position:relative;overflow:hidden}.info-hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-300px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.info-nav{position:sticky;top:0;z-index:100;min-height:72px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1180px)/2));background:#0d151be0;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.info-brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--info-accent);color:#17212b;font-size:14px;font-weight:900}.nav-links{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.nav-links a{color:#ffffffc7!important;text-decoration:none;padding:9px 11px;border-radius:9px;font-size:14px;font-weight:650;transition:color .15s ease,background-color .15s ease}.nav-links a:hover,.nav-links a.active{color:#fff!important;background:#ffffff14}.nav-start{color:#17212b!important;text-decoration:none;font-weight:800;background:var(--info-accent);padding:10px 15px;border-radius:999px;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}.nav-start:hover{color:#17212b!important;background:var(--info-accent-hover);transform:translateY(-1px)}.nav-toggle{display:none}.hero-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:112px 0 125px;position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:var(--info-accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:850}.info-hero .eyebrow{color:var(--info-accent)}.hero-inner h1{max-width:820px;margin:0;color:#fff;font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.055em}.hero-copy{max-width:720px;margin:28px 0 0;color:#ffffffc2;font-size:clamp(18px,2vw,22px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.info-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:800;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.info-page .button:hover{transform:translateY(-1px)}.button-primary{background:var(--info-accent);color:#17212b!important}.button-primary:hover{background:var(--info-accent-hover);color:#17212b!important}.button-secondary{border:1px solid rgba(255,255,255,.25);color:#fff!important;background:#ffffff0f}.button-secondary:hover{border-color:#fff6;background:#ffffff1a}.info-page main{width:min(1180px,calc(100% - 48px));margin:-54px auto 0;position:relative;z-index:2}.info-page .section{margin:0 0 24px;padding:clamp(28px,5vw,54px);background:linear-gradient(145deg,var(--info-surface) 0%,#172129 100%);border:1px solid var(--info-line);border-radius:var(--info-radius);box-shadow:var(--info-shadow)}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2,.info-page .section>h2{margin:0 0 12px;color:var(--info-ink);font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.035em}.section-heading p:last-child{color:var(--info-muted)}.lead{max-width:900px;font-size:19px;color:var(--info-muted)}.info-page main p{color:var(--info-muted)}.info-page main li{color:var(--info-muted)}.info-page main strong,.info-page main b{color:var(--info-ink)}.info-page main h3{color:var(--info-ink)}.info-page code{padding:2px 6px;border-radius:5px;background:#ffffff12;color:#f2f5f7}.tutorial-videos{overflow:hidden}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{overflow:hidden;border:1px solid var(--info-line);border-radius:16px;background:var(--info-surface-2);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tutorial-card:hover{transform:translateY(-3px);border-color:var(--info-line-hover);box-shadow:0 14px 34px #0000003d}.video-placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 70% 30%,rgba(76,175,80,.18),transparent 30%),linear-gradient(145deg,#10191f,#263945);color:#ffffffb8;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.video-placeholder .play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--info-accent);color:#17212b;padding-left:3px;font-size:15px;box-shadow:0 6px 20px #00000038}.tutorial-body{padding:20px}.tutorial-body h3{margin:4px 0 8px;color:var(--info-ink);font-size:19px}.tutorial-body p{margin:0;color:var(--info-muted);font-size:14px}.tutorial-number{color:var(--info-accent);font-size:12px;font-weight:900;letter-spacing:.12em}.existing-videos .video-grid,.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.youtube-video{width:100%;aspect-ratio:16 / 9;height:auto;border:1px solid var(--info-line);border-radius:14px;background:#090d10}.entry-content>ul.arrow{margin:12px 0;padding:0;list-style:none}.entry-content>ul.arrow>li{position:relative;margin:0;padding:3px 0 3px 20px;color:var(--info-muted);line-height:1.35}.entry-content>ul.arrow>li:before{content:"";position:absolute;left:3px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--info-accent);transform:translateY(-50%)}.entry-content img{max-width:100%!important;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000003d}.faq-item{overflow:hidden;margin:10px 0;border:1px solid var(--info-line);border-radius:12px;background:var(--info-surface-2);transition:border-color .15s ease,background-color .15s ease}.faq-item:hover{border-color:var(--info-line-hover)}.faq-item.open{background:var(--info-surface-3);border-color:#4caf5059}.faq-question{width:100%;padding:18px 52px 18px 20px;border:0;background:transparent;color:var(--info-ink);text-align:left;font:inherit;font-weight:800;cursor:pointer;position:relative}.faq-question:hover{background:#ffffff06}.faq-question:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--info-accent);font-size:24px;font-weight:400}.faq-item.open .faq-question:after{content:"−"}.faq-answer{padding:0 20px 20px;color:var(--info-muted)}.faq-answer p,.faq-answer li{color:var(--info-muted)}.info-page footer{margin-top:52px;padding:42px 24px;background:#090f13;color:#ffffff9e;text-align:center;border-top:1px solid var(--info-line)}.info-page footer p{margin:5px 0}@media(max-width:900px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-start{display:none}.nav-toggle{display:flex;flex-direction:column;gap:4px;margin-left:auto;padding:10px;border:0;background:transparent;cursor:pointer}.nav-toggle span{width:23px;height:2px;background:#fff;border-radius:2px}.nav-links{display:none;position:absolute;top:72px;left:16px;right:16px;padding:10px;flex-direction:column;align-items:stretch;background:#15212a;border:1px solid var(--info-line);border-radius:14px;box-shadow:0 18px 40px #0000005c}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}}@media(max-width:650px){.info-page main,.hero-inner{width:min(100% - 24px,1180px)}.hero-inner{padding:78px 0 100px}.info-hero{min-height:500px}.info-page main{margin-top:-34px}.info-page .section{padding:24px 18px;border-radius:15px}.tutorial-grid,.existing-videos .video-grid,.video-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-inner h1{font-size:clamp(40px,13vw,58px)}}body.info-page{color-scheme:dark}.info-page main,.info-page .section{min-width:0}.info-page main p,.info-page main li{overflow-wrap:anywhere}.info-page :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--info-link-hover);outline-offset:4px}.info-nav{gap:16px}.nav-links{gap:2px;min-width:0}.nav-links a{padding-inline:9px}.info-hero:after{pointer-events:none}.info-page #abonnementen>p{margin:0 0 24px;padding:16px 20px;border:1px solid rgba(76,175,80,.35);border-left:4px solid var(--info-accent);border-radius:12px;background:var(--info-accent-soft);color:var(--info-ink);line-height:1.65}.info-page #abonnementen>[role=region]{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--info-line-hover);border-radius:14px;background:var(--info-surface-2);scrollbar-width:thin;scrollbar-color:var(--info-accent-dark) var(--info-surface)}.info-page #abonnementen table{width:100%;min-width:820px;margin:0;border:0;border-collapse:separate;border-spacing:0;table-layout:fixed;background:var(--info-surface-2);color:var(--info-ink);font-size:14px;line-height:1.6}.info-page #abonnementen caption{padding:16px 18px;background:var(--info-surface);color:var(--info-muted);text-align:left;font-size:13px;font-weight:600;caption-side:top}.info-page #abonnementen :is(th,td){padding:16px;border:0;border-bottom:1px solid var(--info-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.info-page #abonnementen thead th{background:#203b2c;color:var(--info-ink);font-size:17px;font-weight:800;border-bottom-color:#4caf5066}.info-page #abonnementen thead th:first-child{width:24%}.info-page #abonnementen tbody th{color:var(--info-ink);font-weight:650}.info-page #abonnementen tbody td{color:var(--info-muted)}.info-page #abonnementen tbody tr:nth-child(2n)>*{background:#ffffff06}.info-page #abonnementen tbody tr:hover>*{background:#4caf5014}.info-page #abonnementen tbody tr:first-child td{color:var(--info-ink);font-size:15px;font-weight:700}.info-page #abonnementen tbody tr:last-child>*{border-bottom:0}.info-page #abonnementen .entry-content{margin-top:26px}.info-page #abonnementen .entry-content>ul.arrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.info-page #abonnementen .entry-content>ul.arrow>li{min-width:0;margin:0;padding:22px;border:1px solid var(--info-line);border-radius:14px;background:var(--info-surface-2);line-height:1.65}.info-page #abonnementen .entry-content>ul.arrow>li:before{content:none}.info-page #abonnementen .entry-content h3{margin:0 0 12px;font-size:19px;line-height:1.35}.info-page #abonnementen .entry-content p{margin:0 0 12px}.info-page #abonnementen .entry-content p:last-child{margin-bottom:0}.info-page #abonnementen .entry-content a{display:inline-block;text-underline-offset:4px}.info-page #abonnementen>div:last-child{margin-top:24px;padding-top:8px;border-top:1px solid var(--info-line);font-size:14px}@media(min-width:901px)and (max-width:1120px){.info-nav{gap:12px;padding-inline:18px}.nav-links a{padding-inline:7px;font-size:13px}.nav-start{padding-inline:12px;font-size:13px}}@media(max-width:650px){.info-page main,.hero-inner{width:calc(100% - 24px)}.info-page #abonnementen>p{padding:14px 16px}.info-page #abonnementen .entry-content>ul.arrow{grid-template-columns:1fr}.info-page #abonnementen .entry-content>ul.arrow>li{padding:18px}.info-page #abonnementen :is(th,td){padding:13px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.info-page *,.info-page *:before,.info-page *:after{animation:none!important;transition:none!important}}