.marketing-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}.marketing-nav{background:#1f3a5f;box-shadow:var(--shadow-nav);position:sticky;top:0;z-index:var(--z-sticky);width:100%}.marketing-nav-container{max-width:var(--container-max-width-xl);margin:0 auto;padding:var(--spacing-m) var(--container-padding);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-m);box-sizing:border-box}.marketing-logo{display:flex;align-items:center}.marketing-logo a{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity var(--transition-fast)}.marketing-logo a:hover{opacity:.85}.marketing-logo-img{height:36px;width:auto;display:block}.marketing-brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-on-primary);letter-spacing:.01em}.marketing-content{flex:1;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:32px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;z-index:110}.hamburger-line{width:100%;height:3px;background:var(--color-text-on-primary);border-radius:var(--radius-xs);transition:all var(--transition-base) ease;transform-origin:center}.hamburger-button .hamburger-line:nth-child(1).open{transform:translateY(8px) rotate(45deg)}.hamburger-button .hamburger-line:nth-child(2).open{opacity:0;transform:translate(-20px)}.hamburger-button .hamburger-line:nth-child(3).open{transform:translateY(-8px) rotate(-45deg)}.nav-menu{position:fixed;top:0;right:-100%;width:280px;max-width:85vw;height:100vh;background:var(--color-bg-surface);box-shadow:-4px 0 16px #0003;transition:right var(--transition-base) ease;z-index:105;overflow-y:auto;padding-top:80px;box-sizing:border-box}.nav-menu.open{right:0}.nav-menu-links{display:flex;flex-direction:column;padding:var(--spacing-m);gap:var(--spacing-s)}.nav-menu-links a{color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-m) var(--spacing-l);border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--color-bg-primary);text-align:center}.nav-menu-links a:hover{background:#e5e7eb}.nav-menu-links a.active{background:var(--color-primary-gradient);color:var(--color-text-on-primary)}.nav-menu-links a.cta-link{background:var(--color-secondary);color:var(--color-text-on-primary);margin-top:var(--spacing-s)}.nav-menu-links a.cta-link:hover{background:var(--color-secondary-dark)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg-overlay);z-index:104;animation:fadeIn var(--transition-base) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.marketing-footer{background:var(--color-text-primary);color:var(--color-text-on-primary);padding:var(--spacing-xxl) var(--container-padding) var(--spacing-l);margin-top:var(--spacing-xxxl)}.marketing-footer-container{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-s) 0;color:var(--color-text-on-primary)}.footer-section h4{font-size:var(--font-size-m);margin:0 0 var(--spacing-m) 0;color:var(--color-text-on-primary);font-weight:var(--font-weight-semibold)}.footer-section p{color:#ffffffb3;margin:0;line-height:var(--line-height-relaxed)}.footer-section a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:var(--spacing-s);transition:color var(--transition-fast)}.footer-section a:hover{color:var(--color-text-on-primary)}.footer-bottom{max-width:var(--container-max-width);margin:0 auto;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-light);text-align:center}.footer-bottom p{margin:0;color:#ffffff80;font-size:var(--font-size-s)}@media (max-width: 768px){.marketing-nav-container{padding:var(--spacing-m) var(--spacing-l)}.marketing-logo-img{height:28px}.marketing-brand-name{font-size:var(--font-size-base)}.marketing-footer-container{grid-template-columns:1fr;text-align:center}.footer-section a{margin-bottom:.75rem}}@media (max-width: 360px){.marketing-nav-container{padding:var(--spacing-m)}.nav-menu{width:100vw;max-width:100vw}}.home-page{width:100%;max-width:100vw;overflow-x:hidden}.home-page .page-hero{background:var(--color-primary-gradient);padding:3rem var(--container-padding);text-align:center;color:var(--color-text-on-primary);width:100%;max-width:100vw;box-sizing:border-box}.home-page .page-hero-content{max-width:1920px;margin:0 auto}.home-page .page-hero-content h1{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-l) 0;line-height:var(--line-height-tight);color:#fff}.home-page .page-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin:0 auto;max-width:1920px;color:#fffffff2}.hero-ctas{display:flex;gap:var(--spacing-l);justify-content:center;flex-wrap:wrap}.section-container{max-width:var(--container-max-width-xl);margin:0 auto;padding:var(--spacing-xxxl) var(--container-padding);width:100%;box-sizing:border-box}.section-container h2{text-align:center;font-size:2.8rem;margin:0 0 var(--spacing-m) 0;color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.section-intro{text-align:center;font-size:1.3rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-xxl) 0;margin-left:auto;margin-right:auto}.main-message-section{background:var(--color-secondary);width:100%;max-width:100vw;box-sizing:border-box}.main-message-content{max-width:var(--container-max-width-xl);margin:0 auto;display:flex;flex-direction:column;gap:1rem;text-align:center;align-items:center}.main-message-line{font-size:1.25rem;line-height:1.6;color:#ffffffe6;margin:0}.main-message-primary{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:#fff;line-height:1.4}.main-message-accent{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-style:italic}.main-message-cta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:1rem}.main-message-cta-text{font-size:1.1rem;color:#fffc;margin:0}.btn-main-message-cta{display:inline-block;background:var(--color-primary);color:var(--color-secondary);padding:.9rem 2rem;border-radius:8px;font-size:1rem;font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .3s;align-self:center}.btn-main-message-cta:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px #82bebf66}@media (max-width: 768px){.main-message-primary{font-size:1.2rem}.main-message-line{font-size:1.05rem}}.problem-section{background:var(--color-bg-surface);border-bottom:2px solid var(--color-border-primary);width:100%;max-width:100vw;box-sizing:border-box}.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;align-items:stretch}.problem-item{text-align:center;padding:0;background:#fff;border-radius:12px;border:2px solid var(--color-border-primary);transition:all .3s;display:flex;flex-direction:column;justify-content:flex-start;width:100%;box-sizing:border-box;overflow:hidden}.problem-item:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #82bebf33}.btn-problem-nieuws{display:inline-block;margin:1.25rem 1.5rem 1.5rem;background:var(--color-primary-gradient);color:#fff;padding:.6rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 3px 10px #82bebf4d}.btn-problem-nieuws:hover{transform:translateY(-2px);box-shadow:0 5px 16px #82bebf73}.problem-image{width:100%;height:200px;object-fit:cover;display:block;flex-shrink:0}.problem-item h3{font-size:1.4rem;margin:0 0 1rem;padding:1.5rem 1.5rem 0;color:var(--color-text-primary);font-weight:600}.problem-item p{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0;padding:0 1.5rem 1.5rem}.solution-section{background:var(--color-bg-primary);width:100%;max-width:100vw;box-sizing:border-box}.solution-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;align-items:stretch}.solution-step{text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:12px;border:2px solid var(--color-border-primary);transition:all .3s;display:flex;flex-direction:column;justify-content:flex-start}.solution-step:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #82bebf33}.step-number{width:60px;height:60px;border-radius:50%;background:var(--color-primary-gradient);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 4px 12px #82bebf4d}.solution-step h3{font-size:1.2rem;margin:0 0 .75rem;color:var(--color-text-primary);font-weight:600}.solution-step p{font-size:.95rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.step-arrow{display:none}.solution-section .governance-cta{margin-top:2.5rem}.solution-summary{margin:2rem auto 0;background:#fff;border:2px solid var(--color-border-primary);border-radius:12px;padding:1.5rem}.solution-summary-list{margin:0;padding-left:1.4rem;color:var(--color-text-secondary);display:grid;gap:.75rem}.solution-summary-list li{line-height:1.5}.benefits-section{background:#fff;width:100%;max-width:100vw;box-sizing:border-box}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;justify-content:center;justify-items:center;max-width:100%;box-sizing:border-box}@media (min-width: 1200px){.benefits-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}}.benefit-item{text-align:center;padding:2rem;background:var(--color-bg-primary);border-radius:12px;transition:all .3s;border:2px solid transparent;width:100%;box-sizing:border-box}.benefit-item:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #82bebf26}.benefit-icon{font-size:3rem;margin-bottom:1.5rem}.benefit-item h3{font-size:1.3rem;margin:0 0 1rem;color:var(--color-text-primary);font-weight:600}.benefit-item p{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.trust-section{background:var(--color-bg-primary);width:100%;max-width:100vw;box-sizing:border-box}.organization-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;justify-content:center;justify-items:center;max-width:100%;box-sizing:border-box}@media (min-width: 1200px){.organization-types{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}}.org-type{text-align:center;padding:2.5rem 2rem;width:100%;box-sizing:border-box;background:#fff;border-radius:12px;transition:all .3s;border:2px solid var(--color-border-primary)}.org-type:hover{border-color:#6faf98;transform:translateY(-4px);box-shadow:0 8px 16px #6faf9833}.org-type h3{font-size:1.5rem;margin:0 0 1rem;color:var(--color-text-primary);font-weight:600}.org-type p{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.governance-section{background:var(--color-bg-surface);border-top:2px solid var(--color-border-primary);width:100%;max-width:100vw;box-sizing:border-box}.governance-headline{font-size:2.6rem!important;text-align:center;color:var(--color-text-primary)!important;font-weight:700!important;margin:0 0 1.5rem!important;line-height:1.3!important}.governance-intro{margin-bottom:3rem!important}.governance-problem,.governance-solution,.governance-how-it-works{background:#fff;border-radius:12px;padding:2.5rem;margin-bottom:2.5rem;border:2px solid var(--color-border-primary)}.governance-subheading{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.governance-risk-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.9rem}.governance-risk-list li{padding:.75rem 1rem .75rem 2.75rem;background:#fff8f8;border-radius:8px;border-left:4px solid #E55;font-size:1rem;line-height:1.5;color:#374151;position:relative}.governance-risk-list li:before{content:"⚠";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#e55}.governance-summary{background:#82bebf1a;border-radius:8px;padding:1rem 1.25rem;font-size:1.05rem;color:#374151;margin:0;border-left:4px solid var(--color-primary)}.governance-solution-intro{font-size:1rem;color:#374151;margin:0 0 1.25rem;line-height:1.6}.governance-solution-list{padding-left:1.5rem;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.governance-solution-list li{font-size:1rem;line-height:1.6;color:#374151;padding-left:.25rem}.governance-transparency{background:#f0fff8;border-radius:8px;padding:1rem 1.25rem;font-size:1.05rem;color:#374151;margin:0;border-left:4px solid #6FAF98}.governance-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.governance-methods-grid{grid-template-columns:1fr}.governance-headline{font-size:1.8rem!important}.governance-problem,.governance-solution,.governance-how-it-works{padding:1.75rem}}.governance-method-card{background:var(--color-bg-primary);border-radius:10px;padding:2rem 1.75rem;border:2px solid var(--color-border-primary);transition:all .3s}.governance-method-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #82bebf26}.governance-method-label{width:48px;height:48px;border-radius:50%;background:var(--color-primary-gradient);color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 4px 10px #82bebf4d}.governance-method-card h4{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.governance-method-card p{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.governance-cta{text-align:center;margin-top:1rem}@media (max-width: 360px){.governance-headline{font-size:1.5rem!important}.governance-problem,.governance-solution,.governance-how-it-works{padding:1.25rem}.btn-governance-cta{font-size:1rem;padding:.9rem 1.5rem}}.governance-solution-section{background:var(--color-bg-surface);width:100%;max-width:100vw;box-sizing:border-box}.cta-section{background:var(--color-primary-gradient);padding:5rem 2rem;width:100%;max-width:100vw;box-sizing:border-box}.cta-container{margin:0 auto;text-align:center;color:#fff}.cta-container h2{font-size:3rem;margin:0 0 1.5rem;color:#fff;font-weight:700}.cta-container p{font-size:1.3rem;line-height:1.6;margin:0 0 2.5rem;color:#fffffff2}.btn-cta-primary{background:#1f3a5f;color:#fff;padding:1.2rem 3rem;border-radius:8px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #1f3a5f66;display:inline-block}.btn-cta-primary:hover{background:#162e4a;transform:translateY(-2px);box-shadow:0 6px 20px #1f3a5f80}.btn-cta-secondary{background:#fff3;color:#fff;padding:1.2rem 3rem;border-radius:8px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;border:2px solid rgba(255,255,255,.3);display:inline-block}.btn-cta-secondary:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-2px)}@media (max-width: 1024px) and (min-width: 769px){.solution-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media (max-width: 768px){.home-page .page-hero-content h1{font-size:2.2rem}.home-page .page-subtitle{font-size:1.1rem}.section-container{padding:3rem 1.5rem}.section-container h2{font-size:2rem}.section-intro{font-size:1.1rem}.solution-steps{grid-template-columns:1fr;gap:1.5rem}.cta-container h2{font-size:2rem}.cta-container p{font-size:1.1rem}.hero-ctas,.cta-buttons{flex-direction:column;align-items:stretch;gap:1rem}.btn-hero-primary,.btn-hero-secondary,.btn-cta-primary,.btn-cta-secondary{width:100%;padding:1rem 2rem;font-size:1.1rem;box-sizing:border-box}.problem-grid,.benefits-grid,.organization-types{grid-template-columns:1fr;gap:1.5rem}}.news-teaser-section{background:#fff;width:100%;max-width:100vw;box-sizing:border-box}.news-teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2.5rem}@media (min-width: 1200px){.news-teaser-grid{grid-template-columns:repeat(3,1fr)}}.news-teaser-card{background:var(--color-bg-primary);border-radius:12px;padding:1.75rem;border:2px solid var(--color-border-primary);transition:all .3s;display:flex;flex-direction:column}.news-teaser-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 24px #82bebf26}.news-teaser-meta{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.news-teaser-source{background:#82bebf26;color:var(--color-primary-dark);font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:20px}.news-teaser-date{font-size:.85rem;color:#9ca3af}.news-teaser-lang-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;letter-spacing:.05em}.news-teaser-lang-badge--nl{background:#f0f0f0;color:#6b7280}.news-teaser-lang-badge--en{background:#fef3c7;color:#92400e}.news-teaser-lang-hint{font-size:.8rem;color:#92400e;font-style:italic}.news-teaser-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem;line-height:1.35}.news-teaser-quote{font-size:.9rem;font-style:italic;color:#6b7280;line-height:1.5;margin:0 0 1rem;flex:1}.news-teaser-link{color:var(--color-primary-dark);font-weight:600;font-size:.9rem;text-decoration:none;transition:color .2s;margin-top:auto}.news-teaser-link:hover{color:var(--color-secondary);text-decoration:underline}.news-teaser-footer{text-align:center}.btn-nieuws-overzicht{display:inline-block;background:var(--color-primary-gradient);color:#fff;padding:1rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #82bebf4d}.btn-nieuws-overzicht:hover{transform:translateY(-2px);box-shadow:0 6px 20px #82bebf66}@media (max-width: 360px){.home-page .page-hero{padding:3rem 1rem}.section-container{padding:2.5rem 1rem}.home-page .page-hero-content h1{font-size:1.8rem}.home-page .page-subtitle{font-size:1rem}.section-container h2{font-size:1.6rem}.btn-hero-primary,.btn-hero-secondary,.btn-cta-primary,.btn-cta-secondary{padding:.9rem 1.5rem;font-size:1rem}}.wat-is-page{width:100%}.page-hero{background:var(--color-primary-gradient);padding:3rem 2rem;text-align:center;color:#fff}.page-hero-content{max-width:900px;margin:0 auto}.page-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin:0;color:#fffffff2}.content-section{background:#f6f7fb;padding:4rem 0}.content-container{max-width:1000px;margin:0 auto;padding:0 2rem}.intro-block,.explanation-block,.key-principles,.what-it-is-not,.cta-block{background:var(--color-bg-surface);border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.intro-block h2,.explanation-block h2,.key-principles h2,.what-it-is-not h2,.cta-block h2{font-size:2.2rem;margin:0 0 1.5rem;color:var(--color-text-primary);font-weight:700}.large-text{font-size:1.3rem;line-height:1.8;color:var(--color-text-primary);margin:0;font-weight:500}.example-box{background:#f6f7fb;border-radius:12px;padding:2rem;margin:2rem 0}.example-before h3,.example-after h3{font-size:1.1rem;margin:0 0 1rem;color:#6b7280;font-weight:600}.example-text{background:#fff;padding:1.5rem;border-radius:8px;border:2px solid #D6DAE3;font-family:Courier New,monospace;font-size:1.05rem;line-height:1.6;color:#1a1a1a}.example-text.protected{border-color:#6faf98;background:#6faf980d}.example-arrow{text-align:center;font-size:2.5rem;color:var(--color-primary);margin:1.5rem 0;font-weight:700}.explanation-text{font-size:1.1rem;line-height:1.7;color:#6b7280;margin:2rem 0 0}.what-it-is-not ul{list-style:none;padding:0;margin:1.5rem 0 0}.what-it-is-not li{padding:1rem 0;border-bottom:1px solid #F6F7FB;font-size:1.1rem;line-height:1.6;color:#1a1a1a}.what-it-is-not li:last-child{border-bottom:none}.what-it-is-not strong{color:var(--color-primary);font-weight:600}.cta-block{text-align:center;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-surface) 100%);border:2px solid var(--color-border-primary)}.cta-block p{font-size:1.2rem;color:var(--color-text-secondary);margin:0 0 2rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:#1f3a5f;color:#fff;padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #1f3a5f4d;display:inline-block}.btn-primary:hover{background:#162e4a;transform:translateY(-2px);box-shadow:0 6px 16px #1f3a5f66}.btn-secondary{background:var(--color-primary);color:#fff;padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #82bebf4d;display:inline-block}.btn-secondary:hover{background:#5a5ec5;transform:translateY(-2px);box-shadow:0 6px 16px #82bebf66}@media (max-width: 768px){.page-hero-content h1{font-size:2.2rem}.page-subtitle{font-size:1.1rem}.intro-block h2,.explanation-block h2,.key-principles h2,.what-it-is-not h2,.cta-block h2{font-size:1.8rem}.large-text{font-size:1.1rem}.principles-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%}}.hoe-werkt-page{width:100%}.visual-explanation{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d;text-align:center}.visual-explanation h2{font-size:2.5rem;margin:0 0 .5rem;color:#1a1a1a;font-weight:700}.visual-subtitle{font-size:1.2rem;color:#6b7280;margin-bottom:3rem}.diagram-container{max-width:900px;margin:0 auto;padding:2rem;background:var(--color-bg-diagram);border-radius:16px;box-shadow:0 8px 24px #0003}.diagram-placeholder{display:flex;flex-direction:column;gap:2rem;align-items:center}.diagram-content{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;width:100%}.diagram-item{background:var(--color-bg-diagram-item);border:2px solid var(--color-border-diagram);border-radius:12px;padding:1.5rem 2rem;color:#fff;font-size:1.1rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.diagram-item.diagram-center{background:var(--color-bg-diagram-item-center);border-color:var(--color-border-diagram-center);padding:2rem 2.5rem;box-shadow:0 4px 16px #82bebf4d}.diagram-logo{font-size:2rem;font-weight:700;background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:brightness(1.5)}.diagram-tagline{font-size:.85rem;text-align:center;line-height:1.4;opacity:.9}.diagram-arrow{font-size:2rem;color:#fff9;font-weight:700}.diagram-security{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--color-bg-security);border:2px solid var(--color-border-security);border-radius:12px;color:#fff}.security-icon{font-size:2rem}.security-text{font-size:1.1rem;font-weight:600}.hoe-werkt-page .content-container{max-width:1920px;margin:0 auto}.workflow-visual{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.workflow-step-card{background:#f6f7fb;border-radius:12px;padding:2.5rem;margin-bottom:1.5rem;border:2px solid #D6DAE3;transition:all .3s}.workflow-step-layout{display:flex;align-items:center;gap:2.5rem}.workflow-step-layout.image-left{flex-direction:row-reverse}.workflow-step-content{flex:1;min-width:0;width:100%;box-sizing:border-box}.workflow-step-image{flex:0 0 42%;max-width:440px}.workflow-step-image img{width:100%;aspect-ratio:4 / 3;min-height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:block}.workflow-step-card:hover{border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 16px #82bebf26}.workflow-step-card.highlight{background:#82bebf1a;border-color:var(--color-primary)}.workflow-number{width:60px;height:60px;border-radius:50%;background:var(--color-primary-gradient);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 12px #82bebf4d}.workflow-number.highlight{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #82bebf4d}50%{box-shadow:0 4px 20px #82bebf99}}.workflow-step-card h2{font-size:1.8rem;margin:0 0 1rem;color:#1a1a1a;font-weight:700}.workflow-step-card p{font-size:1.1rem;line-height:1.7;color:#6b7280;margin:0 0 1.5rem;overflow-wrap:break-word}.workflow-example{background:#fff;border-radius:8px;padding:1.5rem;border:2px solid #D6DAE3;margin-top:1.5rem}.workflow-example.protected{background:#6faf980d;border-color:#6faf98}.workflow-example.restored{background:#82bebf0d;border-color:var(--color-primary)}.example-label{font-size:.9rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.example-content{font-family:Courier New,monospace;font-size:1rem;line-height:1.6;color:#1a1a1a;padding:1rem;background:#00000005;border-radius:6px;overflow-wrap:break-word}.auto-detection{margin-top:1.5rem;padding:1rem;background:#6faf981a;border-radius:8px;font-size:.95rem;color:#1a1a1a}.auto-detection strong{color:#6faf98;font-weight:600}.workflow-arrow-down{text-align:center;font-size:3rem;color:var(--color-primary);font-weight:700;margin:1rem 0}.ai-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1.5rem}.ai-tool-icon{text-align:center;padding:1rem;background:#fff;border-radius:8px;border:2px solid #D6DAE3;font-size:.95rem;font-weight:600;color:#1a1a1a;transition:all .2s}.ai-tool-icon:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px #82bebf33}.key-features-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.key-features-block h2{font-size:2.2rem;margin:0 0 2rem;color:#1a1a1a;font-weight:700;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;justify-content:center;justify-items:center;max-width:100%;box-sizing:border-box}@media (min-width: 1200px){.features-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}}.feature-card{text-align:center;padding:2rem;background:#f6f7fb;border-radius:12px;transition:all .3s;border:2px solid transparent;width:100%;box-sizing:border-box}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #82bebf26}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.2rem;margin:0 0 .75rem;color:#1a1a1a;font-weight:600}.feature-card p{font-size:1rem;line-height:1.6;color:#6b7280;margin:0}.faq-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.faq-block h2{font-size:2.2rem;margin:0 0 2rem;color:#1a1a1a;font-weight:700}.faq-item{padding:1.5rem 0;border-bottom:1px solid #F6F7FB}.faq-item:last-child{border-bottom:none}.faq-item h3{font-size:1.3rem;margin:0 0 .75rem;color:#1a1a1a;font-weight:600}.faq-item p{font-size:1.05rem;line-height:1.7;color:#6b7280;margin:0}@media (max-width: 768px){.visual-explanation{padding:2rem 1.5rem}.visual-explanation h2{font-size:1.8rem}.visual-subtitle{font-size:1rem;margin-bottom:2rem}.diagram-container{padding:1.5rem}.diagram-content{gap:1rem}.diagram-item{min-width:120px;padding:1rem 1.5rem;font-size:.9rem}.diagram-item.diagram-center{padding:1.5rem 2rem}.diagram-logo{font-size:1.5rem}.diagram-tagline{font-size:.75rem}.diagram-arrow{font-size:1.5rem;transform:rotate(90deg)}.diagram-security{gap:.75rem;padding:.75rem 1.5rem}.security-icon{font-size:1.5rem}.security-text{font-size:.9rem}.workflow-visual,.key-features-block,.faq-block{padding:2rem 1.5rem}.workflow-step-card{padding:1.5rem}.workflow-step-layout,.workflow-step-layout.image-left{flex-direction:column-reverse;align-items:stretch;gap:1.5rem}.workflow-step-image{flex:none;width:100%;max-width:100%}.workflow-step-content,.workflow-example,.auto-detection,.ai-tool-icon{width:100%;max-width:100%;box-sizing:border-box}.features-grid{grid-template-columns:1fr}.ai-tools{grid-template-columns:repeat(2,1fr)}}.voor-org-page{width:100%}.voor-org-page .page-hero{background:var(--color-primary-gradient);padding:3rem 2rem;text-align:center;color:#fff}.voor-org-page .content-container{max-width:1920px}.voor-org-page>.cta-block{max-width:1920px;margin:0 auto 2.5rem;padding:3rem 2rem}.sectors-block{background:var(--color-bg-surface);border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.sectors-block h2{font-size:2.2rem;margin:0 0 1rem;color:var(--color-text-primary);font-weight:700;text-align:center}.sectors-intro{text-align:center;font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2.5rem}.sectors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.btn-governance-cta{width:100%;max-width:520px;font-size:1rem;padding:1rem 1.25rem}}.sector-card{background:var(--color-bg-primary);border-radius:12px;overflow:hidden;border:2px solid var(--color-border-primary);transition:all .3s;display:flex;flex-direction:column;gap:0}.sector-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 20px #82bebf33}.sector-image-wrapper{width:100%;height:220px;overflow:hidden;background:var(--color-bg-surface)}.sector-image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.sector-card--zorg .sector-image{object-position:center top}.sector-card--overheid .sector-image,.sector-card--finance .sector-image{object-position:center center}.sector-card--legal .sector-image{object-position:center top}.sector-card--hr .sector-image,.sector-card--support .sector-image,.sector-card--enterprise .sector-image,.sector-card--marketing .sector-image{object-position:center center}.sector-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.sector-card h3{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin:0}.sector-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;flex:1}.sector-bullets li{font-size:.88rem;line-height:1.5;color:var(--color-text-secondary);padding-left:1.1rem;position:relative}.sector-bullets li:before{content:"→";position:absolute;left:0;color:var(--color-primary-dark);font-size:.8rem}.sector-conclusion{font-size:.88rem;font-weight:600;color:var(--color-primary-dark);padding:.6rem .75rem;background:#82bebf1a;border-left:3px solid var(--color-primary);border-radius:4px;margin:0;line-height:1.4}.scenarios-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.scenarios-block h2{font-size:2.2rem;margin:0 0 2.5rem;color:var(--color-text-primary);font-weight:700;text-align:center}.scenarios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:100%;box-sizing:border-box}.scenario-card{background:var(--color-bg-primary);border-radius:12px;padding:2rem;border:2px solid var(--color-border-primary);transition:all .3s;width:100%;box-sizing:border-box}.scenario-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #82bebf26}.scenario-card h3{font-size:1.4rem;margin:0 0 1.5rem;color:var(--color-text-primary);font-weight:700}.scenario-challenge{font-size:.95rem;line-height:1.6;color:#c96b6b;margin:0 0 1.25rem;padding:1rem;background:#c96b6b1a;border-radius:8px;border-left:4px solid #C96B6B}.scenario-solution{font-size:.95rem;line-height:1.6;color:#6faf98;margin:0;padding:1rem;background:#6faf981a;border-radius:8px;border-left:4px solid #6FAF98}.risks-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.risks-block h2{font-size:2.2rem;margin:0 0 2.5rem;color:var(--color-text-primary);font-weight:700;text-align:center}.risks-list{display:flex;flex-direction:row;gap:1.5rem}.risk-item{flex:1;padding:2rem;border-radius:12px;border:2px solid;transition:all .3s}.risk-item.critical{background:#dc26260d;border-color:#dc2626}.risk-item.high{background:#f973160d;border-color:#f97316}.risk-item.medium{background:#eab3080d;border-color:#eab308}.risk-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.risk-item h3{font-size:1.3rem;margin:0 0 .75rem;color:var(--color-text-primary);font-weight:700}.risk-item p{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.benefits-org-block{background:var(--color-primary-gradient);border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;color:#fff}.benefits-org-block h2{font-size:2.2rem;margin:0 0 2.5rem;color:#fff;font-weight:700;text-align:center}.benefits-org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:100%;box-sizing:border-box}.benefit-org-item{text-align:center;padding:2rem;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;width:100%;box-sizing:border-box}.benefit-org-item:hover{background:#ffffff40;transform:translateY(-4px);box-shadow:0 8px 16px #0003}.benefit-org-icon{font-size:2.5rem;margin-bottom:1rem}.benefit-org-item h3{font-size:1.2rem;margin:0 0 .75rem;color:#fff;font-weight:600}.benefit-org-item p{font-size:1rem;line-height:1.6;color:#ffffffe6;margin:0}@media (max-width: 1200px){.sectors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sectors-grid,.scenarios-grid,.benefits-org-grid{grid-template-columns:1fr}.risks-list{flex-direction:column}.scenarios-block,.risks-block,.benefits-org-block,.sectors-block{padding:2rem 1.5rem}.scenario-card,.risk-item{padding:1.5rem}}.waarom-page{width:100%}.waarom-page .content-container{max-width:1920px}.waarom-page .feature-card{padding:0;overflow:hidden;text-align:left}.waarom-page .feature-card-image{width:100%;height:180px;object-fit:cover;display:block;border-radius:10px 10px 0 0}.waarom-page .feature-card h3{margin:1.25rem 1.5rem .5rem}.waarom-page .feature-card p{margin:0 1.5rem 1.5rem}.section-intro{text-align:center;font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2.5rem}.intro-block .section-intro{text-align:left}@media (max-width: 768px){.waarom-page .feature-card-image{height:160px}}.architecture-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d;text-align:center}.architecture-figure{margin:0}.architecture-image{max-width:100%;height:auto;border-radius:8px;border:1px solid #E5E7EB}.architecture-figure figcaption{margin-top:1rem;font-size:.95rem;color:#6b7280;font-style:italic}.key-principles{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.key-principles h2{font-size:2.2rem;margin:0 0 1.5rem;color:#1a1a1a;font-weight:700}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem;justify-content:center;justify-items:center;max-width:100%;box-sizing:border-box}@media (min-width: 1200px){.principles-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:2rem auto 0}}.principle-item{text-align:center;padding:2rem 1.5rem;background:#f6f7fb;border-radius:12px;transition:all .3s;width:100%;box-sizing:border-box}.principle-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.principle-icon{font-size:3rem;margin-bottom:1rem}.principle-item h3{font-size:1.2rem;margin:0 0 .75rem;color:#1a1a1a;font-weight:600}.principle-item p{font-size:1rem;line-height:1.6;color:#6b7280;margin:0}.unique-features{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.unique-features h2{font-size:2.2rem;margin:0 0 2.5rem;color:#1a1a1a;font-weight:700;text-align:center}.features-list{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;gap:2rem;align-items:flex-start;padding:2rem;background:#f6f7fb;border-radius:12px;border:2px solid transparent;transition:all .3s}.feature-item:hover{border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 12px #82bebf26}.feature-icon-large{font-size:4rem;flex-shrink:0}.feature-content{flex:1}.feature-content h3{font-size:1.5rem;margin:0 0 1rem;color:#1a1a1a;font-weight:700}.feature-content p{font-size:1.1rem;line-height:1.7;color:#6b7280;margin:0}.comparison-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.comparison-block h2{font-size:2.2rem;margin:0 0 2.5rem;color:#1a1a1a;font-weight:700;text-align:center}.comparison-desktop-view{width:100%}.comparison-table{display:flex;flex-direction:column;gap:.5rem;width:100%}.comparison-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;align-items:center}.comparison-row.header{margin-bottom:.5rem}.comparison-cell{padding:1rem;text-align:left;background:#f6f7fb;border-radius:8px;font-size:.95rem;font-weight:500;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100%;min-width:0;width:100%;box-sizing:border-box;overflow-wrap:break-word}.comparison-cell.feature-column{background:transparent;font-weight:600;color:#1a1a1a;padding:1rem 1rem 1rem 0;justify-content:flex-start}.comparison-cell.label{text-align:left;font-weight:600;color:#1a1a1a;justify-content:flex-start}.comparison-cell.highlight{background:var(--color-primary-gradient);color:#fff;font-weight:700;box-shadow:0 2px 8px #82bebf4d}.comparison-cell.cell-ok{background:var(--color-primary-gradient);color:#fff;font-weight:600}.comparison-cell.cell-no{background:var(--color-secondary);color:#fff;font-weight:600}.comparison-cell.cell-warn{background:var(--color-accent);color:#fff;font-weight:600}.badge-note{display:block;font-size:.75rem;color:#fffc;margin-top:.3rem;font-weight:400;line-height:1.4}.comparison-row.header .comparison-cell.highlight{font-size:1.1rem}.comparison-cell.col-pseudoai{border-left:2px solid var(--color-primary);border-right:2px solid var(--color-primary)}.comparison-cell.col-pseudoai-header{border:2px solid var(--color-primary);border-radius:8px}.comparison-cell.col-pseudoai-last{border-bottom:2px solid var(--color-primary)}.comparison-recommended-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#ffffff40;color:#fff;border-radius:var(--radius-pill);padding:.2em .6em;margin-top:.4rem}.comparison-mobile-view{display:none;flex-direction:column;gap:.75rem}.comparison-accordion-card{border:2px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;background:#f6f7fb}.comparison-accordion-card--recommended{border-color:var(--color-primary);box-shadow:0 2px 8px #82bebf40}.comparison-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s);padding:var(--spacing-m) var(--spacing-l);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.comparison-accordion-card--recommended .comparison-accordion-trigger{background:var(--color-primary-gradient);color:#fff}.comparison-accordion-title{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.comparison-accordion-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;background:#ffffff40;color:#fff;border-radius:var(--radius-pill);padding:.2em .65em}.comparison-accordion-chevron{font-size:1.1rem;flex-shrink:0;transition:transform var(--transition-fast) var(--transition-ease)}.comparison-accordion-body{display:none;padding:0}.comparison-accordion-body--open{display:block;padding:var(--spacing-s) var(--spacing-l) var(--spacing-m)}.comparison-accordion-criteria{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.comparison-accordion-criterion{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-m);padding:.5rem 0;border-bottom:1px solid var(--color-border-primary);font-size:var(--font-size-sm)}.comparison-accordion-criterion:last-child{border-bottom:none}.comparison-accordion-criterion-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.comparison-accordion-criterion-value{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-weight:var(--font-weight-semibold);flex-shrink:0;max-width:50%}.comparison-accordion-criterion-value--pseudoai{color:var(--color-primary-dark)}.comparison-accordion-criterion-value--ok{color:var(--color-success)}.comparison-accordion-criterion-value--warn{color:var(--color-accent)}.comparison-accordion-criterion-value--no{color:var(--color-secondary)}.comparison-accordion-criterion-note{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);margin-top:.15rem;text-align:right;line-height:1.4}.trust-block{background:var(--color-primary-gradient);border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;color:#fff}.trust-block h2{font-size:2.2rem;margin:0 0 2.5rem;color:#fff;font-weight:700;text-align:center}.trust-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;justify-content:center;justify-items:center;max-width:100%;box-sizing:border-box}.trust-feature-grid{grid-template-columns:repeat(5,1fr);gap:1rem;align-items:stretch;justify-items:stretch}.trust-feature-card{width:100%;background:#fffffff5;border-radius:12px;box-shadow:0 6px 14px #162e4a29;transition:transform .2s ease,box-shadow .2s ease}.trust-feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #162e4a38}.trust-feature-card .feature-card-image{border-radius:12px 12px 0 0}.trust-feature-card h3{color:#1a1a1a}.trust-feature-card p{color:#475569}@media (min-width: 1200px){.trust-items{max-width:none;margin:0}}.trust-item{text-align:center;padding:2rem;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;width:100%;box-sizing:border-box}.trust-item:hover{background:#ffffff40;transform:translateY(-4px);box-shadow:0 8px 16px #0003}.trust-item h3{font-size:1.3rem;margin:0 0 1rem;color:#fff;font-weight:600}.trust-item p{font-size:1rem;line-height:1.6;color:#ffffffe6;margin:0}@media (max-width: 1024px){.comparison-row{grid-template-columns:repeat(5,1fr)}.trust-feature-grid{grid-template-columns:repeat(5,1fr);gap:.75rem}.comparison-cell{font-size:.85rem;padding:.75rem}.comparison-cell.label{font-size:.9rem}}@media (max-width: 767px){.waarom-page .content-container{padding:0 1rem}.feature-item{flex-direction:column;text-align:center}.feature-icon-large{margin:0 auto}.comparison-desktop-view{display:none}.comparison-mobile-view{display:flex}.trust-items,.trust-feature-grid,.principles-grid{grid-template-columns:1fr}.key-principles,.unique-features,.trust-block{padding:2rem 1.5rem}.comparison-block{padding:1.75rem 1rem}}@media (max-width: 360px){.waarom-page .content-container{padding:0 .75rem}.comparison-block{padding:1.5rem .75rem}}.wat-levert-page{width:100%}.wat-levert-page .content-container{max-width:1920px;margin:0 auto}.deliverable-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d;display:flex;gap:2rem;align-items:flex-start}.deliverable-image{width:210px;height:315px;object-fit:cover;border-radius:8px;flex-shrink:0}.deliverable-content{flex:1}.deliverable-content h2{font-size:1.9rem;margin:0 0 1.25rem;color:#1a1a1a;font-weight:700}.deliverable-content>p{font-size:1.1rem;line-height:1.7;color:#6b7280;margin:0 0 2rem}.deliverable-highlights{display:flex;flex-direction:column;gap:1rem}.highlight-item{display:flex;align-items:flex-start;font-size:1rem;line-height:1.6;color:#374151;padding-left:1.25rem;position:relative}.highlight-item:before{content:"–";position:absolute;left:0;color:var(--color-text-secondary)}.governance-cta{text-align:center;margin:1rem 0 2rem}.btn-governance-cta{display:inline-block;background:var(--color-primary-gradient);color:#fff;padding:1.1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #82bebf59}.btn-governance-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #82bebf80}@media (max-width: 768px){.deliverable-block{flex-direction:column;padding:2rem 1.5rem}.deliverable-image{width:100%;height:220px;margin:0 auto}.deliverable-content{text-align:center}.highlight-item{text-align:left}.btn-governance-cta{width:100%;max-width:520px;font-size:1rem;padding:1rem 1.25rem}}.org-pricing-page-wrapper{width:100%;min-height:100vh;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.org-pricing-page-wrapper .page-hero{background:var(--color-primary-gradient);padding:3rem 2rem;text-align:center;color:#fff}.org-pricing-page-wrapper .page-hero-content{max-width:900px;margin:0 auto}.org-pricing-page-wrapper .page-hero-content h1{font-size:3rem;font-weight:700;margin:0 0 1rem}.org-pricing-page-wrapper .page-subtitle{color:#fffffff2;font-size:1.3rem;margin:0;font-weight:400}.org-pricing-container{max-width:1920px;margin:0 auto;padding:0 2rem 4rem;box-sizing:border-box}.org-pricing-intro{text-align:center;margin:2.5rem auto 1rem;max-width:860px}.org-pricing-intro h2{margin:0 0 .75rem;font-size:2rem}.org-pricing-intro p{margin:0;color:#4b5563;font-size:1.05rem}.org-pricing-container .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;margin-bottom:2.5rem}.org-pricing-container .pricing-card{background:#fff;border:2px solid #d6dae3;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d}.org-pricing-container .pricing-card--highlighted{border-color:var(--color-primary);background:linear-gradient(180deg,#fff,#f8f9ff);box-shadow:0 4px 20px #82bebf40}.org-pricing-container .pricing-card-header{border-bottom:2px solid #f6f7fb;padding-bottom:1.25rem;margin-bottom:1.25rem}.org-pricing-container .tier-name{margin:0 0 .35rem;font-size:1.6rem}.org-pricing-container .tier-employees{margin:0;color:#6b7280;font-weight:500}.org-pricing-container .price-item.yearly{background:#1f3a5f0f;border:2px solid var(--color-secondary);border-radius:8px;padding:1rem}.org-pricing-container .price-value{display:block;font-size:2rem;font-weight:700;color:#1a1a1a}.org-pricing-container .price-label{display:block;margin-top:.3rem;margin-bottom:.85rem;font-size:.85rem;color:#6b7280}.org-pricing-container .pricing-cta-primary{width:100%;box-sizing:border-box;text-align:center;padding:.75rem 1.25rem;background:#1f3a5f;color:#fff;border-radius:8px;text-decoration:none;display:inline-block}.enterprise-fit-note{background:#f6f7fb;border:2px solid #d6dae3;border-radius:12px;padding:1.5rem;margin-bottom:2.5rem}.enterprise-fit-note h3{margin:0 0 .5rem;color:#1f3a5f}.enterprise-fit-note p{margin:0 0 1rem;color:#374151;line-height:1.6}.org-pricing-contract{background:linear-gradient(180deg,#f6f7fb,#fff);border:2px solid #d6dae3;border-radius:12px;padding:2rem;margin-bottom:2.5rem}.org-pricing-contract h2{margin:0 0 1rem}.org-pricing-contract p{margin:0 0 .75rem;line-height:1.6;color:#374151}.org-pricing-contract p:last-child{margin-bottom:0}.org-pricing-container .po-banner{background:var(--color-primary-gradient);border-radius:12px;padding:2rem}.org-pricing-container .po-banner-content{display:flex;align-items:center;gap:1.5rem;justify-content:space-between;flex-wrap:wrap}.org-pricing-container .po-banner-text h3{margin:0 0 .35rem;color:#fff}.org-pricing-container .po-banner-text p{margin:0;color:#fffffff2}.org-pricing-container .po-banner-cta{background:#fff;color:#1f3a5f;padding:.875rem 1.75rem;border-radius:8px;text-decoration:none;font-weight:600}@media (max-width: 1080px){.org-pricing-container .pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.org-pricing-page-wrapper .page-hero-content h1{font-size:2rem}.org-pricing-page-wrapper .page-subtitle{font-size:1.1rem}.org-pricing-container .pricing-grid{grid-template-columns:1fr}}.sumup-card-widget{min-height:320px;width:100%}.org-checkout-page-wrapper{width:100%;min-height:100vh;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.org-checkout-page-hero{background:var(--color-primary-gradient);padding:3rem 2rem;color:#fff}.org-checkout-page-hero-content{max-width:1100px;margin:0 auto;text-align:left}.org-checkout-page-hero-content h1{font-size:3rem;font-weight:700;margin:0 0 .75rem}.org-checkout-page{padding:0 2rem 3rem}.org-checkout-container{max-width:1100px;margin:2rem auto 0}.org-checkout-journey{margin:0 0 .75rem;color:var(--color-secondary);font-size:.95rem;font-weight:500}.org-checkout-hero h1{margin:0 0 .75rem}.org-checkout-subtitle{margin:0;color:#fffffff2;line-height:1.6}.org-checkout-summary-image-wrap{display:flex;justify-content:center;margin-bottom:1rem}.org-checkout-summary-image{max-width:100%;width:min(100%,420px);max-height:220px;object-fit:contain;border-radius:8px;background:#f6f7fb;padding:.5rem}.org-checkout-grid{display:grid;gap:1.5rem;grid-template-columns:1.3fr 1fr}.org-checkout-summary,.org-checkout-form-card{background:#fff;border-radius:12px;border:1px solid #d6dae3;padding:1.5rem}.org-summary-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid #eef0f5}.org-summary-row--highlight{color:#1f3a5f;font-weight:600}.org-contract-copy{margin-top:1.25rem;color:#374151}.org-contract-copy p{margin:0 0 .75rem}.org-checkout-form-card form{display:flex;flex-direction:column;gap:.65rem}.btn-full{width:100%}.org-checkout-form-card input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box}.org-checkout-form-card input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.org-checkout-error{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:.75rem 1rem}.org-test-indicator{color:#92400e;background:#fef3c7;border-radius:8px;padding:.75rem 1rem}.org-back-btn{margin-top:.75rem}@media (max-width: 900px){.org-checkout-page{padding:0 1rem 2rem}.org-checkout-page-hero{padding:2rem 1rem}.org-checkout-page-hero-content{text-align:center}.org-checkout-page-hero-content h1{font-size:2rem}.org-checkout-container{margin-top:1.5rem}.org-checkout-summary-image{max-height:180px}.org-checkout-grid{grid-template-columns:1fr}}.org-sim-payment-panel{background:#fff8e1;border:2px dashed #f59e0b;border-radius:8px;padding:1.25rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.org-sim-label{margin:0;font-size:.85rem;font-weight:600;color:#92400e;letter-spacing:.02em}.btn-sim{background:#f59e0b;color:#1c1917;border:none;border-radius:6px;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-sim:hover:not(:disabled){background:#d97706}.btn-sim:disabled{opacity:.6;cursor:not-allowed}.org-sim-real-pay-link{font-size:.875rem;color:#6b7280;text-decoration:underline;text-align:center}.org-sim-real-pay-link:hover{color:#374151}.contact-page{width:100%}.contact-page .content-container{max-width:1920px;margin:0 auto}.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2.5rem;justify-content:center;justify-items:center;max-width:100%;box-sizing:border-box}@media (min-width: 1200px){.contact-options{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto 2.5rem}}.contact-option{background:#fff;border-radius:12px;padding:0;text-align:center;border:2px solid #D6DAE3;transition:all .3s;box-shadow:0 2px 8px #0000000d;width:100%;box-sizing:border-box;overflow:hidden}.contact-option-media img{width:100%;height:240px;object-fit:cover;display:block}.contact-option-body{padding:2rem}.contact-option:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #82bebf26}.contact-option.disabled{opacity:.6;cursor:not-allowed;background:#f9fafb;border-color:#e5e7eb}.contact-option.disabled:hover{border-color:#e5e7eb;transform:none;box-shadow:0 2px 8px #0000000d}.contact-icon{font-size:3.5rem;margin-bottom:1.5rem}.contact-option h3{font-size:1.4rem;margin:0 0 .75rem;color:#1a1a1a;font-weight:700}.contact-option p{font-size:1rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.contact-link{display:inline-block;color:var(--color-primary);text-decoration:none;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;background:#82bebf1a;transition:all .2s}.contact-link:hover{background:#82bebf33;transform:translateY(-2px)}.contact-link.disabled{color:#9ca3af;background:transparent;cursor:not-allowed;pointer-events:none;padding:.75rem 1.5rem;font-style:italic}.contact-form-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.contact-form-block h2{font-size:2.2rem;margin:0 0 1rem;color:#1a1a1a;font-weight:700;text-align:center}.form-intro{text-align:center;font-size:1.1rem;color:#6b7280;margin:0 0 2.5rem}.contact-form{max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.9rem 1.2rem;border:2px solid #D6DAE3;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;color:#1a1a1a;transition:all .2s}.form-group input,.form-group select{height:48px;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #82bebf1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:150px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:block}.label-hint{font-weight:400;color:#6b7280;font-size:.9rem}.contact-page .success-message{background:var(--color-secondary);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-weight:600}.error-message-box{background:#fee2e2;color:#991b1b;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-weight:500;border:2px solid #FECACA}.form-privacy{margin-bottom:2rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.95rem;color:#6b7280}.checkbox-label input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer}.btn-submit{width:100%;padding:1.2rem 3rem;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #1f3a5f4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1f3a5f66}.response-info{background:var(--color-primary-gradient);border-radius:12px;padding:3rem 2.5rem;color:#fff}.response-info h2{font-size:2.2rem;margin:0 0 2.5rem;color:#fff;font-weight:700;text-align:center}.response-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;justify-content:center;justify-items:center;box-sizing:border-box}@media (min-width: 1200px){.response-steps{grid-template-columns:repeat(3,1fr)}}.response-step{background:#fff3;color:#fff;padding:2rem;border-radius:8px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;border:2px solid rgba(255,255,255,.3);display:block;width:100%;box-sizing:border-box;text-align:center}.response-number{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--color-secondary);font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.response-content h3{font-size:1.2rem;margin:0 0 .5rem;color:#fff;font-weight:600}.response-content p{font-size:1rem;line-height:1.6;color:#ffffffe6;margin:0}@media (max-width: 768px){.form-row,.contact-options,.response-steps{grid-template-columns:1fr}.response-step{text-align:center}.contact-form-block,.response-info{padding:2rem 1.5rem}}.checkout-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.checkout-container{max-width:600px;width:100%;text-align:center}.checkout-loading{padding:3rem 2rem}.spinner{margin:0 auto 2rem;width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.checkout-loading h2{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.checkout-loading p{color:#6b7280;font-size:1rem}.checkout-error{padding:3rem 2rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.checkout-error h2{font-size:1.75rem;color:#1f2937;margin-bottom:1rem}.error-message{color:#dc2626;font-size:1rem;margin-bottom:2rem;padding:1rem;background:#fee2e2;border-radius:6px}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.checkout-widget{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:left}.checkout-widget h2{margin:0 0 .75rem;color:#1f2937;font-size:1.5rem}.checkout-widget-subtitle{color:#4b5563;margin:0 0 1.25rem}.checkout-widget-message{color:#b45309;background:#fef3c7;border-radius:6px;padding:.75rem 1rem;margin:0 0 1rem}.checkout-widget-meta{margin-top:1rem;color:#6b7280;font-size:.875rem;word-break:break-all}.checkout-form{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:left}.checkout-form h2{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem}.checkout-form-subtitle{color:var(--color-secondary);margin:0 0 1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.9375rem}.form-group .required{color:#dc2626;margin-left:2px}.form-group input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;color:#111827;box-sizing:border-box;transition:border-color .15s}.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;color:#111827;box-sizing:border-box;transition:border-color .15s;background:#fff}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group-checkbox{margin-top:-.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.checkbox-label input{width:auto}.btn-full{width:100%;margin-top:.5rem}@media (max-width: 640px){.error-actions{flex-direction:column;width:100%}.btn{width:100%}}.order-summary{background-color:var(--color-secondary)!important;background-image:none!important;border:1px solid var(--color-secondary-dark);color:#fff;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.order-summary h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fff}.summary-item{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.9rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}.summary-total{margin-top:.5rem;padding-top:.75rem;border-top:2px solid rgba(255,255,255,.5)!important;border-bottom:none!important;color:#fff;font-size:1rem}.checkout-success-page-wrapper{width:100%;min-height:100vh;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.checkout-success-page-hero{background:var(--color-primary-gradient);padding:3rem 2rem;color:#fff}.checkout-success-page-hero-content{max-width:1100px;margin:0 auto;text-align:left}.checkout-success-page-hero-content h1{font-size:3rem;font-weight:700;margin:0 0 .75rem}.checkout-success-page-hero-content p{margin:0;max-width:780px;color:#fffffff2;line-height:1.6}@media (max-width: 1024px){.checkout-success-page-hero-content h1{font-size:2.5rem}}.checkout-success-page{min-height:60vh;padding:4rem 2rem;display:flex;align-items:center;justify-content:center}.checkout-success-page--result{min-height:auto;padding:0 2rem 3rem;display:block}.success-container,.loading-container,.error-container{max-width:600px;width:100%;text-align:center;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{background:#fff;padding:3rem 2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.error-icon{font-size:4rem;margin-bottom:1rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:1.125rem;margin-bottom:2rem}.status-success{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-error{background:#fee2e2;color:#991b1b}.status-cancelled{background:#f3f4f6;color:#374151}.status-unknown{background:#e5e7eb;color:#6b7280}.status-icon{font-size:1.5rem}.success-illustration-wrap{margin:0 auto 1rem;max-width:460px}.success-illustration{width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:#f6f7fb;padding:.5rem}.success-container h1{font-size:2rem;color:#1f2937;margin-bottom:1rem}.checkout-success-page .success-message{font-size:1.125rem;color:#fff;background:var(--color-primary-gradient);padding:1.25rem 1.5rem;border-radius:8px;margin-bottom:2.5rem;line-height:1.6}.pending-message,.error-message{font-size:1.125rem;color:#6b7280;margin-bottom:2.5rem;line-height:1.6}.error-message{color:#dc2626}.order-details{background:#f9fafb;border-radius:8px;padding:2rem;margin-bottom:2rem;text-align:left}.order-details h3{font-size:1.25rem;color:#1f2937;margin-bottom:1.5rem;text-align:center}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#1f2937;font-weight:600}@media (max-width: 640px){.checkout-success-page-hero{padding:2rem 1rem}.checkout-success-page-hero-content h1{font-size:2rem}.checkout-success-page{padding:2rem 1rem}.success-container h1{font-size:1.5rem}.checkout-success-page .success-message,.pending-message{font-size:1rem}.order-details{padding:1.5rem}.detail-row{flex-direction:column;gap:.25rem}.action-buttons{flex-direction:column;width:100%}.btn{width:100%}}.checkout-cancel-page{min-height:60vh;padding:4rem 2rem;display:flex;align-items:center;justify-content:center}.cancel-container{max-width:600px;width:100%;text-align:center;background:#fff;padding:3rem 2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.cancel-icon{font-size:5rem;margin-bottom:1.5rem;color:#6b7280}.cancel-container h1{font-size:2rem;color:#1f2937;margin-bottom:1rem}.cancel-message{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.help-text{font-size:1rem;color:#9ca3af;margin-bottom:2.5rem;line-height:1.6}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.875rem 1.75rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;border:none;text-decoration:none;display:inline-block;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}@media (max-width: 640px){.checkout-cancel-page{padding:2rem 1rem}.cancel-container{padding:2rem 1.5rem}.cancel-container h1{font-size:1.5rem}.cancel-message{font-size:1rem}.action-buttons{flex-direction:column;width:100%}.btn{width:100%}}.order-page{min-height:100vh;background:#6db1b4;padding:40px 20px}.order-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px}.order-header{text-align:center;margin-bottom:40px}.order-header h1{font-size:2rem;color:#333;margin-bottom:12px}.order-subtitle{font-size:1rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.order-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:20px}.form-section h2{font-size:1.5rem;color:#333;margin-bottom:8px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group .required{color:#e74c3c}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#e74c3c}.form-group textarea{resize:vertical;min-height:100px}.error-message{color:#e74c3c;font-size:.875rem;margin-top:4px}.form-help{color:#666;font-size:.875rem;margin-top:4px}.order-summary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:8px;margin-top:16px}.order-summary h3{margin:0 0 16px;font-size:1.25rem}.summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}.summary-item:last-child{border-bottom:none}.summary-item.total{margin-top:12px;padding-top:16px;border-top:2px solid rgba(255,255,255,.3);font-size:1.25rem;font-weight:700}.error-banner{background:#fee;border:2px solid #e74c3c;color:#c0392b;padding:16px;border-radius:8px;text-align:center;font-weight:500}.form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:20px;border-top:2px solid #f0f0f0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover:not(:disabled){background:#f8f9ff}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.order-container{padding:24px}.order-header h1{font-size:1.5rem}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.enforcement-warning{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:.875rem 1rem;font-size:.9rem;color:#5d4037;margin-bottom:1rem;line-height:1.5}.confirmation-page{min-height:100vh;background:var(--color-primary-gradient);padding:60px 20px}.confirmation-page.loading,.confirmation-page.error{display:flex;align-items:center;justify-content:center}.confirmation-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:60px 40px;text-align:center}.confirmation-icon{width:80px;height:80px;background:var(--color-primary-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 24px;font-weight:700}.confirmation-icon.error-icon{background:#e74c3c}.confirmation-container h1{font-size:2.5rem;color:#333;margin-bottom:16px}.order-id{font-size:1rem;color:#666;margin-bottom:10px}.order-id strong{color:var(--color-primary-dark);font-family:Courier New,monospace}.order-id-copy-button{background:none;border:none;padding:0;margin:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.order-id-copy-button:hover strong{color:var(--color-primary)}.order-id-copy-button--inline{color:var(--color-primary-dark);font-weight:700}.copy-toast{position:fixed;top:24px;right:24px;z-index:2000;background:var(--color-secondary);color:#fff;border-radius:8px;padding:.7rem 1rem;font-size:.92rem;font-weight:600;box-shadow:0 10px 24px #0003}.confirmation-content{text-align:left;margin:40px 0}.confirmation-content h2{font-size:1.75rem;color:#333;margin-bottom:32px;text-align:center}.steps{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.step{display:flex;gap:20px;align-items:flex-start}.step-number{width:48px;height:48px;background:var(--color-primary-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:1.25rem;color:#333;margin:0 0 8px}.step-content p{color:#666;line-height:1.6;margin:0}.info-box{background:#f8f9ff;border-left:4px solid var(--color-primary);padding:20px;border-radius:8px;margin:32px 0}.info-box h3{font-size:1.125rem;color:#333;margin:0 0 16px}.info-box ul{margin:0;padding-left:20px;color:#666}.info-box li{margin-bottom:8px;line-height:1.6}.info-box li:last-child{margin-bottom:0}.contact-info{background:#fff9e6;border:2px solid #ffc107;padding:20px;border-radius:8px;margin-top:32px}.contact-info p{margin:0;color:#666;line-height:1.6}.contact-info strong{color:#333}.contact-info a{color:var(--color-primary-dark);text-decoration:underline}.confirmation-actions{display:flex;gap:16px;justify-content:center;margin-top:40px;padding-top:40px;border-top:2px solid #f0f0f0}.btn-primary,.btn-secondary{padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-primary-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #82bebf66}.btn-secondary{background:#fff;color:var(--color-primary-dark);border:2px solid var(--color-primary-dark)}.btn-secondary:hover{background:#f8f9ff}@media (max-width: 768px){.confirmation-container{padding:40px 24px}.confirmation-container h1{font-size:1.75rem}.confirmation-icon{width:64px;height:64px;font-size:2.5rem}.step-number{width:40px;height:40px;font-size:1.25rem}.confirmation-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.copy-toast{right:12px;left:12px;top:12px;text-align:center}}.demo-request-page{--color-error-panel-bg: #fde8e8;--color-error-panel-border: #f5b7b7;--color-error-panel-text: #8a1f1f;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-primary-gradient);padding:20px}.demo-request-container{width:100%;max-width:480px}.demo-request-card{background:var(--color-bg-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-modal)}.demo-request-header{background:var(--color-primary-gradient);padding:20px 24px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.demo-request-logo-icon{width:28px;height:28px;object-fit:contain;margin-bottom:2px}.demo-request-header h1{margin:0;font-size:clamp(1.05rem,2.4vw,var(--font-size-lg));color:var(--color-text-on-primary);line-height:1.1;max-width:22ch;word-break:break-word;text-wrap:balance}.demo-request-subtitle{margin:0;color:var(--color-text-on-primary);font-size:clamp(.78rem,1.9vw,13px);line-height:1.2;opacity:.95;max-width:34ch;word-break:break-word;text-wrap:balance}.demo-request-form,.demo-request-footer,.success-panel{margin-left:24px;margin-right:24px}.demo-request-form{margin-top:20px}.demo-request-form{display:flex;flex-direction:column;gap:20px;text-align:left}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:var(--color-text-primary);font-size:14px}.form-group input{padding:12px;border:2px solid var(--color-border-primary);border-radius:var(--radius-base);font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled{background-color:var(--color-bg-primary);cursor:not-allowed}.field-hint{font-size:12px;color:var(--color-text-tertiary);margin:0}.error-message{padding:12px;background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-base);color:var(--color-error-text);font-size:14px;text-align:center}.success-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;margin-top:20px;margin-bottom:20px;background-color:#eef5f3;border:2px solid #BEDBD1;border-radius:var(--radius-xl);text-align:center}.success-icon{font-size:48px;line-height:1}.success-title{margin:0;font-size:20px;font-weight:700;color:var(--color-success-text, #43695B)}.success-text{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.btn-home{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:10px 18px;border:1px solid var(--color-border-primary);border-radius:var(--radius-base);background:var(--color-bg-surface);color:var(--color-text-primary);text-decoration:none;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s}.btn-home:hover{background-color:var(--color-bg-primary);border-color:var(--color-primary)}.error-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;margin-top:20px;margin-bottom:20px;background-color:var(--color-error-panel-bg);border:2px solid var(--color-error-panel-border);border-radius:var(--radius-xl);text-align:center}.error-panel .error-title{margin:0;font-size:20px;font-weight:700;color:var(--color-error-panel-text)}.error-panel .error-text{margin:0;font-size:14px;color:var(--color-error-panel-text);line-height:1.6}.demo-request-form .btn-primary{padding:14px;background:var(--color-secondary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-base);font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.demo-request-form .btn-primary:hover:not(:disabled){background:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.demo-request-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.demo-request-footer{margin-top:20px;margin-bottom:24px;padding-top:16px;border-top:1px solid var(--color-border-primary);font-size:13px;color:var(--color-text-tertiary);text-align:center}@media (max-width: 480px){.demo-request-page{padding:14px}.demo-request-header{padding:16px 16px 14px}.demo-request-form,.demo-request-footer,.success-panel{margin-left:16px;margin-right:16px}.demo-request-form{margin-top:16px;gap:16px}}.feature-request-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.feature-request-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem}.feature-request-header{text-align:center;margin-bottom:2rem}.feature-request-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.feature-request-header .subtitle{font-size:1.1rem;color:#7f8c8d;margin:0}.expectation-box{background:#f8f9fa;border-left:4px solid #667eea;padding:1.5rem;margin-bottom:2rem;border-radius:8px}.expectation-box h3{margin-top:0;color:#2c3e50;font-size:1.2rem}.expectation-box ul{margin:1rem 0;padding-left:1.5rem;line-height:1.8}.expectation-box li{margin-bottom:.5rem;color:#555}.expectation-note{background:#fff;padding:1rem;border-radius:6px;margin-top:1rem;margin-bottom:0;color:#555;font-size:.95rem;line-height:1.6}.expectation-note strong{color:#667eea}.success-message{text-align:center;padding:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;margin-bottom:2rem}.success-icon{font-size:4rem;margin-bottom:1rem;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h3{margin:0 0 .5rem;font-size:1.8rem}.success-message p{margin:0;font-size:1.1rem;opacity:.95}.error-banner{background:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #fcc}.feature-request-form{margin-top:1.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600;font-size:.95rem}.required{color:#e74c3c}.form-group input[type=text],.form-group input[type=email],.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:#e74c3c}.form-group textarea{resize:vertical;min-height:120px}.error-text{display:block;color:#e74c3c;font-size:.85rem;margin-top:.25rem}.char-count{position:absolute;right:0;bottom:-1.5rem;font-size:.8rem;color:#95a5a6}.help-text{display:block;font-size:.85rem;color:#7f8c8d;margin-top:.25rem}.form-actions{margin-top:2rem;text-align:center}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.privacy-note{text-align:center;font-size:.85rem;color:#7f8c8d;margin-top:2rem;margin-bottom:0;line-height:1.6}@media (max-width: 768px){.feature-request-container{padding:1.5rem}.feature-request-header h1{font-size:2rem}.feature-request-header .subtitle{font-size:1rem}.expectation-box{padding:1rem}.expectation-box h3{font-size:1.1rem}.success-message{padding:2rem 1rem}.success-icon{font-size:3rem}.success-message h3{font-size:1.5rem}.success-message p{font-size:1rem}}@media (max-width: 480px){.feature-request-page{padding:1rem .5rem}.feature-request-container{padding:1rem;border-radius:8px}.feature-request-header h1{font-size:1.75rem}.btn-submit{width:100%;padding:.875rem 1.5rem;font-size:1rem}}.page-hero{position:relative;padding:3rem 2rem;text-align:center;color:#fff;overflow:hidden}.nieuws-page .page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.page-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.page-hero-content{position:relative;z-index:1;max-width:1920px;margin:0 auto}.page-hero-content h1{font-size:3rem;font-weight:700;margin:0 0 1rem;color:#fff}.page-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:#fffffff2;margin:0}.nieuws-page{width:100%;max-width:100vw;overflow-x:hidden}.nieuws-content-section{padding:4rem 0;background:#f6f7fb;min-height:400px}.nieuws-container{max-width:1920px;margin:0 auto;padding:0 2rem;box-sizing:border-box;width:100%}.nieuws-state{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.1rem}.nieuws-spinner{width:40px;height:40px;border:4px solid #D6DAE3;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.nieuws-error{color:#dc2626}.nieuws-list{display:flex;flex-direction:column;gap:2rem}.nieuws-card{background:#fff;border-radius:12px;padding:2rem;border:2px solid #D6DAE3;transition:all .3s}.nieuws-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #82bebf26;transform:translateY(-2px)}.nieuws-card-meta{display:flex;gap:1rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.nieuws-source{background:#eef0ff;color:var(--color-primary);font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.nieuws-date{font-size:.9rem;color:#9ca3af}.nieuws-lang-badge{font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;letter-spacing:.05em}.nieuws-lang-badge--nl{background:#f0f0f0;color:#6b7280}.nieuws-lang-badge--en{background:#fef3c7;color:#92400e}.nieuws-card-title{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;line-height:1.35}.nieuws-card-quote{font-size:1rem;font-style:italic;color:#4b5563;border-left:4px solid var(--color-primary);margin:0 0 1.25rem;padding:.5rem 1rem;background:#f6f7fb;border-radius:0 8px 8px 0}.nieuws-card-bullets{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.4rem}.nieuws-card-bullets li{font-size:.95rem;color:#374151;padding-left:1.25rem;position:relative}.nieuws-card-bullets li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.nieuws-cta{display:inline-block;color:var(--color-primary);font-weight:600;font-size:.95rem;text-decoration:none;transition:color .2s}.nieuws-cta:hover{color:#5254b3;text-decoration:underline}@media (max-width: 768px){.nieuws-card{padding:1.5rem}.nieuws-card-title{font-size:1.2rem}}.artikel-page{width:100%;max-width:100vw;overflow-x:hidden}.artikel-state{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.1rem;gap:1.5rem}.artikel-spinner{width:40px;height:40px;border:4px solid #D6DAE3;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.artikel-error{color:#dc2626}.artikel-not-found h1{font-size:2rem;color:#1a1a1a;margin:0}.artikel-back-link{color:var(--color-primary);font-weight:600;text-decoration:none}.artikel-back-link:hover{text-decoration:underline}.artikel-hero{background:var(--color-primary-gradient);padding:5rem 2rem;color:#fff}.artikel-hero-content{max-width:800px;margin:0 auto}.artikel-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.artikel-source{background:#fff3;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(255,255,255,.4)}.artikel-date{font-size:.9rem;color:#ffffffd9}.artikel-lang-badge{font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;letter-spacing:.05em}.artikel-lang-badge--nl{background:#fff3;color:#ffffffe6;border:1px solid rgba(255,255,255,.35)}.artikel-lang-badge--en{background:#fef3c7;color:#92400e}.artikel-hero h1{font-size:2.6rem;font-weight:700;margin:0;line-height:1.25}.artikel-body-section{background:#f6f7fb;padding:4rem 2rem}.artikel-body-container{max-width:800px;margin:0 auto}.artikel-quote{font-size:1.2rem;font-style:italic;color:#4b5563;border-left:4px solid var(--color-primary);margin:0 0 2rem;padding:1rem 1.5rem;background:#fff;border-radius:0 8px 8px 0;line-height:1.6}.artikel-summary{font-size:1.1rem;line-height:1.75;color:#374151;margin:0 0 2.5rem}.artikel-relevance{background:#fff;border-radius:12px;padding:2rem;border:2px solid #D6DAE3;margin-bottom:2.5rem}.artikel-relevance h2{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0 0 1.25rem}.artikel-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.artikel-bullets li{font-size:1rem;color:#374151;padding-left:1.5rem;position:relative;line-height:1.5}.artikel-bullets li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.artikel-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.btn-artikel-primary{background:var(--color-primary-gradient);color:#fff;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #82bebf4d;display:inline-block}.btn-artikel-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #82bebf66}.btn-artikel-secondary{color:var(--color-primary);font-weight:600;font-size:1rem;text-decoration:none;transition:color .2s}.btn-artikel-secondary:hover{color:#5254b3;text-decoration:underline}@media (max-width: 768px){.artikel-hero h1{font-size:1.8rem}.artikel-hero{padding:3rem 1.5rem}.artikel-body-section{padding:2.5rem 1.5rem}.artikel-actions{flex-direction:column;align-items:flex-start}}.faq-page{width:100%;max-width:100vw;overflow-x:hidden}.faq-content-section{padding:4rem 0 5rem;background:#f6f7fb}.faq-container{max-width:1920px;margin:0 auto;padding:0 2rem;box-sizing:border-box;width:100%}.faq-category{margin-bottom:3rem}.faq-category:last-child{margin-bottom:0}.faq-category-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-primary)}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:#fff;border:2px solid #D6DAE3;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-item--open{border-color:var(--color-primary);box-shadow:0 4px 16px #82bebf1f}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:none;border:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:600;color:#1f3a5f;line-height:1.45;transition:background .15s}.faq-question:hover{background:#eef0ff}.faq-item--open .faq-question{color:var(--color-primary)}.faq-icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:400;color:var(--color-primary);line-height:1}.faq-answer{padding:0 1.25rem 1.1rem;border-top:1px solid #EEF0FF}.faq-answer p{margin:.9rem 0 0;font-size:1rem;color:#374151;line-height:1.7}@media (max-width: 768px){.faq-content-section{padding:2.5rem 0 3rem}.faq-category-title{font-size:1.25rem}.faq-question{font-size:.95rem;padding:1rem}.faq-answer{padding:0 1rem 1rem}}.applicatie-installatie-page{width:100%}.screenshots-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.screenshots-block h2{font-size:2.2rem;margin:0 0 1rem;color:#1a1a1a;font-weight:700;text-align:center}.block-intro{font-size:1.1rem;line-height:1.7;color:#6b7280;text-align:center;max-width:700px;margin:0 auto 2.5rem}.screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.screenshot-card{display:flex;flex-direction:column;gap:1rem}.screenshot-card h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0}.screenshot-card p{font-size:.95rem;line-height:1.6;color:#6b7280;margin:0}.screenshot-placeholder{border-radius:10px;overflow:hidden;border:2px solid #D6DAE3;box-shadow:0 4px 12px #00000014;transition:box-shadow .2s,border-color .2s}.screenshot-placeholder:hover{border-color:var(--color-primary);box-shadow:0 6px 20px #82bebf2e}.screenshot-mock{background:#f9fafb}.mock-topbar{background:#e5e7eb;padding:.5rem .75rem;display:flex;align-items:center;gap:.4rem}.mock-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;display:inline-block}.mock-dot:first-child{background:#ef4444}.mock-dot:nth-child(2){background:#f59e0b}.mock-dot:nth-child(3){background:#10b981}.mock-url{margin-left:.5rem;font-size:.75rem;color:#6b7280;background:#fff;border-radius:4px;padding:.2rem .75rem;flex:1}.mock-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:160px}.mock-header{font-size:.8rem;font-weight:600;color:var(--color-primary)}.mock-textarea{background:#fff;border:1px solid #D6DAE3;border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.mock-textarea.detected{border-color:var(--color-primary)}.mock-line{height:10px;background:#e5e7eb;border-radius:4px}.mock-line.long{width:90%}.mock-line.medium{width:65%}.mock-line.short{width:40%}.mock-highlight{display:inline-block;background:#82bebf26;border:1px solid var(--color-primary);border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;color:#4b4fcf;font-family:Courier New,monospace;align-self:flex-start}.mock-button{background:var(--color-primary-gradient);color:#fff;text-align:center;padding:.5rem;border-radius:6px;font-size:.8rem;font-weight:600}.mock-tags{display:flex;flex-wrap:wrap;gap:.4rem}.mock-tag{background:#6faf9826;border:1px solid #6FAF98;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;color:#3d7a65}.mock-admin{display:flex;flex-direction:column;gap:.5rem;flex:1}.mock-admin-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #D6DAE3;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;color:#1a1a1a}.mock-badge{background:#82bebf1a;color:#4b4fcf;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.data-privacy-highlight{background:#82bebf14;border:2px solid var(--color-primary);border-radius:16px;padding:2.5rem;margin-bottom:2.5rem;display:flex;gap:2rem;align-items:flex-start}.highlight-icon{font-size:3rem;flex-shrink:0;margin-top:.25rem}.highlight-content h2{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.highlight-content p{font-size:1.1rem;line-height:1.7;color:#374151;margin:0 0 .75rem}.highlight-content p:last-child{margin-bottom:0}.installation-block{background:#fff;border-radius:12px;padding:3rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d}.installation-block h2{font-size:2.2rem;margin:0 0 1rem;color:#1a1a1a;font-weight:700}.installation-block .block-intro{text-align:left;margin:0 0 2rem}.microsoft-context{background:#f6f7fb;border-radius:12px;padding:2rem;margin-bottom:2.5rem}.microsoft-context h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 1.5rem}.microsoft-products{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ms-product{background:#fff;border:2px solid #D6DAE3;border-radius:10px;padding:1.25rem 1rem;text-align:center;font-size:.95rem;font-weight:500;color:#1a1a1a;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ms-product:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 10px #82bebf26}.ms-product-icon{font-size:2rem}.steps-heading{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem}.installation-steps{display:flex;flex-direction:column;gap:1.5rem}.install-step{display:flex;gap:1.5rem;align-items:flex-start;background:#f6f7fb;border-radius:12px;padding:1.75rem;border:2px solid #D6DAE3;transition:all .3s}.install-step:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #82bebf1a}.install-step-number{width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--color-primary-gradient);color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #82bebf4d}.install-step-content h4{font-size:1.15rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.install-step-content p{font-size:1rem;line-height:1.6;color:#6b7280;margin:0}.support-block{background:#fff;border-radius:12px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000d;display:flex;gap:2rem;align-items:flex-start}.support-icon{font-size:3rem;flex-shrink:0}.support-content h2{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.support-content p{font-size:1.05rem;line-height:1.7;color:#6b7280;margin:0 0 1rem}.support-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.support-list li{font-size:1rem;color:#374151;padding-left:1.5rem;position:relative;line-height:1.6}.support-list li:before{content:"✓";position:absolute;left:0;color:#6faf98;font-weight:700}.roadmap-block{background:#f6f7fb;border-radius:12px;padding:2.5rem;margin-bottom:2.5rem;border:2px solid #D6DAE3;position:relative}.roadmap-badge{display:inline-block;background:var(--color-primary-gradient);color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .85rem;border-radius:20px;margin-bottom:1rem;letter-spacing:.5px;text-transform:uppercase}.roadmap-block h2{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.roadmap-block>p{font-size:1.05rem;line-height:1.7;color:#374151;margin:0 0 1.5rem}.roadmap-benefits{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.roadmap-benefit{display:flex;gap:1rem;align-items:flex-start;background:#fff;border-radius:10px;padding:1.25rem;border:2px solid #D6DAE3}.roadmap-benefit-icon{font-size:1.75rem;flex-shrink:0}.roadmap-benefit h4{font-size:1.05rem;font-weight:600;color:#1a1a1a;margin:0 0 .4rem}.roadmap-benefit p{font-size:.95rem;line-height:1.6;color:#6b7280;margin:0}.roadmap-note{font-size:.95rem;color:#6b7280;font-style:italic;margin:0}@media (max-width: 1024px){.microsoft-products{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.screenshots-block{padding:2rem 1.5rem}.screenshots-grid{grid-template-columns:1fr}.data-privacy-highlight{flex-direction:column;gap:1.25rem;padding:2rem 1.5rem}.highlight-icon{font-size:2.5rem;margin-top:0}.highlight-content h2{font-size:1.5rem}.installation-block{padding:2rem 1.5rem}.installation-block h2{font-size:1.8rem}.install-step{padding:1.25rem}.support-block{flex-direction:column;gap:1.25rem;padding:2rem 1.5rem}.roadmap-block{padding:2rem 1.5rem}.roadmap-block h2{font-size:1.5rem}}@media (max-width: 480px){.microsoft-products{grid-template-columns:1fr 1fr}.install-step{flex-direction:column;gap:1rem}}:root{--color-primary: #82bebf;--color-primary-dark: #6db1b4;--color-primary-gradient: linear-gradient(180deg, #82bebf 0%, #6db1b4 100%);--color-secondary: #1F3A5F;--color-secondary-dark: #162E4A;--color-accent: #4A6FA5;--color-accent-dark: #3F5F8C;--color-success: #6FAF98;--color-success-light: rgba(111, 175, 152, .15);--color-success-border: #6FAF98;--color-warning: #E0A458;--color-warning-light: rgba(224, 164, 88, .1);--color-warning-border: #E0A458;--color-error: #C96B6B;--color-error-dark: #B85C5C;--color-info: #E8F4F8;--color-info-text: #2C5F6F;--color-info-border: #B8D8E3;--color-bg-primary: #F6F7FB;--color-bg-surface: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-diagram: linear-gradient(180deg, #1a2f3f 0%, #1F3A5F 100%);--color-bg-diagram-item: rgba(130, 190, 191, .2);--color-bg-diagram-item-center: linear-gradient(135deg, rgba(130, 190, 191, .4) 0%, rgba(109, 177, 180, .4) 100%);--color-bg-security: rgba(111, 175, 152, .2);--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-on-primary: #FFFFFF;--color-text-on-surface: #1A1A1A;--color-border-primary: #D6DAE3;--color-border-light: rgba(255, 255, 255, .1);--color-border-medium: rgba(255, 255, 255, .2);--color-border-heavy: rgba(255, 255, 255, .3);--color-border-diagram: rgba(130, 190, 191, .4);--color-border-diagram-center: rgba(130, 190, 191, .6);--color-border-security: rgba(111, 175, 152, .4);--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-m: 1rem;--spacing-l: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 4rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: .85rem;--font-size-s: .9rem;--font-size-sm: .95rem;--font-size-base: 1rem;--font-size-m: 1.1rem;--font-size-l: 1.2rem;--font-size-xl: 1.4rem;--font-size-xxl: 1.8rem;--font-size-xxxl: 2.5rem;--font-size-hero: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.6;--radius-xs: 3px;--radius-s: 4px;--radius-m: 6px;--radius-base: 8px;--radius-l: 10px;--radius-xl: 12px;--radius-pill: 999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-s: 0 1px 3px rgba(0, 0, 0, .1);--shadow-m: 0 2px 4px rgba(0, 0, 0, .1);--shadow-l: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 4px 8px rgba(0, 0, 0, .15);--shadow-xxl: 0 6px 12px rgba(0, 0, 0, .15);--shadow-nav: 0 2px 8px rgba(0, 0, 0, .1);--shadow-button: 0 4px 12px rgba(31, 58, 95, .4);--shadow-button-hover: 0 6px 16px rgba(31, 58, 95, .5);--shadow-modal: 0 10px 40px rgba(0, 0, 0, .3);--shadow-glow-primary: 0 0 25px rgba(130, 190, 191, .3);--shadow-glow-warning: 0 0 20px rgba(224, 164, 88, .3);--transition-fast: .2s;--transition-base: .3s;--transition-slow: .5s;--transition-ease: ease;--transition-ease-out: ease-out;--transition-ease-in: ease-in;--z-base: 1;--z-dropdown: 100;--z-sticky: 100;--z-overlay: 1000;--z-modal: 10000;--container-max-width: 1400px;--container-max-width-narrow: 1200px;--container-max-width-xl: 1920px;--container-max-width-tight: 900px;--container-padding: 2rem}*{box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}body{margin:0;padding:0;font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;color:var(--color-text-primary);background:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}p{margin:0;line-height:var(--line-height-base)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.btn{padding:.75rem 2rem;border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-l);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;min-height:44px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-secondary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-secondary-dark)}.btn-secondary{background:var(--color-accent);color:var(--color-text-on-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-accent-dark)}.btn-danger{background:var(--color-error);color:var(--color-text-on-primary)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark)}.btn-hero-primary{background:var(--color-secondary);color:var(--color-text-on-primary);padding:1.2rem 3rem;font-size:var(--font-size-l);box-shadow:var(--shadow-button)}.btn-hero-primary:hover:not(:disabled){background:var(--color-secondary-dark);box-shadow:var(--shadow-button-hover)}.btn-hero-secondary{background:var(--color-border-medium);color:var(--color-text-on-primary);padding:1.2rem 3rem;font-size:var(--font-size-l);border:2px solid var(--color-border-heavy)}.btn-hero-secondary:hover:not(:disabled){background:var(--color-border-heavy);border-color:var(--color-text-on-primary)}.input,.textarea,.select{padding:.75rem 1rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-base);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);width:100%}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4a6fa533}.input:read-only,.textarea:read-only{background:var(--color-bg-primary);cursor:text}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary);font-style:italic}.textarea{resize:vertical;min-height:150px;font-family:var(--font-family-mono)}.card,.panel{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-l);padding:var(--spacing-l);box-shadow:var(--shadow-s)}.section-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xxxl) var(--container-padding);width:100%;box-sizing:border-box}.status-message{padding:var(--spacing-m) var(--spacing-l);border-radius:var(--radius-base);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--spacing-m)}.status-message.success{background-color:var(--color-info);color:var(--color-info-text);border:1px solid var(--color-info-border)}.status-message.error{background-color:#fff4e6;color:#8b6914;border:1px solid #E6D4B8}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-on-primary)}.badge-success{background:var(--color-success)}.badge-warning{background:var(--color-warning)}.badge-primary{background:var(--color-primary)}.badge-secondary{background:#c7ccd6;color:var(--color-text-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-s{gap:var(--spacing-s)}.gap-m{gap:var(--spacing-m)}.gap-l{gap:var(--spacing-l)}.sales-app,.pseudoai-app{min-height:100vh;width:100%}