:root{--primary: #175cff;--primary-hover: #0d47d9;--primary-light: #eef4ff;--navy: #0b163f;--navy-dark: #021048;--navy-surface: #101e4a;--bg-page: #f8f9fc;--bg-white: #ffffff;--bg-subtle: #f1f4f9;--bg-dark-section: linear-gradient(90deg, #021048 0%, #1e38a3 100%);--text-dark: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--accent-gold: #ffb116;--accent-coral: #f25767;--accent-teal: #10b981;--accent-cyan: #00d2ff;--border-color: #e2e8f0;--border-light: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 8px rgba(11, 22, 63, .05);--shadow-md: 0 8px 24px rgba(11, 22, 63, .08);--shadow-lg: 0 16px 40px rgba(11, 22, 63, .12);--shadow-primary: 0 8px 25px rgba(23, 92, 255, .28);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: all .25s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-dark);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--navy);font-weight:800;line-height:1.25}a{color:inherit;text-decoration:none}.blog-article-content p a,.blog-article-content li a{color:#175cff!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important;transition:color .15s ease!important}.blog-article-content p a:hover,.blog-article-content li a:hover{color:#0d47d9!important;text-decoration:underline!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-alt{background-color:#fff}.section-gray{background-color:#f8f9fa}.section-dark{background:var(--bg-dark-section);color:var(--text-white)}.section-header{text-align:center;max-width:780px;margin:0 auto 50px}.section-header.text-left{text-align:left;margin:0 0 30px}.section-tag{display:inline-block;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--primary-light);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:14px}.section-tag.gold{color:#b45309;background:#fef3c7}.section-tag.light{color:var(--accent-gold);background:#ffb11626}.section-title{font-size:clamp(1.8rem,2.7vw,2.6rem);color:var(--navy);margin-bottom:16px}.section-dark .section-title{color:#fff}.section-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.7}.section-dark .section-desc{color:#ffffffd9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:700;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:var(--transition);text-align:center}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-dark{background-color:var(--navy);color:#fff}.btn-dark:hover{background-color:#050e2c;transform:translateY(-2px)}.btn-outline{background:transparent;border:1.5px solid var(--border-color);color:var(--navy)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-gold{background-color:var(--accent-gold);color:var(--navy);font-weight:800}.btn-gold:hover{background-color:#f59e0b;transform:translateY(-2px)}.btn-whatsapp{background-color:#25d366;color:#fff}.btn-whatsapp:hover{background-color:#1eb956;transform:translateY(-2px)}.topbar{background-color:var(--navy-dark);color:#ffffffd9;font-size:.84rem;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar-pulse{display:inline-flex;align-items:center;gap:8px}.topbar-right-items{display:flex;align-items:center;gap:16px}.topbar-security-badge{display:inline-flex;align-items:center;gap:6px}.topbar-trial-btn{background:none;border:none;color:var(--accent-gold);font-weight:700;cursor:pointer;font-size:.84rem;padding:0;display:inline-flex;align-items:center}.topbar-trial-btn:hover{text-decoration:underline}.pulse-circle{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.navbar{position:sticky;top:0;z-index:100;background:#180509e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(244,63,94,.22);box-shadow:0 4px 25px #18050980;padding:16px 0;transition:var(--transition)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-logo-img{height:56px;width:auto;max-width:210px;object-fit:contain;display:block;transition:transform .25s ease,filter .25s ease}.brand-logo:hover .brand-logo-img{transform:scale(1.04);filter:drop-shadow(0 0 12px rgba(225,29,72,.5))}@media(max-width:768px){.brand-logo-img{height:46px;max-width:165px}}.brand-badge{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;padding:4px 9px;border-radius:6px;font-size:.75rem;font-weight:800;box-shadow:0 2px 10px #e11d4866}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{font-weight:600;font-size:.95rem;color:#ffebf0d9;transition:var(--transition)}.nav-link:hover{color:#ff6b8b}.nav-dropdown-wrapper{position:relative;display:inline-flex;align-items:center}.nav-dropdown-trigger{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:.95rem;font-weight:600;color:#ffebf0d9;transition:var(--transition)}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{color:#ff6b8b}.nav-chevron{transition:transform .25s ease}.nav-chevron.rotate{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(8px);width:640px;background:#120408f7;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,77,109,.32);border-radius:18px;box-shadow:0 24px 50px #000000bf,0 0 35px #e11d482e;padding:20px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.nav-dropdown-wrapper:after{content:"";position:absolute;top:100%;left:0;right:0;height:18px}.nav-dropdown-menu.show,.nav-dropdown-wrapper:hover .nav-dropdown-menu{display:block;opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-dropdown-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nav-dropdown-col{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.nav-dropdown-col.platinium{background:#ff4d6d0d;border-color:#ff4d6d38}.nav-col-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.nav-col-tag{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:4px;margin-bottom:6px}.nav-col-tag.premium{background:#175cff33;color:#60a5fa;border:1px solid rgba(23,92,255,.35)}.nav-col-tag.platinium{background:#f43f5e33;color:#ff6b8b;border:1px solid rgba(244,63,94,.35)}.nav-col-title{font-size:1.05rem;font-weight:800;color:#fff;margin:0 0 2px}.nav-col-sub{font-size:.78rem;color:#ffffffa6;margin:0}.nav-plan-list{display:flex;flex-direction:column;gap:8px}.nav-plan-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;text-decoration:none;transition:all .2s ease}.nav-plan-item:hover{background:#ffffff1a;border-color:#ff4d6d66;transform:translate(2px)}.nav-plan-item.popular{border-color:#ff4d6d59;background:#e11d481a}.nav-plan-info{display:flex;flex-direction:column;gap:2px}.nav-plan-info strong{font-size:.88rem;color:#fff}.nav-plan-info span{font-size:.74rem;color:#fff9}.nav-plan-price{font-size:.98rem;font-weight:900;color:#fff;padding:3px 8px;background:#ffffff1a;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.nav-plan-item.popular .nav-plan-price{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;border-color:#ff96b44d}.nav-mini-badge{font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:4px;background:#175cff;color:#fff}.nav-mini-badge.bonus{background:#10b981;color:#fff}.nav-dropdown-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.nav-footer-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#ff4d6d1f;border:1px solid rgba(255,77,109,.3);border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s ease}.nav-footer-link:hover{background:#ff4d6d3d;color:#fff}.navbar .btn-outline{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar .btn-outline:hover{background:#ffffff29;border-color:#f43f5e80;color:#fff}.navbar .btn-primary{background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid rgba(255,150,180,.3);color:#fff;box-shadow:0 4px 18px #e11d4873}.navbar .btn-primary:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 6px 24px #f43f5e99}.navbar-actions,.navbar-cta-desktop{display:flex;align-items:center;gap:12px}.navbar-cta-mobile-quick{display:none;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;border:1px solid rgba(255,150,180,.35);padding:6px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 2px 10px #e11d4866;transition:var(--transition)}.navbar-cta-mobile-quick:hover{transform:translateY(-1px);background:linear-gradient(135deg,#f43f5e,#e11d48)}.mobile-drawer-ctas{display:none;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.mobile-toggle{display:none;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px;border-radius:8px;cursor:pointer}.hero-totaal{padding:80px 0 70px;background:radial-gradient(circle at 85% 15%,rgba(255,65,108,.28),transparent 50%),radial-gradient(circle at 15% 85%,rgba(225,29,72,.2),transparent 45%),radial-gradient(circle at 50% 50%,rgba(159,18,57,.12),transparent 60%),linear-gradient(135deg,#180509,#2a0812,#150308);position:relative;overflow:hidden;border-bottom:1px solid rgba(244,63,94,.2)}.hero-totaal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 30%,rgba(255,75,110,.15) 0%,transparent 60%);pointer-events:none}.hero-totaal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;z-index:2}.hero-totaal-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,120,150,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ff859f;padding:7px 16px;border-radius:var(--radius-full);font-weight:700;font-size:.84rem;margin-bottom:20px;box-shadow:0 4px 20px #e11d4833}.hero-totaal-title{font-size:clamp(2.3rem,4.2vw,3.4rem);font-weight:900;color:#fff;margin-bottom:20px;line-height:1.15;text-shadow:0 2px 20px rgba(0,0,0,.4)}.hero-totaal-desc{font-size:1.1rem;color:#ffebf0e0;line-height:1.75;margin-bottom:30px}.hero-totaal-desc strong{color:#fff}.hero-cta-wrap{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px}.hero-totaal .btn-primary{background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid rgba(255,150,180,.3);box-shadow:0 8px 30px #e11d4873}.hero-totaal .btn-primary:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 10px 36px #f43f5e99}.hero-totaal .btn-outline{background:#ffffff14;border-color:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-totaal .btn-outline:hover{background:#ffffff29;border-color:#ff789680;color:#fff}.hero-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.hero-check-item{display:flex;align-items:center;gap:9px;font-size:.92rem;font-weight:600;color:#ffe4e9}.hero-check-item svg{color:#ff4d6d!important}.hero-pro-mockup-wrap{position:relative;display:flex;justify-content:center;align-items:center}.hero-pro-mockup-inner{position:relative;width:100%;max-width:540px;border-radius:var(--radius-lg);padding:12px;background:#ffffff0d;border:1px solid rgba(255,120,150,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000080,0 0 40px #e11d4840;transition:var(--transition)}.hero-pro-mockup-inner:hover{transform:translateY(-4px);border-color:#ff96b473;box-shadow:0 25px 60px #0009,0 0 50px #f43f5e59}.hero-pro-img{width:100%;height:auto;display:block;border-radius:var(--radius-md);object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.4))}.hero-float-pill{position:absolute;background:#14060ceb;border:1px solid rgba(255,120,150,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:9px 15px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #00000073;z-index:5}.hero-float-pill strong{display:block;font-size:.84rem;color:#fff;line-height:1.2}.hero-float-pill small{display:block;font-size:.72rem;color:#ff859f;line-height:1.2}.float-top-right{top:-12px;right:-10px}.float-bottom-left{bottom:-14px;left:-10px}.live-pulsing-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 12px #10b981;animation:pulse-dot-anim 2s infinite}@keyframes pulse-dot-anim{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.steps-3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step-card{background:#fff;border-radius:var(--radius-lg);padding:36px 30px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition);position:relative}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.step-icon-box{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#0b163f;color:#fff;box-shadow:0 4px 14px #0b163f33}.step-icon-box.blue,.step-icon-box.navy,.step-icon-box.coral{background:#0b163f;color:#fff}.step-number{position:absolute;top:24px;right:28px;font-size:1.8rem;font-weight:900;color:#e2e8f0;font-family:var(--font-heading)}.features-4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-box{background:#fff;border-radius:var(--radius-lg);padding:32px 24px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition)}.feature-box:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary)}.feature-box-icon{width:50px;height:50px;border-radius:12px;background:#ceddff;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-box-icon.green{background:#def4ed;color:#10b981}.feature-box-icon.orange{background:#eedbba;color:#f28157}.feature-box-icon.pink{background:#fcdde1;color:#f25767}.split-showcase{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.showcase-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin:24px 0 30px}.showcase-item{display:flex;align-items:flex-start;gap:12px;font-size:1rem;color:var(--text-dark)}.showcase-icon{color:var(--primary);flex-shrink:0;margin-top:3px}.apps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px}.app-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 14px;text-align:center;transition:var(--transition)}.app-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.pricing-tabs-wrap{display:flex;justify-content:center;gap:12px;margin-bottom:36px}.pricing-tab-btn{padding:12px 24px;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:800;font-size:.95rem;border:1.5px solid var(--border-color);background:#fff;color:var(--navy);cursor:pointer;transition:var(--transition)}.pricing-tab-btn.active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:var(--shadow-md)}.pricing-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}.pricing-totaal-card{background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--border-color);padding:38px 28px 30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;text-align:center}.pricing-totaal-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.pricing-totaal-card.popular{background:#0b163f;color:#fff;border:2px solid var(--primary);box-shadow:0 16px 45px #0b163f33;transform:scale(1.025)}.pricing-totaal-card.popular:hover{transform:scale(1.025) translateY(-6px)}.pricing-totaal-card.popular h3,.pricing-totaal-card.popular .pricing-duration,.pricing-totaal-card.popular .pricing-amount{color:#fff}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:.74rem;font-weight:800;padding:5px 16px;border-radius:var(--radius-full);letter-spacing:.05em;white-space:nowrap}.pricing-tier-title{font-size:1.35rem;margin-bottom:4px}.pricing-duration{font-size:1rem;font-weight:700;color:var(--text-muted);margin-bottom:16px}.pricing-price-box{margin-bottom:20px}.pricing-amount{font-size:3.5rem;font-weight:900;font-family:var(--font-heading);line-height:1;color:var(--navy)}.pricing-free-bonus{display:inline-block;margin-top:8px;color:#ef4444;font-size:.85rem;font-weight:800}.pricing-totaal-card.popular .pricing-free-bonus{color:#ff6b81}.pricing-features-list{list-style:none;text-align:left;border-top:1px solid var(--border-color);margin:18px 0 24px;padding-top:14px}.pricing-totaal-card.popular .pricing-features-list{border-top-color:#ffffff1f}.pricing-feature-li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:.92rem;border-bottom:1px solid #f1f5f9}.pricing-totaal-card.popular .pricing-feature-li{border-bottom-color:#ffffff12;color:#f1f5f9}.pricing-feature-li svg{color:var(--primary);flex-shrink:0}.pricing-totaal-card.popular .pricing-feature-li svg{color:var(--accent-cyan)}.payment-icons-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}.pay-tag{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:4px;background:#f1f5f9;color:#334155}.pay-tag.ideal{background:#c06;color:#fff}.pay-tag.visa{background:#1a1f71;color:#fff}.pay-tag.mastercard{background:#eb001b;color:#fff}.pay-tag.paypal{background:#003087;color:#fff}.pay-tag.bancontact{background:#005498;color:#ffd800}.security-banner{border-radius:var(--radius-lg);padding:50px 40px;background:linear-gradient(90deg,#021048,#1e38a3);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.security-points{display:flex;flex-direction:column;gap:12px}.security-item{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem}.faq-wrap{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-box{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.faq-q-btn{width:100%;padding:18px 22px;background:none;border:none;text-align:left;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer}.faq-a-body{padding:0 22px 20px;font-size:.96rem;color:var(--text-muted);line-height:1.7}.final-cta-box{background:#021048;border-radius:var(--radius-lg);padding:60px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}.final-cta-box h2{color:#fff;font-size:clamp(2rem,3.4vw,2.75rem);margin-bottom:14px}.final-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.final-cta-features{margin-top:28px;display:flex;justify-content:center;gap:24px;font-size:.88rem;color:#ffffffb3;flex-wrap:wrap}.footer-totaal{background:#070e28;color:#94a3b8;padding:70px 0 30px;border-top:1px solid rgba(255,255,255,.08)}.footer-totaal h4{color:#fff;font-size:1.05rem;margin-bottom:18px}.footer-totaal a:hover{color:#fff}.footer-totaal-disclaimer{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:18px;font-size:.82rem;color:#94a3b8;margin-bottom:30px}.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:120;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;padding:12px 20px;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:800;font-size:.92rem;box-shadow:0 8px 30px #25d36666;transition:var(--transition)}.whatsapp-float:hover{transform:translateY(-3px) scale(1.03)}.footer-totaal-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}.plan-detail-top-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:32px;align-items:start}@media(max-width:992px){.navbar-cta-desktop{display:none!important}.navbar-cta-mobile-quick{display:inline-flex!important}.mobile-drawer-ctas{display:flex!important}.brand-logo-img{height:44px;max-width:145px}.hero-totaal-grid,.split-showcase,.security-banner,.steps-3-grid,.features-4-grid,.pricing-cards-grid,.apps-grid,.plan-detail-top-grid{grid-template-columns:1fr!important}.footer-totaal-grid{grid-template-columns:1fr 1fr;gap:28px}.hero-checklist{grid-template-columns:1fr 1fr;gap:12px}.pricing-totaal-card.popular{transform:none}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;background:#160408fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:24px 20px;border-bottom:1px solid rgba(255,77,109,.35);box-shadow:0 20px 45px #000000d9;gap:16px;max-height:85vh;overflow-y:auto}.nav-dropdown-wrapper{flex-direction:column;align-items:stretch;width:100%}.nav-dropdown-trigger{width:100%;justify-content:space-between;padding:10px 0;font-size:1.05rem}.nav-dropdown-menu{position:static;transform:none!important;width:100%!important;min-width:0!important;box-shadow:none;border:1px solid rgba(255,77,109,.22);margin-top:8px;padding:14px;background:#0e0205f2}.nav-dropdown-columns{grid-template-columns:1fr;gap:14px}.nav-dropdown-menu.show{display:block;opacity:1;pointer-events:auto}.mobile-toggle{display:inline-flex}}@media(max-width:768px){.container{padding:0 16px}.section{padding:55px 0}.topbar{padding:6px 0}.topbar-inner{justify-content:center;text-align:center;gap:8px}.topbar-security-badge{display:none}.topbar-pulse,.topbar-trial-btn{font-size:.78rem}.hero-totaal{padding:45px 0 35px}.install-hero{padding:38px 0 30px}.hero-totaal-title,.install-hero-title{font-size:clamp(1.85rem,5.5vw,2.5rem);line-height:1.2;margin-bottom:16px}.hero-totaal-desc,.install-hero-desc{font-size:1rem;line-height:1.65;margin-bottom:24px}.hero-cta-wrap{flex-direction:column;align-items:stretch;width:100%;gap:12px;margin-bottom:28px}.hero-cta-wrap .btn,.hero-cta-wrap .btn-hero-glass{width:100%;justify-content:center;padding:13px 20px!important;text-align:center;font-size:.95rem!important}.hero-checklist{grid-template-columns:1fr;gap:10px}.hero-float-pill{display:none!important}.hero-pro-mockup-inner{max-width:100%;padding:8px}.pricing-tabs-wrap{flex-direction:column;gap:10px;width:100%}.pricing-tab-btn{width:100%;padding:12px 16px;font-size:.92rem;text-align:center}.pricing-totaal-card{padding:30px 20px 24px}.footer-totaal-grid{grid-template-columns:1fr;gap:26px}.security-banner{padding:32px 20px;border-radius:var(--radius-md)}.final-cta-box{padding:38px 20px;border-radius:var(--radius-md)}.final-cta-btns{flex-direction:column;width:100%;gap:12px}.final-cta-btns .btn{width:100%;justify-content:center;padding:13px 20px!important}.final-cta-features{flex-direction:column;align-items:center;gap:8px;margin-top:20px}.whatsapp-float{bottom:18px;right:18px;width:52px;height:52px;padding:0;justify-content:center;border-radius:50%}.whatsapp-float span{display:none}.modal-card{padding:26px 18px 20px;border-radius:16px;max-width:95vw}}@media(max-width:480px){.section-title{font-size:1.65rem!important;line-height:1.25}.section-desc{font-size:.94rem}.brand-logo-img{height:38px;max-width:130px}.navbar-inner{gap:10px}.navbar-cta-mobile-quick{padding:5px 10px;font-size:.74rem}.modal-card h3{font-size:1.25rem!important}}.install-page-root{min-height:80vh}.install-hero{background:radial-gradient(circle at 85% 15%,rgba(255,65,108,.28),transparent 50%),radial-gradient(circle at 15% 85%,rgba(225,29,72,.2),transparent 45%),linear-gradient(135deg,#180509,#2a0812,#150308);padding:54px 0 44px;color:#fff;border-bottom:1px solid rgba(244,63,94,.2)}.install-hero .btn-outline,.btn-hero-glass{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff1f!important;border:1.5px solid rgba(255,255,255,.45)!important;color:#fff!important;padding:12px 22px!important;border-radius:var(--radius-full, 9999px)!important;font-size:.96rem!important;font-weight:700!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .25s ease;text-decoration:none!important}.install-hero .btn-outline:hover,.btn-hero-glass:hover,.btn-hero-glass:focus{background:#ffffff3d!important;border-color:#ffd166!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.install-hero .btn-outline svg,.btn-hero-glass svg{color:#ffd166!important;stroke:#ffd166!important;filter:drop-shadow(0 0 6px rgba(255,209,102,.6))}.btn-hero-glass span{color:#fff!important;font-weight:700!important}.install-tag{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,120,150,.35);color:#ff859f;padding:5px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.install-hero-title{font-size:clamp(2rem,3.4vw,2.85rem);color:#fff;font-weight:900;margin-bottom:14px;line-height:1.2}.install-hero-desc{font-size:1.05rem;color:#ffebf0d9;line-height:1.7}.install-cards-stack{display:flex;flex-direction:column;gap:28px}.install-app-card{background:#fff;border-radius:20px;border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm);padding:34px;transition:var(--transition);position:relative;overflow:hidden}.install-app-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.install-card-main-row{display:grid;grid-template-columns:1fr 220px;gap:36px;align-items:center}.install-card-content{display:flex;flex-direction:column}.install-badge{font-size:.76rem;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.03em;text-transform:uppercase}.install-features-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.install-feature-item{display:flex;align-items:center;gap:10px;font-size:.94rem;color:var(--text-dark)}.install-btn-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.install-card-visual{width:100%;height:200px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0000001f;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;padding:0;background:#080d1e}.install-card-visual img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.install-expanded-body{margin-top:28px;padding-top:24px;border-top:1px dashed #e2e8f0;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.install-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.install-step-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.install-step-num{font-weight:900;font-size:.8rem;letter-spacing:.06em}.install-bottom-support{margin-top:40px;background:linear-gradient(135deg,#0b163f,#1e38a3);border-radius:18px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}@media(max-width:820px){.install-card-main-row{grid-template-columns:1fr}.install-card-visual{height:160px;order:-1}.install-bottom-support{flex-direction:column;align-items:flex-start}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0b163fd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .25s ease-out}.modal-card{position:relative;background:#fff;color:var(--navy);width:100%;max-width:520px;border-radius:20px;padding:36px 30px 30px;box-shadow:0 25px 70px #00000080;border:1px solid rgba(225,29,72,.2);max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);text-align:left}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.form-group{margin-bottom:18px;text-align:left}.form-label{display:block;font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:6px}.form-select{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid #cbd5e1;font-size:.94rem;color:#1e293b;background:#f8fafc;font-family:inherit;transition:all .2s ease}.form-select:focus{outline:none;border-color:#e11d48;background:#fff;box-shadow:0 0 0 3px #e11d4826}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;font-weight:800;border-radius:12px;padding:14px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.02rem;box-shadow:0 8px 24px #25d36659;transition:all .2s ease}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 12px 30px #25d36680;color:#fff!important}
