/* Get a Quote page: the contact page components (prefix gqp-), reduced to what this page uses, plus the multi-step form. */
.gqp{--gqp-red:#ff0000;--gqp-ink:#470000;--gqp-line:rgba(71,0,0,.14);--gqp-leaf:40px 6px 40px 6px;color:var(--gqp-ink);overflow-x:clip}
.gqp .container{max-width:1500px}
.gqp-section{position:relative;padding:50px 0;overflow:clip}
.gqp [id]{scroll-margin-top:100px}
.gqp-tint{background:rgba(255,0,0,.07)}
/* Shared head, kicker, icon tile, links and buttons (same rules as index.php, about.php and case-study.php). */
.gqp-head{display:flex;flex-direction:column;gap:12px;max-width:960px;margin:0 0 32px}
.gqp .gqp-head>*{margin:0}
.gqp-head h2{color:var(--gqp-red);text-wrap:balance}
.gqp-head p{color:var(--gqp-ink)}
.gqp-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:var(--gqp-red)}
.gqp-tint .gqp-head .gqp-kicker{padding:7px 16px;border-radius:999px;background:rgba(255,0,0,.06)}
.gqp p{margin:0 0 12px;color:inherit}
.gqp p:last-child{margin-bottom:0}
.gqp-title-row{display:flex;align-items:center;gap:12px;min-width:0}
.gqp-title-row h3{flex:1;min-width:0;margin:0;color:inherit}
.gqp-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:18px 4px 18px 4px;background:rgba(255,0,0,.1);color:var(--gqp-red);font-size:21px;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.gqp .gqp-icon i,.gqp .alive-btn .icon i,.gqp .hp-more__ic i{color:inherit}
.gqp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}
.gqp a.hp-more{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:32px auto 0;color:#ff0000;font-size:16px;font-weight:800;line-height:1.2;text-decoration:none}
.gqp .hp-more__ic{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ff0000;color:#fff;font-size:14px;transition:transform .3s ease}
.gqp a.hp-more:hover,.gqp a.hp-more:focus-visible{color:#ff0000;text-decoration:none}
.gqp a.hp-more:hover .hp-more__ic,.gqp a.hp-more:focus-visible .hp-more__ic{transform:translateX(4px)}
.gqp a.hp-more--start{justify-content:flex-start;margin:0}
.gqp a.hp-more--light,.gqp a.hp-more--light:hover,.gqp a.hp-more--light:focus-visible{color:#fff}
.gqp-actions .hp-more{margin:0}
/* 01 Hero: red gradient, copy left, glass map panel right. */
@keyframes gqp-dash{to{stroke-dashoffset:-16}}
@keyframes gqp-pulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.9);opacity:0}}
@keyframes gqp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* 03 Help topics and 10 other destinations: card grids. */
.gqp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gqp-card{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:28px;border:1px solid rgba(71,0,0,.1);border-radius:18px;background:linear-gradient(145deg,#fff 65%,#fff7f7);box-shadow:0 5px 22px rgba(71,0,0,.05);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.gqp-card::after{content:'';position:absolute;left:28px;bottom:0;width:42px;height:3px;border-radius:3px 3px 0 0;background:#ff0000;opacity:.4;transition:width .25s ease,opacity .25s ease}
.gqp-card .gqp-title-row{align-items:flex-start;gap:16px;margin-bottom:4px}
.gqp-card .gqp-title-row h3{align-self:center}
.gqp-card .gqp-icon{width:52px;height:52px;flex-basis:52px;border-radius:14px;border:1px solid rgba(255,0,0,.1);background:#fff0f0;font-size:22px}
.gqp-card p{margin:0}
.gqp .gqp-card .hp-more{margin-top:auto;padding-top:14px;border-top:1px solid #f0e6e8;justify-content:space-between;width:100%}
@media(hover:hover){.gqp-card:hover{transform:translateY(-4px);border-color:rgba(255,0,0,.3);box-shadow:0 14px 32px rgba(71,0,0,.08)}
.gqp-card:hover::after{width:82px;opacity:1}
.gqp-card:hover .gqp-icon{background:#ff0000;color:#fff;box-shadow:0 6px 16px rgba(255,0,0,.18)}}
/* 04 Enquiry form: dark band, copy left, white form card right. */
.gqp-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}
.gqp-form-side{min-width:0}
.gqp-form-side .gqp-head{margin-bottom:0}
.gqp-art{display:block;width:min(100%,400px);height:auto;margin-top:34px;overflow:visible}
.gqp-form-card{position:relative;min-width:0;padding:32px;border-top:3px solid #ff0000;border-radius:18px;background:#fff;color:#470000;box-shadow:0 22px 48px rgba(0,0,0,.35)}
.gqp-form-card h3{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#470000;font-weight:800}
.gqp-hic{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#ff0000;color:#fff;font-size:17px}
.gqp-form{display:grid;gap:16px;margin:0}
.gqp-row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.gqp-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.gqp-field>label,.gqp-label{display:block;margin:0;color:#470000;font-size:14px;font-weight:700;line-height:1.4;text-transform:none;letter-spacing:0}
.gqp-req{margin-left:2px;color:#ff0000}
.gqp-field input:not([type=file]),.gqp-field select,.gqp-field textarea{display:block;width:100%;margin:0;padding:0 14px;border:1px solid #f6c8c8;border-radius:8px;background:#fff;color:#470000;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.gqp-field input:not([type=file]),.gqp-field select{height:46px}
.gqp-field textarea{min-height:130px;padding:12px 14px;resize:vertical}
.gqp-field input::placeholder,.gqp-field textarea::placeholder{color:rgba(71,0,0,.5);opacity:1}
.gqp-field input:not([type=file]):focus,.gqp-field select:focus,.gqp-field textarea:focus{outline:0;border-color:#ff0000;box-shadow:0 0 0 3px rgba(255,0,0,.15)}
.gqp-field [aria-invalid="true"]{border-color:#ff0000;background:rgba(255,0,0,.03)}
.gqp-field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23ff0000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center}
.gqp-field select:invalid{color:rgba(71,0,0,.5)}
.gqp-field select option{color:#470000}
.gqp-field .iti{width:100%}
.gqp-field .iti input{width:100%}
.gqp-err{color:#ff0000;font-size:13px;font-weight:600;line-height:1.35}
.gqp-err:empty{display:none}
.gqp-hint{color:rgba(71,0,0,.72);font-size:13px;line-height:1.45}
.gqp-file{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px dashed #f0a5a5;border-radius:8px;background:rgba(255,0,0,.03)}
.gqp-file input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.gqp-file-btn{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 16px;border:1px solid #ff0000;border-radius:999px;background:#fff;color:#ff0000;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;transition:background .25s ease,color .25s ease}
.gqp-file-btn:hover,.gqp-file input:focus-visible+.gqp-file-btn{background:#ff0000;color:#fff}
.gqp-file-name{min-width:0;color:#470000;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gqp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gqp-form .cf-turnstile{max-width:100%;overflow:hidden}
.gqp-status{color:#ff0000;font-size:16px;font-weight:600;line-height:1.4}
.gqp-status:empty{display:none}
.gqp .gqp-note{margin:0;color:#470000;font-size:16px;line-height:1.55}
.gqp-note a{color:#ff0000;font-weight:700;text-decoration:none}
.gqp-note a:hover,.gqp-note a:focus-visible{color:#470000;text-decoration:underline}
.gqp-alert{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:16px 18px;border:1px solid rgba(255,0,0,.28);border-left:4px solid #ff0000;border-radius:12px;background:#fff3f3}
.gqp-alert>i{flex:0 0 auto;margin-top:3px;color:#ff0000;font-size:20px}
.gqp-alert h4{margin:0 0 6px;color:#ff0000;font-size:var(--fs-h6)}
.gqp-alert p{margin:0 0 6px}
.gqp-alert ul{margin:0 0 8px;padding-left:20px}
.gqp-alert a{color:#ff0000;font-weight:700}
.gqp-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0 8px;text-align:center}
.gqp-done-ic{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:6px;border-radius:50%;background:#ff0000;color:#fff;font-size:32px;box-shadow:0 0 0 10px rgba(255,0,0,.1),0 14px 28px rgba(255,0,0,.25)}
.gqp-form-card .gqp-done h3{display:block;margin:0;color:#ff0000}
.gqp-done p{margin:0;max-width:460px}
.gqp-ref{display:inline-block;margin-top:4px;padding:6px 14px;border:1px dashed rgba(255,0,0,.45);border-radius:10px;background:#fff1f1;font-family:monospace;font-weight:700}
.gqp-done .alive-btn{margin-top:14px}
/* 05 Global collaboration: copy left, four feature tiles right. */
.gqp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px;align-items:center}
.gqp-split .gqp-head{margin-bottom:0}
.gqp-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gqp-feat{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:26px 24px;border:1px solid rgba(71,0,0,.12);border-radius:24px 5px 24px 5px;background:#fff;box-shadow:0 8px 24px rgba(71,0,0,.07);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.gqp-feat p{margin:0}
.gqp-feat .gqp-icon{width:52px;height:52px;flex-basis:52px;border-radius:16px 4px 16px 4px;font-size:22px}
.gqp-feat:nth-child(1),.gqp-feat:nth-child(4){border-color:#470000;background:radial-gradient(ellipse at 100% 0,rgba(255,0,0,.3),transparent 65%),#470000;color:#fff}
.gqp-feat:nth-child(1) .gqp-icon,.gqp-feat:nth-child(4) .gqp-icon{background:#ff0000;color:#fff}
.gqp-feat:nth-child(1) h3,.gqp-feat:nth-child(4) h3{color:#fff}
.gqp-feat-no{position:absolute;top:14px;right:18px;color:rgba(255,0,0,.12);font-size:48px;font-weight:800;line-height:1;pointer-events:none}
.gqp-feat:nth-child(1) .gqp-feat-no,.gqp-feat:nth-child(4) .gqp-feat-no{color:rgba(255,255,255,.1)}
@media(hover:hover){.gqp-feat:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(71,0,0,.16)}}
/* 06 Regions: index.php's region cards (photo panel on the right) plus the "other markets" bar. */
.gqp-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.gqp-region{position:relative;display:flex;min-height:230px;overflow:hidden;border:1px solid rgba(255,0,0,.35);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(71,0,0,.1);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.gqp-region:hover,.gqp-region:focus-within{transform:translateY(-4px);border-color:#ff0000;box-shadow:0 18px 40px rgba(255,0,0,.22)}
.gqp-region-no{position:absolute;z-index:1;top:10px;right:calc(36% + 20px);color:rgba(255,0,0,.14);font-size:56px;font-weight:800;line-height:1;pointer-events:none}
.gqp-region-body{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:22px 24px}
.gqp-region-top{display:flex;align-items:center;gap:12px}
.gqp-region-top img{width:40px;height:40px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(255,0,0,.3);object-fit:cover}
.gqp-region h3{margin:0;color:#470000;line-height:1.3}
.gqp-region p{margin:0}
.gqp .gqp-region .hp-more{margin-top:auto}
.gqp-region-art{position:relative;flex:0 0 36%;overflow:hidden;border-radius:55% 0 0 55%/50% 0 0 50%;background:radial-gradient(circle at 50% 50%,rgba(255,0,0,.14),transparent 70%),#fdeaea}
.gqp-region-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--ox,50%) var(--oy,50%);transition:transform .6s ease}
.gqp-region:hover .gqp-region-art img{transform:scale(1.05)}
.gqp-close{display:flex;align-items:center;gap:22px;margin-top:24px;padding:18px 26px;border:1px solid rgba(255,0,0,.35);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(71,0,0,.1)}
.gqp-close-ic{display:flex;flex:0 0 56px;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid #ff0000;border-radius:50%;background:rgba(255,0,0,.06);color:#ff0000;font-size:22px}
.gqp-close-text{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0;padding-left:22px;border-left:1px solid rgba(71,0,0,.18)}
.gqp-close-text h3{margin:0;color:#470000}
.gqp-close-text p{margin:0}
.gqp .gqp-close .hp-more{flex:0 0 auto;margin:0}
.gqp p.gqp-note-line{margin:22px 0 0;text-align:center;font-style:italic}
/* 07 Headquarters: address and contact card beside the map. */
/* 08 Next steps: numbered cards plus the timeline card as the sixth tile. */
.gqp-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.gqp-steps{display:contents;list-style:none}
.gqp-step{position:relative;min-width:0;padding:30px;border:1px solid var(--gqp-line);border-radius:18px;background:#fff;box-shadow:0 4px 20px rgba(71,0,0,.035);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.gqp-step::before{content:'';position:absolute;left:30px;right:30px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#ff0000,rgba(255,0,0,.08));transform:scaleX(.25);transform-origin:left;transition:transform .25s ease}
.gqp-step-number{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border:1px solid rgba(255,0,0,.14);border-radius:14px;background:#fff1f1;color:#ff0000;font-size:22px;font-weight:800;line-height:1;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.gqp-step .gqp-title-row{align-items:flex-start;gap:18px;margin-bottom:18px}
.gqp-step .gqp-title-row h3{align-self:center}
.gqp-step p{margin:0;line-height:1.7}
.gqp-timeline{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:30px;border-radius:18px;background:radial-gradient(ellipse at 100% 0,rgba(255,0,0,.32),transparent 65%),#470000;color:#fff;overflow:hidden}
.gqp-timeline .gqp-title-row{gap:16px;margin-bottom:6px}
.gqp-timeline .gqp-icon{width:52px;height:52px;flex-basis:52px;border-radius:14px;background:#ff0000;color:#fff;font-size:22px}
.gqp-timeline h3{color:#fff}
.gqp-timeline p{margin:0;line-height:1.7}
.gqp-process+.hp-more,.gqp-process~.hp-more{margin-top:32px}
@media(hover:hover){.gqp-step:hover{transform:translateY(-4px);border-color:rgba(255,0,0,.3);box-shadow:0 14px 32px rgba(71,0,0,.08)}
.gqp-step:hover::before{transform:scaleX(1)}
.gqp-step:hover .gqp-step-number{background:#ff0000;color:#fff;box-shadow:0 6px 16px rgba(255,0,0,.18)}}
/* 09 Services: four-up tiles with a watermark icon. */
.gqp-svcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gqp-svc{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:26px 22px 22px;border:1px solid rgba(255,0,0,.1);border-left:4px solid #ff0000;border-radius:6px 18px 18px 6px;background:#fff;box-shadow:0 8px 24px rgba(71,0,0,.06);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.gqp-svc p{position:relative;margin:0}
.gqp-svc h3{position:relative;margin:0}
.gqp .gqp-svc .hp-more{position:relative;margin-top:auto;padding-top:14px;border-top:1px solid #f0e6e8;justify-content:space-between;width:100%}
@media(hover:hover){.gqp-svc:hover{transform:translateY(-4px);border-color:rgba(255,0,0,.3);border-left-color:#ff0000;box-shadow:0 16px 34px rgba(71,0,0,.12)}
.gqp-svc:hover .gqp-icon{background:#ff0000;color:#fff}}
/* 11 FAQ: shared homepage / about / case-study layout. */
#faq{position:relative;overflow:hidden;background:#470000}
#faq::before{content:"";position:absolute;left:43%;top:-330px;width:440px;height:440px;border-radius:50%;background:rgba(255,0,0,.14);pointer-events:none}
#faq .container{position:relative;z-index:1}
#faq .faq-split{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
@media(min-width:992px){#faq .faq-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}}
#faq .faq-intro{position:relative;padding:0;border-radius:0;background:none;color:#fff}
#faq .faq-intro::before{content:none}
#faq .faq-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:7px 16px;border-radius:999px;background:#fff;color:#470000;font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}
#faq .faq-kicker i{color:#ff0000;font-size:14px}
#faq .faq-title{position:relative;margin:0 0 20px;color:#fff;font-weight:800;line-height:1.2;letter-spacing:-.015em}
#faq .faq-title span{display:block;color:#ff0000}
#faq .faq-rule{display:block;width:44px;height:2px;margin:0 0 30px;border-radius:2px;background:#ff0000}
#faq .faq-art{display:block;width:min(100%,380px);height:auto;overflow:visible}
#faq .faq-right{padding:14px;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.35)}
#faq .hp-faq-list{display:flex;flex-direction:column;gap:0;margin:0}
#faq .hp-faq-item{border:0;border-bottom:1px solid #f6d6d6;border-radius:10px;background:transparent;overflow:hidden;transition:background .2s ease}
#faq .hp-faq-item:last-child{border-bottom-color:transparent}
#faq .hp-faq-item:hover,#faq .hp-faq-item[open]{border-bottom-color:transparent;background:#fadcdc}
#faq .hp-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 18px;color:#470000;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
#faq .hp-faq-item summary:focus-visible{outline:2px solid #ff0000;outline-offset:-3px}
#faq .hp-faq-item summary::-webkit-details-marker{display:none}
#faq .hp-faq-q{flex:1 1 auto;min-width:0}
#faq .hp-faq-item summary::after{content:"+";flex:0 0 24px;width:24px;background:none;color:#ff0000;font-size:24px;font-weight:700;line-height:1;text-align:center}
#faq .hp-faq-item[open] summary{background:none;color:#470000}
#faq .hp-faq-item[open] summary::after{content:"\2212";background:none;color:#ff0000}
#faq .hp-faq-item p{margin:0;padding:0 56px 18px 18px;color:#470000;font-size:16px;line-height:1.65}
#faq .hp-faq-item p+p{margin-top:-8px}
#faq .hp-faq-item[open] p{animation:gqp-faq-in .25s ease}
@keyframes gqp-faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:575px){#faq .faq-right{padding:8px;border-radius:18px}
#faq .hp-faq-item summary{gap:12px;padding:12px 12px}
#faq .hp-faq-item p{padding:0 14px 16px 12px}
#faq .faq-art{width:min(100%,280px)}}
/* 12 Final call to action: maroon leaf panel over the team photo. */
.gqp-cta{position:relative}
.gqp-cta-content{position:relative;z-index:2;max-width:880px}
.gqp-cta :is(h2,p,.gqp-kicker){color:#fff}
.gqp-cta .gqp-kicker{padding:7px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px}
.gqp-cta h2{margin:18px 0;text-wrap:balance}
.gqp p.gqp-direct{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:24px 0 0;padding:14px 18px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.06)}
.gqp-direct a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.gqp-direct a:hover,.gqp-direct a:focus-visible{color:#ffd5db}
.gqp-direct>span{opacity:.6}
.gqp p.gqp-brand{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.24)}
html body .gqp p.gqp-brand:not(#_){font-weight:700}
/* Responsive */
@media(min-width:768px){.gqp-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.gqp-form-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}
.gqp-form-side{position:sticky;top:110px}}
@media(max-width:1399px){.gqp-svcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199px){.gqp-split{grid-template-columns:minmax(0,1fr)}
.gqp-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.gqp-cards,.gqp-process{grid-template-columns:repeat(2,minmax(0,1fr))}
.gqp-regions{grid-template-columns:minmax(0,1fr)}
.gqp-head{max-width:100%}}
@media(max-width:767px){.gqp-close{flex-wrap:wrap;padding:18px}
.gqp-close-text{flex:1 1 calc(100% - 80px)}
.gqp .gqp-close .hp-more{flex-basis:100%}}
@media(max-width:639px){.gqp-section{padding:36px 0}
.gqp-head{gap:10px;margin-bottom:24px}
.gqp-head h2{text-wrap:wrap}
.gqp-cards,.gqp-process,.gqp-svcs,.gqp-feats{grid-template-columns:minmax(0,1fr)}
.gqp-card,.gqp-step,.gqp-timeline,.gqp-feat{padding:22px 20px}
.gqp-svc{padding:22px 18px 18px}
.gqp-form-card{padding:22px 18px}
.gqp-title-row{gap:10px}
.gqp-title-row h3{overflow-wrap:anywhere}
.gqp .gqp-actions{gap:12px}
.gqp-region-no{display:none}}
@media(max-width:575px){.gqp-region{flex-direction:column;min-height:0}
.gqp-region-art{order:-1;flex:0 0 150px;border-radius:0 0 50% 50%/0 0 36px 36px}
.gqp-region-art img{object-position:var(--oxm,50%) var(--oym,50%)}
.gqp-region-body{padding:20px}
.gqp-close-ic{flex-basis:46px;width:46px;height:46px;font-size:18px}
.gqp-close-text{padding-left:16px}}
@media(prefers-reduced-motion:reduce){.gqp *,.gqp *::before,.gqp *::after{scroll-behavior:auto;transition:none!important;animation:none!important}
.gqp-card:hover,.gqp-step:hover,.gqp-svc:hover,.gqp-feat:hover,.gqp-region:hover,.gqp-region:focus-within{transform:none}}
/* Red-fill button used beside the white-outline one on dark panels (same as about.php's .abx-red and index's CTA bar). */
/* typography.css sets paragraph line-height from the class name ("card", "step", ...); the tiles below do not carry those words. */
/* Contact hero reference. Full-bleed art stays separate from the 1500px content container. */
/* Layered red ribbons and dotted accents from the revised hero reference. */
/* 02 Contact methods: four illustrated channel cards (email, call, WhatsApp, office) under a centred heading. */
/* Enquiry categories: clear hierarchy, white surfaces and a consistent action footer. */
/* Services: alternating angled panels, matching the supplied eight-card reference. */
#services.gqp-section{background:#470000;color:#fff}
#services .gqp-head h2,#services .gqp-head .gqp-kicker{color:#fff}
#services .gqp-head p{color:#f5dede}
#services>.container>a.hp-more{color:#fff}
#services .gqp-svcs{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px}
#services .gqp-svc{--svc-bg:linear-gradient(145deg,#fff,#fff5f5);--svc-ink:#470000;--svc-accent:#ff0000;position:relative;isolation:isolate;padding:48px 24px 26px;gap:18px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;color:var(--svc-ink);filter:drop-shadow(0 12px 15px rgba(71,0,0,.12))}
#services .gqp-svc::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--svc-bg);clip-path:polygon(0 0,100% 5%,100% 100%,0 95%)}
#services .gqp-svc:nth-child(8n+2),#services .gqp-svc:nth-child(8n+4),#services .gqp-svc:nth-child(8n+5),#services .gqp-svc:nth-child(8n+7){--svc-bg:linear-gradient(155deg,#c90000,#890000 65%,#700000);--svc-ink:#fff;--svc-accent:#fff}
#services .gqp-svc:nth-child(8n+2)::before,#services .gqp-svc:nth-child(8n+4)::before,#services .gqp-svc:nth-child(8n+5)::before,#services .gqp-svc:nth-child(8n+7)::before{clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}
#services .gqp-svc-number{position:absolute;right:22px;top:24px;color:var(--svc-accent);font-size:16px;font-weight:800;line-height:1}
#services .gqp-svc .gqp-title-row{gap:12px;align-items:center;margin:0;min-height:62px}
#services .gqp-svc h3{color:var(--svc-ink);font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.3px}
#services .gqp-svc p{color:var(--svc-ink);font-size:16px;line-height:1.55}
#services .gqp-svc .gqp-icon{width:46px;height:46px;flex-basis:46px;border-radius:50%;background:#ffe9e9;color:#ff0000;box-shadow:0 7px 13px rgba(255,0,0,.12);font-size:23px}
#services .gqp-svc:nth-child(8n+2) .gqp-icon,#services .gqp-svc:nth-child(8n+4) .gqp-icon,#services .gqp-svc:nth-child(8n+5) .gqp-icon,#services .gqp-svc:nth-child(8n+7) .gqp-icon{background:#ff0000;color:#fff;box-shadow:none}
@media(hover:hover){#services .gqp-svc:hover{transform:translateY(-4px);box-shadow:none}}
@media(max-width:1199px){#services .gqp-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#services .gqp-svcs{grid-template-columns:minmax(0,1fr);gap:20px}
#services .gqp-svc{padding:48px 24px 30px}
#services .gqp-svc .gqp-title-row{min-height:48px}
#services .gqp-svc h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){#services .gqp-svc:hover{transform:none}}
/* Section 3: reference-style angled cards; all enquiry copy and CTA labels retained. */
/* Contact page convention: icon and heading share a row; descriptions follow below. */
.gqp .gqp-title-row{display:flex;flex-direction:row;align-items:center;gap:14px;min-width:0}
.gqp .gqp-title-row>.gqp-icon,.gqp .gqp-title-row>.gqp-step-number{flex-shrink:0}
.gqp .gqp-title-row>h3{flex:1;min-width:0;margin:0;align-self:center}
#services .gqp-title-row{flex-direction:row;align-items:center}
.gqp .gqp-form-card>h3{display:flex;align-items:center;gap:12px}
/* Retain the original steps grid, with restrained CSS accents. */
#next-steps .gqp-step{background:linear-gradient(145deg,#fff 75%,#fff8f8);border-color:rgba(71,0,0,.12);box-shadow:0 5px 20px rgba(71,0,0,.04)}
#next-steps .gqp-step-number{background:linear-gradient(145deg,#fff5f5,#ffe7e7);box-shadow:inset 0 1px 0 #fff}
#next-steps .gqp-timeline{border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px rgba(71,0,0,.12)}
#next-steps .gqp-timeline::after{content:'';position:absolute;right:-55px;bottom:-65px;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
@media(hover:hover){#next-steps .gqp-step:hover .gqp-step-number{background:#ff0000;color:#fff;box-shadow:0 6px 16px rgba(255,0,0,.18)}}
/* Match index.php section links: bold label and a red, white-arrow circle. */
.gqp a.hp-more{font-size:16px;line-height:1.2;gap:12px;font-weight:800}
.gqp a.hp-more .hp-more__ic{width:40px;height:40px;flex:0 0 40px;border:0;background:#ff0000;color:#fff;font-size:14px}
#services .gqp-svc .hp-more{justify-content:flex-start;margin-top:auto;padding-top:16px;border:0;color:#ff0000;font-size:16px;line-height:1.3;gap:10px}
#services .gqp-svc:nth-child(8n+2) .hp-more,#services .gqp-svc:nth-child(8n+4) .hp-more,#services .gqp-svc:nth-child(8n+5) .hp-more,#services .gqp-svc:nth-child(8n+7) .hp-more{color:#fff}
.gqp .gqp-actions .hp-more{margin:0}
/* Keep each contact action label and arrow together across the full card row. */
/* ===== Get a Quote: parts that are specific to this page ===== */
.gqp [hidden]{display:none!important}
.gqp-why .gqp-feat>.gqp-title-row{position:relative;z-index:1}
/* 01 Hero: copy on the left, an "at a glance" panel on the right (replaces the contact page's photo) */
/* 03 Services: the question line under each title */
html body #services .gqp-svc p.gqp-q:not(#_){font-weight:700}
/* 04 Form */
#enquiry-form .gqp-form-card{box-shadow:0 22px 48px rgba(71,0,0,.16)}
.gqp-form-support{margin:-6px 0 20px;color:#470000}
.gqp-form fieldset{min-width:0;margin:0;padding:0;border:0}
.gqp-form legend{display:block;width:100%;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid rgba(71,0,0,.12);color:#470000;font-size:13px;font-weight:800;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}
.gqp-form legend span{color:#ff0000}
.gqp-form legend:focus{outline:none}
.gqp-fstep+.gqp-fstep{margin-top:30px}
.gqp-form.is-stepped .gqp-fstep+.gqp-fstep{margin-top:0}
.gqp-progress{display:none}
.gqp-form.is-stepped .gqp-progress{display:flex;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.gqp-progress li{display:flex;flex:1;align-items:center;justify-content:center;height:36px;border-radius:999px;background:#f6e9e9;color:#470000;font-size:13px;font-weight:800;transition:background .25s ease,color .25s ease}
.gqp-progress li.is-active{background:#ff0000;color:#fff}
.gqp-progress li.is-done{background:#470000;color:#fff}
.gqp-step-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;margin-top:22px}
.gqp-form:not(.is-stepped) .gqp-next,.gqp-form:not(.is-stepped) .gqp-back{display:none}
.gqp-label{display:block;margin:0 0 4px;color:#470000;font-weight:700}
.gqp-chipgroup{margin:10px 0 0;padding:14px 14px 6px;border:1px solid rgba(71,0,0,.12);border-radius:14px;background:#fff8f8}
.gqp-chipgroup-title{display:block;margin:0 0 10px;color:#ff0000;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.gqp-chip{position:relative;display:inline-flex;margin:0 8px 8px 0;cursor:pointer}
.gqp-chip input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.gqp-chip span{display:inline-block;padding:7px 14px;border:1px solid rgba(255,0,0,.25);border-radius:999px;background:#fff;color:#470000;font-size:14px;font-weight:600;line-height:1.3;transition:background .2s ease,border-color .2s ease,color .2s ease}
.gqp-chip:hover span{border-color:#ff0000}
.gqp-chip input:checked+span{border-color:#ff0000;background:#ff0000;color:#fff}
.gqp-chip input:focus-visible+span{outline:2px solid #470000;outline-offset:2px}
.gqp-consents{display:flex;flex-direction:column;gap:12px;margin:20px 0 4px}
.gqp-check{display:flex;align-items:flex-start;gap:12px;color:#470000;font-size:14px;line-height:1.55;cursor:pointer}
.gqp-check input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#ff0000}
.gqp-check a{color:#ff0000;font-weight:700;text-decoration:underline}
.gqp-done-actions{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:8px}
/* Card grids (cost, timelines, engagement, audience) */
.gqp-cards--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gqp-cards .gqp-card .hp-more{margin-top:auto}
@media(max-width:1199px){.gqp-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.gqp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.gqp-cards,.gqp-cards--4{grid-template-columns:minmax(0,1fr);gap:18px}}
/* 05 Process: the supporting statement */
html body .gqp-timeline p:not(#_){font-size:16px;font-weight:400;line-height:1.6}
/* 12 Final call to action: direct contact */
.gqp-direct{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.28);color:#fff}
.gqp-direct p{margin:0 0 6px;color:#fff}
.gqp-direct a{color:#fff;font-weight:700;text-decoration:underline}
/* spacing: rows inside the step fieldsets, and a second paragraph inside a process step */
.gqp-fstep>.gqp-field,.gqp-fstep>.gqp-row,.gqp-fstep>.gqp-consents{margin-top:16px}
.gqp-row{gap:16px}
.gqp-step p+p{margin-top:10px}
/* Section 04: project introduction and step overview. */
#enquiry-form{background:#fff}
#enquiry-form .gqp-form-side{max-width:440px;color:#470000}
#enquiry-form .gqp-form-side .gqp-head{display:block;max-width:none;margin:0;text-align:left}
#enquiry-form .gqp-form-side .gqp-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid rgba(255,0,0,.28);border-radius:999px;background:rgba(255,0,0,.06);color:#f00;line-height:1.4}
#enquiry-form .gqp-form-side h2{margin:14px 0 20px;color:#f00}
html body #enquiry-form .gqp-form-side p:not(#_){margin:0 0 12px;color:#470000;font-size:16px;line-height:1.55}
.gqp-form-outline{display:grid;gap:9px;list-style:none;margin:20px 0 0;padding:0}
.gqp-form-outline li{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid #edcece;border-radius:12px;background:#fff5f5;color:#470000;font-size:13px;font-weight:700;line-height:1.4}
.gqp-form-outline li>span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;background:#fff;color:#f00;font-size:11px}
.gqp-form-outline li.is-active{border-color:#f00;background:#f00;color:#fff}
@media(max-width:1099px){#enquiry-form .gqp-form-side{max-width:600px}}
/* Align the left introduction with the full form height without changing typography. */
@media(min-width:1100px){#enquiry-form .gqp-form-grid{align-items:stretch}
#enquiry-form .gqp-form-side{position:static;display:flex;flex-direction:column;max-width:none;min-height:100%;padding-bottom:0}
#enquiry-form .gqp-form-side .gqp-head{flex:0 0 auto}
#enquiry-form .gqp-form-outline{margin-top:auto;padding-top:24px}}
/* Section 04 coordinated blush background and red accents. */
#enquiry-form{background:#e31e2624}
#enquiry-form .gqp-form-side .gqp-kicker{color:#ff0000}
#enquiry-form .gqp-form-side h2{color:#e31e26}
#enquiry-form .gqp-form-outline li{background:#fff8f8;border-color:#e31e2633}
#enquiry-form .gqp-form-outline li.is-active{background:#e31e26;border-color:#e31e26;color:#fff}
#enquiry-form .gqp-form-outline li>span{color:#e31e26;background:#fff}
#enquiry-form .gqp-form-card{background:#fff;border-top-color:#e31e26}
#enquiry-form .gqp-hic{background:#e31e26}
#enquiry-form .gqp-form legend span,#enquiry-form .gqp-req{color:#e31e26}

/* 01 Hero: the same structure, type scale and spacing as the Home, Contact, Industries and Case Study heroes (red band, kicker pill, H1, lead, paragraphs, two buttons, note line). The illustration is cut from the supplied screenshot (its red is the hero red, so there is no box or shading); it sits inside the 1500px limit and stands on the bottom of the band. */
.gqp-hero{position:relative;overflow:hidden;padding:48px 0 0;background:#ff0000;color:#fff}
.gqp-hero .container{position:relative;z-index:2;width:100%;max-width:1500px;box-sizing:border-box}
.gqp-hero-copy{position:relative;z-index:2;min-width:0;max-width:min(830px,calc(100% - 590px));padding-bottom:44px}
.gqp-hero-rail{position:absolute;inset:0;z-index:1;pointer-events:none}
.gqp-hero-rail-in{position:relative;width:100%;max-width:1500px;height:100%;margin:0 auto}
.gqp-hero-art{position:absolute;right:12px;bottom:0;width:min(46%,594px)}
.gqp-hero-art img{display:block;width:100%;height:auto}
.gqp-hero .gqp-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(255,255,255,.65);border-radius:999px;color:#fff;line-height:1.4}
.gqp-hero h1{margin:24px 0 20px;color:#fff;line-height:1.15;letter-spacing:-1.2px;text-wrap:balance}
html body .gqp-hero h1:not(#_){font-weight:700}
html body .gqp-hero p.gqp-lead:not(#_){margin:0 0 12px;color:#fff;font-size:24px;font-weight:700;line-height:1.3}
html body .gqp-hero-copy>p:not(#_):not(.gqp-lead):not(.gqp-hero-note){margin:0 0 16px;color:#fff;font-size:16px;font-weight:400;line-height:1.6}
.gqp-hero .gqp-actions{margin-top:26px;gap:16px}
.gqp-hero .gqp-solid{background:#470000;border-color:#470000;color:#fff}
.gqp-hero .gqp-solid .icon{background:#fff;color:#470000}
.gqp-hero .gqp-solid:hover,.gqp-hero .gqp-solid:focus-visible{background:#fff;border-color:#fff;color:#470000}
.gqp-hero .gqp-solid:hover .icon,.gqp-hero .gqp-solid:focus-visible .icon{background:#470000;color:#fff}
html body .gqp-hero p.gqp-hero-note:not(#_){margin:28px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.3);color:#fff;font-size:16px;font-weight:400;line-height:1.5}
.gqp-hero-note>span{padding:0 12px;opacity:.65}
@media(max-width:1199px){.gqp-hero-copy{max-width:min(780px,calc(100% - 520px))}}
@media(max-width:991px){
  .gqp-hero{display:flex;flex-direction:column;padding:34px 0 0}
  .gqp-hero-copy{max-width:none;padding-bottom:0}
  .gqp-hero-rail{position:static;order:2;margin-top:18px}
  .gqp-hero-rail-in{height:auto}
  .gqp-hero-art{position:relative;right:auto;bottom:auto;width:min(100%,594px);margin:0 0 0 auto}
}
@media(max-width:575px){
  .gqp-hero{padding-top:30px}
  html body .gqp-hero h1:not(#_){font-size:32px;letter-spacing:-.7px}
  html body .gqp-hero p.gqp-lead:not(#_){font-size:20px}
  .gqp-hero-h1-br{display:none}

}

/* icon beside the title (2026-10-28) */
.gqp-region-top{align-items:center;gap:14px;min-width:0}
.gqp-region-top h3{flex:1;min-width:0;margin:0}
.gqp-done-head{display:flex;align-items:center;justify-content:center;gap:16px;text-align:left}
.gqp-done-head .gqp-done-ic{flex:0 0 56px;width:56px;height:56px;margin:0;font-size:24px;box-shadow:0 0 0 6px rgba(255,0,0,.1),0 10px 22px rgba(255,0,0,.25)}
.gqp-done-head h3{margin:0}
/* Keep step-navigation buttons consistent with the shared pill actions. */
/* Form continuation actions use the site's text-and-arrow link treatment. */
/* Pricing section: responsive maroon theme. */
#project-cost{background:#470000;color:#fff}
#project-cost .gqp-head h2,#project-cost .gqp-head p{color:#fff}
#project-cost .gqp-head .gqp-kicker{color:#ff0000;border-radius:999px}
#project-cost .gqp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
#project-cost .gqp-card{min-width:0;background:#fff8f8;border-color:#ffd4d4;color:#470000;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
#project-cost .gqp-card h3,#project-cost .gqp-card p{color:inherit}
#project-cost .gqp-card .gqp-icon{background:#ffe5e5;color:#c50000;border-color:#ffcaca}
#project-cost .gqp-card::after{background:#e31e26;opacity:1}
#project-cost .gqp-close{background:#fff8f8;border-color:#ffd4d4;color:#470000;box-shadow:none}
#project-cost .gqp-close h3,#project-cost .gqp-close p{color:#470000}
#project-cost .gqp-close .hp-more{color:#bc0000}
#project-cost .gqp-close .hp-more__ic{background:#d90000;color:#fff}
@media(hover:hover) and (pointer:fine){
#project-cost .gqp-card:hover{background:#ff0000;color:#fff;border-color:#ff0000;box-shadow:0 12px 28px #18000055;transform:translateY(-4px)}
#project-cost .gqp-card:hover .gqp-icon{background:#fff;color:#ff0000;box-shadow:none}
#project-cost .gqp-card:hover::after{background:#fff}
}
#project-cost .gqp-close a:focus-visible{outline:2px solid #bc0000;outline-offset:5px}
@media(max-width:1199px){#project-cost .gqp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#project-cost .gqp-cards{grid-template-columns:minmax(0,1fr)}#project-cost .gqp-close{gap:14px}#project-cost .gqp-close .hp-more{white-space:normal}}
@media(prefers-reduced-motion:reduce){#project-cost .gqp-card{transition:none}#project-cost .gqp-card:hover{transform:none}}
/* Match the hero illustration area to the left copy's vertical bounds. */
@media(min-width:992px){
  .gqp-hero-rail{top:48px;bottom:44px}
  .gqp-hero-art{top:0;bottom:0;height:100%;width:44%;max-width:none;right:12px}
  .gqp-hero-art img{width:100%;height:100%;object-fit:contain;object-position:center center}
}
@media(max-width:991px){
  .gqp-hero-art img{width:100%;height:auto;object-fit:contain}
}
/* Businesses we work with: maroon background and responsive red hover cards. */
#who-can-request{background:#470000;color:#fff}
#who-can-request .gqp-head h2,#who-can-request .gqp-head p{color:#fff}
#who-can-request .gqp-head .gqp-kicker{color:#fff;background:#ffffff12}
#who-can-request .gqp-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
#who-can-request .gqp-card{min-width:0;background:#fff8f8;color:#470000;border-color:#ffd4d4;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
#who-can-request .gqp-card h3,#who-can-request .gqp-card p{color:inherit}
#who-can-request .gqp-card .gqp-icon{background:#fff0f0;color:#ff0000;border-color:#ffd4d4}
#who-can-request .gqp-card::after{background:#ff0000;opacity:1}
#who-can-request>.container>.hp-more{color:#fff}
#who-can-request>.container>.hp-more .hp-more__ic{background:#ff0000;color:#fff}
@media(hover:hover) and (pointer:fine){
  #who-can-request .gqp-card:hover{background:#ff0000;color:#fff;border-color:#ff0000;box-shadow:0 12px 28px #18000055;transform:translateY(-4px)}
  #who-can-request .gqp-card:hover .gqp-icon{background:#fff;color:#ff0000;box-shadow:none}
  #who-can-request .gqp-card:hover::after{background:#fff}
}
#who-can-request>.container>.hp-more:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:991px){#who-can-request .gqp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#who-can-request .gqp-cards{grid-template-columns:minmax(0,1fr)}#who-can-request>.container>.hp-more{white-space:normal}}
@media(prefers-reduced-motion:reduce){#who-can-request .gqp-card{transition:none}#who-can-request .gqp-card:hover{transform:none}}
/* Quote hero: compact reference composition, with artwork anchored to the banner bottom. */
.gqp-hero{padding:38px 0 0;background:#ff0000}
.gqp-hero .container,.gqp-hero-rail-in{max-width:1240px}
.gqp-hero-copy{width:56%;max-width:none;padding-bottom:42px}
.gqp-hero .gqp-kicker{padding:5px 11px;font-size:10px;letter-spacing:.02em;line-height:1.3}
html body .gqp-hero h1:not(#_){font-size:clamp(34px,3vw,44px);line-height:1.15;letter-spacing:-1px;margin:16px 0 20px;font-weight:700}
html body .gqp-hero p.gqp-lead:not(#_){font-size:18px;line-height:1.4;margin-bottom:10px}
html body .gqp-hero-copy>p:not(#_):not(.gqp-lead):not(.gqp-hero-note){font-size:12px;line-height:1.65;margin-bottom:12px}
.gqp-hero .gqp-actions{margin-top:10px;gap:10px}
html body .gqp-hero p.gqp-hero-note:not(#_){font-size:11px;line-height:1.6;margin-top:22px;padding-top:14px}
.gqp-hero-note>span{padding:0 9px}
@media(min-width:992px){
.gqp-hero-rail{top:0;bottom:0}
.gqp-hero-art{top:20px;right:8px;bottom:0;width:44%;height:auto}
.gqp-hero-art img{width:100%;height:100%;object-fit:contain;object-position:right bottom}
}
@media(min-width:768px) and (max-width:991px){
.gqp-hero{display:block;min-height:460px}
.gqp-hero-copy{width:57%;max-width:none;padding-bottom:30px}
.gqp-hero-rail{position:absolute;inset:0;margin:0}
.gqp-hero-rail-in{height:100%}
.gqp-hero-art{position:absolute;top:28px;bottom:0;right:0;width:42%;height:auto;margin:0}
.gqp-hero-art img{width:100%;height:100%;object-fit:contain;object-position:right bottom}
.gqp-hero-h1-br{display:none}
html body .gqp-hero h1:not(#_){font-size:32px}
}
@media(max-width:767px){
.gqp-hero{display:flex;padding-top:28px}
.gqp-hero-copy{width:100%;max-width:none;padding-bottom:0}
.gqp-hero-rail{position:static;margin-top:20px}
.gqp-hero-rail-in{height:auto}
.gqp-hero-art{position:relative;top:auto;bottom:auto;right:auto;width:min(100%,480px);height:auto;margin:0 auto}
.gqp-hero-art img{width:100%;height:auto}
html body .gqp-hero h1:not(#_){font-size:32px}
html body .gqp-hero-copy>p:not(#_):not(.gqp-lead):not(.gqp-hero-note){font-size:14px}
}
/* Full-size quote hero within the site's 1500px content width. */
.gqp-hero .container,.gqp-hero-rail-in{max-width:1500px}
.gqp-hero{padding-top:44px}
.gqp-hero-copy{padding-bottom:44px}
.gqp-hero .gqp-kicker{padding:8px 14px;font-size:12px}
html body .gqp-hero h1:not(#_){font-size:clamp(36px,3.25vw,52px);margin:22px 0;line-height:1.15}
html body .gqp-hero p.gqp-lead:not(#_){font-size:22px;line-height:1.4;margin-bottom:14px}
html body .gqp-hero-copy>p:not(#_):not(.gqp-lead):not(.gqp-hero-note){font-size:16px;line-height:1.6;margin-bottom:16px}
.gqp-hero .gqp-actions{margin-top:22px;gap:14px}
html body .gqp-hero p.gqp-hero-note:not(#_){font-size:14px;margin-top:26px;padding-top:18px}
@media(max-width:991px){html body .gqp-hero h1:not(#_){font-size:34px}html body .gqp-hero p.gqp-lead:not(#_){font-size:20px}.gqp-hero-copy{padding-bottom:30px}}
@media(max-width:767px){.gqp-hero{padding-top:28px}.gqp-hero-copy{padding-bottom:0}html body .gqp-hero h1:not(#_){font-size:32px}html body .gqp-hero-copy>p:not(#_):not(.gqp-lead):not(.gqp-hero-note){font-size:14px}}

/* Hero (2026-10-29): from 1400px the illustration is as tall as the text block (it starts at the kicker and stands on the bottom of the band), like the home page.
   Narrower screens keep the earlier layout (the picture is as large as the room beside the text allows). */
@media(min-width:1400px){
  .gqp-hero-rail{top:44px;bottom:0}
  .gqp-hero-art{top:0;bottom:0;right:12px;width:50%;height:auto;max-width:none}
  .gqp-hero-art img{width:100%;height:100%;object-fit:contain;object-position:right bottom}
  .gqp-hero-copy{width:auto;max-width:calc(100% - 720px)}
}

/* Eyebrow pill (same as the home page .hp-kicker): zero-specificity defaults so every gqp-kicker label is a pill with an icon;
   border and tint follow the label colour (red on light, white on the red and maroon bands). */
:where(.gqp-kicker){padding:7px 16px;border:1px solid rgba(255,0,0,.28);border-radius:999px;background:rgba(255,0,0,.06)}
@supports (color:color-mix(in srgb,red 1%,transparent)){:where(.gqp-kicker){border-color:color-mix(in srgb,currentColor 35%,transparent);background:color-mix(in srgb,currentColor 7%,transparent)}}
.gqp-kicker i{flex:0 0 auto;font-size:13px;line-height:1}
html body .gqp-form:not(.is-stepped) .alive-btn.gqp-next:not(#_),html body .gqp-form:not(.is-stepped) .alive-btn.gqp-back:not(#_){display:none}
html body .gqp-step-actions .alive-btn.gqp-submit:not(#_){flex:0 0 auto}

/* Closing CTA = home page #inquiry look (css/final-card.css): the section's .container is the maroon card, so the old band is flat */
html body section.final-card.final-card:not(#_) .gqp-cta-content{max-width:880px}
html body section.final-card.final-card:not(#_) .gqp-cta .gqp-kicker{padding:7px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:#fff}