/* Layout helpers. Elementor widget settings own their colours. */
.elementor-location-header{position:sticky;top:0;z-index:100}.admin-bar .elementor-location-header{top:32px}
.elementor-location-header .helpikstart-header-layout.e-con{--width:calc(100% - 48px);--container-max-width:1440px;--gap:20px;gap:20px;flex-wrap:nowrap;align-items:center;min-height:78px}
.elementor-location-header .helpikstart-site-header.e-con{--gap:0;gap:0}
.elementor-location-header .helpikstart-topbar p{margin:0;font-size:11px;padding:6px 24px}
.elementor-location-header .his-actions-widget,.elementor-location-header .helpikstart-logo{width:auto;flex-shrink:0}
.elementor-location-header .helpikstart-pro-nav{min-width:0;flex:1}
.elementor-location-header .helpikstart-pro-nav .elementor-item{font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:13px 8px}
.elementor-location-header .helpikstart-pro-nav .elementor-nav-menu{flex-wrap:nowrap;justify-content:center}
.elementor-location-header .helpikstart-pro-nav .elementor-nav-menu--dropdown{border:1px solid var(--his-border)}
.elementor-location-header .helpikstart-pro-nav .elementor-menu-toggle{padding:10px}
.elementor-location-footer .his-footer-column.e-con{gap:14px}
:where(.helpikstart-footer .elementor-button){background:transparent;border:0;box-shadow:none;padding:0;justify-content:flex-start;text-align:left;filter:none;transform:none}
.elementor-location-footer h3.elementor-heading-title{font-size:14px;letter-spacing:.04em}
.helpikstart-header-layout{width:min(100% - 48px,1440px);gap:22px}
.helpikstart-logo{white-space:nowrap;font-size:29px}.helpikstart-logo small{letter-spacing:0;font-weight:400;font-size:10px}.his-domain{font-size:15px}
.helpikstart-nav ul{gap:20px;flex-wrap:nowrap}.helpikstart-nav a{font-size:12px}
.his-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.his-checklist{border:1px solid #d8e0eb;border-radius:6px;color:#041534;font-size:12px;padding:10px 14px}.his-advice{font-size:12px;padding:12px 16px}
:where(.helpikstart-site-header){background:#fff}
:where(.helpikstart-hero){background:radial-gradient(ellipse at 85% 70%,#102c59 0%,#041534 68%);position:relative;--his-text:#fff;--his-muted:#b8c8de}
.helpikstart-hero .helpikstart-container{position:relative}.helpikstart-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#345278 1px,transparent 1px);background-size:28px 28px;opacity:.22;pointer-events:none}
.helpikstart-hero h1.elementor-heading-title{max-width:820px;font-size:clamp(36px,4.6vw,64px);line-height:1.14}.helpikstart-hero .helpikstart-lead{max-width:790px}
:where(.helpikstart-accent){color:#E8961C}
.his-situations{padding:18px;border:1px solid #2b4162;border-radius:10px;max-width:820px}
:where(.his-situations){background:#0a1b36}
.his-situation .elementor-button{white-space:normal;font-size:12px}
.helpikstart-section .his-price p{font-size:20px;font-weight:800}.his-price small{font-size:11px;font-weight:400;display:block}
.his-feature-list{list-style:none;padding:0;margin:0;font-size:14px}.his-feature-list li{margin-bottom:9px}.his-total{border-color:#E8961C}
.his-search{width:100%;padding:14px 18px;background:#fff;color:#041534;border:1px solid #d8e0eb;border-radius:6px;margin-bottom:18px}
.his-filter-count{font-size:13px;color:#4A5568;margin-bottom:12px}.his-contact-direct{border:1px solid #d8e0eb;background:#fff;color:#041534;padding:24px;border-radius:12px;margin-top:18px}
.his-contact-direct p{color:inherit}.his-contact-direct a{display:inline-block;margin-right:20px;margin-top:10px}.his-package{font-weight:700}.his-empty{padding:18px;background:#fff;border-radius:8px}
:where(.helpikstart-footer){background:#041534;--his-text:#fff;--his-muted:#b8c8de;--his-border:#294367}
:where(.helpikstart-page-hero){--his-text:#fff;--his-muted:#cbd9ed}
@media(max-width:1250px){.helpikstart-header-layout{flex-wrap:wrap}.helpikstart-nav{order:3;width:100%}.helpikstart-nav ul{justify-content:center}.his-header-actions{margin-left:auto}}
@media(max-width:1024px){.elementor-location-header .helpikstart-pro-nav{flex:initial;width:auto;margin-left:auto}.elementor-location-header .helpikstart-header-layout.e-con{flex-direction:row;flex-wrap:nowrap}.elementor-location-header .his-actions-widget{width:auto}.elementor-location-header .his-advice{display:none}}
@media(max-width:767px){.elementor-location-header .helpikstart-header-layout.e-con{--width:calc(100% - 36px);gap:8px}.elementor-location-header .helpikstart-logo .elementor-heading-title{font-size:23px}.elementor-location-header .his-checklist{display:none}.elementor-location-footer .helpikstart-footer-grid.e-con{flex-direction:column}.elementor-location-header .helpikstart-pro-nav .elementor-nav-menu--dropdown .elementor-item{padding:14px 20px}.admin-bar .elementor-location-header{top:46px}}
@media(max-width:767px){.helpikstart-header-layout{width:calc(100% - 36px);gap:12px}.helpikstart-nav ul{display:flex;gap:0;align-items:stretch}.his-header-actions{margin-left:0;gap:6px}.his-advice{display:none}.his-checklist{font-size:11px}.helpikstart-logo{font-size:23px}.helpikstart-topbar span{display:none}.helpikstart-menu-toggle{margin-left:auto}.his-situations{width:100%;align-items:stretch}.his-situation .elementor-button{width:100%}.helpikstart-card-grid>.e-con{min-width:0}.helpikstart-section .his-price p{font-size:18px}}

/* Contact submenu: keep it readable beside the header actions. */
.elementor-location-header .helpikstart-pro-nav .sub-menu{background:#fff;z-index:1000;min-width:180px;border-radius:8px;box-shadow:0 8px 24px rgba(8,43,76,.15)}
.elementor-location-header .helpikstart-pro-nav .sub-menu .elementor-sub-item{padding:14px 20px;color:#102a43;font-size:14px}
@media(min-width:1025px) and (max-width:1250px){.elementor-location-header .his-checklist{display:none}}

.elementor-location-header .helpikstart-pro-nav .sub-menu .elementor-sub-item{background:#fff!important;color:#102a43!important}.elementor-location-header .helpikstart-pro-nav .sub-menu .elementor-sub-item:hover,.elementor-location-header .helpikstart-pro-nav .sub-menu .elementor-sub-item:focus{background:#edf4fa!important;color:#c66b00!important}

/* Gentle, one-time section entrance. Content stays visible without JavaScript. */
@keyframes his-section-enter{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.his-section-enter{animation:his-section-enter 560ms cubic-bezier(.22,1,.36,1) 70ms both}
@media(prefers-reduced-motion:reduce){.his-section-enter{animation:none!important}}
@media print{.his-section-enter{animation:none!important}}

/* Keep service prices together with the offer button at the bottom of each card. */
.helpikstart-card-grid > .helpikstart-card > .his-price{margin-top:auto!important}
.helpikstart-card-grid > .helpikstart-card > .his-price + .elementor-widget-button{margin-top:0!important}

/* Subtle card tilt on devices with a precise hover pointer. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
main .helpikstart-card{transition:transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms ease;transform-origin:center center}
main .helpikstart-card:hover{transform:perspective(1200px) rotateX(1.5deg) rotateY(-1.5deg) translateY(-3px);box-shadow:0 12px 28px rgba(4,21,52,.16)}
}

/* Gentler tilt for standalone information and interactive blocks across pages. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
main :is(.helpikstart-article-section > .helpikstart-container,.helpikstart-cta,.his-contact-direct,.helpikstart-tools,.helpikstart-faq .elementor-accordion-item,.his-about .photo-placeholder,.his-about .about-cta){transition:transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms ease;transform-origin:center center}
main :is(.helpikstart-article-section > .helpikstart-container,.helpikstart-cta,.his-contact-direct,.helpikstart-tools,.helpikstart-faq .elementor-accordion-item,.his-about .photo-placeholder,.his-about .about-cta):hover{transform:perspective(1600px) rotateX(.65deg) rotateY(-.65deg) translateY(-2px);box-shadow:0 8px 20px rgba(4,21,52,.08)}
main :is(.helpikstart-tools,.helpikstart-faq .elementor-accordion-item):focus-within{transform:none;box-shadow:none}
}


/* Header: menu gecentreerd (desktop). */
@media(min-width:1025px){.elementor-location-header .helpikstart-pro-nav .elementor-nav-menu--main{width:100%}.elementor-location-header .helpikstart-pro-nav .elementor-nav-menu--main>.elementor-nav-menu{justify-content:center}}
@media(min-width:1320px){.elementor-location-header .helpikstart-header-layout.e-con{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.elementor-location-header .helpikstart-header-layout .helpikstart-logo{justify-self:start}.elementor-location-header .helpikstart-header-layout .helpikstart-pro-nav{justify-self:center;flex:none;width:auto;margin:0}.elementor-location-header .helpikstart-header-layout .his-actions-widget{justify-self:end}}
