/* Modern design layer — tokens, glass surfaces, page art and complete theme states. */
:root{
  --page:#f4f6fb;--surface:rgba(255,255,255,.72);--surface-strong:rgba(255,255,255,.9);--surface-solid:#fff;
  --text:#141b2d;--heading:#0f1730;--muted:#596579;--border:rgba(20,31,61,.12);--border-strong:rgba(20,31,61,.2);
  --primary:#182344;--primary-light:#33456f;--primary-dark:#0c142c;--secondary:#e95267;--secondary-dark:#c93d53;
  --accent:#d89f3d;--accent-light:#f4c66f;--aqua:#1ca7a5;--success:#14805e;--danger:#c33b4d;--white:#fff;--dark:#141b2d;
  --gradient:linear-gradient(135deg,#182344 0%,#344c7c 48%,#e95267 100%);
  --gradient-warm:linear-gradient(135deg,#ed5b6f,#e0a646);--radius:.9rem;--radius-lg:1.45rem;--radius-xl:2rem;
  --shadow:0 10px 30px rgba(24,35,68,.08);--shadow-md:0 18px 45px rgba(24,35,68,.12);--shadow-lg:0 28px 80px rgba(24,35,68,.17);
  --transition:180ms cubic-bezier(.2,.7,.2,1);--container:1180px;--font-base:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"]{
  --page:#080c18;--surface:rgba(16,23,43,.72);--surface-strong:rgba(17,25,46,.92);--surface-solid:#11182b;
  --text:#edf1f8;--heading:#fff;--muted:#aab4c7;--border:rgba(232,239,252,.13);--border-strong:rgba(232,239,252,.22);
  --primary:#f06a7c;--primary-light:#ff8997;--primary-dark:#0b1020;--secondary:#ff7384;--secondary-dark:#f05e72;
  --accent:#f2c265;--accent-light:#ffe09c;--aqua:#5ed4d2;--success:#50c99c;--danger:#ff8492;--dark:#edf1f8;
  --gradient:linear-gradient(135deg,#80d7d5 0%,#f2c265 48%,#ff7384 100%);
  --shadow:0 12px 35px rgba(0,0,0,.22);--shadow-md:0 20px 50px rgba(0,0,0,.3);--shadow-lg:0 30px 90px rgba(0,0,0,.42);
}
body{position:relative;isolation:isolate;background:var(--page);color:var(--text);font-family:var(--font-base);transition:background-color var(--transition),color var(--transition)}
body::before{content:"";position:fixed;z-index:-2;inset:0;background-image:linear-gradient(180deg,rgba(244,246,251,.72),rgba(244,246,251,.94) 62%,var(--page)),var(--page-bg-set,var(--page-bg));background-position:center top;background-size:cover;background-repeat:no-repeat;opacity:.9;pointer-events:none}
html[data-theme="dark"] body::before{background-image:linear-gradient(180deg,rgba(8,12,24,.64),rgba(8,12,24,.94) 62%,var(--page)),var(--page-bg-set,var(--page-bg));opacity:.88}
body::after{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 14% 10%,rgba(28,167,165,.1),transparent 32%),radial-gradient(circle at 88% 18%,rgba(233,82,103,.12),transparent 28%);pointer-events:none}
main{min-height:65vh}
::selection{background:rgba(233,82,103,.25)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--aqua) 72%,white);outline-offset:3px}
a,button,.card,.feature-card,.pricing-card,.blog-card{transition:color var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition),opacity var(--transition)}
p{margin-block:0 1rem}h1,h2,h3,h4{margin-block:0 .75rem;color:var(--heading);line-height:1.12;letter-spacing:-.03em}h1{font-size:clamp(2.35rem,6vw,5rem)}h2{font-size:clamp(1.75rem,3.8vw,3.1rem)}h3{font-size:clamp(1.12rem,2vw,1.45rem)}
ul,ol{padding-left:1.25rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.48rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(14px)}
.eyebrow .icon{width:1rem;height:1rem}.lead{font-size:clamp(1.03rem,1.8vw,1.25rem);line-height:1.75;color:var(--muted)}.muted{color:var(--muted)}.text-gradient{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.text-center{text-align:center}.flow>*+*{margin-top:1rem}.stack{display:grid;gap:1rem}.cluster{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.icon{flex:0 0 auto}.link-arrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--primary);font-weight:850}.link-arrow .icon{width:1rem;height:1rem}.link-arrow:hover{gap:.7rem}
.glass-panel,.glass-card,.feature-card,.card,.quick-offer-card,.faq-item,.contact-form,.intake-form-wrapper,.blog-card,.blog-post,.legal-document{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
.glass-card,.feature-card,.card,.quick-offer-card,.faq-item{border-radius:var(--radius-lg)}

/* Header refinements */
.site-header.is-scrolled .header-shell{box-shadow:var(--shadow-md);background:var(--surface-strong)}
.nav-link:hover{background:color-mix(in srgb,var(--surface-solid) 72%,transparent);color:var(--heading)}
.nav-link.is-active::after{content:"";position:absolute;inset:auto 25% .3rem;height:2px;border-radius:999px;background:var(--secondary)}
.nav-link{position:relative}.icon-button:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--surface-solid)}
.language-menu a:hover,.language-menu a[aria-current="true"]{background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--heading)}
.language-menu{border:1px solid var(--border)}
.language-switcher[open] .language-summary{background:var(--surface-solid)}

/* Buttons live in assets/css/buttons.css. */

/* Compact breadcrumb directly below the fixed header. */
.breadcrumb-bar{position:relative;z-index:5;padding-top:6.75rem}.breadcrumb-list{display:flex;align-items:center;gap:.38rem;min-height:2.65rem;margin:0;padding:.42rem .62rem;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--border);border-radius:.9rem;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(18px);list-style:none;scrollbar-width:none;white-space:nowrap}.breadcrumb-list::-webkit-scrollbar{display:none}.breadcrumb-item{display:flex;align-items:center;gap:.38rem;min-width:0;color:var(--muted);font-size:.78rem;font-weight:760}.breadcrumb-item a{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted)}.breadcrumb-item a:hover{color:var(--heading)}.breadcrumb-current{display:block;max-width:min(52vw,34rem);overflow:hidden;color:var(--heading);text-overflow:ellipsis}.breadcrumb-icon{width:.92rem;height:.92rem}.breadcrumb-separator{display:inline-grid;place-items:center;color:color-mix(in srgb,var(--muted) 66%,transparent)}.breadcrumb-separator .icon{width:.74rem;height:.74rem}.breadcrumb-bar+:is(.page-hero,.hero-section,.probeer-hero){min-height:min(690px,78vh);padding-top:2.65rem}.breadcrumb-bar+.section{padding-top:2.65rem}

/* Page hero */
.page-hero,.hero-section,.probeer-hero{position:relative;display:flex;align-items:center;min-height:min(760px,88vh);padding:10rem 0 5rem;background:transparent!important;color:var(--text);overflow:visible}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(2rem,7vw,6rem)}
.page-hero-copy{max-width:720px}.page-hero h1,.hero-section h1,.probeer-hero h1{color:var(--heading);text-wrap:balance}.page-hero-copy>.lead{max-width:62ch}.hero-actions,.hero-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.75rem}.hero-proof,.badges-container{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.proof-pill,.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.8rem;font-weight:750}.proof-pill .icon{width:.95rem;height:.95rem;color:var(--success)}
.hero-visual{position:relative;min-height:470px}.hero-visual-card{position:absolute;inset:2rem 0 0 2rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2rem;border:1px solid rgba(255,255,255,.25);border-radius:2rem;background-image:linear-gradient(180deg,rgba(9,15,34,.02) 15%,rgba(9,15,34,.88) 100%),var(--hero-card-bg);background-size:cover;background-position:center;box-shadow:var(--shadow-lg);color:#fff}.hero-visual-card h2,.hero-visual-card h3{color:#fff}.hero-visual-card p{color:rgba(255,255,255,.78)}.hero-float{position:absolute;z-index:2;display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;border-radius:1rem;background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-md);backdrop-filter:blur(18px);font-weight:800}.hero-float .icon-tile{width:2.25rem;height:2.25rem}.hero-float-a{left:0;top:0}.hero-float-b{right:-1rem;bottom:1rem}
.hero-section .hero-content{max-width:800px;margin:auto;text-align:center;color:var(--text)}.hero-section .hero-subtitle{color:var(--muted);opacity:1}.hero-badge{background:var(--surface);border-color:var(--border);color:var(--primary)}

/* Sections, cards and grids */
.section{padding:clamp(4rem,8vw,7rem) 0;background:transparent}.section-compact{padding:2.75rem 0}.section-header{max-width:760px;margin:0 auto clamp(2rem,5vw,3.5rem);text-align:center}.section-header .section-intro{margin:0 auto;color:var(--muted)}.section-title{color:var(--heading);font-size:clamp(1.85rem,4vw,3.1rem)}.surface-band{margin-inline:auto;padding:clamp(1.25rem,4vw,2.25rem);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(22px)}
.grid-2,.grid-3,.grid-4,.features-grid,.value-grid,.service-grid{display:grid;gap:1.15rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.features-grid,.value-grid,.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.feature-card,.glass-card,.card{position:relative;padding:1.45rem;overflow:hidden}.feature-card::before,.glass-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--aqua),var(--secondary),transparent);opacity:.65}.feature-card:hover,.glass-card:hover,.card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feature-card h3,.card h3{color:var(--heading)}.feature-card p,.card p,.feature-text,.card-text{color:var(--muted)}
.icon-tile{display:grid;place-items:center;width:2.85rem;height:2.85rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--aqua) 26%,var(--border));border-radius:.9rem;background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 14%,var(--surface-solid)),var(--surface));color:var(--aqua)}.icon-tile .icon{width:1.35rem;height:1.35rem}.icon-tile.coral{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 26%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 14%,var(--surface-solid)),var(--surface))}.icon-tile.gold{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,var(--surface-solid)),var(--surface))}
.metric-band,.trust-section{padding:1.25rem 0;background:transparent;border:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.metric{padding:1rem;text-align:center;border-right:1px solid var(--border)}.metric:last-child{border-right:0}.metric strong{display:block;color:var(--heading);font-size:clamp(1.45rem,3vw,2.3rem);line-height:1.1}.metric span{display:block;margin-top:.35rem;color:var(--muted);font-size:.82rem;font-weight:700}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:steps}.process-step{position:relative;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.process-step::before{counter-increment:steps;content:"0" counter(steps);display:block;margin-bottom:1.3rem;color:var(--secondary);font-weight:950;font-size:1.45rem}.process-step:not(:last-child)::after{content:"";position:absolute;top:2.1rem;left:calc(100% + .2rem);width:.6rem;height:1px;background:var(--border-strong)}

/* Background-led visual cards */
.visual-card{position:relative;display:flex;min-height:320px;align-items:flex-end;overflow:hidden;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.22);background-image:linear-gradient(180deg,rgba(8,13,29,.08),rgba(8,13,29,.86)),var(--card-bg);background-size:cover;background-position:center;box-shadow:var(--shadow-md);color:#fff}.visual-card h3{color:#fff}.visual-card p{color:rgba(255,255,255,.78)}.visual-card-content{position:relative;z-index:1}.visual-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card-bg-small{--card-bg:url('/assets/images/backgrounds/optimized/pakket-small-desktop.webp')}.card-bg-middle{--card-bg:url('/assets/images/backgrounds/optimized/pakket-middle-desktop.webp')}.card-bg-large{--card-bg:url('/assets/images/backgrounds/optimized/pakket-large-desktop.webp')}.card-bg-automation{--card-bg:url('/assets/images/backgrounds/optimized/pakket-automation-desktop.webp')}.card-bg-enterprise{--card-bg:url('/assets/images/backgrounds/optimized/pakket-enterprise-desktop.webp')}.card-bg-custom{--card-bg:url('/assets/images/backgrounds/optimized/pakket-custom-desktop.webp')}

/* Pricing */
.pricing-section{position:relative;padding:clamp(4rem,8vw,7rem) 0;background:transparent;color:var(--text)}.pricing-section::before{display:none}.pricing-hero-title,.pricing-card-name{color:var(--heading)}.pricing-hero-description,.pricing-card-subtitle{color:var(--muted);opacity:1}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:none}.pricing-card{padding:1.45rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text)}.pricing-card:hover,.pricing-card.featured:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.pricing-card.featured{background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 10%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--secondary) 45%,var(--border));transform:none}.pricing-card::before{opacity:1;height:2px;background:linear-gradient(90deg,var(--aqua),var(--secondary),var(--accent))}.pricing-badge{background:var(--secondary);color:#fff}.pricing-amount{color:var(--heading)}.pricing-startup,.pricing-period,.pricing-total{color:var(--muted);opacity:1}.pricing-features{padding:0}.pricing-features li{border-bottom-color:var(--border);color:var(--text)}.pricing-features li::before{color:var(--success)}.pricing-card .btn-outline-light{border-color:var(--border-strong);color:var(--heading);background:var(--surface)}.pricing-card .stripe-subtext.info{color:var(--muted)}.pricing-contact{color:var(--muted);opacity:1}.pricing-contact a{color:var(--primary)}
.package-price-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.5rem;border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--primary-dark) 94%,var(--aqua)),var(--primary-dark));box-shadow:var(--shadow-lg);color:#fff}.package-price-panel h2,.package-price-panel strong{color:#fff}.package-price-panel .muted{color:rgba(255,255,255,.7)}
.no-upfront-inline{display:block;margin-top:.45rem;color:#fff;font-weight:800;font-size:.88rem}.pricing-no-upfront{display:grid;gap:.12rem;margin:.8rem 0 1rem;padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),color-mix(in srgb,var(--aqua) 8%,var(--surface)))}.pricing-no-upfront span,.pricing-no-upfront small{color:var(--muted)}.pricing-no-upfront strong{color:var(--heading);font-size:1.2rem}.payment-option-card{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.2rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);background:rgba(255,255,255,.06)}.payment-option-card.no-upfront-option{background:linear-gradient(145deg,rgba(233,69,96,.22),rgba(44,188,209,.11));border-color:rgba(255,193,98,.46)}.payment-option-label{display:inline-flex;padding:.32rem .68rem;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.payment-option-card h2{margin:.08rem 0;font-size:clamp(2rem,5vw,3.25rem)}.payment-option-card p{margin:0}.payment-option-card .btn{width:100%;justify-content:center;margin-top:auto}.package-price-note{max-width:820px;margin:1rem auto 0;text-align:center;color:var(--muted)}.package-price-note a{font-weight:800;color:var(--primary)}

/* FAQs */
.faq-section{padding:clamp(4rem,8vw,7rem) 0;background:transparent}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;max-width:960px}.faq-item{padding:0;overflow:hidden}.faq-item:hover{border-color:var(--border-strong)}.faq-item summary{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;cursor:pointer;color:var(--heading);font-weight:850;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";color:var(--secondary);font-size:1.2rem}.faq-item[open] summary::after{content:"−"}.faq-item p,.faq-answer{padding:0 1.3rem 1.2rem;color:var(--muted)}
.faq-item{scroll-margin-top:8rem}.faq-item:target{border-color:color-mix(in srgb,var(--secondary) 68%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--secondary) 16%,transparent),var(--shadow)}.faq-item summary span{min-width:0}.faq-item .faq-answer{padding:0 1.3rem 1.2rem}.faq-item .faq-answer p{margin:0;padding:0;color:var(--muted)}.faq-item .faq-answer a:not(.faq-deep-link){color:var(--heading);font-weight:800;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--aqua) 70%,transparent);text-decoration-thickness:2px;text-underline-offset:.18rem}.faq-deep-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;color:var(--secondary);font-size:.75rem;font-weight:850}.faq-deep-link:hover{color:var(--heading)}.faq-deep-link span{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:.45rem;background:color-mix(in srgb,var(--secondary) 14%,transparent)}

/* Forms and interactive controls */
.contact-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.25rem;max-width:1040px;margin:auto}.contact-form,.intake-form-wrapper{max-width:none;padding:clamp(1.25rem,4vw,2rem);border-radius:var(--radius-lg)}.form-group{margin-bottom:1.15rem}.form-group label{color:var(--heading);font-weight:800}.form-group input,.form-group textarea,.form-group select{width:100%;min-height:3rem;padding:.78rem .9rem;border:1px solid var(--border-strong);border-radius:.82rem;background:var(--surface-solid);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.form-group textarea{min-height:9rem}.form-group input::placeholder,.form-group textarea::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--aqua);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--aqua) 20%,transparent)}.form-error,.field-error{color:var(--danger)}.contact-info{display:grid;gap:1rem}.contact-info .feature-card{padding:1.25rem}.honeypot{position:absolute!important;left:-9999px!important}
.form-progress{color:var(--muted)}.form-progress-step.active,.form-progress-step.completed{color:var(--heading)}.form-progress-step .step-num{background:var(--surface-solid);border-color:var(--border-strong);color:var(--text)}.form-progress-step.active .step-num,.form-progress-step.completed .step-num{background:var(--secondary);border-color:var(--secondary);color:#fff}.form-progress-line{background:var(--border)}.form-step h3{color:var(--heading)}.step-desc{color:var(--muted)}.style-card,.feature-option{background:var(--surface-solid);border-color:var(--border-strong);color:var(--text)}.style-card:hover,.style-card.selected,.feature-option:hover,.feature-option.selected{border-color:var(--aqua);background:color-mix(in srgb,var(--aqua) 8%,var(--surface-solid))}.btn-back{background:var(--surface);border:1px solid var(--border);color:var(--text)}.intake-section{padding:0 0 6rem;background:transparent}.probeer-hero{min-height:auto;text-align:center;padding-bottom:3rem;overflow:hidden}.probeer-hero p{color:var(--muted)}.probeer-hero-badge{background:var(--surface);border-color:var(--border);color:var(--primary)}.probeer-hero-stats{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.probeer-hero-stat{border-color:var(--border)}.stat-num{color:var(--heading)}.stat-label{color:var(--muted)}

/* Blog and enriched editorial pages */
.category-filter{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.category-filter a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.55rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-weight:780;font-size:.82rem;white-space:nowrap}.category-filter a:hover,.category-filter a.is-active{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}html[data-theme="dark"] .category-filter a.is-active{background:var(--secondary);color:#111827}
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0}.blog-card{display:flex;min-height:100%;border-radius:var(--radius-lg);overflow:hidden}.blog-card-body{display:flex;flex-direction:column;width:100%;padding:1.35rem}.blog-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.blog-card h3{color:var(--heading);font-size:1.13rem}.blog-card p{color:var(--muted)}.blog-card .blog-date{margin-top:auto;padding-top:1rem;color:var(--muted)}.blog-card .blog-category{color:var(--secondary)}
.blog-search-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(22rem,1.2fr);align-items:end;gap:1.4rem;margin-bottom:1rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.blog-search-shell h2{margin:.35rem 0 .4rem;font-size:clamp(1.35rem,2.5vw,1.9rem)}.blog-search-shell p{margin:0;color:var(--muted)}.blog-search{display:grid;gap:.45rem}.blog-search label{color:var(--heading);font-size:.82rem;font-weight:850}.blog-search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.blog-search input{min-width:0;min-height:3rem;padding:.72rem .9rem;border:1px solid var(--border-strong);border-radius:.92rem;background:var(--surface-solid);color:var(--text);font:inherit}.blog-search input:focus-visible{outline:3px solid color-mix(in srgb,var(--aqua) 60%,transparent);outline-offset:2px}.blog-results-summary{margin:.85rem 0 1.25rem;color:var(--muted)}.blog-results-summary strong{color:var(--heading)}
.blog-post{max-width:900px;margin:0 auto;padding:clamp(1.4rem,5vw,3.5rem);border-radius:var(--radius-xl)}.blog-post h1,.blog-post h2,.blog-post h3,.blog-post p{color:var(--text)}.blog-post h1,.blog-post h2,.blog-post h3{color:var(--heading)}.blog-post p,.blog-post li{font-size:1.04rem;line-height:1.82}.blog-post a:not(.btn){color:var(--primary);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.blog-meta{color:var(--muted)}.article-summary{margin:1.5rem 0;padding:1.2rem;border-left:3px solid var(--aqua);border-radius:0 var(--radius) var(--radius) 0;background:color-mix(in srgb,var(--aqua) 8%,var(--surface-solid))}.article-summary h2{margin-top:0;font-size:1.15rem}.article-summary ul{margin-bottom:0}.editorial-note{margin-top:2rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);color:var(--muted);font-size:.9rem}.related-posts{margin-top:2rem}.blog-pagination a,.blog-pagination span{background:var(--surface);border-color:var(--border);color:var(--text)}.blog-pagination .current,.blog-pagination a:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}
.language-notice{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--text)}

/* Audited bilingual article system */
.blog-card{flex-direction:column}.blog-card-media{display:block;aspect-ratio:16/8;overflow:hidden;border-bottom:1px solid var(--border);background:var(--surface-solid)}.blog-card-media picture,.blog-card-media img{display:block;width:100%;height:100%}.blog-card-media img{object-fit:cover;object-position:center 42%;transition:transform .45s ease}.blog-card:hover .blog-card-media img{transform:scale(1.035)}
.article-hero h1{font-size:clamp(2.15rem,5vw,4.35rem)}.article-original-topic{display:inline-block;margin:.15rem 0 1rem;padding:.55rem .72rem;border-left:3px solid var(--aqua);border-radius:0 .7rem .7rem 0;background:var(--surface);color:var(--muted)}
.page-blog-post .blog-post{max-width:1040px}.article-utility-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;color:var(--muted);font-size:.88rem}.article-back-link{display:inline-flex;align-items:center;gap:.42rem;font-weight:800}.article-back-link .icon{width:1rem;height:1rem}.article-language-note{margin-top:1.25rem}.article-language-note p{margin:0}.freshness-note{margin:1.25rem 0;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--surface-solid))}
.article-figure{margin:2rem 0 1.6rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);box-shadow:var(--shadow)}.article-figure picture,.article-figure img{display:block;width:100%}.article-figure img{height:auto;aspect-ratio:16/9;object-fit:cover}.article-figure figcaption{padding:.7rem 1rem;color:var(--muted);font-size:.82rem}
.article-toc{margin:1.5rem 0 1rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-solid) 82%,transparent)}.article-toc summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:3rem;color:var(--heading);font-size:1.1rem;font-weight:880;cursor:pointer;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary::after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:.58rem;background:color-mix(in srgb,var(--aqua) 12%,var(--surface-solid));color:var(--primary);font-size:1.25rem}.article-toc[open] summary::after{content:"−"}.article-toc summary small{margin-left:auto;color:var(--muted);font-size:.72rem;font-weight:780;letter-spacing:.04em;text-transform:uppercase}.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.5rem;margin:.9rem 0 0;padding:1rem 0 0 1.25rem;border-top:1px solid var(--border)}.article-toc li{margin:0;color:var(--muted)}.article-toc a{font-weight:730}.article-toc a[aria-current="location"]{color:var(--heading);font-weight:900;text-decoration-color:var(--aqua);text-decoration-thickness:.14em}
.article-section-nav{position:sticky;z-index:20;top:5.6rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin:0 0 2.5rem;padding:.65rem;border:1px solid color-mix(in srgb,var(--aqua) 36%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--surface-solid) 88%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.article-section-nav[hidden]{display:none}.article-section-nav .btn{min-height:3rem;box-shadow:none}.article-section-status{display:grid;gap:.1rem;min-width:0;margin:0!important;text-align:center;line-height:1.25!important}.article-section-status span{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.article-section-status strong{overflow:hidden;color:var(--heading);font-size:.86rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.article-guide-section{scroll-margin-top:7rem;padding-top:.5rem}.article-guide-section h2[id]{scroll-margin-top:4.5rem}.article-guide-section+.article-guide-section{margin-top:2.75rem;padding-top:2.75rem;border-top:1px solid var(--border)}.article-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.article-section-heading h2{margin-top:0;font-size:clamp(1.55rem,3vw,2.2rem)}.heading-anchor{flex:0 0 auto;color:var(--muted)!important;font-size:1.1rem;font-weight:700;text-decoration:none!important;opacity:.58}.heading-anchor:hover,.heading-anchor:focus-visible{color:var(--primary)!important;opacity:1}.decision-callout{margin:1.25rem 0;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--aqua) 45%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--aqua) 8%,var(--surface-solid))}.decision-callout strong{display:block;margin-bottom:.35rem;color:var(--heading);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.decision-callout p{margin:0}
.article-criteria,.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.25rem 0;padding:0;list-style:none}.article-criteria li,.evidence-grid li{display:grid;gap:.35rem;margin:0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.article-criteria strong,.evidence-grid strong{color:var(--heading)}.article-criteria span,.evidence-grid span{color:var(--muted);line-height:1.62}.article-steps{display:grid;gap:.75rem;margin:1.25rem 0;padding:0;list-style:none;counter-reset:none}.article-steps li{display:grid;grid-template-columns:2.3rem 1fr;align-items:start;gap:.8rem;margin:0;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.article-steps li>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.75rem;background:var(--gradient);color:#fff;font-weight:900}.article-steps p{margin:0}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.measurement-loop{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:1.2rem 0!important;flex-wrap:wrap}.measurement-loop span{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-solid);color:var(--heading);font-size:.8rem;font-weight:800}.measurement-loop span:not(:last-child)::after{content:"→";margin-left:.35rem;color:var(--primary)}
.risk-list,.question-list{display:grid;gap:.6rem;margin:1rem 0;padding:0;list-style:none}.risk-list li,.question-list li{position:relative;margin:0;padding:.85rem 1rem .85rem 2.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.risk-list li::before,.question-list li::before{position:absolute;left:.9rem;top:.86rem;color:var(--primary);font-weight:950}.risk-list li::before{content:"!"}.question-list{counter-reset:article-question}.question-list li{counter-increment:article-question}.question-list li::before{content:counter(article-question) "."}.inline-note{margin:1rem 0}.article-deep-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.25rem 0}.article-deep-links a{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);text-decoration:none!important}.article-deep-links a:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow)}.article-deep-links strong{color:var(--heading)}.article-deep-links span{color:var(--muted);line-height:1.5}.editorial-policy-note{margin-top:3rem}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-heading-row h2{margin:0}.related-posts{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border)}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.2rem}.related-card{display:grid;grid-template-columns:7rem 1fr;grid-template-rows:auto 1fr auto;column-gap:1rem;min-height:10rem;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);text-decoration:none!important;overflow:hidden}.related-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow)}.related-card-image{grid-row:1/-1;width:7rem;height:100%;min-height:8.4rem;overflow:hidden;border-radius:calc(var(--radius) - .2rem)}.related-card-image img{display:block;width:100%;height:100%;object-fit:cover}.related-card .blog-category{align-self:start;color:var(--secondary);font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.related-card h3{align-self:start;margin:.25rem 0 .6rem;font-size:1rem;line-height:1.35}.related-card .link-arrow{align-self:end;font-size:.82rem}.article-cta{padding-top:1rem}
.reading-progress{position:fixed;z-index:1002;inset:0 0 auto;height:3px;overflow:hidden;background:color-mix(in srgb,var(--surface-solid) 75%,transparent);pointer-events:none}.reading-progress span{display:block;width:0;height:100%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--aqua),var(--secondary),var(--accent));box-shadow:0 0 10px color-mix(in srgb,var(--secondary) 58%,transparent);transition:width 90ms linear}.article-utility-meta,.article-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem .8rem}.article-publisher strong{color:var(--heading)}.article-tools .btn{min-height:2.75rem;box-shadow:none}.search-intent-panel{display:grid;gap:.8rem;margin:1.2rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid color-mix(in srgb,var(--aqua) 45%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 9%,var(--surface-solid)),var(--surface-solid))}.search-intent-panel p{margin:0}.intent-label{justify-self:start;padding:.38rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--aqua) 15%,var(--surface-solid));color:var(--primary);font-size:.75rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.intent-proof{display:grid;grid-template-columns:minmax(8rem,.35fr) 1fr;gap:.6rem;padding-top:.8rem;border-top:1px solid var(--border)}.intent-proof strong{color:var(--heading)}.intent-proof span{color:var(--muted);line-height:1.65}.topic-depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.25rem 0}.topic-depth-grid article{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.topic-depth-grid article>span{display:block;margin-bottom:.45rem;color:var(--secondary);font-size:.72rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.topic-depth-grid h3{margin:.1rem 0 .55rem;font-size:1.04rem}.topic-depth-grid p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.68}.deliverable-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0;padding:0;list-style:none;counter-reset:deliverable}.deliverable-list li{counter-increment:deliverable;position:relative;margin:0;padding:.85rem .9rem .85rem 2.7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.deliverable-list li::before{content:counter(deliverable);position:absolute;left:.8rem;top:.8rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:.42rem;background:var(--gradient);color:#fff;font-size:.72rem;font-weight:900}.article-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1.15rem 0;padding:0;list-style:none}.article-checklist li{display:grid;grid-template-columns:1.6rem 1fr;gap:.55rem;margin:0;padding:.8rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.article-checklist li>span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:color-mix(in srgb,var(--success) 13%,var(--surface-solid));color:var(--success);font-size:.8rem;font-weight:950}.article-checklist p{margin:0;font-size:.95rem;line-height:1.62}.article-faq-list{display:grid;gap:.65rem;margin:1.2rem 0}.article-faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);overflow:hidden}.article-faq-item[open]{border-color:color-mix(in srgb,var(--aqua) 42%,var(--border));box-shadow:var(--shadow)}.article-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;color:var(--heading);font-weight:850;cursor:pointer;list-style:none}.article-faq-item summary::-webkit-details-marker{display:none}.article-faq-item summary::after{content:"+";flex:0 0 auto;color:var(--primary);font-size:1.25rem}.article-faq-item[open] summary::after{content:"−"}.article-faq-item p{margin:0;padding:0 1rem 1rem;color:var(--muted)}.article-source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0 1.35rem}.article-source-links a{display:grid;gap:.25rem;padding:.85rem .95rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);text-decoration:none!important}.article-source-links a:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.article-source-links strong{color:var(--heading)}.article-source-links span{color:var(--muted);font-size:.8rem}
@media(max-width:780px){.article-toc ol,.article-criteria,.evidence-grid,.article-deep-links,.related-grid{grid-template-columns:1fr}.article-utility-row,.section-heading-row{align-items:flex-start;flex-direction:column}.article-toc{padding:0}.article-toc summary{padding:.72rem 1rem}.article-toc ol{margin:0 1rem;padding:1rem 0 1rem 1.25rem}.article-section-nav{top:5rem;grid-template-columns:3rem minmax(0,1fr) 3rem;gap:.45rem;padding:.45rem}.article-section-nav .btn{width:3rem;min-width:3rem;padding:0;font-size:0}.article-section-nav [data-section-prev]::after{content:"←";font-size:1.1rem}.article-section-nav [data-section-next]::after{content:"→";font-size:1.1rem}.related-card{grid-template-columns:5.4rem 1fr}.related-card-image{width:5.4rem}.article-guide-section{scroll-margin-top:9.5rem}}
@media(max-width:480px){.page-blog-post .blog-post{padding:1rem}.article-figure{margin-inline:-.2rem}.article-guide-section+.article-guide-section{margin-top:2rem;padding-top:2rem}.article-section-heading h2{font-size:1.45rem}.article-steps li{grid-template-columns:2rem 1fr;padding:.75rem}.article-steps li>span{width:2rem;height:2rem}.measurement-loop{justify-content:flex-start}.related-card{grid-template-columns:1fr}.related-card-image{grid-row:auto;width:100%;height:8rem}.related-card h3{font-size:1.02rem}}
@media(max-width:780px){.blog-search-shell,.topic-depth-grid,.deliverable-list,.article-checklist,.article-source-links{grid-template-columns:1fr}.article-utility-meta{justify-content:flex-start}.intent-proof{grid-template-columns:1fr}.article-tools{justify-content:flex-start;width:100%}}
@media(max-width:480px){.blog-search-controls{grid-template-columns:1fr}.blog-search-controls .btn,.article-tools .btn{flex:1 1 100%;width:100%}.article-tools .btn{min-height:3rem}.article-faq-item summary{padding:.85rem}.article-faq-item p{padding:0 .85rem .85rem}}
@media print{.site-header,.breadcrumb-bar,.reading-progress,.article-tools,.article-section-nav,.article-answer-footer .btn,.article-back-link,.hero-visual,.article-cta,.site-footer,.cookie-wall{display:none!important}body::before,body::after{display:none!important}.page-hero{min-height:0!important;padding:1rem 0!important}.page-hero-grid{display:block!important}.page-blog-post .blog-post{max-width:none;padding:0;border:0;background:#fff;box-shadow:none;backdrop-filter:none}.article-utility-row{justify-content:flex-end}.article-toc,.article-guide-section,.article-faq-item,.topic-depth-grid article,.article-checklist li,.article-source-links a{break-inside:avoid}.article-faq-item:not([open])>p{display:block}.article-guide-section+.article-guide-section{margin-top:1.4rem;padding-top:1.4rem}.related-posts{display:none}a{color:#111!important}}

/* Portfolio */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.portfolio-item{position:relative;display:grid;align-content:start;min-height:220px;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.portfolio-item::after{content:"";position:absolute;inset:auto -15% -55% 40%;height:90%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 25%,transparent),transparent 68%);pointer-events:none}.portfolio-item:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.portfolio-item .icon-tile{margin-top:2rem}.portfolio-item strong{color:var(--heading);font-size:1.08rem}.portfolio-item>span:not(.icon-tile):not(.portfolio-index){color:var(--muted);font-size:.86rem}.portfolio-index{position:absolute;top:1rem;right:1rem;color:var(--muted);font-size:.74rem;font-weight:900;letter-spacing:.08em}.portfolio-arrow{position:absolute;right:1rem;bottom:1rem;width:1.1rem;height:1.1rem;color:var(--primary)}

/* Legal and status pages */
.legal-document{max-width:900px;margin:auto;padding:clamp(1.5rem,5vw,3.5rem);border-radius:var(--radius-xl)}.legal-document h2{margin-top:2rem;font-size:1.45rem}.legal-document h3{margin-top:1.35rem;font-size:1.12rem}.legal-document p,.legal-document li{color:var(--muted)}.legal-document a{color:var(--primary);text-decoration:underline}.status-card{max-width:720px;margin:auto;padding:clamp(1.6rem,5vw,3rem);text-align:center;border-radius:var(--radius-xl)}.status-card .icon-tile{margin-inline:auto;width:4rem;height:4rem}.status-card .icon-tile .icon{width:2rem;height:2rem}

/* CTA and footer */
.cta-section{padding:clamp(4rem,8vw,6rem) 0;background:transparent;color:var(--text)}.cta-panel{position:relative;overflow:hidden;padding:clamp(2rem,6vw,4rem);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(12,20,44,.98),rgba(34,50,86,.95));box-shadow:var(--shadow-lg);color:#fff}.cta-panel::after{content:"";position:absolute;inset:-40% -10% auto 55%;height:170%;background:radial-gradient(circle,rgba(233,82,103,.38),transparent 60%);pointer-events:none}.cta-panel h2,.cta-panel h3{position:relative;color:#fff}.cta-panel p{position:relative;max-width:60ch;color:rgba(255,255,255,.76)}.cta-panel .btn{position:relative}.cta-title{color:#fff}.cta-description{color:rgba(255,255,255,.75);opacity:1}
.site-footer{padding:2rem 0 1.25rem;background:transparent;color:var(--text)}.footer-shell{padding:clamp(1.5rem,5vw,3rem);border-radius:var(--radius-xl)}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);margin-bottom:2rem}.footer-brand p{max-width:40ch;margin-top:1rem;color:var(--muted)}.footer-logo{color:var(--heading)}.footer-contact-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:750}.footer-links h2{margin-bottom:1rem;color:var(--heading);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.55rem}.footer-links a{color:var(--muted);font-size:.9rem}.footer-links a:hover{color:var(--heading)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--border);text-align:left;color:var(--muted);font-size:.82rem;opacity:1}.footer-bottom p{margin:0}.footer-bottom a{color:var(--primary)}
.footer-theme-toggle{margin-top:1rem;min-height:2.85rem;padding:.55rem .8rem;justify-content:flex-start}.footer-theme-icons{display:grid;place-items:center;width:1.75rem;height:1.75rem}.footer-theme-icons .theme-icon{grid-area:1/1;width:1.55rem;height:1.55rem}.footer-theme-toggle .theme-label{white-space:nowrap}
.footer-language-widget{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.25rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--surface-solid) 72%,transparent)}.footer-language-copy{display:flex;align-items:flex-start;gap:.7rem;min-width:0}.footer-language-icon{display:grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border-radius:.65rem;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.footer-language-icon .icon{width:1rem;height:1rem}.footer-language-widget h2{margin:0 0 .16rem;color:var(--heading);font-size:.86rem}.footer-language-widget p{max-width:62ch;margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.footer-language-options{display:flex;flex:0 0 auto;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.footer-language-options a{display:inline-flex;align-items:center;gap:.3rem;min-height:2.2rem;padding:.4rem .58rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);color:var(--muted);font-size:.76rem;font-weight:760}.footer-language-options a:hover,.footer-language-options a.is-active{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--heading)}.footer-language-options a.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}
@media(max-width:780px){.footer-language-widget{align-items:stretch;flex-direction:column}.footer-language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.footer-language-options a{justify-content:center}}
.cookie-wall{position:fixed;z-index:9990;right:1rem;bottom:1rem;left:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;width:min(650px,calc(100% - 2rem));padding:1rem;border-radius:var(--radius-lg);background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-lg)}.cookie-wall[hidden]{display:none}.cookie-illustration{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.9rem;background:color-mix(in srgb,var(--aqua) 12%,var(--surface-solid));color:var(--aqua)}.cookie-copy h2{font-size:1rem;margin-bottom:.28rem}.cookie-copy p{margin:0;color:var(--muted);font-size:.84rem}.cookie-copy a{color:var(--primary);text-decoration:underline}.cookie-buttons{grid-column:2;display:flex;justify-content:flex-end;gap:.55rem}

/* Theme coverage for legacy templates and inline var-based surfaces */
html[data-theme="dark"] :is(.quick-offer-card,.faq-section,.trust-section,.feature-card,.card,.blog-card,.contact-form,.intake-form-wrapper,.style-card,.feature-option,.legal-document,.blog-post){background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="dark"] :is(.feature-card,.card,.quick-offer-card,.blog-card,.blog-post,.contact-form,.legal-document) :is(h1,h2,h3,h4,label){color:var(--heading)!important}
html[data-theme="dark"] :is(.feature-card,.card,.quick-offer-card,.blog-card,.blog-post,.contact-form,.legal-document) :is(p,li,.muted){color:var(--muted)}
html[data-theme="dark"] .form-step .form-group :is(input,textarea,select){background:var(--surface-solid);color:var(--text);border-color:var(--border-strong)}
html[data-theme="dark"] .form-step .form-group label{color:var(--heading)}
html[data-theme="dark"] .check-item{background:var(--surface-solid);color:var(--text);border-color:var(--border-strong)}
html[data-theme="dark"] .check-item:hover{background:color-mix(in srgb,var(--aqua) 8%,var(--surface-solid));border-color:var(--aqua)}
html[data-theme="dark"] [style*="background:var(--white)"]{background:var(--surface)!important}
html[data-theme="dark"] [style*="color:var(--dark)"]{color:var(--text)!important}
html[data-theme="dark"] .menu-open-icon{filter:brightness(2.25) saturate(1.2) drop-shadow(0 0 4px rgba(81,224,218,.48))}

/* One custom generated background per public page/category. */
.bg-home{--page-bg:url('/assets/images/backgrounds/optimized/home-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/home-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/home-desktop.webp') type('image/webp'))}
.bg-pakketten{--page-bg:url('/assets/images/backgrounds/optimized/pakketten-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/pakketten-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/pakketten-desktop.webp') type('image/webp'))}
.bg-projecten{--page-bg:url('/assets/images/backgrounds/optimized/projecten-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/projecten-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/projecten-desktop.webp') type('image/webp'))}
.bg-blog{--page-bg:url('/assets/images/backgrounds/optimized/blog-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-desktop.webp') type('image/webp'))}
.bg-faq{--page-bg:url('/assets/images/backgrounds/optimized/faq-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/faq-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/faq-desktop.webp') type('image/webp'))}
.bg-contact{--page-bg:url('/assets/images/backgrounds/optimized/contact-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/contact-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/contact-desktop.webp') type('image/webp'))}
.bg-probeer-gratis{--page-bg:url('/assets/images/backgrounds/optimized/probeer-gratis-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/probeer-gratis-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/probeer-gratis-desktop.webp') type('image/webp'))}
.bg-pakket-small{--page-bg:url('/assets/images/backgrounds/optimized/pakket-small-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/pakket-small-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/pakket-small-desktop.webp') type('image/webp'))}
.bg-pakket-middle{--page-bg:url('/assets/images/backgrounds/optimized/pakket-middle-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/pakket-middle-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/pakket-middle-desktop.webp') type('image/webp'))}
.bg-pakket-large{--page-bg:url('/assets/images/backgrounds/optimized/pakket-large-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/pakket-large-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/pakket-large-desktop.webp') type('image/webp'))}
.bg-pakket-automation{--page-bg:url('/assets/images/backgrounds/optimized/pakket-automation-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/pakket-automation-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/pakket-automation-desktop.webp') type('image/webp'))}
.bg-pakket-enterprise{--page-bg:url('/assets/images/backgrounds/optimized/pakket-enterprise-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/pakket-enterprise-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/pakket-enterprise-desktop.webp') type('image/webp'))}
.bg-pakket-custom{--page-bg:url('/assets/images/backgrounds/optimized/pakket-custom-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/pakket-custom-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/pakket-custom-desktop.webp') type('image/webp'))}
.bg-privacy{--page-bg:url('/assets/images/backgrounds/optimized/privacy-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/privacy-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/privacy-desktop.webp') type('image/webp'))}
.bg-cookiebeleid{--page-bg:url('/assets/images/backgrounds/optimized/cookiebeleid-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/cookiebeleid-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/cookiebeleid-desktop.webp') type('image/webp'))}
.bg-voorwaarden{--page-bg:url('/assets/images/backgrounds/optimized/voorwaarden-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/voorwaarden-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/voorwaarden-desktop.webp') type('image/webp'))}
.bg-contact-bedankt{--page-bg:url('/assets/images/backgrounds/optimized/contact-bedankt-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/contact-bedankt-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/contact-bedankt-desktop.webp') type('image/webp'))}
.bg-payment-approved{--page-bg:url('/assets/images/backgrounds/optimized/payment-approved-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/payment-approved-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/payment-approved-desktop.webp') type('image/webp'))}
.bg-blog-webdesign{--page-bg:url('/assets/images/backgrounds/optimized/blog-webdesign-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-webdesign-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-webdesign-desktop.webp') type('image/webp'))}
.bg-blog-seo{--page-bg:url('/assets/images/backgrounds/optimized/blog-seo-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-seo-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-seo-desktop.webp') type('image/webp'))}
.bg-blog-ecommerce{--page-bg:url('/assets/images/backgrounds/optimized/blog-ecommerce-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-ecommerce-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-ecommerce-desktop.webp') type('image/webp'))}
.bg-blog-ai{--page-bg:url('/assets/images/backgrounds/optimized/blog-ai-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-ai-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-ai-desktop.webp') type('image/webp'))}
.bg-blog-hosting{--page-bg:url('/assets/images/backgrounds/optimized/blog-hosting-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-hosting-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-hosting-desktop.webp') type('image/webp'))}
.bg-blog-marketing{--page-bg:url('/assets/images/backgrounds/optimized/blog-marketing-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-marketing-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-marketing-desktop.webp') type('image/webp'))}
.bg-blog-ondernemen{--page-bg:url('/assets/images/backgrounds/optimized/blog-ondernemen-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-ondernemen-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-ondernemen-desktop.webp') type('image/webp'))}
.bg-blog-cases{--page-bg:url('/assets/images/backgrounds/optimized/blog-cases-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-cases-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-cases-desktop.webp') type('image/webp'))}
.bg-blog-wordpress{--page-bg:url('/assets/images/backgrounds/optimized/blog-wordpress-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-wordpress-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-wordpress-desktop.webp') type('image/webp'))}
.bg-blog-vergelijkingen{--page-bg:url('/assets/images/backgrounds/optimized/blog-vergelijkingen-desktop.webp');--page-bg-set:image-set(url('/assets/images/backgrounds/optimized/blog-vergelijkingen-desktop.avif') type('image/avif'),url('/assets/images/backgrounds/optimized/blog-vergelijkingen-desktop.webp') type('image/webp'))}

@media(max-width:980px){.page-hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-visual{min-height:430px}.grid-4,.process-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.process-step::after{display:none}.pricing-grid,.blog-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-links:last-child{grid-column:2}.contact-layout{grid-template-columns:1fr}}
@media(max-width:900px){.header-shell{background:var(--surface-strong)}.main-nav.is-open{padding-top:.4rem;border-top:1px solid var(--border)}.nav-link.is-active::after{display:none}}
@media(max-width:780px){.page-hero,.hero-section,.probeer-hero{min-height:auto;padding:8.5rem 0 3.5rem}.header-shell{background:var(--surface-strong)}.main-nav.is-open{padding-top:.4rem;border-top:1px solid var(--border)}.nav-link.is-active::after{display:none}.hero-float-b{right:0}.grid-3,.features-grid,.value-grid,.service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.footer-links:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.cookie-wall{grid-template-columns:1fr}.cookie-illustration{display:none}.cookie-buttons{grid-column:1;justify-content:stretch}.cookie-buttons .btn{flex:1}.faq-grid{grid-template-columns:1fr}}
@media(max-width:640px){body::before{background-image:linear-gradient(180deg,rgba(244,246,251,.68),rgba(244,246,251,.95) 56%,var(--page)),var(--page-bg-mobile,var(--page-bg));background-position:center top}html[data-theme="dark"] body::before{background-image:linear-gradient(180deg,rgba(8,12,24,.62),rgba(8,12,24,.95) 56%,var(--page)),var(--page-bg-mobile,var(--page-bg))}.bg-home{--page-bg-mobile:url('/assets/images/backgrounds/optimized/home-mobile.webp')}.bg-pakketten{--page-bg-mobile:url('/assets/images/backgrounds/optimized/pakketten-mobile.webp')}.bg-projecten{--page-bg-mobile:url('/assets/images/backgrounds/optimized/projecten-mobile.webp')}.bg-blog{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-mobile.webp')}.bg-contact{--page-bg-mobile:url('/assets/images/backgrounds/optimized/contact-mobile.webp')}.bg-probeer-gratis{--page-bg-mobile:url('/assets/images/backgrounds/optimized/probeer-gratis-mobile.webp')}.bg-pakket-small{--page-bg-mobile:url('/assets/images/backgrounds/optimized/pakket-small-mobile.webp')}.bg-pakket-middle{--page-bg-mobile:url('/assets/images/backgrounds/optimized/pakket-middle-mobile.webp')}.bg-pakket-large{--page-bg-mobile:url('/assets/images/backgrounds/optimized/pakket-large-mobile.webp')}.bg-pakket-automation{--page-bg-mobile:url('/assets/images/backgrounds/optimized/pakket-automation-mobile.webp')}.bg-pakket-enterprise{--page-bg-mobile:url('/assets/images/backgrounds/optimized/pakket-enterprise-mobile.webp')}.bg-pakket-custom{--page-bg-mobile:url('/assets/images/backgrounds/optimized/pakket-custom-mobile.webp')}.bg-privacy{--page-bg-mobile:url('/assets/images/backgrounds/optimized/privacy-mobile.webp')}.bg-cookiebeleid{--page-bg-mobile:url('/assets/images/backgrounds/optimized/cookiebeleid-mobile.webp')}.bg-voorwaarden{--page-bg-mobile:url('/assets/images/backgrounds/optimized/voorwaarden-mobile.webp')}.bg-contact-bedankt{--page-bg-mobile:url('/assets/images/backgrounds/optimized/contact-bedankt-mobile.webp')}.bg-payment-approved{--page-bg-mobile:url('/assets/images/backgrounds/optimized/payment-approved-mobile.webp')}.bg-blog-webdesign{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-webdesign-mobile.webp')}.bg-blog-seo{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-seo-mobile.webp')}.bg-blog-ecommerce{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-ecommerce-mobile.webp')}.bg-blog-ai{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-ai-mobile.webp')}.bg-blog-hosting{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-hosting-mobile.webp')}.bg-blog-marketing{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-marketing-mobile.webp')}.bg-blog-ondernemen{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-ondernemen-mobile.webp')}.bg-blog-cases{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-cases-mobile.webp')}.bg-blog-wordpress{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-wordpress-mobile.webp')}.bg-blog-vergelijkingen{--page-bg-mobile:url('/assets/images/backgrounds/optimized/blog-vergelijkingen-mobile.webp')}.hero-visual{min-height:360px}.hero-visual-card{inset:1.2rem 0 0 .8rem;padding:1.25rem}.hero-float{font-size:.78rem}.hero-float-b{bottom:-.4rem}.grid-2,.grid-4,.metric-grid,.process-grid,.package-price-panel{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid var(--border)}.metric:last-child{border-bottom:0}.pricing-grid,.blog-grid,.portfolio-grid{grid-template-columns:1fr}.visual-card{min-height:280px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.category-filter{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.category-filter::-webkit-scrollbar{display:none}.contact-form,.intake-form-wrapper{padding:1rem}.style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.step-actions{gap:.6rem}.step-actions .btn{flex:1;padding-inline:.65rem}.cookie-wall{right:.55rem;bottom:.55rem;width:calc(100% - 1.1rem)}}
@media(hover:hover){.visual-card:hover .visual-card-content{transform:translateY(-3px)}}
@media(max-width:640px){.bg-faq{--page-bg-mobile:url('/assets/images/backgrounds/optimized/faq-mobile.webp')}}
@media(prefers-reduced-motion:reduce){.hero-float{transform:none!important}}
@media(forced-colors:active){.glass-panel,.glass-card,.feature-card,.card,.blog-card,.contact-form{backdrop-filter:none;border:1px solid CanvasText}.text-gradient{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.btn{border:1px solid ButtonText}}
@media(max-width:780px){.breadcrumb-bar{padding-top:6.75rem}.breadcrumb-bar+:is(.page-hero,.hero-section,.probeer-hero){min-height:auto;padding-top:2rem}.breadcrumb-bar+.section{padding-top:2rem}}
@media(max-width:430px){.breadcrumb-list{min-height:2.35rem;padding:.34rem .48rem;border-radius:.76rem}.breadcrumb-item{font-size:.72rem}.breadcrumb-home a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.breadcrumb-current{max-width:64vw}}

/* Visible answer contract shared with article JSON-LD and semantic feeds. */
.article-answer-capsule{position:relative;display:grid;gap:1rem;margin:1.25rem 0 1.6rem;padding:clamp(1.15rem,3vw,1.65rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--aqua) 42%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 10%,var(--surface-solid)),color-mix(in srgb,var(--secondary) 6%,var(--surface-solid)));box-shadow:var(--shadow)}.article-answer-capsule::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--aqua),var(--secondary),var(--accent))}.article-answer-kicker{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.76rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.article-answer-kicker span{display:inline-flex;padding:.36rem .62rem;border-radius:999px;background:color-mix(in srgb,var(--aqua) 14%,var(--surface-solid));color:var(--aqua)}.article-answer-capsule h2{max-width:28ch;margin:0;font-size:clamp(1.35rem,2.6vw,2rem)}.article-direct-answer{max-width:72ch;margin:0;color:var(--heading);font-size:clamp(1.03rem,1.7vw,1.18rem);font-weight:680;line-height:1.72}.article-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0}.article-answer-grid>div{padding:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-solid) 78%,transparent)}.article-answer-grid dt{margin-bottom:.34rem;color:var(--heading);font-size:.78rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.article-answer-grid dd{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.article-answer-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.article-answer-footer .btn{flex:0 0 auto;min-height:3rem;box-shadow:none}.article-answer-source-note{margin:0;color:var(--muted);font-size:.82rem}.article-answer-source-note a{color:var(--primary);font-weight:820;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2rem}.article-answer-capsule{scroll-margin-top:8rem}html[data-theme="dark"] .blog-post .article-answer-capsule .article-direct-answer{color:var(--heading)}
@media(max-width:780px){.article-answer-grid{grid-template-columns:1fr}.article-answer-kicker,.article-answer-footer{align-items:flex-start;flex-direction:column}.article-answer-capsule h2{max-width:none}.article-answer-footer .btn{width:100%}}
@media print{.article-answer-capsule{break-inside:avoid;box-shadow:none}}

/* Intent-specific SERP benchmark and reusable editorial worksheet. */
.serp-pattern-panel{display:grid;gap:1rem}.serp-benchmark-note{display:grid;grid-template-columns:max-content 1fr;align-items:start;gap:.8rem;margin:.2rem 0;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--secondary) 38%,var(--border));border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--secondary) 8%,var(--surface-solid)),var(--surface-solid))}.serp-benchmark-note>span{display:inline-flex;align-items:center;min-height:1.8rem;padding:.32rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--secondary) 14%,var(--surface-solid));color:var(--secondary);font-size:.72rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.serp-benchmark-note p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.62}.article-decision-table-wrap{max-width:100%;margin:.2rem 0 .4rem;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);box-shadow:var(--shadow);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.article-decision-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;text-align:left}.article-decision-table caption{padding:1rem 1.1rem;border-bottom:1px solid var(--border);text-align:left}.article-decision-table caption strong,.article-decision-table caption span{display:block}.article-decision-table caption strong{color:var(--heading);font-size:1.04rem}.article-decision-table caption span{margin-top:.25rem;color:var(--muted);font-size:.86rem}.article-decision-table th,.article-decision-table td{padding:.82rem .9rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top;font-size:.88rem;line-height:1.58}.article-decision-table th:last-child,.article-decision-table td:last-child{border-right:0}.article-decision-table tbody tr:last-child>*{border-bottom:0}.article-decision-table thead th{background:color-mix(in srgb,var(--aqua) 10%,var(--surface-solid));color:var(--heading);font-size:.73rem;letter-spacing:.045em;text-transform:uppercase}.article-decision-table tbody th{width:18%;background:color-mix(in srgb,var(--primary) 5%,var(--surface-solid));color:var(--heading);font-weight:850}.article-decision-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--page) 46%,var(--surface-solid))}.serp-apply-card{display:grid;grid-template-columns:minmax(12rem,.42fr) 1fr;gap:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--aqua) 38%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--aqua) 7%,var(--surface-solid))}.serp-apply-card h3{margin:.1rem 0;font-size:1rem}.serp-apply-card ol{display:grid;gap:.42rem;margin:0;padding-left:1.25rem}.serp-apply-card li{margin:0;padding-left:.18rem;color:var(--muted);line-height:1.55}
@media(max-width:780px){.serp-benchmark-note,.serp-apply-card{grid-template-columns:1fr}.serp-benchmark-note>span{justify-self:start;white-space:normal}.article-decision-table{min-width:650px}.article-decision-table th,.article-decision-table td{padding:.72rem .75rem}}
@media(max-width:480px){.serp-benchmark-note,.serp-apply-card{padding:.8rem}.article-decision-table{min-width:620px}.article-decision-table caption{padding:.85rem}.article-decision-table th,.article-decision-table td{font-size:.82rem}}
@media print{.serp-benchmark-note,.serp-apply-card,.article-decision-table-wrap{break-inside:avoid}.article-decision-table-wrap{overflow:visible;box-shadow:none}.article-decision-table{min-width:0}.article-decision-table th,.article-decision-table td{font-size:8.5pt}}

/* Responsive and touch contract shared by every public template. */
:where(h1,h2,h3,h4,p,li,dd){overflow-wrap:break-word}
:where(.grid-2,.grid-3,.grid-4,.page-hero-grid,.footer-grid,.contact-layout)>*{min-width:0}
:where(input,select,textarea,button){max-width:100%}
.site-logo{min-height:2.75rem}
.language-menu a,.footer-contact-link,.footer-links a,.footer-bottom a,.footer-language-options a,.article-back-link,.faq-deep-link,a.link-arrow,button.link-arrow{min-height:2.75rem}
.footer-contact-link,.footer-links a,.footer-bottom a,.article-back-link,.faq-deep-link,a.link-arrow,button.link-arrow{display:inline-flex;align-items:center}
.footer-contact-link{max-width:100%}.footer-contact-link span{min-width:0;overflow-wrap:anywhere}
.footer-links li{margin-bottom:0}
.footer-links a{width:100%;padding:.25rem 0}
.footer-language-options a{justify-content:center;min-height:2.75rem}
.breadcrumb-list{min-height:2.75rem;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
.breadcrumb-item a{min-height:2.75rem}
.faq-deep-link{padding-block:.42rem}
.blog-pagination{flex-wrap:wrap}
.blog-pagination a,.blog-pagination span{display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.45rem .72rem}
.article-toc a{display:flex;align-items:center;min-height:2.75rem}
.heading-anchor{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;min-width:2.75rem}
.article-section-heading h2{flex:1 1 auto;min-width:0}
.form-group input,.form-group textarea,.form-group select,.blog-search input{font-size:1rem}
.honeypot{position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.article-decision-table-wrap{overscroll-behavior-inline:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
@media(max-width:640px){.category-filter{overscroll-behavior-inline:contain;scroll-padding-inline:.25rem;scroll-snap-type:inline proximity;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.category-filter a{scroll-snap-align:start}.breadcrumb-list{scroll-snap-type:inline proximity}.breadcrumb-item{scroll-snap-align:start}}
@media(min-width:781px) and (max-width:1050px){.hero-float-b{right:0}}
@media(min-width:1280px) and (max-width:1599px){.header-shell{gap:.65rem}.nav-list{gap:.1rem}.nav-link{gap:.32rem;padding:.68rem .5rem;font-size:.78rem}}
@media(min-width:1600px){:root{--container:1360px}}
@media(any-hover:none){.blog-card:hover,.portfolio-item:hover,.article-deep-links a:hover,.related-card:hover,.icon-button:hover{transform:none}}

/* Mobile viewport safety: reachable navigation, stable sticky controls and device insets. */
.container{padding-inline-start:env(safe-area-inset-left,0px);padding-inline-end:env(safe-area-inset-right,0px)}
.site-header{padding-top:max(.75rem,env(safe-area-inset-top,0px))}
.breadcrumb-bar{padding-top:calc(6.75rem + env(safe-area-inset-top,0px))}
.site-footer{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}
.cookie-wall{bottom:max(1rem,env(safe-area-inset-bottom,0px));max-height:calc(100dvh - max(1rem,env(safe-area-inset-top,0px)) - max(1rem,env(safe-area-inset-bottom,0px)));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.article-section-nav{top:calc(5.6rem + env(safe-area-inset-top,0px))}
@media(max-width:900px){html.mobile-nav-open,html.mobile-nav-open body{overflow:hidden;overscroll-behavior:none}.site-logo{grid-column:1;grid-row:1}.header-actions{grid-column:2;grid-row:1;order:0}.mobile-menu-toggle{grid-column:3;grid-row:1;order:0}.main-nav{grid-column:1/-1;grid-row:2;order:0}.main-nav.is-open{max-height:calc(100dvh - 5.75rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}}
@media(max-width:780px){.page-hero,.hero-section,.probeer-hero{padding-top:calc(8.5rem + env(safe-area-inset-top,0px))}.article-section-nav{top:calc(5.5rem + env(safe-area-inset-top,0px))}.article-guide-section{scroll-margin-top:calc(10rem + env(safe-area-inset-top,0px))}}
@media(max-width:640px){.cookie-wall{right:max(.55rem,env(safe-area-inset-right,0px));left:max(.55rem,env(safe-area-inset-left,0px));bottom:max(.55rem,env(safe-area-inset-bottom,0px));width:auto;max-height:calc(100dvh - max(.55rem,env(safe-area-inset-top,0px)) - max(.55rem,env(safe-area-inset-bottom,0px)))}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){.breadcrumb-bar{padding-top:calc(5.75rem + env(safe-area-inset-top,0px))}.page-hero,.hero-section,.probeer-hero{padding-top:calc(6.5rem + env(safe-area-inset-top,0px));padding-bottom:2.5rem}.breadcrumb-bar+:is(.page-hero,.hero-section,.probeer-hero){padding-top:1.5rem}.hero-visual{min-height:320px}}