/* Clear navigation with direction-aware scroll visibility. */
#quickkads-navbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(20px,2vw,36px);background:#fff!important;transform:translateY(0);transition:transform .24s ease;border:0!important;box-shadow:none!important}
#quickkads-navbar::before{display:none!important;content:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#quickkads-navbar.qk-nav-hidden{transform:translateY(calc(-100% - 24px));pointer-events:none}
#quickkads-navbar .quickkads-nav-links{justify-self:center;gap:clamp(20px,1.5vw,30px);padding:13px 24px;background:#f7f7f8;border:0;border-radius:16px}
#quickkads-navbar .quickkads-nav-links>a{font-size:16px;line-height:1.4}
#quickkads-navbar .quickkads-nav-action{align-items:center;justify-content:flex-end;gap:0;flex-wrap:wrap}
#quickkads-navbar .quickkads-nav-links>a[aria-current=page]{font-weight:500;color:#080808}
@media(max-width:1199px){
 #quickkads-navbar{grid-template-columns:minmax(0,1fr) auto;min-height:72px;gap:0 20px;padding:14px var(--qk-page-gutter);max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 #quickkads-navbar .quickkads-nav-links,#quickkads-navbar .quickkads-nav-action{display:none}
 #quickkads-navbar .quickkads-nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;grid-column:2;grid-row:1;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
 #quickkads-navbar .quickkads-nav-toggle span{display:block;width:18px;height:2px;background:#161616;transition:transform .18s ease}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:4px 24px;width:100%;margin-top:16px;padding:12px 20px;justify-self:stretch}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-links>a{width:100%;min-height:44px;padding:8px 0;font-size:18px}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-action{display:flex;grid-column:1/-1;grid-row:3;justify-content:flex-start;gap:12px 20px;padding:8px 0 16px}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){#quickkads-navbar{transition:none}}

/* A smaller decorative logo leaves more room for mobile hero content. */
@media(max-width:900px){#quickkads-hero .quickkads-hero-art{width:min(52vw,300px);margin-top:28px}}
@media(max-width:639px){#quickkads-hero{min-height:0;padding-bottom:40px}#quickkads-hero .quickkads-hero-art{width:min(48vw,200px);margin-top:24px}}

/* FAQs use the site's existing editorial rhythm, without cards. */
#faqs{scroll-margin-top:112px}
.qk-faq{position:relative;z-index:41;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:clamp(36px,6vw,112px);padding:clamp(88px,8.5vw,144px) var(--qk-page-gutter) clamp(64px,7vw,120px);max-width:2136px;margin-inline:auto}
.qk-faq-intro{min-width:0}
.qk-faq-intro .qk-eyebrow{justify-content:flex-start}
#qk-faq-title{font:inherit;font-size:clamp(38px,4.5vw,74px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:0 0 24px}
.qk-faq-intro>p:not(.qk-eyebrow){font-size:clamp(18px,1.5vw,23px);line-height:1.55;max-width:25em;color:#656565;margin:0 0 24px}
.qk-faq-intro>a{font-size:17px;line-height:1.5;display:inline-block;color:#111;text-decoration:none;padding:8px 0}
.qk-faq-intro>a:hover{text-decoration:underline;text-underline-offset:.22em}
.qk-faq-list{min-width:0;border:0}
.qk-faq-list details{border:0}
.qk-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:24px 0}
.qk-faq-list summary::-webkit-details-marker{display:none}
.qk-faq-list summary::after{content:'+';font-size:30px;font-weight:300;line-height:1;flex:none;width:20px;text-align:center}
.qk-faq-list details[open] summary::after{content:'−'}
.qk-faq-list summary h3{font:inherit;font-size:clamp(18px,1.65vw,26px);font-weight:400;line-height:1.35;letter-spacing:-.025em;margin:0}
.qk-faq-answer{padding:0 44px 24px 0}
.qk-faq-answer p{font-size:clamp(16px,1.2vw,20px);font-weight:300;line-height:1.7;color:#555;margin:0;text-wrap:pretty}
.qk-faq summary:focus-visible,.qk-faq a:focus-visible{outline:2px solid #947100;outline-offset:5px}
@media(max-width:767px){.qk-faq{grid-template-columns:minmax(0,1fr);gap:32px}.qk-faq-intro .qk-eyebrow{margin-bottom:20px}.qk-faq-list summary{padding:22px 0;gap:20px}.qk-faq-answer{padding-right:32px}#qk-faq-title{font-size:clamp(38px,9vw,56px)}}

/* Use the website's classic pill and arrow component in the navbar. */
#quickkads-navbar .qk-nav-classic{font-size:16px;line-height:1.4}
#quickkads-navbar .qk-nav-contact{color:#171717;text-decoration:none;white-space:nowrap}
#quickkads-navbar .qk-nav-contact:focus-visible{outline:2px solid #947100;outline-offset:4px}
.qk-faq-callout{margin-top:32px}
.qk-faq-callout h3{font:inherit;font-size:clamp(20px,1.8vw,26px);font-weight:400;line-height:1.35;letter-spacing:-.025em;margin:0 0 16px}
.qk-faq-callout ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:8px}
.qk-faq-callout li{display:flex;align-items:baseline;gap:10px;font-size:16px;font-weight:300;line-height:1.6;color:#656565}
.qk-faq-callout li::before{content:'';width:4px;height:4px;position:relative;top:-3px;border-radius:50%;background:#947100;flex:none}
.qk-faq-call-action{font-size:16px}

/* A larger brand and a light fade only at the lower edge of the header. */
#quickkads-navbar .quickkads-nav-logo{width:clamp(176px,12.5vw,232px);height:auto}
#quickkads-navbar::after{content:'';position:absolute;left:0;right:0;bottom:-20px;height:24px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,255,255,0));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}
@media(max-width:1199px){#quickkads-navbar:not(.quickkads-menu-open){overflow:visible}}

/* The closing invitation occupies a complete viewport. */
#quickkads-ready{box-sizing:border-box;width:100%;min-height:100svh;display:grid;place-items:center;padding:clamp(88px,9vw,160px) var(--qk-page-gutter)}
#quickkads-ready .qk-ready-inner{width:100%;max-width:1280px}
#quickkads-ready-title{font-size:clamp(38px,6vw,104px)}
@media(max-width:639px){#quickkads-ready-title{font-size:clamp(36px,9vw,52px)}}

/* One responsive rhythm for page starts, sections, content blocks and controls. */
:root{--qk-section-gap:clamp(80px,8vw,144px);--qk-block-gap:clamp(32px,3vw,56px);--qk-text-gap:clamp(16px,1.6vw,24px);--qk-page-start:clamp(136px,12vw,208px);--qk-ease:cubic-bezier(.22,.61,.36,1)}
#quickkads-clients-marquee{padding-top:calc(var(--qk-section-gap)/2 + 52px);padding-bottom:calc(var(--qk-section-gap)/2)}
#quickkads-work{padding-top:calc(var(--qk-section-gap)/2);padding-bottom:var(--qk-section-gap)}
#quickkads-services-section{padding-block:var(--qk-section-gap);margin-bottom:0}
#quickkads-services-header{margin-bottom:var(--qk-section-gap)}
#quickkads-services-heading{margin-bottom:0}
#quickkads-services-intro{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,6fr);grid-template-rows:auto minmax(0,1fr);column-gap:var(--qk-block-gap);align-items:start}
#quickkads-services-intro>#quickkads-services-heading,#quickkads-services-intro>#quickkads-services-copy-column{width:100%;min-width:0}
#quickkads-services-intro>.qk-services-action{grid-column:1;grid-row:2;display:flex;justify-content:flex-start;margin-top:clamp(16px,1.2vw,24px)}
#quickkads-services-intro>#quickkads-services-heading{grid-column:1;grid-row:1}
#quickkads-services-intro>#quickkads-services-copy-column{grid-column:2;grid-row:1/span 2}
#quickkads-services-copy-column>div{margin-bottom:0}
#quickkads-services-copy-column p{margin:0}
#quickkads-about-section{padding-top:var(--qk-section-gap);padding-bottom:0}
#quickkads-about-secondary p{margin-bottom:var(--qk-text-gap)}
#quickkads-about-secondary>div{margin-bottom:0}
.qk-faq{padding-top:var(--qk-section-gap);padding-bottom:var(--qk-section-gap)}
#quickkads-ready{padding-block:var(--qk-section-gap)}
.qs-main .qs-hero{padding-top:var(--qk-page-start);padding-bottom:var(--qk-section-gap)}
.qs-main .qs-section{padding-top:var(--qk-section-gap);padding-bottom:var(--qk-section-gap)}
.qs-main .qs-section-title{margin-bottom:var(--qk-block-gap)}
body .qc-layout{margin-top:var(--qk-page-start);margin-bottom:var(--qk-section-gap);gap:var(--qk-section-gap)}
.ql-main .ql-hero{padding-top:var(--qk-page-start);padding-bottom:var(--qk-section-gap)}
.ql-main .ql-policy{padding-bottom:var(--qk-section-gap)}
.ql-main .ql-section{padding-block:var(--qk-block-gap)}
.ql-main .ql-error{padding-top:var(--qk-page-start);padding-bottom:var(--qk-section-gap)}
#contact.quickkads-cloud-footer{padding-top:var(--qk-section-gap)}
#contact #quickkads-footer-tagline{margin-top:var(--qk-section-gap)}
#contact .quickkads-footer-bottom{margin-top:var(--qk-block-gap)}
@media(min-width:768px){.qk-faq-list{padding-top:clamp(28px,2.3vw,40px)}}
@media(max-width:1023px){#quickkads-services-intro{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:var(--qk-text-gap)}#quickkads-services-intro>#quickkads-services-heading,#quickkads-services-intro>#quickkads-services-copy-column,#quickkads-services-intro>.qk-services-action{grid-column:1;grid-row:auto}#quickkads-services-intro>.qk-services-action{margin-top:0}}
@media(max-width:767px){.qk-faq-list{padding-top:0}.qk-faq{gap:var(--qk-block-gap)}}

/* Text links draw their line from left to right; icons and pill buttons do not. */
#contact a:hover,#contact a:focus-visible{ text-decoration:none }
:is(#contact .quickkads-footer-contact-link,#contact .quickkads-footer-phone,#contact #quickkads-footer-links a,#contact .quickkads-footer-meta a,#contact [data-qk-cookie-settings],.qa-text-link,.qs-label,.qc-direct a,.qc-privacy-note a,.qc-email-draft,.ql-section a,.ql-contact-link,#qk-cookie-notice p a){
 text-decoration:none!important;background-image:linear-gradient(currentColor,currentColor);background-position:left calc(100% - 1px);background-repeat:no-repeat;background-size:0% 1px;transition:background-size .32s var(--qk-ease),color .22s ease
}
:is(#contact .quickkads-footer-contact-link,#contact .quickkads-footer-phone,#contact #quickkads-footer-links a,#contact .quickkads-footer-meta a,#contact [data-qk-cookie-settings],.qa-text-link,.qs-label,.qc-direct a,.qc-privacy-note a,.qc-email-draft,.ql-section a,.ql-contact-link,#qk-cookie-notice p a):is(:hover,:focus-visible){background-size:100% 1px}
#contact .quickkads-footer-social,#contact .quickkads-footer-social:is(:hover,:focus-visible){text-decoration:none!important;background:none!important;transition:color .22s ease,transform .22s var(--qk-ease)}
#contact .quickkads-footer-social:hover{transform:translateY(-2px)}
#contact .quickkads-footer-social svg{display:block;width:24px;height:24px}

/* Small interaction fades replace content reveals and scroll-linked movement. */
#quickkads-navbar{transition:transform .3s var(--qk-ease)}
.qc-field input,.qc-field select,.qc-field textarea{transition:border-color .22s ease,box-shadow .22s ease}
.qc-submit{transition:background-color .24s ease,color .24s ease}
#quickkads-work .quickkads-work-photo{transition:transform .35s var(--qk-ease)}
@media(hover:hover){#quickkads-work .quickkads-work-card:hover .quickkads-work-photo{transform:scale(1.015)}}
@supports(interpolate-size:allow-keywords){
 .qk-faq details{interpolate-size:allow-keywords}
 .qk-faq details::details-content{block-size:0;overflow:clip;transition:block-size .28s var(--qk-ease),content-visibility .28s allow-discrete}
 .qk-faq details[open]::details-content{block-size:auto}
}
@media(prefers-reduced-motion:reduce){
 #quickkads-navbar,.qk-faq details::details-content,#contact a,#contact [data-qk-cookie-settings],.qa-text-link,.qs-label,.qc-direct a,.qc-privacy-note a,.qc-email-draft,.ql-section a,.ql-contact-link,#qk-cookie-notice p a,#quickkads-work .quickkads-work-photo{transition:none!important}
 #contact .quickkads-footer-social:hover,#quickkads-work .quickkads-work-card:hover .quickkads-work-photo{transform:none}
}

/* Balance regional copy without stranding a final word on narrow screens. */
#quickkads-hero .quickkads-hero-description>span{text-wrap:balance}

/* A continuous translucent header, with a restrained edge instead of a blur band. */
#quickkads-navbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,17,17,.045)!important;box-shadow:0 6px 24px rgba(17,17,17,.025)!important}
#quickkads-navbar::after{bottom:-12px;height:12px;background:linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,0));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}
#quickkads-navbar .quickkads-nav-links>a,#quickkads-navbar .quickkads-nav-links>a:is(:hover,:focus-visible){text-decoration:none!important;background-image:none!important;box-shadow:none;transition:color .18s ease}
#quickkads-navbar .quickkads-nav-links>a:is(:hover,:focus-visible){color:#080808}
/* Footer hierarchy stays on the same grid at every page. */
#contact.quickkads-cloud-footer{border-radius:28px 28px 0 0;padding-bottom:28px}
#contact .quickkads-footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:clamp(40px,4vw,80px)}
#contact #quickkads-footer-invitation{font-size:clamp(28px,2.85vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin-bottom:28px}
#contact .quickkads-footer-contact-link{font-size:clamp(23px,1.8vw,36px);margin-bottom:16px}
#contact .quickkads-footer-phone{font-size:clamp(20px,1.45vw,30px);line-height:1.55;min-height:40px}
#contact .quickkads-footer-information{grid-template-columns:minmax(0,.7fr) minmax(0,1.45fr) minmax(0,1.1fr);gap:clamp(20px,2.1vw,40px)}
#contact .qk-footer-label{font:inherit;font-size:13px;font-weight:300;line-height:1.4;color:#9e9e95;letter-spacing:.01em;margin:0 0 16px}
#contact #quickkads-footer-links ul{gap:2px}
#contact #quickkads-footer-links li{max-width:100%}
#contact #quickkads-footer-links li a{font-size:clamp(18px,1.2vw,24px);line-height:1.4;min-height:44px;padding-block:10px;overflow-wrap:normal}
#contact .quickkads-footer-location h3{font-size:clamp(16px,1vw,20px);font-weight:400;line-height:1.45;margin:0 0 16px}
#contact .quickkads-footer-location address{font-size:clamp(15px,1vw,20px);line-height:1.65;color:#bcbcb4}
#contact #quickkads-footer-tagline{margin-top:clamp(48px,5vw,88px);background:linear-gradient(100deg,#fff6cf 0%,#fff 48%,#ffe69a 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
#contact .quickkads-footer-bottom{gap:24px;margin-top:clamp(32px,3vw,56px);padding-top:24px;border-top:1px solid #ffffff20}
#contact .quickkads-footer-meta{justify-content:flex-end;gap:6px 22px;color:#d4d4cd;font-size:13px}
#contact .quickkads-footer-meta a,#contact [data-qk-cookie-settings]{display:inline-flex;align-items:center;min-height:44px}
#contact .quickkads-footer-social{border:0;border-radius:0;width:44px;height:44px}
#contact .quickkads-footer-social:hover{color:#ffec99}
#contact a:focus-visible,#contact button:focus-visible{outline:2px solid #ffec99;outline-offset:5px}
@media(max-width:1199px){#contact .quickkads-footer-main{grid-template-columns:minmax(0,1fr);gap:44px}#contact #quickkads-footer-invitation{font-size:clamp(30px,4vw,48px)}#contact .quickkads-footer-information{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1fr)}}
@media(max-width:639px){#contact.quickkads-cloud-footer{border-radius:22px 22px 0 0}#contact #quickkads-footer-invitation{font-size:clamp(26px,7vw,40px)}#contact .quickkads-footer-information{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px 20px}#contact #quickkads-footer-links nav:first-child{grid-column:auto}#contact #quickkads-footer-links nav:first-child ul{flex-direction:column;gap:2px}#contact .quickkads-footer-location{grid-column:1/-1;max-width:28em}#contact .qk-footer-label{margin-bottom:12px}#contact #quickkads-footer-links li a{font-size:18px}#contact .quickkads-footer-bottom{align-items:flex-start;gap:20px}#contact .quickkads-footer-meta{justify-content:flex-start;gap:4px 18px}#contact #quickkads-footer-tagline{margin-top:40px}}
@media(prefers-reduced-motion:reduce){#quickkads-navbar .quickkads-nav-links>a{transition:none}}

/* Share the page background at the top; keep the scroll surface within the header. */
#quickkads-navbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
#quickkads-navbar::after{display:block!important;content:''!important;position:absolute;left:0;right:0;top:auto;bottom:0;height:1px;background:rgba(17,17,17,.08);backdrop-filter:none;-webkit-backdrop-filter:none;mask-image:none;-webkit-mask-image:none;opacity:0;pointer-events:none;transition:opacity .22s ease}
#quickkads-navbar::before{display:block!important;content:''!important;position:absolute;inset:0;z-index:-1;pointer-events:none;background:#fff;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;mask-image:none;-webkit-mask-image:none;opacity:0;transition:opacity .22s ease}
#quickkads-navbar.qk-nav-scrolled::before,#quickkads-navbar.quickkads-menu-open::before,#quickkads-navbar.qk-nav-scrolled::after,#quickkads-navbar.quickkads-menu-open::after{opacity:1}
#quickkads-about-section{padding-bottom:calc(var(--qk-section-gap)/2)}
#contact .qk-top-hand{display:inline-block;animation:qk-point-up 2.4s ease-in-out infinite;will-change:transform}
@keyframes qk-point-up{0%,40%,100%{transform:translateY(0)}15%,30%{transform:translateY(-5px)}23%{transform:translateY(-1px)}}
#contact .quickkads-footer-whatsapp svg{aspect-ratio:1;overflow:visible}
@media(prefers-reduced-motion:reduce){#contact .qk-top-hand{animation:none;will-change:auto}#quickkads-navbar::before,#quickkads-navbar::after{transition:none}}

/* Slightly larger footer navigation with a gentle, continuous underline. */
#contact #quickkads-footer-links .qk-footer-label{font-size:14px}
#contact #quickkads-footer-links a{transition:background-size .6s cubic-bezier(.22,1,.36,1),color .24s ease}
@media(prefers-reduced-motion:reduce){#contact #quickkads-footer-links a{transition:none!important}}

/* Refine rhythm without changing the established hero, clouds or brand. */
:root{--qk-section-gap:clamp(72px,7vw,128px);--qk-block-gap:clamp(28px,3vw,48px)}
.qs-main .qs-section-title{font-size:clamp(56px,7.5vw,128px);line-height:1.02;letter-spacing:-.055em;white-space:normal;text-wrap:balance}
.qs-main .qs-section-copy{max-width:30em;line-height:1.4}
.qa-company-copy{max-width:44em;line-height:1.65}
.qs-capability a{padding-block:24px}
.qc-layout .qc-story-copy{max-width:36em}
.qc-step .qc-field>label{font-size:14px;margin-bottom:8px}
.qc-step .qc-field input,.qc-step .qc-field select,.qc-step .qc-field textarea{font-size:16px;line-height:1.5}
.qc-step .qc-field :is(input,select,textarea):focus-visible{outline:2px solid #947100;outline-offset:3px}
.qc-step .qc-field [aria-invalid=true]{border-color:#c42b27}
.qc-message-count{font-size:12px;line-height:1.5;color:#656565;text-align:right;margin:8px 0 0;font-variant-numeric:tabular-nums}
.qc-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#qc-form-status{font-size:15px;line-height:1.65;max-width:42em}
#qc-form-status[data-state=pending]{color:#656565}
#quickkads-contact-form[aria-busy=true] :is(input,textarea,select){opacity:.7}
a,button{-webkit-tap-highlight-color:rgba(244,196,48,.22);touch-action:manipulation}
@media(max-width:767px){.qs-main .qs-section-title{font-size:clamp(50px,13vw,88px)}.qa-company-copy{font-size:19px}.qc-layout .qc-story-copy{line-height:1.65}}
@media(forced-colors:active){#contact #quickkads-footer-tagline{background:none;color:CanvasText}.qc-choice[aria-pressed=true]{outline:2px solid Highlight}.qk-nav-contact,.qc-classic-control{filter:none!important}#quickkads-reference-cursor,#qs-cursor{display:none!important}}
@media(print){#quickkads-navbar,#quickkads-site-smoke,#quickkads-site-smoke-fallback,#qk-cookie-notice,#quickkads-reference-cursor,#qs-cursor,.quickkads-footer-socials,.quickkads-footer-meta{display:none!important}body{background:#fff!important;color:#000!important}.qs-main .qs-hero{padding-top:24px}#contact.quickkads-cloud-footer{background:#fff;color:#000;border-top:1px solid #ccc}#contact a,#contact #quickkads-footer-invitation,#contact .quickkads-footer-location h3,#contact #quickkads-footer-tagline{color:#000;background:none}a{text-decoration:underline!important}.qs-section,.quickkads-work-card{break-inside:avoid}}


/* Mobile navigation follows the reference; the original brand and yellow CTA remain. */
#quickkads-navbar .quickkads-nav-panel{display:contents}
@media(max-width:1199px){
 #quickkads-navbar .quickkads-nav-toggle{position:relative;display:flex;width:44px;height:44px;min-width:44px;min-height:44px;flex:none;padding:0;border:0;border-radius:50%;background:transparent;color:#080808;gap:0;isolation:isolate}
 #quickkads-navbar .quickkads-nav-toggle::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--qk-yellow);z-index:-1}
 #quickkads-navbar .quickkads-nav-toggle span{position:absolute;left:14px;top:21px;width:16px;height:2px;border-radius:2px;background:#080808;transform-origin:center;transition:transform .24s var(--qk-ease),opacity .16s ease}
 #quickkads-navbar .quickkads-nav-toggle span:first-child{left:15px;width:14px;transform:translateY(-5px)}
 #quickkads-navbar .quickkads-nav-toggle span:last-child{left:15px;width:14px;transform:translateY(5px)}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-toggle span:first-child{left:14px;width:16px;transform:rotate(45deg)}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-toggle span:nth-child(2){opacity:0;transform:scaleX(.4)}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-toggle span:last-child{left:14px;width:16px;transform:rotate(-45deg)}
 #quickkads-navbar .quickkads-nav-toggle:focus-visible{outline:2px solid var(--qk-focus);outline-offset:4px}
 #quickkads-navbar .quickkads-nav-panel{display:none}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-panel{display:flex;flex-direction:column;grid-column:1/-1;grid-row:2;min-width:0;width:100%;margin-top:16px;padding:16px;gap:12px;background:#fff;border:1px solid #ececec;border-radius:16px;box-shadow:0 16px 32px rgba(17,17,17,.08);animation:qk-nav-panel-in .24s var(--qk-ease) both}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-links{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-links>a{display:flex;align-items:center;min-height:48px;margin:0;padding:10px 12px;font-family:inherit;font-size:22px;font-weight:300;line-height:1.3;letter-spacing:-.025em;color:#555}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-links>a:is(:hover,[aria-current]){color:#080808}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-action{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;margin:0;padding:8px 12px 4px;gap:0}
 #quickkads-navbar .qk-nav-classic{font-family:inherit;font-size:16px}
}
@keyframes qk-nav-panel-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#quickkads-navbar .quickkads-nav-toggle span{transition:none}#quickkads-navbar.quickkads-menu-open .quickkads-nav-panel{animation:none}}

/* A light scroll surface stays behind the top bar, never around the menu card. */
#quickkads-navbar{--qk-header-bar-height:calc(clamp(176px,12.5vw,232px)*368/1232 + 28px)}
#quickkads-navbar::before{inset:0 0 auto;height:var(--qk-header-bar-height);background:#fff;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#quickkads-navbar::after{top:calc(var(--qk-header-bar-height) - 1px);bottom:auto}
#quickkads-navbar.quickkads-menu-open::before,#quickkads-navbar.quickkads-menu-open::after{opacity:0}
#quickkads-navbar.qk-nav-scrolled::before,#quickkads-navbar.qk-nav-scrolled::after{opacity:1}
@supports ((backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px))){
 #quickkads-navbar.qk-nav-scrolled::before{background:rgba(255,255,255,.95);backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
}

/* Keep the open dropdown free of any halo or surrounding surface. */
#quickkads-navbar.quickkads-menu-open::before,#quickkads-navbar.quickkads-menu-open::after{display:none!important}
#quickkads-navbar.quickkads-menu-open .quickkads-nav-panel{box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#contact .quickkads-footer-social svg{width:24px;height:24px;flex:none;overflow:visible}

#quickkads-hero-title .qk-hero-seen{color:var(--qk-yellow);text-shadow:0 2px 4px rgba(0,0,0,.09)}

/* Protect the mobile brand row while leaving the dropdown surroundings clear. */
@media(max-width:1199px){
 #quickkads-navbar.quickkads-menu-open::before{display:block!important;height:var(--qk-header-bar-height);opacity:1;background:#fff;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 #quickkads-navbar.quickkads-menu-open{overflow:visible}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-panel{max-height:calc(100dvh - var(--qk-header-bar-height) - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 #quickkads-navbar .quickkads-nav-toggle:focus:not(:focus-visible){outline:none!important;box-shadow:none}
 html.qk-mobile-menu-locked{overflow:hidden;overscroll-behavior:none}
 body.qk-mobile-menu-locked{position:fixed;top:var(--qk-menu-scroll-offset);left:0;right:0;width:100%;overflow:hidden}
}

@media(print){#quickkads-clients-marquee{padding-top:calc(var(--qk-section-gap)/2)}}

/* Fit the complete mobile hero, including the artwork, in the stable viewport. */
@media(max-width:900px) and (orientation:portrait){
 #quickkads-hero{
  --qk-hero-header-height:calc(clamp(176px,12.5vw,232px)*368/1232 + 28px);
  height:100svh;min-height:0;box-sizing:border-box;flex-direction:column;
  padding:calc(var(--qk-hero-header-height) + clamp(10px,2.8svh,26px)) clamp(16px,5vw,32px) max(12px,env(safe-area-inset-bottom));
  gap:clamp(12px,2svh,22px);align-items:center;justify-content:flex-start;
 }
 #quickkads-hero .quickkads-hero-content{flex:0 0 auto;width:100%;min-width:0}
 #quickkads-hero .quickkads-hero-intro{font-size:clamp(14px,2.1svh,18px);line-height:1.3;margin-bottom:clamp(10px,2.4svh,24px)}
 #quickkads-hero #quickkads-hero-title{font-size:min(7.8vw,4.4svh,40px);line-height:1.13;max-width:100%}
 #quickkads-hero .quickkads-hero-description{font-size:clamp(14px,2.1svh,18px);line-height:1.4;margin-top:clamp(12px,2.4svh,24px);margin-bottom:0}
 #quickkads-hero .quickkads-hero-experience{font-size:clamp(14px,2.2svh,18px);line-height:1.35;margin-top:clamp(10px,2.1svh,20px);max-width:100%}
 #quickkads-hero .quickkads-hero-actions{font-size:clamp(14px,2.1svh,17px);gap:clamp(12px,3vw,20px);margin-top:clamp(12px,2.7svh,26px);flex-wrap:nowrap}
 #quickkads-hero .quickkads-hero-cta a>div:first-child{padding-left:16px;padding-right:16px}
 #quickkads-hero .quickkads-hero-art{position:relative;inset:auto;transform:none;flex:1 1 0;min-height:64px;min-width:0;width:min(48vw,280px);height:auto;aspect-ratio:auto;margin:0;display:flex;align-items:center;justify-content:center}
 #quickkads-hero .quickkads-hero-art img{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
}
/* Short landscape screens use the available width instead of cropping the logo. */
@media(max-width:1023px) and (max-height:500px) and (orientation:landscape){
 #quickkads-hero{
  --qk-hero-header-height:calc(clamp(176px,12.5vw,232px)*368/1232 + 28px);
  height:100svh;min-height:0;box-sizing:border-box;flex-direction:row;align-items:center;
  padding:calc(var(--qk-hero-header-height) + 8px) clamp(16px,3vw,32px) max(12px,env(safe-area-inset-bottom));gap:18px;
 }
 #quickkads-hero .quickkads-hero-content{flex:1 1 0;width:auto;min-width:0;text-align:left}
 #quickkads-hero .quickkads-hero-intro{font-size:14px;line-height:1.3;margin-bottom:8px}
 #quickkads-hero #quickkads-hero-title{font-size:min(4.3vw,6.6svh,32px);line-height:1.13;align-items:flex-start;max-width:100%;text-align:left;margin:0}
 #quickkads-hero .quickkads-hero-description{font-size:14px;line-height:1.3;margin:10px 0 0;text-align:left;max-width:none}
 #quickkads-hero .quickkads-hero-description>span{text-wrap:wrap}
 #quickkads-hero .quickkads-hero-experience{font-size:14px;line-height:1.3;margin:8px 0 0;text-align:left;max-width:none}
 #quickkads-hero .quickkads-hero-actions{font-size:14px;margin-top:10px;gap:16px;justify-content:flex-start;flex-wrap:nowrap}
 #quickkads-hero .quickkads-hero-cta a>div:first-child{padding-left:16px;padding-right:16px}
 #quickkads-hero .quickkads-hero-art{position:relative;inset:auto;transform:none;flex:0 0 min(24vw,180px);width:min(24vw,180px);height:100%;min-height:0;max-height:100%;aspect-ratio:auto;margin:0;display:flex;align-items:center;justify-content:center}
 #quickkads-hero .quickkads-hero-art img{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
}