/* Minimal, clean styles tailored to the provided header/footer screenshots */
:root { --blue:#06224a; --brand:#386dd6; --brand-light:#5b8aff; --brand-rgb:56,109,214; --text:#334770; --muted:#5d6b88; --bg:#f7f9fc; --green:#10b981; --green-dark:#059669; --font-sans:'Plus Jakarta Sans','Urbanist',sans-serif; --font-heading:'Urbanist','Plus Jakarta Sans',sans-serif; --bullet-weight:600; }
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);font-weight:500;font-size:16px;color:var(--text);background:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Headings & numbers use Urbanist */
h1,h2,h3,h4,h5,h6,.logo,.header-cta .phone{font-family:var(--font-heading);letter-spacing:.2px}
.numeric{font-family:var(--font-heading);font-feature-settings:"tnum" 1,"lnum" 1}

/* Top bar */
.top-bar{background:var(--blue);color:#d5e2ff;font-size:14px;position:relative}
.top-bar .container{display:flex;align-items:stretch;justify-content:space-between;gap:0;padding:0;padding-left:20px}
.top-bar .left{display:flex;align-items:center;gap:4px;padding:14px 0}
.top-bar a{color:#d5e2ff;text-decoration:none}
.top-bar .sep{opacity:.6;margin:0 8px}
.top-bar .top-item{display:inline-flex;align-items:center;gap:8px}
.top-bar .top-item .icon{color:#aac3ff}
.top-bar .right{display:flex;align-items:stretch;gap:12px}
.top-bar .social{display:inline-flex;align-items:center;padding:0 6px}
.top-bar .btn-offerte{display:inline-flex;align-items:center;justify-content:center;background:#3d6dd7;color:#fff;border-radius:0;padding:0 24px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;border:0;margin:0}
.top-bar .btn-offerte:hover{background:var(--green)}

/* Mobile: move top-bar action buttons to a new row under the left info */
@media (max-width: 768px){
	.top-bar .container{flex-wrap:wrap;padding-left:12px;padding-right:12px}
	.top-bar .left{width:100%;flex-wrap:wrap;gap:8px;padding:10px 0}
	.top-bar .right{width:100%;justify-content:space-between;gap:8px;padding:8px 0 12px}
	.top-bar .btn-offerte{height:42px;padding:0 20px}
}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 10px rgba(6,34,74,.06)}
.header-inner{display:flex;align-items:center;gap:10px;padding:5px 0}
.logo{display:flex;align-items:center;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:0.5px}
.logo-gradient{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ff5a5f,var(--brand));display:inline-block;margin-right:10px}
.logo-text{font-size:18px}
.logo-img{display:block;height:75px;width:auto}
.main-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto;justify-content:flex-end;flex:1 1 auto;align-items:center}
.nav-link{color:var(--text);text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center}
.nav-link:hover,.nav-link.active{background:var(--bg)}
.btn-link{background:transparent;border:1px solid #e3e8f4}
.header-cta{display:flex;align-items:center;gap:12px;color:#2d3d6b;margin-left:16px}
.phone-box{width:48px;height:48px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone-icon{color:#fff;width:24px;height:24px}
.phone-info{display:flex;flex-direction:column;gap:2px}
.phone-label{font-size:12px;color:var(--muted);font-weight:500}
.phone-number{color:var(--text);text-decoration:none;font-weight:700;font-size:15px}

/* Submenu */
.has-submenu{position:relative;display:inline-flex;align-items:center}
.submenu-parent{color:var(--text);text-decoration:none;font-weight:500}
.submenu-parent:hover,.submenu-parent.active{color:var(--brand)}
.submenu{position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid #e6eaf2;border-radius:10px;box-shadow:0 12px 24px rgba(6,34,74,.12);padding:8px;margin-top:6px;opacity:0;transform:translateY(6px);pointer-events:none;transition:.15s ease}
.has-submenu.open .submenu{opacity:1;transform:translateY(0);pointer-events:auto}
.submenu a{display:block;padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none}
.submenu a:hover{background:var(--bg)}
.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;transform:translateY(0);pointer-events:auto}
/* Submenu toggle button (desktop) */
.submenu-toggle{background:transparent;border:1px solid #e3e8f4;color:var(--text);border-radius:8px;margin-left:6px;padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.submenu-toggle:hover{background:var(--bg)}
.has-submenu.open .submenu-toggle svg{transform:rotate(180deg)}
.submenu-toggle svg{transition:transform .2s ease}
@media (max-width:1024px){.submenu-toggle{display:none}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid transparent;text-decoration:none;cursor:pointer}
.btn-sm{padding:8px 12px;border-radius:8px;font-size:14px}
.btn-primary{background:var(--brand);color:#fff;transition:.2s}
.btn-primary:hover{background:var(--green);filter:none;box-shadow:0 8px 20px rgba(16,185,129,.25)}
.btn-secondary{background:#e5e7eb;color:#1f2937;border-color:#e5e7eb;transition:.2s}
.btn-secondary:hover{background:#d1d5db;border-color:#cbd5e1}
.btn-outline{background:transparent;border-color:#e6eaf2;color:var(--text)}
.btn-outline:hover{background:#f8f9fb}
.btn-cta{background:var(--brand);color:#fff;padding:16px 32px;border-radius:50px;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.5px;transition:.2s}
.btn-cta:hover{background:var(--green);box-shadow:0 10px 26px rgba(16,185,129,.35)}
.btn-cta svg{margin-left:8px}

/* Page */
.page{padding:36px 0}
.hero{background:linear-gradient(180deg,#f0f5ff,transparent);padding:40px 0;margin-bottom:20px}
.hero h1{margin:0 0 10px}
.lead{color:var(--muted)}

/* Info card on offerte/demo */
.info-card{background:#fff;border:1px solid #e6eaf2;border-radius:16px;padding:20px}
.info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.info-icon{color:var(--brand)}
.info-description{color:var(--muted);line-height:1.7;margin:0 0 12px}
.info-features{display:grid;grid-template-columns:1fr;row-gap:10px;margin:16px 0}
.info-features .feature-item{display:flex;align-items:flex-start;gap:10px;font-weight:500;color:var(--text)}
/* Small, clean blue dot bullet */
.info-features .feature-icon{width:14px;height:14px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:6px}
/* Hide any inline SVG checkmarks inside feature-icon */
.info-features .feature-icon svg{display:none}
/* phone link styling to ensure visible text on all backgrounds */
.phone-link{color:var(--text) !important}

/* Hero Banner */
.hero-banner{background:linear-gradient(135deg,#f0f5ff 0%,#fff 100%);padding:60px 0;margin-bottom:40px}
.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-left{max-width:600px}
.hero-label{color:var(--brand);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;display:block}
.hero-title{font-size:42px;line-height:1.2;color:var(--blue);font-weight:800;margin:0 0 24px}
.hero-text{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 32px}
.hero-right{position:relative}
.hero-image{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px rgba(6,34,74,.15)}
.hero-image.hero-image-half{width:50%}

/* Features Section */
.features-section{padding:60px 0;background:#fafbfc}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.feature-card{background:#fff;border-radius:16px;padding:40px 32px;text-align:left;box-shadow:0 2px 12px rgba(6,34,74,.06);transition:.2s ease}
.feature-card:hover{box-shadow:0 8px 24px rgba(6,34,74,.12);transform:translateY(-4px)}
.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#e8f0ff,#f0f5ff);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.feature-icon svg{color:var(--brand);stroke-width:1.5}
.feature-icon i{color:var(--brand);font-size:40px}
.feature-title{font-size:20px;line-height:1.3;color:var(--blue);font-weight:700;margin:0 0 16px}
.feature-text{font-size:15px;line-height:1.7;color:var(--muted);margin:0}

/* About Section */
.about-section{padding:80px 0;background:#fff}
.about-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-left{position:relative}
.about-image-wrapper{position:relative}
.about-image{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px rgba(6,34,74,.1)}
.stat-badge{position:absolute;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px rgba(6,34,74,.15)}
.stat-badge.satisfied{top:20px;left:-20px;display:flex;flex-direction:column;gap:8px}
.stat-label{font-size:13px;font-weight:600;color:var(--muted)}
.stat-avatars{display:flex;align-items:center;gap:-8px}
.avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));border:2px solid #fff;margin-left:-8px}
.avatar-circle:first-child{margin-left:0}
.stat-avatars img{width:36px;height:36px;border-radius:50%;border:2px solid #fff;margin-left:-8px}
.stat-avatars img:first-child{margin-left:0}
.stat-more{width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-left:-8px}
.stat-badge.experience{bottom:40px;right:-20px;background:var(--brand);color:#fff;text-align:center;padding:24px 32px}
.stat-number{font-size:48px;font-weight:800;line-height:1;margin-bottom:4px}
.stat-text{font-size:14px;font-weight:600}
.about-right{max-width:600px}
.section-label{color:var(--brand);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;display:block}
.section-title{font-size:36px;line-height:1.3;color:var(--blue);font-weight:800;margin:0 0 20px}
.section-text{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 32px}
.branches-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}
.branch-item{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:var(--text);font-family:var(--font-heading);text-decoration:none}
.branch-icon{color:var(--brand);flex-shrink:0}
.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.stat-box{text-align:center}
.stat-icon{color:var(--brand);margin-bottom:12px}
.stat-value{font-size:56px;font-weight:800;color:var(--blue);line-height:1;margin-bottom:8px}
.stat-label-box{font-size:15px;font-weight:600;color:var(--text);line-height:1.4}

/* Services Section */
.services-section{padding:80px 0;background:#fafbfc}
.services-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;gap:40px}
.services-header-left{flex:1}
.btn-see-all{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:2px solid var(--brand);border-radius:50px;color:var(--brand);text-decoration:none;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:.2s ease}
.btn-see-all:hover{background:var(--green);border-color:var(--green);color:#fff}
.btn-see-all svg{transition:.2s ease}
.btn-see-all:hover svg{transform:translateX(4px)}
.btn-see-all i{transition:.2s ease}
.btn-see-all:hover i{transform:translateX(4px)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.service-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(6,34,74,.08);transition:.3s ease}
.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(6,34,74,.15)}
.service-image{position:relative;height:240px;overflow:hidden}
.service-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.service-icon-badge{position:absolute;bottom:-25px;left:24px;width:60px;height:60px;background:var(--brand);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(var(--brand-rgb),.3)}
.service-icon-badge svg{color:#fff;stroke-width:2}
.service-icon-badge i{color:#fff}
.service-title{font-size:20px;font-weight:700;color:var(--blue);margin:40px 24px 12px;line-height:1.3}
.service-text{font-size:15px;line-height:1.6;color:var(--muted);margin:0 24px 24px;padding:0}

/* Testimonials Section */
.testimonials-section{padding:80px 0;background:#fff}
.section-header-center{text-align:center;max-width:700px;margin:0 auto 56px}
.section-subtitle{font-size:17px;line-height:1.6;color:var(--muted);margin:16px 0 0}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.testimonial-card{background:#fff;border:1px solid #e6eaf2;border-radius:20px;padding:32px;transition:.3s ease}
.testimonial-card:hover{box-shadow:0 8px 32px rgba(6,34,74,.12);transform:translateY(-4px)}
.testimonial-rating{display:flex;gap:4px;margin-bottom:20px}
.testimonial-text{font-size:16px;line-height:1.7;color:var(--text);margin:0 0 24px;min-height:120px}
.testimonial-author{display:flex;align-items:center;gap:16px}
.author-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3169ff,#5b8fff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}
.author-name{font-weight:700;color:var(--blue);font-size:16px;margin-bottom:4px}
.author-position{font-size:14px;color:var(--muted)}

/* FAQ Section */
.faq-section{padding:80px 0;background:#fafbfc}
.faq-content{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}
.faq-left{position:sticky;top:100px}
.faq-item{background:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden;border:1px solid #e6eaf2}
.faq-question{width:100%;padding:24px 28px;background:none;border:none;display:flex;justify-content:flex-start;align-items:center;gap:12px;cursor:pointer;font-size:17px;font-weight:600;color:var(--blue);text-align:left;transition:.2s;font-family:var(--font-heading)}
.faq-question:hover{background:#f8f9fb}
.faq-icon{display:none}
.faq-item.open .faq-icon{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-answer p{padding:0 28px 24px;margin:0;font-size:15px;line-height:1.7;color:var(--muted)}
/* Blue dot bullet before each FAQ question */
.faq-question span{display:flex;align-items:center;gap:12px}
/* Default: neutrale bullet */
.faq-question span::before{content:"";width:14px;height:14px;border-radius:50%;background:#dbe1ee;flex-shrink:0}
/* Open: accent in merkblauw en lichte achtergrond */
.faq-item.open .faq-question{color:var(--brand);background:#f0f5ff}
.faq-item.open .faq-question span::before{background:var(--brand)}
.faq-answer p{padding-left:54px}

/* CTA Section */
.cta-section{padding:80px 0;background:linear-gradient(135deg,#06224a 0%,#0d3a6f 100%);color:#fff}
.cta-content{text-align:center;max-width:900px;margin:0 auto}
.cta-title{font-size:42px;line-height:1.2;color:#fff;font-weight:800;margin:0 0 16px}
.cta-subtitle{font-size:18px;line-height:1.6;color:#d5e2ff;margin:0 0 32px}
.cta-features{display:flex;justify-content:center;gap:32px;margin-bottom:40px;flex-wrap:wrap}
.cta-feature{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:500}
.cta-feature svg{color:#4ade80;flex-shrink:0}
.cta-feature i{color:#4ade80;flex-shrink:0}
.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.cta-features--stack{display:grid;grid-template-columns:1fr;gap:10px;justify-items:start;text-align:left}
.cta-features--stack .cta-feature{justify-content:flex-start}
.btn-cta-primary{background:var(--brand);color:#fff;padding:18px 36px;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.2s}
.btn-cta-primary:hover{background:var(--green);transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.4)}
.btn-cta-secondary{background:transparent;color:#fff;padding:18px 36px;border-radius:50px;border:2px solid rgba(255,255,255,.3);font-weight:700;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.2s}
.btn-cta-secondary:hover{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 8px 24px rgba(16,185,129,.35)}

.grid{display:grid;gap:20px}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #e6eaf2;border-radius:12px;padding:18px}
.card h3{margin-top:0}

/* Forms */
.form{display:grid;gap:14px;max-width:720px}
.form label{font-weight:600}
.form input,.form textarea, .form select{width:100%;padding:12px 14px;border:1px solid #dbe1ee;border-radius:10px;font:inherit}
.form textarea{min-height:140px}
.form .row{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.form .actions{display:flex;gap:12px}

/* Footer */
.site-footer{background:var(--blue);color:#c9d7ff;padding-top:60px}
.site-footer a{color:#dfe7ff;text-decoration:none;transition:.2s}
.site-footer a:hover{color:#fff}
.footer-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0 20px 40px}
.footer-col h4{color:#fff;font-size:18px;margin:0 0 20px;font-weight:700}
.footer-col .list-plain li{margin-bottom:12px;line-height:1.6}
.footer-item-icon{display:flex;align-items:flex-start;gap:10px}
.footer-item-icon svg{flex-shrink:0;margin-top:2px;color:#aac3ff}
.footer-newsletter-text{font-size:14px;line-height:1.6;margin:0 0 16px}
.footer-newsletter-form{display:flex;gap:8px}
.footer-newsletter-form input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:8px;color:#fff;font:inherit}
.footer-newsletter-form input::placeholder{color:rgba(255,255,255,.5)}
.footer-newsletter-form .btn{padding:12px 20px;white-space:nowrap}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:24px 20px}
.footer-bottom-left{display:flex;align-items:center;gap:20px}
.footer-logo{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px}
.footer-copyright{font-size:14px;color:#aac3ff}
.footer-socials{display:flex;gap:12px}
.social-icon{display:inline-flex;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:50%;align-items:center;justify-content:center;transition:.2s}
.social-icon:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}

/* Utilities */
.list-plain{list-style:none;margin:0;padding:0}
.text-center{text-align:center}
.mt-2{margin-top:12px}
.mt-3{margin-top:18px}
.mt-4{margin-top:24px}

/* Utility: hide element on mobile/tablet widths */
@media (max-width: 1024px){
	.hide-mobile{display:none !important}
}

/* Mobile nav */
.menu-toggle{display:none;background:transparent;border:1px solid #e3e8f4;border-radius:10px;padding:8px}
#mainNav.open{display:flex}
@media (max-width: 1024px){
	.header-inner{flex-wrap:wrap}
	.menu-toggle{display:inline-flex;margin-left:auto}
	.main-nav{display:none;flex-direction:column;width:100%;padding:10px 0}
	.logo-img{height:48px}
	.logo-gradient{width:30px;height:30px}
	.main-nav .nav-link{padding:12px 10px}
	.header-cta{order:3;width:100%;justify-content:flex-start;padding-bottom:8px}
	.phone-box{width:40px;height:40px}
	.has-submenu{position:relative;display:block}
	/* caret removed: no toggle button visible */
	.submenu{position:static;box-shadow:none;border:0;padding:0;margin:0;opacity:1;transform:none;pointer-events:auto;display:none}
	.has-submenu.open .submenu{display:block}
	/* Hero responsive */
	.hero-content{grid-template-columns:1fr;gap:30px}
	.hero-title{font-size:32px}
	.hero-banner{padding:40px 0}
	.hero-image.hero-image-half{width:70%}
	/* Features responsive */
	.features-grid{grid-template-columns:1fr;gap:24px}
	.features-section{padding:40px 0}
	.feature-card{padding:32px 24px}
	/* About responsive */
	.about-content{grid-template-columns:1fr;gap:40px}
	.about-section{padding:50px 0}
	.section-title{font-size:28px}
	.stat-badge.satisfied{left:10px;top:10px}
	.stat-badge.experience{right:10px;bottom:20px;padding:20px 24px}
	.stat-number{font-size:40px}
	.branches-list{grid-template-columns:1fr}
	.stats-row{grid-template-columns:1fr}
	.stat-value{font-size:48px}
	/* Services responsive */
	.services-header{flex-direction:column;align-items:flex-start;margin-bottom:32px}
	.services-grid{grid-template-columns:1fr;gap:24px}
	.services-section{padding:50px 0}
	.service-image{height:200px}
	/* Testimonials responsive */
	.testimonials-grid{grid-template-columns:1fr;gap:24px}
	.testimonials-section{padding:50px 0}
	.testimonial-text{min-height:auto}
	/* FAQ responsive */
	.faq-content{grid-template-columns:1fr;gap:40px}
	.faq-left{position:static}
	.faq-section{padding:50px 0}
	.faq-question{font-size:16px;padding:20px}
	/* CTA responsive */
	.cta-section{padding:50px 0}
	.cta-title{font-size:32px}
	.cta-features{flex-direction:column;align-items:center;gap:16px}
	.cta-buttons{flex-direction:column;align-items:stretch}
	.btn-cta-primary,.btn-cta-secondary{justify-content:center;width:100%}
	/* Pricing responsive */
	.pricing-grid{grid-template-columns:1fr;gap:24px}
	.pricing-section{padding:50px 0}
	/* Integrations responsive */
	.integrations-content{gap:40px}
	.integrations-logos{flex-wrap:wrap;justify-content:center}
	.integrations-section{padding:50px 0}
	/* Benefits responsive */
	.benefits-grid{grid-template-columns:1fr;gap:40px}
	.benefits-image{order:-1}
	.benefits-section{padding:50px 0}
	/* Maatbalk responsive */
	.maatbalk-content{grid-template-columns:1fr;gap:40px}
	.maatbalk-section{padding:50px 0}
	.maatbalk-image{order:-1}
	.maatbalk-sizes{flex-wrap:wrap}
	/* Use cases responsive */
	.use-cases-grid{grid-template-columns:1fr;gap:24px}
	.use-cases-section{padding:50px 0}
	/* B2B features responsive */
	.b2b-features-content{grid-template-columns:1fr;gap:40px}
	.b2b-features-section{padding:50px 0}
	.b2b-features-image{order:-1}
	/* Why integration responsive */
	.why-grid{grid-template-columns:1fr;gap:24px}
	.why-integration-section{padding:50px 0}
	/* Platforms responsive */
	.platform-detail{grid-template-columns:1fr;gap:40px}
	.platforms-section{padding:50px 0}
	.platform-detail{padding:40px 0}
	.platform-image{order:-1}
	.platform-reversed .platform-image{order:-1}
	.platform-logo-header{flex-direction:column;align-items:flex-start}
	/* Steps responsive */
	.steps-grid{grid-template-columns:1fr;gap:24px}
	.step-arrow{display:none}
	.how-it-works-section{padding:50px 0}
	/* Founder responsive */
	.founder-content{grid-template-columns:1fr;gap:40px}
	.founder-section{padding:50px 0}
	/* Values responsive */
	.values-grid{grid-template-columns:1fr;gap:24px}
	.values-section{padding:50px 0}
	/* Service philosophy responsive */
	.service-content{grid-template-columns:1fr;gap:40px}
	.service-philosophy-section{padding:50px 0}
	.service-image{order:-1}
	/* Statistics responsive */
	.statistics-grid{grid-template-columns:1fr;gap:24px}
	.statistics-section{padding:50px 0}
	/* Why choose responsive */
	.why-choose-grid{grid-template-columns:1fr;gap:24px}
	.why-choose-section{padding:50px 0}
	/* Mission responsive */
	.mission-content{grid-template-columns:1fr;gap:40px}
	.mission-section{padding:50px 0}
	.mission-image{order:-1}
}

/* Pricing Section */
.pricing-section{padding:80px 0;background:#fafbfc}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.pricing-card{background:#fff;border-radius:16px;padding:40px 32px;border:2px solid #e6eaf2;transition:all .3s ease;position:relative}
.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(6,34,74,.1);border-color:var(--brand)}
.pricing-card-featured{border-color:var(--brand);background:linear-gradient(180deg,#fff 0%,#f8faff 100%);box-shadow:0 12px 32px rgba(var(--brand-rgb),.15)}
.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.pricing-header{text-align:center;margin-bottom:24px}
.pricing-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 8px 0}
.pricing-subtitle{font-size:14px;color:var(--muted);margin:0}
.pricing-price{text-align:center;margin-bottom:32px}
.price-amount{font-size:56px;font-weight:800;color:var(--text);font-family:'Urbanist',system-ui,sans-serif}
.price-period{font-size:18px;color:var(--muted);margin-left:4px}
.pricing-features{list-style:none;padding:0;margin:0 0 32px 0}
.pricing-features li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f0f3f9}
.pricing-features li:last-child{border-bottom:none}
.pricing-features li svg{flex-shrink:0;margin-top:2px}
.pricing-features li i{flex-shrink:0;margin-top:2px}
.pricing-features .feature-disabled{opacity:.4}
.btn-pricing{display:block;width:100%;text-align:center;padding:14px 24px;background:var(--brand);color:#fff;border-radius:10px;text-decoration:none;font-weight:700;transition:all .2s ease}
.btn-pricing:hover{background:var(--green);transform:translateY(-2px);box-shadow:0 8px 16px rgba(16,185,129,.3)}
.btn-pricing-featured{background:linear-gradient(135deg,var(--brand),var(--brand-light));box-shadow:0 8px 20px rgba(var(--brand-rgb),.25)}
.btn-pricing-featured:hover{box-shadow:0 12px 28px rgba(var(--brand-rgb),.35)}
.pricing-note{text-align:center;margin-top:32px;color:var(--muted);font-size:14px}

/* Integrations Section */
.integrations-section{padding:80px 0;background:#fff}
.integrations-content{display:flex;flex-direction:column;gap:56px;margin-top:48px}
.integrations-category h3{font-size:24px;font-weight:700;color:var(--text);margin:0 0 24px 0;text-align:center}
.integrations-logos{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.integration-logo{padding:16px 28px;background:#fafbfc;border:2px solid #e6eaf2;border-radius:12px;font-weight:700;color:var(--text);font-size:15px;transition:all .2s ease}
.integration-logo:hover{border-color:var(--brand);background:#f8faff;transform:translateY(-2px)}
.integrations-category p{text-align:center;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.6}

/* Benefits Section */
.benefits-section{padding:80px 0;background:#fafbfc}
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.benefits-content .section-label{display:inline-block;margin-bottom:12px}
.benefits-content .section-title{margin:0 0 32px 0}
.benefits-list{display:flex;flex-direction:column;gap:24px}
.benefit-item{display:flex;gap:16px;align-items:flex-start}
.benefit-icon{width:48px;height:48px;border-radius:12px;background:#f0f5ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefit-item .benefit-icon i{color:#10b981}
.benefit-text h4{font-size:18px;font-weight:700;color:var(--text);margin:0 0 6px 0}
.benefit-text p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}
.benefits-image{position:relative}
.benefits-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(6,34,74,.12)}
.benefit-stat-card{position:absolute;bottom:24px;right:24px;background:#fff;padding:24px 32px;border-radius:16px;box-shadow:0 12px 32px rgba(6,34,74,.15);text-align:center}
.stat-number{font-size:42px;font-weight:800;color:var(--brand);font-family:'Urbanist',system-ui,sans-serif;margin:0 0 4px 0}
.stat-label{font-size:14px;color:var(--muted);font-weight:600}

/* Maatbalk Section */
.maatbalk-section{padding:80px 0;background:#fff}
.maatbalk-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.maatbalk-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(6,34,74,.12)}
.maatbalk-text .section-title{margin:0 0 24px 0}
.maatbalk-text p{color:var(--muted);line-height:1.7;margin-bottom:24px}
.feature-list{list-style:none;padding:0;margin:0 0 32px 0}
.feature-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;color:var(--text)}
.feature-list li svg{flex-shrink:0;margin-top:2px}
.feature-list li strong{color:var(--blue);font-weight:700}
.maatbalk-sizes{display:flex;gap:12px;margin-top:24px}
.size-example{width:56px;height:56px;border:2px solid #e6eaf2;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted);font-size:16px;transition:all .2s ease;cursor:pointer}
.size-example:hover{border-color:var(--brand);color:var(--brand);background:#f8faff}
.size-example.active{border-color:var(--brand);background:var(--brand);color:#fff}

/* Use Cases Section */
.use-cases-section{padding:80px 0;background:#fafbfc}
.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}
.use-case-card{background:#fff;border-radius:16px;padding:40px 32px;text-align:center;border:2px solid #e6eaf2;transition:all .3s ease}
.use-case-card:hover{border-color:var(--brand);transform:translateY(-8px);box-shadow:0 12px 32px rgba(var(--brand-rgb),.15)}
.use-case-icon{font-size:48px;margin-bottom:20px}
.use-case-card h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 12px 0}
.use-case-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}

/* B2B Features Section */
.b2b-features-section{padding:80px 0;background:#f0f5ff}
.b2b-features-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.b2b-features-text .section-title{margin:0 0 16px 0}
.b2b-features-text p{color:var(--muted);line-height:1.7;margin-bottom:32px;font-size:16px}
.b2b-features-list{display:flex;flex-direction:column;gap:32px}
.b2b-feature-item{display:flex;gap:24px;align-items:flex-start}
.b2b-feature-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0;font-family:'Urbanist',system-ui,sans-serif}
.b2b-feature-content h4{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px 0}
.b2b-feature-content p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}
.b2b-features-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(6,34,74,.12)}

/* Why Integration Section */
.why-integration-section{padding:80px 0;background:#fafbfc}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}
.why-card{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 16px rgba(6,34,74,.08);transition:all .3s ease}
.why-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(6,34,74,.15)}
.why-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f0ff,#f0f5ff);border-radius:50%}
.why-card h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 16px 0}
.why-card p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}

/* Platforms Section */
.platforms-section{padding:80px 0;background:#fff}
.platform-detail{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:64px;padding:60px 0;border-bottom:1px solid #e6eaf2}
.platform-detail:last-child{border-bottom:none}
.platform-reversed{direction:rtl}
.platform-reversed > *{direction:ltr}
.platform-logo-header{display:flex;gap:20px;align-items:center;margin-bottom:24px}
.platform-logo-badge{width:64px;height:64px;flex-shrink:0;border-radius:12px;box-shadow:0 4px 12px rgba(6,34,74,.1)}
.platform-logo-badge.bolcom{background:#0000a4}
.platform-logo-badge.shopify{background:#96bf48}
.platform-logo-badge.magento{background:#ee672f}
.platform-name{font-size:28px;font-weight:800;color:var(--text);margin:0 0 4px 0}
.platform-tagline{font-size:14px;color:var(--muted);margin:0}
.platform-description{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:32px}
.platform-features{display:flex;flex-direction:column;gap:16px}
.platform-feature{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6}
.platform-feature svg{flex-shrink:0;margin-top:2px}
.platform-feature strong{color:var(--text);font-weight:700}
.platform-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(6,34,74,.12)}

/* How It Works Section */
.how-it-works-section{padding:80px 0;background:#f0f5ff}
.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:center;margin-top:48px}
.step-card{background:#fff;border-radius:16px;padding:40px;text-align:center;border:2px solid #e6eaf2;transition:all .3s ease}
.step-card:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 12px 24px rgba(var(--brand-rgb),.15)}
.step-number{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;font-family:'Urbanist',system-ui,sans-serif}
.step-card h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 16px 0}
.step-card p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.step-arrow{font-size:32px;color:var(--brand);font-weight:700}

/* Founder Section */
.founder-section{padding:80px 0;background:#fff}
.founder-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.founder-quote-card{background:linear-gradient(135deg,#f0f5ff,#fff);border-radius:20px;padding:48px;border:2px solid #e6eaf2;box-shadow:0 8px 24px rgba(6,34,74,.08)}
.quote-icon{color:var(--brand);margin-bottom:24px}
.founder-quote{font-size:20px;line-height:1.6;color:var(--text);font-weight:500;margin:0 0 32px 0;font-style:italic}
.founder-attribution{display:flex;gap:16px;align-items:center}
.founder-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0}
.founder-avatar img{width:100%;height:100%;object-fit:cover}
.avatar-placeholder{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-family:'Urbanist',system-ui,sans-serif}
.founder-name{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}
.founder-title{font-size:14px;color:var(--muted)}
.founder-story .section-title{margin:0 0 24px 0}
.founder-story p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.founder-story p:last-child{margin-bottom:0}

/* Values Section */
.values-section{padding:80px 0;background:#fafbfc}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}
.value-card{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 16px rgba(6,34,74,.06);transition:all .3s ease}
.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(6,34,74,.12)}
.value-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#e8f0ff,#f0f5ff);display:flex;align-items:center;justify-content:center;color:var(--brand)}
.value-card h3{font-size:22px;font-weight:700;color:var(--text);margin:0 0 16px 0}
.value-card p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}

/* Service Philosophy Section */
.service-philosophy-section{padding:80px 0;background:#fff}
.service-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.service-philosophy-section .service-image{position:relative;overflow:visible;height:auto}
.service-philosophy-section .service-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(6,34,74,.12);object-fit:contain}
.service-text .section-title{margin:0 0 16px 0}
.service-intro{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:32px}
.service-points{display:flex;flex-direction:column;gap:28px}
.service-point{display:flex;gap:16px;align-items:flex-start}
.service-point-icon{width:40px;height:40px;border-radius:10px;background:#f0f5ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.service-point h4{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px 0}
.service-point p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}

/* Statistics Section */
.statistics-section{padding:80px 0;background:linear-gradient(135deg,#06224a,#0d3a6f);color:#fff}
.statistics-section .section-label{color:#aac3ff}
.statistics-section .section-title{color:#fff}
.statistics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px}
.stat-card{text-align:center;padding:32px;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}
.stat-card:hover{background:rgba(255,255,255,.1);transform:translateY(-8px)}
.stat-number-large{font-size:56px;font-weight:800;color:#fff;font-family:'Urbanist',system-ui,sans-serif;margin-bottom:8px;line-height:1}
.stat-label-large{font-size:18px;font-weight:700;color:#aac3ff;margin-bottom:12px}
.stat-card p{font-size:14px;color:#d5e2ff;margin:0}

/* Hardware Section */
.hardware-section{padding:80px 0;background:#fff}
.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.hardware-card{background:#fff;border:2px solid #e6eaf2;border-radius:16px;padding:40px 32px;text-align:center;transition:all .3s ease}
.hardware-card:hover{border-color:var(--brand);transform:translateY(-8px);box-shadow:0 12px 32px rgba(var(--brand-rgb),.15)}
.hardware-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:16px;background:linear-gradient(135deg,#e8f0ff,#f0f5ff);display:flex;align-items:center;justify-content:center;color:var(--brand)}
.hardware-icon i{font-size:40px}
.hardware-card h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 16px 0}
.hardware-card p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}

/* Software Features Section */
.software-features-section{padding:80px 0;background:#fafbfc}

/* Benefits Section Updates */
/* Default: two-column content (used on Kassasysteem page) */
.benefits-section .benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
/* When wrapped inside .benefits-grid (Fashion/Retail/Groothandel pages), keep content as a single block */
.benefits-grid .benefits-content{display:block}
.benefits-text{max-width:600px}
.benefit-item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(6,34,74,.06);transition:all .3s ease}
.benefit-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(6,34,74,.12)}
.benefit-item .benefit-icon svg{color:#10b981}
.benefit-item h4{font-size:16px;font-weight:700;color:var(--text);margin:0 0 8px 0}
.benefit-item p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}

/* Sectors Section */
.sectors-section{padding:80px 0;background:#fff}
.sectors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}
.sector-card{background:#fff;border:2px solid #e6eaf2;border-radius:16px;overflow:hidden;transition:all .3s ease}
.sector-card:hover{border-color:var(--brand);transform:translateY(-8px);box-shadow:0 12px 32px rgba(var(--brand-rgb),.15)}
.sector-image{height:200px;overflow:hidden}
.sector-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.sector-content{padding:32px}
.sector-content h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 12px 0}
.sector-content p{font-size:15px;color:var(--muted);line-height:1.6;margin:0 0 20px 0}
.sector-link{color:var(--brand);text-decoration:none;font-weight:600;font-size:15px;transition:all .2s ease}
.sector-link:hover{color:#2557e8;text-decoration:underline}

/* CTA Section Updates (row layout variant) */
.cta-section{padding:80px 0;background:linear-gradient(135deg,#06224a 0%,#0d3a6f 100%);color:#fff}
.cta-content-row{display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta-text{flex:1}
.cta-text h2{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px 0}
.cta-text p{font-size:16px;color:#d5e2ff;margin:0}
.cta-buttons{display:flex;gap:16px;flex-shrink:0}
/* Light-outline button variant (used on dark backgrounds, e.g., in CTA sections) */
.btn-outline-light{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:14px 24px;border-radius:10px;text-decoration:none;font-weight:600;transition:all .2s ease}
.btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}

/* Mobile responsive updates for new sections */
@media (max-width: 1024px){
	.hardware-grid{grid-template-columns:1fr;gap:24px}
	.hardware-section{padding:50px 0}
	.sectors-grid{grid-template-columns:1fr;gap:24px}
	.sectors-section{padding:50px 0}
	.sector-image{height:180px}
	.cta-content-row{flex-direction:column;text-align:center}
	.cta-buttons{flex-direction:column;width:100%}
	.cta-buttons .btn{width:100%;justify-content:center}
	.benefits-section .benefits-content{grid-template-columns:1fr;gap:40px}
	.benefits-image{order:-1}
}

/* Why Choose Section */
.why-choose-section{padding:80px 0;background:#fafbfc}
.why-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.why-choose-card{background:#fff;border-radius:16px;padding:40px;border:2px solid #e6eaf2;transition:all .3s ease}
.why-choose-card:hover{border-color:var(--brand);transform:translateY(-8px);box-shadow:0 12px 32px rgba(var(--brand-rgb),.15)}
.why-choose-number{display:inline-flex;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;align-items:center;justify-content:center;font-size:20px;font-weight:800;font-family:'Urbanist',system-ui,sans-serif;margin-bottom:20px}
.why-choose-card h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 12px 0}
.why-choose-card p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}

/* Mission Section */
.mission-section{padding:80px 0;background:#fff}
.mission-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.mission-text .section-title{margin:0 0 24px 0}
.mission-text p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.mission-cta{margin-top:32px}
.mission-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(6,34,74,.12)}

/* Blog Table Styling */
.blog-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(6,34,74,.08);margin-top:32px}
.blog-table{width:100%;border-collapse:collapse}
.blog-table th{background:#f8f9fb;color:var(--text);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;padding:20px 24px;text-align:left;border-bottom:2px solid #e6eaf2}
.blog-table td{padding:36px 24px;border-bottom:1px solid #f0f3f9;vertical-align:top}
.blog-row:hover{background:#fafbfc}
.blog-thumbnail{width:120px;height:90px;border-radius:8px;overflow:hidden;flex-shrink:0}
.blog-thumbnail img{width:100%;height:100%;object-fit:cover}
.blog-image-cell{width:15%}
.blog-content-cell{width:55%}
.blog-date-cell{width:12%;min-width:120px}
.blog-action-cell{width:18%}
.blog-title{font-size:18px;font-weight:700;margin:0 0 8px 0}
.blog-title a{color:var(--text);text-decoration:none;transition:color .2s ease}
.blog-title a:hover{color:var(--brand)}
.blog-excerpt{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.blog-date{font-size:14px;color:var(--muted);font-weight:600}
.btn-blog-read{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--brand);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease}
.btn-blog-read:hover{background:#2557e8;transform:translateY(-1px)}
.btn-blog-read svg{width:14px;height:14px}

/* Blog Pagination Styling */
.blog-pagination{margin-top:40px;display:flex;justify-content:center}
.pagination{display:flex;gap:8px;align-items:center;list-style:none;padding:0;margin:0}
.pagination .page-item{display:inline-block}
.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e6eaf2;background:#fff;color:var(--text);text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease;font-size:14px}
.pagination svg{width:16px;height:16px;stroke-width:2}
.pagination .page-link.pagination-nav{width:auto;min-width:56px;padding:0 12px;font-size:13px}
.pagination .page-link:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.pagination .page-item.active .page-link{background:var(--brand);color:#fff;border-color:var(--brand)}
.pagination .page-item.disabled .page-link{background:#f8f9fb;color:#9ca3af;cursor:not-allowed}
.pagination .page-item.disabled .page-link:hover{background:#f8f9fb;color:#9ca3af;border-color:#e6eaf2}

/* Blog Table Mobile Responsive */
@media (max-width: 1024px){
	.blog-table-container{overflow-x:auto}
	.blog-table{min-width:700px}
	.blog-table th,.blog-table td{padding:20px 12px}
	.blog-thumbnail{width:80px;height:60px}
	.blog-title{font-size:16px}
	.blog-excerpt{font-size:14px}
}


/* Contact Page */
.contact-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;margin-top:20px}
.contact-aside .contact-office-img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 8px 24px rgba(6,34,74,.08)}
.contact-map iframe{width:100%;height:240px;border:0;border-radius:12px;margin-top:14px;box-shadow:0 8px 24px rgba(6,34,74,.08)}
.contact-map .map-link{display:inline-block;margin-top:8px;color:#3169ff;font-weight:600;text-decoration:none}
.contact-map .map-link:hover{text-decoration:underline}
@media (max-width: 1024px){
	.contact-layout{grid-template-columns:1fr}
}

/* Bullet text typography overrides */
/* Use variables for consistent bullet text styling site-wide */
.pricing-features li,
.feature-list li,
.platform-feature,
.info-features .feature-item{
	font-family:var(--font-heading);
	font-weight:var(--bullet-weight);
	color:var(--text);
}