/* Active Hydraulics V3 — scoped guided oil enquiry styles.
   Existing global header, fonts, footer and WhatsApp presentation stay unchanged. */
.qc-page{color:#0a273a;background:#fff}
.qc-page *, .qc-page *:before,.qc-page *:after{box-sizing:border-box}
.qc-page [hidden]{display:none!important}
.qc-hero{padding:80px 0 78px;background:radial-gradient(ellipse at 87% 23%,#103c56 0,#08283e 42%,#041b2a 100%);color:#fff;position:relative;overflow:hidden}
.qc-hero::before{content:"";inset:0;position:absolute;background-image:linear-gradient(rgba(55,160,226,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(55,160,226,.035) 1px,transparent 1px);background-size:50px 50px;transform:skewY(-8deg);pointer-events:none}
.qc-hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.55fr);gap:65px;align-items:center;position:relative}
.qc-page .eyebrow,.qc-kicker{font-size:11px;letter-spacing:.12em;font-weight:900;color:#0d94d2;text-transform:uppercase;margin:0 0 15px}
.qc-hero .eyebrow{color:#66c9ff}
.qc-hero h1{font:800 clamp(44px,5.6vw,78px)/1.04 Manrope,Inter,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 23px;max-width:900px}
.qc-hero h1 span{color:#50c4ff}
.qc-hero p:not(.eyebrow){font-size:16px;line-height:1.65;color:#d4e4ec;max-width:690px;margin:12px 0}
.qc-hero .qc-hero-lead{font-weight:750;color:#fff!important;font-size:19px!important}
.qc-hero-meta{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:23px;color:#a9e2ff;font-size:12px;font-weight:800}
.qc-hero-side{padding:25px;background:#09263a;border:1px solid #28506a;border-radius:13px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:0 18px 32px rgba(0,0,0,.13)}
.qc-hero-side img{width:102px;height:95px;object-fit:contain;background:#06192b;border-radius:8px}
.qc-hero-side strong{font:800 19px/1.25 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:white}
.qc-hero-side span{font-size:13px;color:#afcce0;line-height:1.5}
.qc-body{padding:74px 0 80px;background:#f0f5f8}
.qc-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.82fr);gap:27px;align-items:start}
.qc-main-column{min-width:0}
.qc-wizard{background:#fff;border:1px solid #d7e4ed;border-radius:16px;padding:clamp(23px,3.2vw,50px);box-shadow:0 16px 45px rgba(5,40,63,.07);scroll-margin-top:92px}
.qc-wizard-top{margin-bottom:37px}
.qc-progress-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px;font-size:12px;color:#537084}
.qc-progress-meta strong{font-weight:900;letter-spacing:.08em}
#qc-progress-copy{color:#087dbc;font-weight:850}
.qc-progress{width:100%;height:7px;border-radius:30px;overflow:hidden;background:#e5eef4}
#qc-progress-fill{display:block;height:100%;width:33.333%;background:#109de4;border-radius:30px;transition:width .22s ease}
.qc-step h2{font:800 clamp(27px,3vw,39px)/1.14 Manrope,Inter,sans-serif;letter-spacing:-.04em;color:#08263a;margin:0 0 10px}
.qc-step h2:focus{outline:none}
.qc-step-copy{max-width:620px;color:#52697e;font-size:15px;line-height:1.65;margin:0 0 24px}
.qc-step .qc-kicker{margin-bottom:12px}
.qc-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qc-choice{font:800 15px/1.4 Inter,Arial,sans-serif;border:1px solid #d4e1e8;border-radius:9px;padding:18px 16px;min-height:68px;background:#fff;color:#103249;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;transition:color .15s,background .15s,border .15s,box-shadow .15s}
.qc-choice span[aria-hidden]{font-size:25px;min-width:26px;color:#199bdc;text-align:center}
.qc-choice:hover{border-color:#0b9ee6;background:#f0faff}
.qc-choice.is-selected{background:#e8f6fd;border-color:#0793dd;box-shadow:inset 0 0 0 1px #0793dd;color:#005988}
.qc-choice:focus-visible,.qc-btn:focus-visible,.qc-back:focus-visible,.qc-shortcut button:focus-visible,.qc-page a:focus-visible,.qc-page input:focus-visible,.qc-page select:focus-visible,.qc-page textarea:focus-visible{outline:3px solid #fb9c29;outline-offset:3px}
.qc-step-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:28px}
.qc-step-actions .qc-btn{margin-left:auto}
.qc-page .qc-btn{min-height:49px;padding:14px 21px;font-size:14px;font-weight:900;border:0;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.qc-page .qc-btn[disabled]{background:#a3c8dd;cursor:not-allowed;opacity:.85}
.qc-back{background:transparent;border:0;color:#316a88;font:800 14px Inter,Arial,sans-serif;cursor:pointer;padding:11px 3px}
.qc-back:hover{text-decoration:underline}
.qc-shortcut{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;background:#f2f7fa;border:1px solid #e0e9ee;padding:18px 19px;border-radius:8px;margin-top:24px;font-size:13px}
.qc-shortcut strong{font-size:13px}
.qc-shortcut button{border:0;background:none;padding:0;color:#007cbd;font:900 13px Inter,Arial,sans-serif;cursor:pointer;text-align:left}
.qc-field{margin:17px 0}
.qc-field label,.qc-conditions legend,.qc-form label{font-size:13px;line-height:1.5;font-weight:850;color:#0a2a3e}
.qc-optional{font-size:12px;color:#7992a2;font-weight:550}
.qc-field input,.qc-field select,.qc-form input:not([type="checkbox"]),.qc-form textarea{width:100%;margin-top:7px;border:1px solid #c8d7e0;background:white;color:#0a2638;font:500 15px Inter,Arial,sans-serif;padding:13px 14px;border-radius:7px;min-height:49px}
.qc-field select{cursor:pointer}
.qc-field-hint{font-size:12px;color:#637d90;line-height:1.5;margin:8px 0 0}
.qc-conditions{border:0;padding:4px 0 0;margin:22px 0 0;min-width:0}
.qc-conditions legend{padding:0;margin-bottom:12px}
.qc-small-choice{min-height:55px;font-size:13px;padding:13px 14px}
.qc-error{background:#fff0ee;padding:12px 15px;color:#91251b;border:1px solid #e8b2a8;border-radius:5px;font-size:13px;font-weight:750}
.qc-summary{border:1px solid #d9e5eb;border-radius:9px;overflow:hidden;margin:20px 0;background:#f5f9fb}
.qc-summary-row{padding:11px 16px;display:grid;grid-template-columns:41% 1fr;gap:15px;align-items:start;font-size:13px;line-height:1.5}
.qc-summary-row+.qc-summary-row{border-top:1px solid #dfebf0}
.qc-summary-row span{color:#567287}
.qc-summary-row strong{color:#09283d;overflow-wrap:anywhere}
.qc-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.qc-page .qc-call-btn{color:#fff!important;background:#092639;min-height:49px;padding:14px 20px;border:1px solid #255671;border-radius:6px;font-size:14px;font-weight:850;display:inline-flex;align-items:center;justify-content:center}
.qc-page .qc-call-btn:hover{background:#15425d}
.qc-phone-note{font-size:12px;color:#5b768b;line-height:1.6;margin:14px 0 0}
.qc-info-strip{padding:17px 22px;margin-top:18px;border-radius:8px;border:1px solid #cce4f3;background:#e5f5fc;color:#315a70;line-height:1.65;font-size:12px}
.qc-resources{position:sticky;top:22px;min-width:0}
.qc-resource-head{padding:5px 4px 16px}
.qc-resource-head h2{font:800 27px/1.14 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 9px}
.qc-resource-head p:not(.qc-kicker){font-size:13px;color:#647b8a;line-height:1.6;margin:0}
.qc-resource-card,.qc-data-card,.qc-whichoil{border:1px solid #d4e2ea;border-radius:11px;overflow:hidden;background:white;box-shadow:0 8px 21px rgba(5,30,53,.04)}
.qc-resource-card img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#e2edf2}
.qc-resource-inner,.qc-data-card,.qc-whichoil{padding:20px}
.qc-resource-inner strong,.qc-whichoil strong{display:block;font:800 17px/1.3 Manrope,Inter,sans-serif;color:#102d41}
.qc-resource-inner p,.qc-data-card p,.qc-whichoil p{color:#597083;font-size:13px;line-height:1.6;margin:9px 0 12px}
.qc-resource-inner a,.qc-data-card a,.qc-whichoil a,.qc-seo a{color:#007dbb;font-weight:900;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.qc-data-card,.qc-whichoil{margin-top:16px;box-shadow:none}
.qc-data-card h3{font:800 16px Manrope,Inter,sans-serif;margin:0}
.qc-data-card .qc-kicker{margin-bottom:9px}
.qc-whichoil-label{display:inline-block;padding:5px 9px;background:#ffde35;color:#08293c;border-radius:5px;font:900 13px Inter,Arial,sans-serif;margin-bottom:9px}
.qc-contact-section{background:#eaf5fb;padding:75px 0;scroll-margin-top:92px}
.qc-contact-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(25px,6vw,85px);align-items:start}
.qc-contact-copy h2,.qc-seo h2{font:800 clamp(33px,3.6vw,48px)/1.13 Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:0 0 18px}
.qc-contact-copy p:not(.eyebrow),.qc-seo p{font-size:15px;color:#5e7487;line-height:1.7}
.qc-contact-copy a{color:#0075ae;text-decoration:underline}
.qc-contact-trust{padding:15px 0;color:#0c587e;font-weight:800;font-size:13px;line-height:1.6}
.qc-form{background:#fff;padding:clamp(22px,2.5vw,38px);border-radius:13px;box-shadow:0 12px 30px rgba(4,33,49,.06);display:flex;flex-direction:column;gap:16px}
.qc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.qc-form label{display:block}
.qc-form textarea{min-height:130px;resize:vertical}
.qc-consent{display:flex!important;align-items:flex-start;gap:9px;font-size:12px!important;font-weight:500!important;line-height:1.7!important}
.qc-consent input{margin:4px 0 0;flex-shrink:0;accent-color:#078fd2}
.qc-consent a{color:#0787c4;text-decoration:underline}
.qc-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.qc-form-status{font-size:13px;min-height:0;margin:0;line-height:1.65}
.qc-form-status:not(:empty){padding:12px 15px;border-radius:7px;background:#f1f8fc;border:1px solid #c9e3f1}
.qc-form-status.qc-success{color:#195a39;background:#eaf8f1;border-color:#9ed3b3;font-weight:800}
.qc-form-status.qc-failure{color:#8d231e;background:#fff0ef;border-color:#e7b2ab}
.qc-form.qc-sent>*:not(.qc-form-status){display:none}
.qc-seo{background:#fff;padding:82px 0}
.qc-seo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px}
.qc-seo h3{font:800 21px Manrope,Inter,sans-serif;margin:4px 0 4px}
.qc-seo h3:not(:first-child){margin-top:30px}
@media (max-width:1050px){.qc-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.66fr)}.qc-hero-inner{gap:35px}.qc-hero-side{padding:20px}}
@media (max-width:800px){.qc-hero{padding:55px 0}.qc-hero-inner{grid-template-columns:1fr}.qc-hero-side{flex-direction:row;align-items:center;flex-wrap:wrap}.qc-hero-side img{width:76px;height:65px}.qc-hero-side strong{flex:1}.qc-hero-side span{width:100%}.qc-grid{grid-template-columns:1fr}.qc-resources{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qc-resource-head{grid-column:1/-1}.qc-data-card,.qc-whichoil{margin-top:0}.qc-contact-grid,.qc-seo-grid{grid-template-columns:1fr;gap:25px}.qc-body,.qc-contact-section,.qc-seo{padding:50px 0}}
@media (max-width:580px){.qc-hero{padding:48px 0}.qc-hero h1{font-size:clamp(37px,10vw,54px)}.qc-hero-meta{gap:10px}.qc-hero-meta span{width:100%}.qc-wizard{padding:21px 17px;border-radius:11px}.qc-choice-grid{grid-template-columns:1fr}.qc-conditions-grid,.qc-need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qc-choice{min-height:57px;padding:12px 13px;font-size:14px}.qc-need-grid .qc-choice{font-size:13px}.qc-step h2{font-size:27px}.qc-resources{display:block}.qc-whichoil,.qc-data-card{margin-top:14px}.qc-form-grid{grid-template-columns:1fr}.qc-contact-actions{flex-direction:column}.qc-contact-actions>a{width:100%}.qc-step-actions{margin-top:18px}.qc-summary-row{grid-template-columns:1fr;gap:3px}.qc-contact-section{padding:40px 0}}
@media (prefers-reduced-motion:reduce){#qc-progress-fill,.qc-choice{transition:none}}

.qc-product-field[hidden]{display:none!important}
