:root{--primary-color: var(--color-brand-700);--primary-hover: var(--color-brand-800);--primary-dark: var(--color-brand-900);--primary-light: var(--color-brand-600);--secondary-color: var(--color-gray-500);--success-color: var(--color-success-500);--error-color: var(--color-error-500);--background: var(--surface-primary);--background-alt: var(--surface-secondary);--surface: var(--surface-primary);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-500);--border-color: var(--border-primary);--accent-color: var(--color-brand-500);--shadow: var(--shadow-sm)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.top-nav{position:fixed;top:0;left:0;right:0;padding:16px 24px;z-index:100;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:var(--shadow)}.nav-link{color:var(--text-primary);text-decoration:none;font-size:18px;font-weight:600;padding:4px 0;transition:color .2s ease;position:relative}.nav-link:hover{color:var(--color-brand-700)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-brand-700);transition:width .2s ease}.nav-link:hover:after{width:100%}.nav-links{display:flex;align-items:center;gap:32px}.nav-logo-link{display:flex;align-items:center;text-decoration:none}.nav-logo{height:40px;width:auto;object-fit:contain}.nav-logo-text{margin-left:10px;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary, #111827)}.landing-nav:not(.scrolled) .nav-logo-text{color:#fff}.btn-nav-login{padding:var(--space-2) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family);border:none;border-radius:var(--radius-md);background:var(--interactive-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);text-decoration:none;display:inline-block}.btn-nav-login:hover{background:var(--interactive-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hero{background:linear-gradient(135deg,#0f1a1a,#122 40%,#0a2e2e,#0c1515);color:#fff;padding:100px 24px 120px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(13,148,136,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(20,184,166,.1) 0%,transparent 50%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-logo{margin-bottom:32px;display:flex;justify-content:center}.hero-logo-img{height:80px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hero-text h2{font-size:56px;margin-bottom:28px;font-weight:800;letter-spacing:-1px;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.1)}.hero-description{font-size:18px;margin-bottom:32px;opacity:.95;line-height:1.7;max-width:650px;margin-left:auto;margin-right:auto;font-weight:400}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-md);font-weight:var(--font-semibold);width:auto;display:inline-block;border-radius:var(--radius-lg);background:var(--color-brand-500);color:#fff;box-shadow:0 4px 14px #0d948866;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d948880;background:var(--color-brand-400)}.features{padding:100px 24px;background:linear-gradient(to bottom,var(--background-alt) 0%,var(--background) 100%);position:relative}.features-content{max-width:1280px;margin:0 auto}.features-content h2{text-align:center;font-size:42px;margin-bottom:64px;color:var(--text-primary);font-weight:800;letter-spacing:-1px;position:relative}.features-content h2:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(90deg,var(--color-brand-600),var(--color-brand-300));margin:20px auto 0;border-radius:2px;animation:slideIn .6s ease-out}@keyframes slideIn{0%{width:0;opacity:0}to{width:80px;opacity:1}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-card{background:var(--surface);padding:40px 32px;border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-primary);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-500),var(--color-brand-300));transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#1f293733}.feature-card:hover:before{transform:scaleX(1)}.feature-card h3{font-size:22px;margin-bottom:16px;color:var(--text-primary);font-weight:700;display:flex;align-items:center;gap:12px;letter-spacing:-.3px}.feature-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.feature-icon svg{width:22px;height:22px}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon-blue{background:#0d94881a;color:var(--color-brand-600)}.feature-icon-green{background:#10b9811a;color:#10b981}.feature-icon-purple{background:#8b5cf61a;color:#8b5cf6}.feature-icon-cyan{background:#06b6d41a;color:#06b6d4}.feature-icon-amber{background:#f59e0b1a;color:#f59e0b}.feature-icon-orange{background:#f973161a;color:#f97316}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:15px;transition:color .3s ease}.feature-card:hover p{color:var(--text-primary)}.auth-form{margin-bottom:20px}.auth-form.hidden{display:none}.auth-form h2{font-size:24px;margin-bottom:28px;color:var(--text-primary);font-weight:700}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--color-gray-700);font-size:var(--text-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);transition:all var(--transition-fast);background:var(--surface-primary);color:var(--color-gray-900);box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px #0d94881a}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-gray-400)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400)}.form-input-readonly,.form-group input[readonly]{background-color:var(--color-gray-50);color:var(--color-gray-500);cursor:not-allowed;border-color:var(--border-secondary)}.form-input-readonly:focus,.form-group input[readonly]:focus{border-color:var(--border-secondary);box-shadow:none}.password-strength-container{margin-top:8px}.password-strength-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:4px}.password-strength-fill{height:100%;width:0;border-radius:3px;transition:width .3s ease,background-color .3s ease}.password-strength-label{font-size:12px;font-weight:600;margin-bottom:6px;min-height:16px}.password-requirements{list-style:none;padding:0;margin:0}.requirement-item{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px;padding:1px 0;transition:color .2s ease}.requirement-item .req-icon{font-size:11px;width:14px;text-align:center}.requirement-item.passed{color:#16a34a}.requirement-item:not(.passed) .req-icon{color:#dc2626}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.form-checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);color:var(--color-gray-700)}.form-checkbox-label input[type=checkbox]{width:auto;accent-color:var(--color-brand-600);cursor:pointer}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn:focus{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--interactive-primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--interactive-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--surface-primary);color:var(--color-gray-700);border:1px solid var(--border-primary)}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-ghost{background:transparent;color:var(--color-gray-600);border:none}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-danger{background:var(--color-error-500);color:#fff}.btn-danger:hover{background:var(--color-error-700);transform:translateY(-1px)}.form-footer{margin-top:16px;text-align:center}.form-footer a{color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500}.form-footer a:hover{text-decoration:underline}.form-footer a:focus{outline:2px solid var(--text-primary);outline-offset:2px;border-radius:2px}.error-message{padding:12px;border-radius:6px;background-color:#fee2e2;color:var(--error-color);font-size:14px;margin-top:16px}.error-message.hidden{display:none}.success-message{padding:12px;border-radius:6px;background-color:#d1fae5;color:var(--success-color);font-size:14px;margin-top:16px}.success-message.hidden{display:none}.site-footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-10) var(--space-6);text-align:center}.footer-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.footer-logo img{height:28px;width:auto;object-fit:contain;opacity:.8}.footer-logo span{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-200)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-gray-400);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-divider{width:80px;height:1px;background:var(--color-gray-700)}.footer-copyright{font-size:var(--text-xs);color:var(--color-gray-500)}@media(max-width:768px){.hero{padding:80px 20px}.hero-text h2{font-size:36px}.hero-description{font-size:18px}.features{padding:80px 20px}.features-grid{grid-template-columns:1fr;gap:24px}.features-content h2{font-size:32px;margin-bottom:48px}.top-nav{padding:12px 16px}.nav-links{gap:20px}.nav-logo{height:32px}.nav-link{font-size:16px}.hero-logo-img{height:60px}.btn-nav-login{padding:8px 20px;font-size:14px}.feature-card{padding:32px 24px}}@media(max-width:480px){.hero{padding:60px 16px}.hero-logo-img{height:50px}.hero-text h2{font-size:28px;margin-bottom:20px}.hero-description{font-size:16px;margin-bottom:32px}.btn-large{padding:16px 28px;font-size:16px}.features{padding:60px 16px}.features-content h2{font-size:28px;margin-bottom:40px}.feature-card{padding:28px 20px}.feature-card h3{font-size:20px}}.role-accordion{display:flex;flex-direction:column;gap:6px}.role-accordion-item{border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.role-accordion-item:hover{border-color:var(--color-gray-300)}.role-accordion-item.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px #0d948826}.role-accordion-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-primary);-webkit-user-select:none;user-select:none}.role-accordion-item.selected .role-accordion-header{background:var(--color-brand-50)}.role-accordion-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.role-accordion-item.selected .role-accordion-radio{border-color:var(--color-brand-600);background:var(--color-brand-600)}.role-accordion-radio:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transition:opacity var(--transition-fast)}.role-accordion-item.selected .role-accordion-radio:after{opacity:1}.role-accordion-info{flex:1;min-width:0}.role-accordion-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.3}.role-accordion-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.3;margin-top:1px}.role-accordion-chevron{flex-shrink:0;width:18px;height:18px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.role-accordion-item.expanded .role-accordion-chevron{transform:rotate(180deg)}.role-accordion-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.role-accordion-item.expanded .role-accordion-body{max-height:400px}.role-accordion-perms{padding:0 14px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.role-perm-row{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary);padding:2px 0}.role-perm-icon{flex-shrink:0;width:15px;height:15px}.role-perm-icon.perm-rw{color:var(--color-success-500)}.role-perm-icon.perm-r{color:var(--color-brand-500)}.role-perm-icon.perm-none{color:var(--color-gray-300)}.new-device-banner{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease;opacity:0;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-bottom:1px solid var(--border-primary, #bfdbfe)}.new-device-banner.visible{max-height:80px;opacity:1}.new-device-banner-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:16px}.new-device-banner-text{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-gray-700, #374151)}.new-device-banner-icon{font-size:18px;flex-shrink:0}.new-device-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.new-device-banner-actions .btn-sm{padding:6px 14px;font-size:13px}.landing-nav{position:fixed;top:0;left:0;right:0;padding:16px 24px;z-index:100;display:flex;align-items:center;justify-content:space-between;background:transparent;transition:background .3s ease,box-shadow .3s ease}.landing-nav .nav-link{color:#ffffffd9}.landing-nav .nav-link:hover{color:#fff}.landing-nav .nav-link:after{background:#fff}.landing-nav.scrolled{background:#fff;box-shadow:var(--shadow-sm)}.landing-nav.scrolled .nav-link{color:var(--text-primary)}.landing-nav.scrolled .nav-link:hover{color:var(--color-brand-700)}.landing-nav.scrolled .nav-link:after{background:var(--color-brand-700)}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-nav .btn-nav-login{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.landing-nav .btn-nav-login:hover{background:#fff3}.landing-nav.scrolled .btn-nav-login{background:transparent;color:var(--color-brand-700);border:1px solid var(--color-brand-200)}.landing-nav.scrolled .btn-nav-login:hover{background:var(--color-brand-50)}.landing-nav-cta{width:auto;padding:var(--space-2) var(--space-5);font-size:var(--text-sm);text-decoration:none}.landing-hero{padding:110px 24px 64px;min-height:auto;display:flex;align-items:center}.landing-hero .hero-content{max-width:800px}.landing-hero-title{font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:100px;margin-bottom:24px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.landing-hero-actions .btn-large{text-decoration:none;display:inline-flex;align-items:center;gap:8px;width:auto}.landing-hero-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:none;text-decoration:none}.landing-hero-actions .btn-primary.btn-large{border:1px solid transparent}.landing-hero-secondary:hover{background:#ffffff1a;border-color:#fff6;box-shadow:none}.landing-section-subtitle{text-align:center;font-size:17px;color:var(--text-secondary);max-width:600px;margin:-40px auto 64px;line-height:1.6}.landing-section-badge{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:100px;margin-bottom:16px}.landing-willem-section{background:linear-gradient(135deg,#0f1a1a,#122 40%,#0a2e2e,#0c1515);color:#fff;padding:100px 24px;position:relative;overflow:hidden}.landing-willem-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(13,148,136,.15) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(20,184,166,.1) 0%,transparent 50%);pointer-events:none}.landing-willem-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.landing-willem-section .landing-section-badge{background:#14b8a633;color:#5eead4}.landing-willem-text h2{font-size:38px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px;line-height:1.15}.landing-willem-desc{font-size:16px;opacity:.85;line-height:1.7;margin-bottom:28px}.landing-willem-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.landing-willem-list li{display:flex;align-items:center;gap:10px;font-size:15px;opacity:.9}.landing-willem-list li svg{flex-shrink:0;color:#4ade80}.landing-willem-text .btn-primary{width:auto;display:inline-flex;text-decoration:none}.landing-willem-visual{display:flex;flex-direction:column;align-items:center;gap:20px}.landing-willem-avatar-wrapper{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#14b8a64d,#0d948826);display:flex;align-items:center;justify-content:center;position:relative}.landing-willem-avatar-wrapper:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.08)}.landing-willem-avatar-wrapper:after{content:"";position:absolute;inset:-20px;border-radius:50%;border:1px solid rgba(255,255,255,.04)}.landing-willem-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.15)}.landing-willem-chat-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 20px;max-width:320px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.landing-chat-name{font-size:12px;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.landing-willem-chat-bubble p{font-size:14px;line-height:1.5;opacity:.85;margin:0}.landing-details{padding:100px 24px;background:var(--surface-primary)}.landing-details-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.landing-detail-row{display:flex;align-items:center;gap:40px}.landing-detail-row-reverse{flex-direction:row-reverse}.landing-detail-icon-box{width:100px;height:100px;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-detail-icon-purple{background:#8b5cf61a;color:#8b5cf6}.landing-detail-icon-blue{background:#0d94881a;color:var(--color-brand-600)}.landing-detail-icon-green{background:#10b9811a;color:#10b981}.landing-detail-content h3{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.landing-detail-content p{font-size:15px;color:var(--text-secondary);line-height:1.7}.landing-stats{padding:80px 24px;background:linear-gradient(to bottom,var(--background-alt),var(--surface-primary))}.landing-trust{padding:56px 24px;background:var(--surface-primary);border-bottom:1px solid var(--color-gray-100)}.landing-trust-container{max-width:1100px;margin:0 auto}.landing-trust-heading{font-size:22px;font-weight:700;color:var(--color-gray-900);margin:0 0 24px;text-align:center}.landing-trust-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:900px){.landing-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.landing-trust-grid{grid-template-columns:1fr}}.landing-trust-item{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--background-alt);border:1px solid var(--color-gray-100);border-radius:12px}.landing-trust-item svg{flex-shrink:0;color:var(--color-brand-600);margin-top:2px}.landing-trust-item strong{display:block;font-size:14px;color:var(--color-gray-900);margin-bottom:4px}.landing-trust-item span{font-size:13px;color:var(--color-gray-600);line-height:1.5}.landing-trust-item a{color:var(--color-brand-600);font-weight:500;text-decoration:none}.landing-trust-item a:hover{text-decoration:underline}.landing-trust-foot{margin:24px 0 0;text-align:center;font-size:13px;color:var(--color-gray-500)}.landing-trust-foot a{color:var(--color-brand-600);font-weight:500}.landing-stats-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.landing-stat-card{text-align:center;padding:40px 28px;border-radius:16px;background:var(--surface-primary);border:1px solid var(--border-primary);transition:transform .3s ease,box-shadow .3s ease}.landing-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.landing-stat-icon{display:flex;justify-content:center;margin-bottom:16px;color:var(--color-brand-500)}.landing-stat-card h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.landing-stat-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.landing-contact{padding:80px 24px;background:var(--surface-primary, #fff)}.landing-contact-container{max-width:640px;margin:0 auto}.landing-contact-text{text-align:center;margin-bottom:40px}.landing-contact-text h2{font-size:32px;font-weight:800;color:var(--color-gray-900, #111827);margin:0 0 12px}.landing-contact-text .landing-section-subtitle{margin:0 auto;max-width:520px}.landing-contact-form{display:flex;flex-direction:column;gap:0}.landing-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.landing-contact-form .form-group{margin-bottom:20px}.landing-contact-form textarea{resize:vertical;min-height:120px}.landing-contact-form .btn{align-self:flex-start;padding:12px 32px}.contact-form-status{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.contact-form-status.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.contact-form-status.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@media(max-width:600px){.landing-contact-row{grid-template-columns:1fr}.landing-contact-form .btn{width:100%}}.landing-cta{background:linear-gradient(135deg,#0f1a1a,#122 40%,#0a2e2e,#0c1515);color:#fff;padding:80px 24px;text-align:center;position:relative;overflow:hidden}.landing-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(20,184,166,.12) 0%,transparent 60%);pointer-events:none}.landing-cta-container{position:relative;z-index:1;max-width:600px;margin:0 auto}.landing-cta-container h2{font-size:38px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.landing-cta-container p{font-size:17px;opacity:.8;margin-bottom:32px}.landing-cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.landing-cta-primary{text-decoration:none;display:inline-flex;align-items:center;background:#fff;color:var(--color-brand-700);box-shadow:0 4px 14px #00000026}.landing-cta-primary:hover{background:var(--color-gray-100);color:var(--color-brand-800);box-shadow:0 6px 20px #0003}.landing-cta-secondary{text-decoration:none;color:#ffffffd9;border:1px solid rgba(255,255,255,.2);background:transparent;width:auto;padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.landing-cta-secondary:hover{background:#ffffff1a;color:#fff;border-color:#ffffff59}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.landing-hero{padding:90px 20px 48px;min-height:auto}.landing-hero-title{font-size:34px}.landing-hero-title br,.landing-nav-cta{display:none}.landing-willem-container{grid-template-columns:1fr;gap:40px;text-align:center}.landing-willem-text h2{font-size:30px}.landing-willem-list{align-items:center}.landing-willem-text .btn-primary{margin:0 auto}.landing-detail-row,.landing-detail-row-reverse{flex-direction:column;text-align:center}.landing-detail-icon-box{width:80px;height:80px}.landing-stats-container{grid-template-columns:1fr}.landing-cta-container h2{font-size:30px}}@media(max-width:480px){.landing-hero-title{font-size:28px}.landing-hero-actions{flex-direction:column;width:100%}.landing-hero-actions .btn-large{width:100%;justify-content:center}.landing-willem-avatar-wrapper{width:140px;height:140px}.landing-willem-avatar{width:110px;height:110px}}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border:none;background:none;cursor:pointer}.nav-hamburger span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}.nav-mobile-overlay{position:fixed;inset:0;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}.nav-mobile-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.nav-mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;z-index:1000;background:#fff;box-shadow:-8px 0 30px #0000001f;padding:24px;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-mobile-menu.open{transform:translate(0)}.nav-mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.nav-mobile-logo{height:28px;width:auto}.nav-mobile-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#64748b;cursor:pointer;border-radius:8px}.nav-mobile-close:active{background:#f1f5f9}.nav-mobile-links{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.nav-mobile-link{display:block;padding:14px 16px;border-radius:10px;color:#1a2332;text-decoration:none;font-size:15px;font-weight:600;transition:background .12s}.nav-mobile-link:active{background:#f1f5f9}.nav-mobile-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.nav-mobile-btn{text-align:center;text-decoration:none;justify-content:center}@media(max-width:768px){.nav-hamburger{display:flex;color:#ffffffe6}.landing-nav.scrolled .nav-hamburger,.top-nav .nav-hamburger{color:var(--color-gray-700)}.nav-link-desktop{display:none!important}.landing-nav .btn-nav-login,.top-nav .btn-nav-login{font-size:13px;padding:6px 14px}.landing-nav-cta{display:none!important}}