/* Adapted from S3A HomepageExplore.module.css, read-only source 2026-11-04. */
.hg-explore-section {
  padding-block: clamp(64px, 6vw, 96px) clamp(72px, 7vw, 112px);
  background: linear-gradient(180deg, #fff 0%, #f3f4f5 38%, #f3f4f5 65%, #fff 100%);
}
.hg-explore-inner { width: 88%; max-width: 1250px; margin-inline: auto; }
.hg-explore-heading { text-align: left; margin: 0 0 40px; }
.hg-explore-section .hg-explore-heading h2 { text-wrap: balance; }
.hg-explore-section .hg-explore-introAction { margin-top: 24px; white-space: nowrap; }
.hg-explore-section .hg-explore-heading p { color: #626b78; margin-top: 12px; max-width: 780px; text-wrap: pretty; }
.hg-explore-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.hg-explore-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.hg-explore-photo { width: 100%; aspect-ratio: 2.4; border-radius: 18px; overflow: hidden; }
.hg-explore-section .hg-explore-photo img { object-fit: cover; object-position: center; }
.hg-explore-section .hg-explore-card h3 { font-size: clamp(21px, 1.9vw, 26px); line-height: 1.22; letter-spacing: -.035em; margin: 24px 0 0; }
.hg-explore-section .hg-explore-card p { color: #626b78; font-size: 17px; line-height: 1.55; margin: 12px 0 24px; }
.hg-explore-section .hg-explore-action { margin-top: auto; font-size: 15px; gap: 12px; padding: 13px 18px; }
.hg-explore-action:focus-visible { outline: 3px solid #000000; outline-offset: 5px; }
@media (max-width: 999px) {
  .hg-explore-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(360px, 88%); overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; padding-bottom: 5px; }
  .hg-explore-grid::-webkit-scrollbar { display: none; }
}
@media (max-width: 699px) {
  .hg-explore-heading { text-align: left; margin-bottom: 32px; }
  .hg-explore-grid { gap: 24px; }
  .hg-explore-section .hg-explore-card h3 { margin-top: 20px; }
  .hg-explore-section .hg-explore-card p { margin-bottom: 24px; }
}
@media (prefers-reduced-motion: reduce) { .hg-explore-section .hg-explore-action { transition: none; } }

.hg-explore-controls { display: flex; align-items: center; gap: 12px; margin-top: 24px; }
.hg-explore-controls[hidden] { display: none; }
.hg-explore-scrollbar { appearance: none; flex: 1; min-width: 0; height: 44px; margin: 0 8px 0 0; background: transparent; cursor: pointer; }
.hg-explore-scrollbar::-webkit-slider-runnable-track { height: 5px; background: #dfe4e8; border-radius: 99px; }
.hg-explore-scrollbar::-webkit-slider-thumb { appearance: none; width: 44px; height: 9px; margin-top: -2px; border-radius: 99px; background: #000000; cursor: grab; }
.hg-explore-scrollbar::-moz-range-track { height: 5px; background: #dfe4e8; border-radius: 99px; }
.hg-explore-scrollbar::-moz-range-thumb { width: 44px; height: 9px; border: 0; border-radius: 99px; background: #000000; cursor: grab; }
.hg-explore-section .hg-explore-controls button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #1a1d24; cursor: pointer; }
.hg-explore-section .hg-explore-controls button:disabled { opacity: .35; cursor: default; }
.hg-explore-section :is(.hg-explore-introAction, .hg-explore-scrollbar, .hg-explore-controls button):focus-visible { outline: 3px solid #000000; outline-offset: 4px; }
.hg-explore-srOnly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Onest;src:url('/fonts/onest-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--font-manrope:Manrope;--font-onest:Onest;--ink:#1a1d24;--paper:#f4f5f7;--line:#dfe2e7;--s3a-navy:#000000;--s3a-coral:#ff8e8e;--s3a-coral-wash:#fff0ee;--pma-accent:#000000;--pma-accent-soft:#f0f1f8;--h1:clamp(32px,3.5vw,48px);--h2:clamp(30px,3vw,40px);--h3:clamp(23px,2.2vw,30px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:500 17px/1.6 Manrope,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #000000}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:Onest,sans-serif;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}h1{font-size:var(--h1);font-weight:700}h2{font-size:var(--h2);font-weight:700}h3{font-size:var(--h3);font-weight:600}p{max-width:75ch}svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}main{min-height:60vh}.pma-site{width:100%;min-width:0;overflow-x:clip}.wrap{width:88%;max-width:1250px;margin-inline:auto}.section{margin-top:100px;margin-bottom:100px}.label{display:inline-flex;align-items:center;gap:7px;font:600 12px/1.4 Manrope,sans-serif;letter-spacing:.04em;padding:5px 8px;background:#f0f1f4;border-radius:7px;margin-bottom:18px}.label:before{content:'';width:5px;height:5px;background:var(--s3a-navy)}
.ls-pill{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;border:0;border-radius:999px;padding:13px 21px;background:var(--s3a-navy);color:#fff;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.ls-pill:hover{background:#000000;transform:translateY(-2px)}.ls-pill.white{background:#fff;color:var(--s3a-navy)}.ls-pill.red{background:#b94750}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:5px}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:25px}.skip{position:fixed;z-index:100;left:20px;top:12px;transform:translateY(-180%);background:#fff;padding:12px 20px;border-radius:12px}.skip:focus{transform:none}
.hero{position:relative;margin:8px;border-radius:20px;overflow:hidden;height:calc(100svh - 260px);min-height:540px;max-height:760px;background:var(--s3a-navy);color:white}.hero-media{position:absolute;inset:0}.hero-media img{object-position:65% top}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0001 24%,#0008 58%,#000b)}.hero-copy{position:absolute;left:max(calc((100vw - 1250px)/2 - 8px),calc(6vw - 8px));right:6%;bottom:48px;max-width:760px}.hero h1{max-width:640px}.hero-copy p{max-width:680px;margin-top:16px;font-size:18px;line-height:1.5}.hero-copy .label{color:#fff;background:#ffffff20}.hero-copy .label:before{background:#ff8e8e}.hero-note{display:block;text-align:right;font-size:11px;line-height:1.5;color:#626b78;margin:8px 20px 0}.hg-nav-nav{grid-template-columns:100px minmax(0,1fr) 124px 46px}.hg-nav-search{width:46px;height:46px;border:0;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center}.hg-nav-nav .hg-nav-logo img{object-fit:contain}.hg-nav-brand-name{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.hg-nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.page-heading{text-align:center;max-width:1050px;margin:76px auto 52px;padding:0 24px}.page-heading h1{white-space:normal}.page-heading p{margin:20px auto 0;color:#626b78;max-width:750px}.page-visual{height:clamp(300px,36vw,570px);margin:0 8px;border-radius:20px;overflow:hidden}.page-visual img{object-position:50% 50%}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#626b78;padding-top:24px}.breadcrumbs a:hover{text-decoration:underline}
.facts{background:var(--s3a-navy);color:#fff;border-radius:20px;padding:52px}.facts h2 span{display:block;color:#d2d5eb}.facts>p{margin-top:18px;max-width:760px;color:#e0e2ee}.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}.facts-grid h3{font-size:26px;margin-bottom:16px}.facts-grid p{font-size:15px;line-height:1.6;color:#e0e2ee}.facts .label{background:#ffffff14;color:#e0e2ee}.facts .label:before{background:#ff8e8e}.facts .actions{margin-top:32px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split p{margin-top:18px;color:#626b78}.split figure{aspect-ratio:1.25;border-radius:20px;overflow:hidden}.split .text-link{margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head p{margin-top:14px;color:#626b78;max-width:750px}.section-head>a{flex-shrink:0}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tile{display:flex;flex-direction:column;align-items:start;min-width:0}.tile figure{width:100%;aspect-ratio:1.9;border-radius:18px;overflow:hidden}.tile h3{font-size:25px;margin-top:22px}.tile p{color:#626b78;margin:14px 0 24px}.tile .text-link{margin-top:auto}.photo-cta{position:relative;margin:100px 8px;border-radius:20px;overflow:hidden;height:560px;background:#000000;color:#fff}.photo-cta>img{position:absolute;inset:0;object-position:50% 35%}.photo-cta:after{content:'';position:absolute;inset:0;background:#0007}.photo-cta>div{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:25px}.photo-cta h2{max-width:680px}.photo-cta p{max-width:650px}
.reading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8%;align-items:start}.prose>h2{margin-bottom:34px}.prose section+section{margin-top:32px}.prose section h2{font-size:27px;line-height:1.22;margin-bottom:12px}.prose section p{color:#555d69;line-height:1.8}.checklist{background:#f4f5f7;border-radius:20px;padding:32px}.checklist h2{font-size:28px}.checklist ul{padding:0;list-style:none;margin:24px 0}.checklist li{padding:16px 0;border-bottom:1px solid #dfe2e7;font-size:15px;line-height:1.6;color:#555d69}.checklist p{color:#555d69;margin-top:14px;font-size:15px}.related .tile{border-radius:20px;background:#f4f5f7;padding:22px}.related .tile h3{font-size:24px}.related .tile p{font-size:15px}.enquiry{margin:100px 8px 0;padding:70px max(6%,calc((100% - 1250px)/2));background:var(--s3a-coral-wash);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.enquiry h2{max-width:500px}.enquiry p{margin-top:18px;color:#555d69}.enquiry figure{aspect-ratio:1.6;border-radius:20px;overflow:hidden}
.contact-layout{display:grid;grid-template-columns:1fr 1.22fr;gap:64px;align-items:start}.contact-copy{padding-top:24px}.contact-copy h2{max-width:420px}.contact-copy>p{color:#626b78;margin:24px 0 38px}.contact-benefits{list-style:none;padding:0;margin:0 0 38px;display:grid;gap:26px}.contact-benefits li{display:grid;grid-template-columns:20px 1fr;gap:14px;color:#626b78}.contact-benefits svg{padding:2px;background:#f0f1f8;border-radius:50%;color:#000000}.contact-benefits strong{color:#1a1d24}.contact-copy a:not(.ls-pill){text-decoration:underline;overflow-wrap:anywhere}.contact-frame{padding:12px;border-radius:30px;background:linear-gradient(155deg,#fff0ee 0%,#ffb5b3 24%,#000000 64%,#000000 100%)}.contact-card{padding:32px;background:#fff;border-radius:20px}.contact-card h2{font-size:29px}.contact-card>p{color:#626b78;margin:12px 0 26px;font-size:15px}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.field{display:flex;flex-direction:column;gap:8px;color:#000000;font-weight:600;font-size:14px;min-width:0}.wide,.consent,.form-status,.form-note{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;min-width:0;min-height:48px;border:1px solid #c4cad3;border-radius:12px;background:#fafbfc;padding:12px;color:var(--ink);font-weight:400;font-size:16px}.field textarea{min-height:160px;resize:vertical}.field [aria-invalid=true]{border:2px solid #a32737}.field-error{color:#a32737;font-size:13px;font-weight:500}.consent{display:flex;align-items:start;gap:12px;font-size:13px;color:#555d69}.consent input{width:18px;height:18px;flex:0 0 18px;margin-top:2px}.consent a{text-decoration:underline}.form-note{font-size:13px;color:#626b78}.contact-form .ls-pill{justify-self:start}.form-status{padding:18px;border-radius:12px;font-size:15px;background:#f0f1f8;color:#000000}.form-status.error{color:#a32737;background:#fff0ee}.form-status:empty{display:none}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status:focus{outline:2px solid #000000}
.faq{margin-top:48px;border-top:1px solid #dfe2e7}.faq details{border-bottom:1px solid #dfe2e7;padding:22px 0}.faq summary{font-weight:600;cursor:pointer}.faq p{margin-top:14px;color:#626b78}.footer{padding:80px 0 30px}.footer-logo{width:105px;height:55px;object-fit:contain;filter:brightness(0);margin-bottom:42px}.footer-statement{max-width:850px;margin-bottom:45px}.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8%;font-size:15px;color:#555d69}.footer-columns h3{font-size:20px;color:#1a1d24;margin-bottom:18px}.footer-columns a{display:block;line-height:2.2}.footer-columns address{font-style:normal}.footer-columns a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;border-top:1px solid #dfe2e7;margin-top:50px;padding-top:24px;font-size:13px;color:#626b78}.footer-policies{display:flex;gap:20px}.stage-label{color:#8c3f47;font-size:12px;margin-top:12px}
dialog{border:0;border-radius:24px;color:#1a1d24;background:#fff;max-width:800px;width:calc(100% - 32px);max-height:90dvh;padding:32px;font:500 17px/1.5 Manrope,sans-serif}dialog::backdrop{background:#00000080;backdrop-filter:blur(5px)}dialog h2{font-size:30px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.icon-button{display:grid;place-items:center;background:#f0f1f4;border:0;border-radius:50%;width:44px;height:44px;color:#000000}.mobile-links{display:grid;gap:3px}.mobile-links a{display:flex;justify-content:space-between;padding:14px 0;font:600 25px/1.3 Onest,sans-serif}.mobile-links .minor{font-size:17px;color:#626b78}.menu-bottom{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap}.search-input{display:block;width:100%;padding:15px;border-radius:12px;border:1px solid #c4cad3;background:#f4f5f7}.search-results{display:grid;gap:10px;margin-top:20px;max-height:50dvh;overflow:auto}.search-result{display:block;padding:14px;border-radius:12px;background:#f4f5f7}.search-result strong{display:block}.search-result p{font-size:14px;color:#626b78;margin-top:5px}.search-count{font-size:13px;color:#626b78;margin-top:14px}.notfound{text-align:center;padding:80px 24px}.notfound p{margin:20px auto 30px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}
@media(max-width:1199px){.hg-nav-nav{display:flex}.hg-nav-search{margin-left:0}.section-head{align-items:start;flex-direction:column}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.reading{gap:32px}.contact-layout{gap:32px}.hg-nav-nav .hg-nav-menu{margin-left:auto;order:0}.hero-copy{bottom:40px}}
@media(max-width:767px){.section{margin-block:64px}.hero{height:600px;min-height:0}.hero-media img{object-position:74% center}.hero-shade{background:linear-gradient(180deg,#0002,#0002 24%,#0009 35%,#000b 65%,#000d)}.hero-copy{bottom:28px;left:24px;right:24px}.hero h1{font-size:34px}.hero-copy p{font-size:16px}.hero-copy .label{font-size:11px}.hero-copy .actions{gap:10px}.hero-copy .ls-pill{padding:12px 17px}.hero-note{text-align:left;font-size:10px}.page-heading{margin:52px auto 36px}.page-heading h1{font-size:34px}.page-heading p{font-size:16px}.page-visual{height:300px}.facts{padding:28px}.facts-grid{gap:28px 22px}.facts-grid h3{font-size:25px}.facts-grid p{font-size:14px}.facts h2{font-size:30px}.split,.reading,.contact-layout,.enquiry{grid-template-columns:1fr}.split{gap:30px}.split figure{aspect-ratio:1.5}.tiles{grid-template-columns:1fr;gap:40px}.tile figure{aspect-ratio:1.8}.related .tiles{gap:16px}.photo-cta{margin-block:64px;height:440px}.photo-cta>img{object-position:60% center}.checklist{padding:26px}.prose section h2{font-size:25px}.enquiry{padding:36px 24px;gap:30px;margin-top:64px}.contact-copy{padding-top:0}.contact-layout{gap:36px}.contact-frame{padding:8px;border-radius:26px}.contact-card{padding:24px 20px}.contact-form{grid-template-columns:1fr;gap:20px}.contact-card h2{font-size:27px}.field{font-size:14px}.footer{padding-top:56px}.footer-columns{grid-template-columns:1fr 1fr;gap:32px}.footer-columns>div:first-child{grid-column:1/-1}.footer-statement{font-size:30px}.footer-bottom{flex-direction:column}.hg-nav-search{width:44px;height:44px;flex-shrink:0}.hg-nav-nav .hg-nav-menu{width:92px;padding:0 12px;gap:7px}.hg-nav-nav{gap:7px}.hg-nav-logo{margin-right:auto}.hg-explore-section .hg-explore-photo{aspect-ratio:1.8}dialog{padding:24px}.mobile-links a{font-size:23px}}
@media(max-width:370px){.hero{height:650px}.hero-copy{left:18px;right:18px}.hero h1{font-size:31px}.hero-copy .actions{align-items:start;flex-direction:column}.facts-grid{grid-template-columns:1fr}.hg-nav-nav .hg-nav-menu{width:82px;font-size:13px;padding:0 10px}.hg-nav-search{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:1000px){.contact-layout{grid-template-columns:1fr;gap:40px}.contact-copy{max-width:760px}.contact-frame{width:100%}}

/* Editorial copy uses the existing reading layout without turning the answer into a heading. */
.prose .article-meta{font-size:13px;color:#626b78;margin-bottom:18px}.prose .article-summary{font-size:20px;line-height:1.65;color:#000000;margin-bottom:32px}.technical-references{padding:24px;background:#f4f5f7;border-radius:16px}.prose .technical-references h2{font-size:24px}.technical-references>p{font-size:14px}.technical-references ul{padding-left:18px;margin:18px 0 0}.technical-references li+li{margin-top:12px}.technical-references a{font-size:14px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.prose .faq h2{font-size:26px;margin-bottom:10px}
@media(max-width:767px){.prose .article-summary{font-size:18px}.technical-references{padding:20px}}

.page-visual img[src="/images/pma-colleagues-waterworks-sunset.jpg"]{object-position:50% 20%}
@media(max-width:700px){.page-visual img[src="/images/pma-colleagues-waterworks-sunset.jpg"]{object-position:35% 30%}}

.cp-wrap { width: calc(100% - 112px); max-width: 1600px; margin-inline: auto; }
.cp-nav-overlay .cp-brand img, .cp-footer .cp-brand img { filter: brightness(0) invert(1); }
.cp-button { display: inline-flex; justify-content: center; align-items: center; gap: 25px; min-height: 46px; padding: 13px 25px; border: 1px solid var(--cp-ink); border-radius: 999px; background: var(--cp-ink); font-weight: 600; line-height: 1.3; text-align: center; transition: background 0.2s, transform 0.2s; color: white !important; font-size: 13px !important; }
.cp-button:hover { background: rgb(67, 94, 115); transform: translateY(-2px); }
.cp-button svg { flex-shrink: 0; }
.cp-hero .cp-button, .cp-landscape .cp-button, .cp-feature-media .cp-button { background: white; border-color: white; color: var(--cp-ink) !important; }
.cp-hero .cp-button-outline { background: transparent; border-color: rgba(255, 255, 255, 0.65); color: white !important; }
.cp-button:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
.cp-footer { background: rgb(32, 33, 31); color: rgb(244, 243, 238); padding: 75px 0px 30px; }
.cp-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 45px; }
.cp-footer-grid .cp-brand { text-align: left; font-size: 32px; }
.cp-footer-grid > div > p { margin-top: 30px; font-size: 13px; color: rgb(188, 190, 183); }
.cp-footer nav { display: flex; flex-direction: column; align-items: start; gap: 14px; font-size: 13px; }
.cp-footer nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.cp-footer nav button { padding: 0px; background: none; border: 0px; font-size: 13px; }
.cp-footer-bottom { display: flex; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 70px; padding-top: 25px; font-size: 11px; color: rgb(188, 190, 183); }
.cp-footer-bottom a { display: flex; gap: 15px; align-items: center; }
.cp-page-heading .cp-button { margin-top: 30px; }
.cp-cookie-backdrop .cp-button { margin-top: 10px; }
@container (max-width: 1100px) {.cp-wrap { width: calc(100% - 64px); }
.cp-footer-grid { grid-template-columns: 1.3fr 1fr 1fr; gap: 35px; }
.cp-footer-grid > nav:last-child { grid-column: 1 / -1; flex-flow: wrap; gap: 15px 25px; }}
@container (max-width: 700px) {.cp-wrap { width: calc(100% - 40px); }
.cp-button { padding: 12px 18px; gap: 18px; min-height: 44px; font-size: 12px !important; }
.cp-footer { padding-top: 55px; }
.cp-footer-grid { grid-template-columns: 1fr 1fr; gap: 45px 25px; }
.cp-footer-grid > div { grid-column: 1 / -1; }
.cp-footer-grid > div > p { margin-top: 24px; }
.cp-footer-grid > nav:last-child { display: flex; flex-direction: column; gap: 13px; grid-column: 1 / -1; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
.cp-footer-bottom { flex-direction: column; margin-top: 45px; gap: 20px; font-size: 10px; }}
.cp-data-story .cp-button { background: rgb(48, 36, 56); border-color: rgb(48, 36, 56); }
.cp-software-story .cp-button { background: rgb(255, 164, 88); border-color: rgb(255, 164, 88); color: rgb(32, 34, 37) !important; }
.cp-software-story .cp-button:hover { background: rgb(255, 181, 116); border-color: rgb(255, 181, 116); }
.cp-people-story .cp-button { background: white; border-color: white; color: rgb(32, 33, 31) !important; }
.cp-hero, .cp-data-story, .cp-software-story, .cp-people-story, .cp-landscape, .cp-feature, .cp-callout, .cp-footer { border-radius: var(--cp-section-radius); overflow: hidden; margin: 12px; }
@container (max-width: 700px) {.cp-hero, .cp-data-story, .cp-software-story, .cp-people-story, .cp-landscape, .cp-feature, .cp-callout, .cp-footer { --cp-section-radius: 33px; --cp-card-radius: 18px; margin: 8px; }}
.cp-note .cp-button { background: rgb(236, 219, 155); border-color: rgb(236, 219, 155); color: rgb(35, 75, 73) !important; }
.cp-updates.cp-wrap { padding-top: 100px; }
.cp-footer nav a { line-height: 1.5; }
@container (max-width: 700px) {.cp-news-more .cp-button { margin-top: 25px; }
.cp-updates.cp-wrap { padding-top: 65px; }}
.cp-hero .cp-button-outline { background: rgb(35, 75, 73); border-color: rgb(35, 75, 73); color: rgb(255, 255, 255) !important; }
.cp-hero .cp-button-outline:hover { background: rgb(50, 99, 96); border-color: rgb(50, 99, 96); }
.cp-nav-cta, .cp-nav-overlay .cp-nav-cta, .cp-button, .cp-filter-row > button, .cp-tabs, .cp-tabs > button, .cp-menu-mobile-links > a { border-radius: var(--cp-action-radius); }
.cp-hero .cp-button-outline { background: rgb(231, 129, 69); border-color: rgb(231, 129, 69); color: rgb(255, 255, 255) !important; }
.cp-hero .cp-button-outline:hover { background: rgb(201, 110, 56); border-color: rgb(201, 110, 56); }
.cp-callout-photo .cp-button { background: rgb(231, 129, 69); border-color: rgb(231, 129, 69); color: rgb(255, 255, 255) !important; }
.cp-callout-photo .cp-button:hover { background: rgb(201, 110, 56); }
.cp-contact-form-actions .cp-button { background: rgb(32, 33, 31); border-color: rgb(32, 33, 31); font-size: 12px !important; }
.cp-range-heading > .cp-button { flex: 0 0 auto; background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); min-height: 54px; padding: 14px 23px; margin: 0px; color: rgb(32, 33, 31) !important; font-size: 15px !important; }
.cp-section-heading > .cp-button { min-height: 52px; margin: 0px; padding: 13px 22px; font-size: 15px !important; }
.cp-mission-copy .cp-button { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); min-height: 54px; margin-top: 28px; color: rgb(32, 33, 31) !important; font-size: 15px !important; }
.cp-footer { background: rgb(32, 33, 31); color: rgb(255, 255, 255); padding: 86px 0px 40px; }
.cp-footer-main { max-width: none; }
.cp-footer-about { max-width: 900px; padding-bottom: 48px; }
.cp-footer-about h2 { font-size: clamp(42px, 4vw, 68px); margin-bottom: 22px; }
.cp-footer-about p { max-width: 750px; color: rgb(225, 225, 217); }
.cp-footer-about .cp-button { display: inline-flex; margin-top: 28px; background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); min-height: 52px; color: rgb(32, 33, 31) !important; font-size: 15px !important; }
.cp-footer-links { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 32px; max-width: 1080px; padding-top: 24px; }
.cp-footer-links nav { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.cp-footer-links h3 { font-size: 17px; letter-spacing: 0px; margin-bottom: 10px; }
.cp-footer-links a, .cp-footer-links button { font-size: 15px; color: rgb(224, 224, 217); line-height: 1.35; }
.cp-footer-links nav button { font-size: 15px; line-height: 1.5; }
.cp-footer-links a:hover, .cp-footer-links button:hover { text-decoration: underline; text-underline-offset: 4px; }
.cp-footer-links button { background: none; border: 0px; padding: 0px; text-align: left; }
.cp-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 32px; border: 0px; margin-top: 70px; padding: 0px; font-size: 13px; color: rgb(216, 216, 209); }
.cp-iso-icons { display: flex; gap: 13px; align-items: center; flex-wrap: wrap; }
.cp-iso-icons img { width: 116px; height: auto; object-fit: contain; }
.cp-policy-banner-copy .cp-button { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); min-height: 54px; margin-top: 28px; color: rgb(32, 33, 31) !important; font-size: 15px !important; }
.cp-policy-layout aside > .cp-button { min-height: 48px; margin-top: 0px; font-size: 14px !important; }
.cp-application-heading.cp-wrap { display: flex; align-items: end; justify-content: space-between; gap: 44px; width: calc(100% - 112px); max-width: 1600px; margin-bottom: 42px; }
.cp-application-heading > .cp-button { flex: 0 0 auto; min-height: 54px; padding: 14px 22px; background: rgb(162, 78, 40); border-color: rgb(162, 78, 40); font-size: 15px !important; }
.cp-application-heading > .cp-button:hover { background: rgb(128, 59, 32); border-color: rgb(128, 59, 32); }
.cp-applications-section .cp-application-grid .cp-button { min-height: 52px; margin-top: auto; padding: 13px 20px; font-size: 15px !important; }
.cp-applications-section .cp-tint-sand .cp-button { background: rgb(72, 91, 46); border-color: rgb(72, 91, 46); }
.cp-applications-section .cp-tint-lavender .cp-button { background: rgb(99, 61, 106); border-color: rgb(99, 61, 106); }
.cp-applications-section .cp-tint-sage .cp-button { background: rgb(40, 88, 76); border-color: rgb(40, 88, 76); }
.cp-applications-section .cp-tint-peach .cp-button { background: rgb(145, 65, 31); border-color: rgb(145, 65, 31); }
.cp-applications-section .cp-tint-sand .cp-button:hover { background: rgb(51, 67, 31); border-color: rgb(51, 67, 31); }
.cp-applications-section .cp-tint-lavender .cp-button:hover { background: rgb(72, 43, 80); border-color: rgb(72, 43, 80); }
.cp-applications-section .cp-tint-sage .cp-button:hover { background: rgb(28, 65, 56); border-color: rgb(28, 65, 56); }
.cp-applications-section .cp-tint-peach .cp-button:hover { background: rgb(109, 47, 24); border-color: rgb(109, 47, 24); }
@container (max-width: 1100px) {.cp-range-heading > .cp-button { margin: 0px; }
.cp-footer-links { grid-template-columns: repeat(2, minmax(0px, 1fr)); max-width: 760px; }}
@container (max-width: 1100px) {.cp-application-heading.cp-wrap { width: calc(100% - 64px); align-items: flex-start; }}
@container (max-width: 700px) {.cp-range-heading > .cp-button { min-height: 48px; font-size: 14px !important; }
.cp-section-heading > .cp-button { margin-top: 20px; min-height: 47px; font-size: 14px !important; }
.cp-mission-copy .cp-button { min-height: 49px; margin-top: 24px; font-size: 14px !important; }
.cp-footer { margin: 8px; border-radius: 33px; padding: 59px 0px 35px; }
.cp-footer-about { padding-bottom: 38px; }
.cp-footer-about h2 { font-size: 42px; }
.cp-footer-about .cp-button { min-height: 48px; font-size: 14px !important; }
.cp-footer-links { gap: 36px 16px; padding-top: 20px; }
.cp-footer-links h3 { font-size: 15px; }
.cp-footer-links a, .cp-footer-links button { font-size: 13px; }
.cp-footer-bottom { align-items: flex-start; flex-direction: column; margin-top: 50px; gap: 25px; font-size: 12px; }
.cp-iso-icons { gap: 8px; }
.cp-iso-icons img { width: 91px; }
.cp-policy-banner-copy .cp-button { min-height: 49px; margin-top: 22px; font-size: 14px !important; }}
@container (max-width: 700px) {.cp-application-heading.cp-wrap { display: block; width: calc(100% - 40px); margin-bottom: 27px; }
.cp-application-heading > .cp-button { margin-top: 22px; min-height: 49px; font-size: 14px !important; }
.cp-applications-section .cp-application-grid .cp-button { min-height: 49px; font-size: 14px !important; }}
.cp-mythe-heading .cp-button { background: rgb(242, 163, 91); border-color: rgb(242, 163, 91); min-height: 52px; flex: 0 0 auto; color: rgb(32, 33, 31) !important; }
.cp-datasheet-request .cp-button { background: rgb(233, 155, 85); border-color: rgb(233, 155, 85); min-height: 54px; flex: 0 0 auto; color: rgb(32, 33, 31) !important; }
@container (max-width: 700px) {.cp-datasheet-request .cp-button { min-height: 49px; font-size: 14px !important; }}
.cp-company-page .cp-policy-layout aside > .cp-button { background: rgb(237, 162, 99); border-color: rgb(237, 162, 99); color: rgb(32, 33, 31) !important; }
.cp-system-actions .cp-button { background: rgb(36, 73, 69); border-color: rgb(36, 73, 69); color: rgb(255, 255, 255) !important; }
.cp-system-actions .cp-button:last-child { background: rgb(237, 162, 99); border-color: rgb(237, 162, 99); color: rgb(32, 33, 31) !important; }
.cp-button { min-height: 52px; padding: 15px 27px; font-size: 14px !important; }
.cp-range-heading > .cp-button, .cp-section-heading > .cp-button, .cp-mission-copy .cp-button, .cp-footer-about .cp-button, .cp-policy-banner-copy .cp-button, .cp-application-heading > .cp-button, .cp-applications-section .cp-application-grid .cp-button { min-height: 58px; padding: 16px 26px; font-size: 16px !important; }
.cp-policy-layout aside > .cp-button, .cp-datasheet-request .cp-button, .cp-mythe-heading .cp-button { min-height: 54px; font-size: 15px !important; }
@container (max-width: 700px) {.cp-button { min-height: 50px; padding: 13px 21px; font-size: 13px !important; }
.cp-range-heading > .cp-button, .cp-section-heading > .cp-button, .cp-mission-copy .cp-button, .cp-footer-about .cp-button, .cp-policy-banner-copy .cp-button, .cp-application-heading > .cp-button, .cp-applications-section .cp-application-grid .cp-button, .cp-datasheet-request .cp-button { min-height: 53px; padding: 14px 22px; font-size: 15px !important; }}
@container (max-width: 700px) {.cp-footer-links nav button { font-size: 13px; }}
.cp-updates:not(.cp-wrap) .cp-page-hero .cp-hero-content { width: min(1220px, 100% - 10vw); max-width: 1220px; }
@container (max-width: 700px) {.cp-updates:not(.cp-wrap) .cp-page-hero .cp-hero-content { width: auto; max-width: none; }}
.cp-direction-marker { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 64px; height: 64px; border-radius: 17px; background: rgb(242, 163, 91); color: rgb(32, 33, 31); }
.cp-direction-marker svg { position: static; width: 38px; height: 38px; bottom: auto; right: auto; transition: transform 0.2s; }
.cp-company-destinations .cp-direction-marker { position: absolute; right: 28px; bottom: 28px; }
.cp-company-destinations > a:nth-child(2) .cp-direction-marker { background: rgb(201, 168, 206); }
.cp-company-destinations > a:nth-child(3) .cp-direction-marker { background: rgb(231, 232, 189); }
.footer-reference .cp-wayfinding-button.cp-button { justify-content: space-between; gap: 28px; min-height: 80px; padding: 8px 8px 8px 24px; border: 0px; border-radius: 23px; background: rgb(32, 33, 31); font-weight: 600; max-width: 100%; white-space: normal; color: rgb(255, 255, 255) !important; font-size: 16px !important; }
.cp-wayfinding-button .cp-direction-marker { width: 64px; height: 64px; border-radius: 16px; }
.footer-reference .cp-wayfinding-button.cp-button:hover { background: rgb(48, 54, 55); transform: none; }
.cp-wayfinding-button > span:first-child { min-width: 0px; text-align: left; }
.cp-about-page .cp-wayfinding-button.cp-button { background: rgb(48, 54, 55); }
.cp-company-destinations > a:hover .cp-icon-right svg, .cp-wayfinding-button:hover .cp-icon-right svg { transform: translateX(2px); }
@container (max-width: 1100px) {.cp-company-destinations .cp-direction-marker { right: 24px; bottom: 24px; }}
@container (max-width: 700px) {.cp-direction-marker { width: 60px; height: 60px; border-radius: 16px; }
.cp-direction-marker svg { width: 36px; height: 36px; }
.cp-wayfinding-button.cp-button { min-height: 76px; }
.cp-wayfinding-button .cp-direction-marker { width: 60px; height: 60px; }}
@media (prefers-reduced-motion: reduce) {.cp-direction-marker svg { transition: none; }
.cp-company-destinations > a:hover .cp-direction-marker svg, .cp-wayfinding-button:hover .cp-direction-marker svg { transform: none; }}
.cp-application-heading > .cp-wayfinding-button.cp-button, .cp-mission-copy .cp-wayfinding-button.cp-button, .cp-software-story .cp-wayfinding-button.cp-button { background: rgb(32, 33, 31); color: rgb(255, 255, 255) !important; }
.cp-hero-content > p:not(.cp-label), .cp-inner-hero .cp-hero-content > p:not(.cp-label), .cp-intro > p:last-child, .cp-page-heading > p:not(.cp-label), .cp-range-heading p, .cp-data-heading > p:last-child, .cp-data-steps p, .cp-software-grid > div > p:not(.cp-label), .cp-model-flow p, .cp-people-story p:not(.cp-label), .cp-scenic-copy > p:not(.cp-label), .cp-scenic-water .cp-scenic-copy > p:not(.cp-label), .cp-reading-head > p, .cp-mythe-heading > div > p:last-child, .cp-mission-copy p, .cp-system-copy > p:not(.cp-label), .cp-footer-about p, .cp-application-heading > div > p:last-child, .cp-application-grid p:not(.cp-label), .cp-applications-section .cp-application-grid article > p:not(.cp-label), .cp-about-intro > p, .cp-company-grid p:not(.cp-label), .cp-about-page .cp-company-grid p:not(.cp-label), .cp-company-links p, .cp-editorial p:not(.cp-label), .cp-product-detail p, .cp-feature-media p, .cp-landscape p:not(.cp-label), .cp-datasheet-request p:not(.cp-label), .cp-contact-copy > p:not(.cp-label), .cp-contact-section .cp-contact-copy > p, .cp-contact-section .cp-enquiry-intro, .cp-journal-header > p, .cp-journal-cta p, .cp-article-heading > p:last-child, .cp-process p, .cp-product-insight > p, .cp-product-insight article p, .cp-note > p, .cp-project-steps article > p, .cp-parameter p:not(.cp-label), .cp-news-grid p:not(.cp-label), .cp-resource-grid p:not(.cp-label), .cp-news-more p, .cp-faq details p, .cp-callout > p, .cp-callout-copy > p, .cp-policy-banner-copy > p:not(.cp-label), .cp-product-copy > p:not(.cp-label), .cp-contact-details article > p:not(.cp-label), .cp-contact-details address { font-size: var(--cp-body-size); line-height: var(--cp-body-leading); }
.footer-reference .cp-wayfinding-button.cp-button, .footer-reference .cp-news-action, .footer-reference .cp-resource-action { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 54px; padding: 7px 7px 7px 18px; border: 0px; border-radius: 16px; line-height: 1.3; font-weight: 600; max-width: 100%; white-space: normal; font-size: 15px !important; }
.footer-reference .cp-wayfinding-button.cp-button { background: var(--cp-button-bg,#20211f); color: var(--cp-button-ink,#fff) !important; }
.footer-reference .cp-direction-marker, .footer-reference .cp-wayfinding-button .cp-direction-marker { position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px; background: var(--cp-marker-bg,#e6e9e2); color: var(--cp-marker-ink,#20211f); }
.footer-reference .cp-direction-marker svg { width: 20px; height: 20px; transition: transform 0.2s; }
.footer-reference .cp-wayfinding-button:hover .cp-icon-right svg, .footer-reference .cp-company-links > a:hover .cp-icon-right svg { transform: translateX(2px); }
.footer-reference .cp-wayfinding-button:hover .cp-icon-external svg { transform: translate(1px, -1px); }
.cp-hero .cp-button-outline { --cp-button-bg: #ee994e; --cp-button-ink: #20211f; --cp-marker-bg: #ffd0a2; }
.cp-people-story, .cp-footer { --cp-marker-bg: #e0e5dd; }
.cp-footer { --cp-button-bg: #fff; --cp-button-ink: #20211f; }
.footer-reference .cp-company-links > a > .cp-direction-marker { position: absolute; right: 24px; bottom: 24px; }
.footer-reference .cp-menu-card > .cp-direction-marker { position: absolute; right: 16px; bottom: 16px; background: rgb(244, 243, 238); }
.footer-reference .cp-contact-details .cp-button { --cp-marker-bg: #ffc78f; text-decoration: none; }
@media (prefers-reduced-motion: reduce) {.footer-reference .cp-direction-marker svg { transition: none; transform: none !important; }}
.footer-reference .cp-photo-primary.cp-button { --cp-button-bg: #fff; --cp-button-ink: #20211f; --cp-button-hover-bg: #f0f1ed; --cp-button-hover-ink: #20211f; --cp-marker-bg: #ee994e; --cp-marker-ink: #20211f; }
.footer-reference .cp-wayfinding-button.cp-button { --cp-button-hover-bg: #343a3b; --cp-button-hover-ink: var(--cp-button-ink,#fff); transition: background-color 0.2s, color 0.2s; }
.footer-reference .cp-wayfinding-button.cp-button:hover { background: var(--cp-button-hover-bg); color: var(--cp-button-hover-ink) !important; }
.footer-reference .cp-range-heading > .cp-button { --cp-button-bg: #3b4140; --cp-button-ink: #fff; --cp-button-hover-bg: #4a504f; --cp-button-hover-ink: #fff; --cp-marker-bg: #e6e9e2; --cp-marker-ink: #20211f; }
.footer-reference .cp-product > a:hover .cp-product-action .cp-icon-right svg, .footer-reference .cp-product > a:focus-visible .cp-product-action .cp-icon-right svg { transform: translateX(2px); }
.footer-reference .cp-hero:not(.cp-page-hero) .cp-actions > .cp-button:not(.cp-button-outline) { --cp-button-bg: #fff; --cp-button-ink: #20211f; --cp-button-hover-bg: #f0f1ed; --cp-button-hover-ink: #20211f; --cp-marker-bg: #ee994e; --cp-marker-ink: #20211f; }
.footer-reference .cp-hero:not(.cp-page-hero) .cp-actions > .cp-button-outline { --cp-button-bg: #ee994e; --cp-button-ink: #20211f; --cp-button-hover-bg: #f4aa69; --cp-button-hover-ink: #20211f; --cp-marker-bg: #ffd0a2; --cp-marker-ink: #20211f; }
.footer-reference .cp-people-story .cp-wayfinding-button.cp-button { --cp-button-bg: #fff; --cp-button-ink: #20211f; --cp-button-hover-bg: #f0f1ed; --cp-button-hover-ink: #20211f; --cp-marker-bg: #ee994e; --cp-marker-ink: #20211f; }
.footer-reference .cp-callout-photo .cp-wayfinding-button.cp-button { --cp-button-bg: #e78145; --cp-button-ink: #fff; --cp-button-hover-bg: #f0975d; --cp-button-hover-ink: #20211f; --cp-marker-bg: #fff; --cp-marker-ink: #20211f; }
.footer-reference .cp-mythe-heading .cp-button { --cp-button-bg: #f2a35b; --cp-button-ink: #20211f; --cp-button-hover-bg: #f6b779; --cp-button-hover-ink: #20211f; --cp-marker-bg: #dceae5; --cp-marker-ink: #20211f; }
@container (max-width: 700px) {.cp-water-explanation > .cp-wrap { width: calc(100% - 40px); }}
.footer-reference .cp-drinking-callout .cp-wayfinding-button.cp-button { --cp-button-bg: #fff; --cp-button-ink: #20211f; --cp-button-hover-bg: #f0f1ed; --cp-button-hover-ink: #20211f; --cp-marker-bg: #ee994e; --cp-marker-ink: #20211f; }
.footer-reference .cp-footer-links { width: 100%; max-width: 980px; margin-right: auto; margin-left: 0px; grid-template-columns: 1fr 1fr 1fr 1.35fr; gap: 28px; text-align: left; }
.footer-reference .cp-footer-about .cp-wayfinding-button.cp-button { --cp-button-bg: #000; --cp-button-ink: #fff; --cp-marker-bg: #153eff; --cp-marker-ink: #fff; --cp-button-hover-bg: #343a3b; --cp-button-hover-ink: #fff; }
.footer-reference .cp-callout-photo:not(.cp-drinking-callout) .cp-wayfinding-button.cp-button { --cp-button-hover-bg: #343a3b; --cp-button-hover-ink: #fff; }
@container (max-width: 1000px) {.footer-reference .cp-footer-links { max-width: 680px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px 24px; }}
.footer-reference .cp-footer-links { grid-template-columns: 180px minmax(0px, 1fr); gap: 40px; max-width: 820px; align-items: start; }
.cp-footer-page-columns { display: grid; grid-template-columns: 140px 140px minmax(0px, 1fr); gap: 20px; align-items: start; min-width: 0px; }
.cp-footer-links nav { min-width: 0px; align-self: start; }
.footer-reference .cp-footer-products > a { font-family: var(--font-onest,Onest),Arial,sans-serif; font-size: 24px; font-weight: 650; line-height: 1.2; letter-spacing: var(--cp-heading-tracking); color: rgb(255, 255, 255); }
.footer-reference .cp-footer-bottom { align-items: center; gap: 32px; }
.cp-footer-identity { display: flex; align-items: center; min-width: 0px; }
.cp-footer-identity > p { font-size: 12px; line-height: 1.5; color: rgb(199, 203, 199); }
.footer-reference .cp-footer-linkedin { display: inline-flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 8px; width: 152px; height: 40px; min-height: 40px; max-width: 100%; padding: 6px 7px; color: rgb(255, 255, 255); background: rgb(10, 102, 194); text-decoration: none; border-radius: 10px; transition: background-color 0.2s; }
.cp-footer-social-logo { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 7px; background: transparent; color: rgb(255, 255, 255); }
.cp-footer-social-logo svg { display: block; width: 20px; height: 20px; }
.cp-footer-social-logo svg circle, .cp-footer-social-logo svg path { fill: rgb(10, 102, 194); }
.cp-footer-social-label { font-size: 13px; font-weight: 600; line-height: 1.2; }
.cp-footer-social-arrow { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 26px; height: 26px; background: transparent; color: rgb(255, 255, 255); }
.cp-footer-social-arrow svg { transition: transform 0.2s; }
.cp-footer-linkedin:hover { background: rgb(0, 65, 130); }
.cp-footer-linkedin:hover .cp-footer-social-logo svg circle, .cp-footer-linkedin:hover .cp-footer-social-logo svg path { fill: rgb(0, 65, 130); }
.cp-footer-linkedin:hover .cp-footer-social-arrow svg { transform: translate(2px, -2px); }
.footer-reference .cp-iso-icons { display: flex; flex: 0 0 auto; gap: 8px; align-items: center; flex-wrap: nowrap; }
.cp-iso-badge { display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 0 0 auto; gap: 7px; width: 104px; height: 40px; padding: 6px 10px; border-radius: 10px; background: rgb(48, 53, 54); color: rgb(255, 255, 255); }
.cp-iso-badge > span { font-size: 10px; font-weight: 650; letter-spacing: 0.04em; line-height: 1.2; }
.cp-iso-badge > strong { font-family: var(--font-onest,Onest),Arial,sans-serif; font-size: 17px; font-weight: 600; line-height: 1.2; letter-spacing: var(--cp-heading-tracking); }
@container (max-width: 1000px) {.footer-reference .cp-footer-links { grid-template-columns: 160px minmax(0px, 1fr); gap: 28px; max-width: 820px; }
.cp-footer-page-columns { gap: 16px; grid-template-columns: 1fr 1fr 1.45fr; }
.footer-reference .cp-footer-products > a { font-size: 22px; }
.footer-reference .cp-footer-bottom { flex-direction: column; align-items: flex-start; gap: 24px; }
.cp-footer-marks { align-self: flex-end; }}
@container (max-width: 700px) {.footer-reference .cp-footer-links { grid-template-columns: 1fr; gap: 24px; }
.cp-footer-links .cp-footer-products { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 16px; width: 100%; align-items: start; }
.cp-footer-products > h3 { grid-column: 1 / -1; margin-bottom: 8px; }
.footer-reference .cp-footer-products > a { font-size: 20px; min-height: 40px; display: flex; align-items: center; }
.cp-footer-page-columns { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 20px; }
.cp-footer-page-columns > nav:last-child { grid-column: 1 / -1; }
.cp-footer-page-columns nav { gap: 0px; }
.cp-footer-page-columns h3 { margin: 0px 0px 6px; }
.cp-footer-page-columns :is(a, button) { display: inline-flex; align-items: center; min-height: 36px; text-align: left; }
.footer-reference .cp-footer-bottom { align-items: flex-start; margin-top: 32px; gap: 20px; }
.footer-reference .cp-iso-icons { width: 100%; max-width: 488px; gap: 6px; align-self: flex-start; }
.cp-iso-badge { flex: 1 1 0%; min-width: 0px; width: auto; max-width: none; height: 40px; padding: 4px; gap: 4px; }
.cp-iso-badge > span { font-size: 9px; }
.cp-iso-badge > strong { font-size: 14px; }
.footer-reference .cp-footer-linkedin { width: 118px; gap: 6px; padding: 6px; }
.cp-footer-social-logo, .cp-footer-social-arrow { width: 24px; height: 24px; }
.cp-footer-social-label { font-size: 12px; }}
@container (max-width: 375px) {.footer-reference .cp-footer-linkedin { width: 58px; gap: 6px; }
.cp-footer-linkedin .cp-footer-social-label { display: none; }
.cp-footer-social-logo, .cp-footer-social-arrow { width: 20px; height: 24px; }
.cp-iso-badge > strong { font-size: 13px; }}
@container (max-width: 350px) {.footer-reference .cp-footer-products > a { font-size: 18px; }}
@media (prefers-reduced-motion: reduce) {.cp-footer-social-arrow svg, .cp-footer-social-arrow { transition: none; }
.cp-footer-linkedin:hover .cp-footer-social-arrow svg { transform: none; }}
.footer-reference .cp-brochure-download .cp-direction-marker { background: rgb(238, 153, 78); color: rgb(32, 33, 31); }
@container (max-width: 700px) {.cp-datasheet-action .cp-button { max-width: 100%; }}
.cp-weather-resource > .cp-button { margin-top: 24px; }
.footer-reference .cp-callout-photo.cp-blue-sky:not(.cp-drinking-callout) .cp-wayfinding-button.cp-button { --cp-button-bg: #ee994e; --cp-button-ink: #20211f; --cp-button-hover-bg: #343a3b; --cp-button-hover-ink: #fff; --cp-marker-bg: #fff; --cp-marker-ink: #20211f; }
.footer-reference .cp-weather-invitation .cp-wayfinding-button.cp-button { margin-top: 22px; max-width: 100%; --cp-button-bg: #20211f; --cp-button-ink: #fff; --cp-button-hover-bg: #343a3b; --cp-button-hover-ink: #fff; --cp-marker-bg: #ee994e; --cp-marker-ink: #20211f; }
@container (max-width: 700px) {.footer-reference .cp-weather-invitation .cp-wayfinding-button.cp-button { margin-top: 20px; }}
.cp-news-archive-grid .cp-direction-marker { align-self: center; flex: 0 0 auto; }
@container (max-width: 1100px) {.cp-news-archive-grid .cp-direction-marker { display: none; }}
.cp-discovery-hero > .cp-wrap { padding: 54px 0px 158px; }
.cp-discovery-hero .cp-button { margin-top: 26px; }
.cp-discovery-banner .cp-button { margin-top: 24px; }
.cp-discovery-model .cp-button { flex-shrink: 0; }
.cp-discovery-page main > .cp-wrap { width: calc(100% - 136px); max-width: 1600px; }
.cp-discovery-page .cp-wayfinding-button { --cp-marker-bg: #ee994e; --cp-marker-ink: #20211f; }
@media (max-width: 1000px) {.cp-discovery-page main > .cp-wrap { width: calc(100% - 88px); }}
@media (max-width: 700px) {.cp-discovery-page main > .cp-wrap { width: calc(100% - 56px); }
.cp-discovery-hero > .cp-wrap { width: calc(100% - 40px); padding-block: 32px 142px; }
.cp-discovery-flow > .cp-wrap { width: calc(100% - 40px); }
.cp-discovery-topic-hero .cp-button { max-width: 100%; }}
.native-inline-0{ text-align:left;}
.native-inline-1{ text-align:left;}
.native-inline-2{ text-align:left;}
.native-inline-3{ text-align:left;}
.native-inline-4{ text-align:left;}
.native-inline-5{ text-align:left;}
.native-inline-6{ text-align:left;}
.native-inline-7{ text-align:left;}
.native-inline-8{ text-align:left;}
.native-inline-9{ text-align:left;}
.native-inline-10{ text-align:left;}
.native-inline-11{ text-align:left;}
.native-inline-12{ text-align:left;}
.native-inline-13{ text-align:left;}
.native-inline-14{ text-align:left;}
.native-inline-15{ text-align:left;}
.native-inline-16{ text-align:left;}
.native-inline-17{ text-align:left;}
.native-inline-18{ text-align:left;}
.native-inline-19{ text-align:left;}
.native-inline-20{ text-align:left;}
.native-inline-21{ text-align:left;}
.native-inline-22{ text-align:left;}
.native-inline-23{ text-align:left;}
.native-inline-24{ text-align:left;}
.native-inline-25{ text-align:left;}
.native-inline-26{ text-align:left;}
.native-inline-27{ text-align:left;}
.native-inline-28{ text-align:left;}
.native-inline-29{ text-align:left;}
.native-inline-30{ text-align:left;}
.native-inline-31{ text-align:left;}
.native-inline-32{ text-align:left;}
.native-inline-33{ text-align:left;}
.native-inline-34{ text-align:left;}
.native-inline-35{ text-align:left;}
.native-inline-36{ text-align:left;}
.native-inline-37{ text-align:left;}
.native-inline-38{ text-align:left;}
.native-inline-39{ text-align:left;}
.native-mp5 .wrapper{padding-top: 0px !important;}
.native-mp5 .content{padding-top: 0px !important; margin-top: 0px !important;}
.native-mp5 .pma-halogen{box-sizing: border-box; color: rgb(23, 26, 28); margin-left: 0px !important; margin-right: 0px !important;}
.native-mp5 .pma-halogen *{box-sizing: border-box; min-width: 0px;}
.native-mp5 .pma-halogen > .full_section_inner > .wpb_column, .native-mp5 .pma-halogen > .full_section_inner > .wpb_column > .vc_column-inner{padding: 0px !important;}
.native-mp5 .pma-halogen .wpb_content_element{margin-bottom: 0px;}
.native-mp5 .pma-halogen h1, .native-mp5 .pma-halogen h2, .native-mp5 .pma-halogen h3, .native-mp5 .pma-halogen h4{color: inherit; margin: 0px 0px 18px; text-wrap: balance;}
.native-mp5 .pma-halogen p, .native-mp5 .pma-halogen li{color: inherit; text-wrap: pretty;}
.native-mp5 .pma-halogen p{margin: 0px 0px 20px;}
.native-mp5 .pma-halogen p:last-child{margin-bottom: 0px;}
.native-mp5 .pma-halogen p:empty{display: none;}
.native-mp5 .pma-halogen ul, .native-mp5 .pma-halogen ol{padding-left: 24px; margin: 0px 0px 24px;}
.native-mp5 .pma-halogen li{margin-bottom: 12px;}
.native-mp5 .pma-halogen a:not(.hg-button){color: inherit; text-decoration: underline; text-underline-offset: 3px;}
.native-mp5 .pma-halogen a:focus-visible, .native-mp5 .pma-halogen summary:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 5px;}
.native-mp5 .pma-halogen img{display: block; max-width: 100%; height: auto;}
.native-mp5 .pma-halogen .hg-wrap{width: calc(100% - 48px); max-width: 1240px; margin: 0px auto;}
.native-mp5 .pma-halogen.hg-section{background: rgb(255, 255, 255); padding: 88px 0px !important;}
.native-mp5 .pma-halogen.hg-soft{background: rgb(245, 247, 250);}
.native-mp5 .pma-halogen.hg-dark{background: rgb(26, 29, 36); color: rgb(255, 255, 255);}
.native-mp5 .pma-halogen.hg-hero{min-height: 720px; display: flex; align-items: flex-end; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) 36%, transparent 74%), url("/images/pma-reference/pma-halogen-mp5-wide-20261007.webp"); background-size: cover; background-position: center center; color: rgb(255, 255, 255); padding: 200px 0px 64px !important;}
.native-mp5 .pma-halogen.hg-hero > .full_section_inner{width: 100%;}
.native-mp5 .pma-halogen .hg-hero-copy{max-width: 1050px;}
.native-mp5 .pma-halogen .hg-hero-copy p{max-width: 760px; margin: 0px;}
.native-mp5 .pma-halogen .hg-two{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 64px; align-items: center;}
.native-mp5 .pma-halogen .hg-image{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 30px;}
.native-mp5 .pma-halogen .hg-heading{max-width: 850px; margin-bottom: 38px;}
.native-mp5 .pma-halogen .hg-heading p{max-width: 74ch;}
.native-mp5 .pma-halogen .hg-grid{display: grid; gap: 24px; align-items: stretch;}
.native-mp5 .pma-halogen .hg-three{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.native-mp5 .pma-halogen .hg-four{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.native-mp5 .pma-halogen .hg-grid-two{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp5 .pma-halogen .hg-card{padding: 32px; border-radius: 28px; background: rgb(245, 247, 250); display: flex; flex-direction: column; align-items: flex-start;}
.native-mp5 .pma-halogen.hg-soft .hg-card{background: rgb(255, 255, 255);}
.native-mp5 .pma-halogen.hg-dark .hg-card{background: rgb(39, 43, 48);}
.native-mp5 .pma-halogen .hg-card .hg-button{margin-top: auto;}
.native-mp5 .pma-halogen .hg-card > p:last-child:has(> .hg-button){margin-top: auto;}
.native-mp5 .pma-halogen .hg-card p{margin-bottom: 24px;}
.native-mp5 .pma-halogen .hg-button-blue{background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-mp5 .pma-halogen .hg-button:hover, .native-mp5 .pma-halogen .hg-button:focus-visible{background: rgb(21, 62, 255); color: rgb(255, 255, 255); border-color: rgb(21, 62, 255);}
.native-mp5 .pma-halogen .hg-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px;}
.native-mp5 .pma-halogen .hg-video{max-width: 580px; width: 100%; justify-self: end;}
.native-mp5 .pma-halogen .hg-video-frame{aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: rgb(26, 29, 36); position: relative;}
.native-mp5 .pma-halogen .hg-video-frame iframe{position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
.native-mp5 .pma-halogen .hg-video > p{margin-top: 16px;}
.native-mp5 .pma-halogen .hg-applications{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 48px 32px;}
.native-mp5 .pma-halogen .hg-application{text-align: center;}
.native-mp5 .pma-halogen .hg-application img{width: 190px; height: 190px; border-radius: 50%; object-fit: cover; margin: 0px auto 24px;}
.native-mp5 .pma-halogen .hg-application h4{margin-bottom: 12px;}
.native-mp5 .pma-halogen .hg-specs{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; margin: 0px;}
.native-mp5 .pma-halogen .hg-specs > div{border-radius: 24px; background: rgb(245, 247, 250); padding: 30px;}
.native-mp5 .pma-halogen.hg-soft .hg-specs > div{background: rgb(255, 255, 255);}
.native-mp5 .pma-halogen .hg-specs dt h4{margin: 0px 0px 12px;}
.native-mp5 .pma-halogen .hg-specs dd{margin: 0px;}
.native-mp5 .pma-halogen .hg-source{margin-top: 30px;}
.native-mp5 .pma-halogen .hg-step{padding: 24px 0px; border-bottom: 1px solid rgb(221, 225, 227);}
.native-mp5 .pma-halogen .hg-step:first-of-type{padding-top: 12px;}
.native-mp5 .pma-halogen .hg-step:last-of-type{border-bottom: 0px; padding-bottom: 0px;}
.native-mp5 .pma-halogen .hg-step h4{margin-bottom: 10px;}
.native-mp5 .pma-halogen .hg-faq details{padding: 24px 28px; background: rgb(245, 247, 250); border-radius: 20px; margin-bottom: 16px;}
.native-mp5 .pma-halogen .hg-faq summary{cursor: pointer;}
.native-mp5 .pma-halogen .hg-faq summary h4{display: inline; margin: 0px;}
.native-mp5 .pma-halogen .hg-faq details p{margin: 20px 0px 0px;}
.native-mp5 .pma-halogen .hg-keep{white-space: nowrap;}
@media (max-width: 1024px) {.native-mp5 .pma-halogen .hg-two{gap: 34px;}
.native-mp5 .pma-halogen .hg-four{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp5 .pma-halogen .hg-card{padding: 26px;}
.native-mp5 .pma-halogen .hg-applications{gap: 36px 22px;}
.native-mp5 .pma-halogen .hg-application img{width: 155px; height: 155px;}}
@media (max-width: 767px) {.native-mp5 .pma-halogen .hg-wrap{width: calc(100% - 40px);}
.native-mp5 .pma-halogen.hg-section{padding: 54px 0px !important;}
.native-mp5 .pma-halogen.hg-hero{min-height: 720px; background-position: 72% center; padding: 200px 0px 40px !important;}
.native-mp5 .pma-halogen .hg-two, .native-mp5 .pma-halogen .hg-three, .native-mp5 .pma-halogen .hg-four, .native-mp5 .pma-halogen .hg-grid-two, .native-mp5 .pma-halogen .hg-specs{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
.native-mp5 .pma-halogen .hg-heading{margin-bottom: 28px;}
.native-mp5 .pma-halogen .hg-card{padding: 28px; border-radius: 24px;}
.native-mp5 .pma-halogen .hg-specs > div{padding: 28px;}
.native-mp5 .pma-halogen .hg-video{max-width: 100%;}
.native-mp5 .pma-halogen .hg-applications{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px 18px;}
.native-mp5 .pma-halogen .hg-application img{width: 135px; height: 135px; margin-bottom: 20px;}
.native-mp5 .pma-halogen .hg-image{border-radius: 26px;}
.native-mp5 .pma-halogen .hg-faq details{padding: 24px;}}
@media (max-width: 360px) {.native-mp5 .pma-halogen .hg-application img{width: 116px; height: 116px;}
.native-mp5 .pma-halogen .hg-applications{gap: 30px 16px;}}
@media (max-width: 767px) {.native-mp5 .pma-halogen.hg-hero{min-height: 520px; height: auto; box-sizing: border-box; padding-top: 156px !important;}}
.native-mp5 .hg-button{background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); border-radius: 10px; white-space: normal; text-align: center; max-width: 100%; color: rgb(255, 255, 255) !important; text-decoration: none !important;}
.native-mp5 .hg-button.hg-blue{background: rgb(21, 62, 255); border-color: rgb(21, 62, 255);}
.native-mp5 .hg-product{width: 100%; object-fit: contain; margin: 0px 0px 28px; background: rgb(255, 255, 255); border-radius: 20px; height: 260px !important;}
.native-mp5 .hg-product-intro{height: 440px !important;}
.native-mp5 .hg-product-card{border: 1px solid rgb(226, 230, 234); background: rgb(255, 255, 255) !important;}
.native-mp5 .hg-video{margin: 0px; width: 100%;}
.native-mp5 .hg-video video{display: block; width: 100%; height: auto; border-radius: 24px;}
.native-mp5 .hg-video figcaption{margin-top: 14px; text-wrap: pretty;}
.native-mp5 .hg-technical{width: 100%; height: auto; border-radius: 24px; background: rgb(255, 255, 255);}
.native-mp5 .hg-experience{min-height: 420px; display: flex; align-items: center; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(26, 29, 36, 0.83), rgba(26, 29, 36, 0.5) 50%, rgba(26, 29, 36, 0.04) 90%), url("/images/pma-reference/pma-turner-experience-banner-design-20261002.webp") center center / cover;}
.native-mp5 .hg-experience > .full_section_inner{width: 100%;}
.native-mp5 .hg-experience-copy{max-width: 600px; padding: 54px 0px;}
.native-mp5 .hg-selector{border-radius: 28px; background: rgb(255, 255, 255); padding: 36px; border: 1px solid rgb(226, 230, 234);}
.native-mp5 .hg-selector-grid{display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 40px;}
.native-mp5 .hg-selector fieldset{padding: 0px; margin: 0px; border: 0px; min-width: 0px;}
.native-mp5 .hg-selector legend{padding: 0px; width: 100%;}
.native-mp5 .hg-selector-options{display: grid; gap: 12px; margin-top: 24px;}
.native-mp5 .hg-selector-option{display: flex; align-items: flex-start; gap: 14px; border: 1px solid rgb(214, 220, 226); border-radius: 16px; padding: 18px; cursor: pointer;}
.native-mp5 .hg-selector-option:has(input:checked){border-color: rgb(21, 62, 255); background: rgb(240, 243, 255);}
.native-mp5 .hg-selector-option input{margin: 5px 0px 0px; accent-color: rgb(21, 62, 255); flex-shrink: 0;}
.native-mp5 .hg-selector-option span span{display: block; margin-top: 6px;}
.native-mp5 .hg-selector-item{border-bottom: 1px solid rgb(220, 225, 229); padding: 20px 0px;}
.native-mp5 .hg-selector-item h4{margin-bottom: 10px;}
.native-mp5 .hg-selector textarea{width: 100%; min-height: 260px; padding: 16px; border: 1px solid rgb(214, 220, 226); border-radius: 12px; background: rgb(245, 247, 250); color: inherit; font: inherit; resize: vertical;}
.native-mp5 .hg-selector button:disabled{opacity: 0.45; cursor: not-allowed;}
.native-mp5 .hg-selector [data-progress]{margin-bottom: 24px;}
.native-mp5 .hg-selector [data-copy-status]{margin-top: 20px;}
.native-mp5 .hg-selector label, .native-mp5 .hg-selector figcaption{font: inherit;}
.native-mp5 .hg-hero{height: 720px; min-height: 720px; background-position: center 75%;}
.native-mp5 .hg-hero-copy{max-width: 780px !important;}
@media (max-width: 1024px) {.native-mp5 .hg-selector-grid{gap: 28px;}}
@media (max-width: 767px) {.native-mp5 .hg-hero{height: 520px; min-height: 520px; background-position: 60% center; padding: 156px 0px 40px !important;}
.native-mp5 .hg-hero-copy{max-width: 100%;}
.native-mp5 .hg-selector-grid{grid-template-columns: minmax(0px, 1fr);}
.native-mp5 .hg-selector{padding: 24px;}
.native-mp5 .hg-experience{background-position: 68% center;}}
.native-mp5 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.15) 48%, transparent 75%), url("/images/pma-reference/pma-halogen-mp5-wide-20261007.webp");}
@media (max-width: 767px) {.native-mp5 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-mp5-square-20261007.webp"); background-position: 70% center;}}
@media (min-width: 768px) and (max-width: 1200px) {.native-mp5 .pma-halogen.hg-hero{background-position: 70% 75%;}}
@media (min-width: 768px) and (max-width: 1024px) {.native-mp5 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-mp5-square-20261007.webp"); background-position: center center;}}
@media (min-width: 768px) and (max-width: 1200px) {.native-mp5 .pma-halogen.hg-hero{background-position: 70% 75%;}}
:where(.native-mp5) .pma-halogen .hg-trial-grid{display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); align-items: center; gap: 64px;}
:where(.native-mp5) .pma-halogen .hg-trial-carousel{max-width: 420px; width: 100%; margin: 0px auto;}
:where(.native-mp5) .pma-halogen .hg-trial-window{aspect-ratio: 3 / 4; overflow: hidden; border-radius: 28px; background: rgb(245, 247, 250);}
:where(.native-mp5) .pma-halogen .hg-trial-track{height: 100%; transition: transform 0.45s;}
:where(.native-mp5) .pma-halogen .hg-trial-track img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(.native-mp5) .pma-halogen .hg-trial-controls{display: flex; align-items: center; gap: 12px; margin: 16px 0px;}
:where(.native-mp5) .pma-halogen .hg-trial-controls button{width: 44px; height: 44px; border: 1px solid rgb(214, 220, 226); border-radius: 50%; background: white; color: rgb(23, 26, 28); font: inherit; cursor: pointer; flex: 0 0 auto;}
:where(.native-mp5) .pma-halogen .hg-trial-controls button:disabled{opacity: 0.35; cursor: default;}
:where(.native-mp5) .pma-halogen .hg-trial-controls button:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 3px;}
:where(.native-mp5) .pma-halogen .hg-trial-count{margin-right: auto;}
:where(.native-mp5) .pma-halogen .hg-wipe-chart{padding: 24px; border: 1px solid rgb(214, 220, 226); border-radius: 20px; margin: 24px 0px;}
:where(.native-mp5) .pma-halogen .hg-wipe-bars{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 24px; text-align: center;}
:where(.native-mp5) .pma-halogen .hg-wipe-column{height: 120px; display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid rgb(214, 220, 226); margin: 10px 0px;}
:where(.native-mp5) .pma-halogen .hg-wipe-bar{width: 64%; background: rgb(21, 62, 255); border-radius: 8px 8px 0px 0px;}
@media (max-width: 900px) {:where(.native-mp5) .pma-halogen .hg-trial-grid{gap: 32px;}}
@media (max-width: 767px) {:where(.native-mp5) .pma-halogen .hg-trial-grid{grid-template-columns: minmax(0px, 1fr); gap: 32px;}
:where(.native-mp5) .pma-halogen .hg-trial-carousel{max-width: 360px;}}
@media (prefers-reduced-motion: reduce) {:where(.native-mp5) .pma-halogen .hg-trial-track{transition: none;}}
:where(.native-mp5) .pma-halogen .hg-proof-layout{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.8fr); align-items: center; gap: 40px;}
:where(.native-mp5) .pma-halogen .hg-proof-copy, :where(.native-mp5) .pma-halogen .hg-proof-gallery{min-width: 0px; box-sizing: border-box;}
:where(.native-mp5) .pma-halogen .hg-proof-copy p{margin-bottom: 24px;}
:where(.native-mp5) .pma-halogen .hg-proof-track{display: grid; grid-auto-flow: column; grid-auto-columns: calc(33.3333% - 10.6667px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;}
:where(.native-mp5) .pma-halogen .hg-proof-track::-webkit-scrollbar{display: none;}
:where(.native-mp5) .pma-halogen .hg-proof-track figure{min-width: 0px; margin: 0px; scroll-snap-align: start; box-sizing: border-box;}
:where(.native-mp5) .pma-halogen .hg-proof-track img{display: block; width: 100%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; border-radius: 24px;}
:where(.native-mp5) .pma-halogen .hg-proof-track figcaption{margin-top: 14px; overflow-wrap: break-word;}
:where(.native-mp5) .pma-halogen .hg-proof-controls{display: flex; gap: 12px; justify-content: flex-end; margin-top: 24px;}
:where(.native-mp5) .pma-halogen .hg-proof-controls button{border: 1px solid rgb(214, 220, 226); background: white; border-radius: 50%; width: 44px; height: 44px; font: inherit; cursor: pointer; color: inherit;}
:where(.native-mp5) .pma-halogen .hg-proof-controls button:disabled{opacity: 0.35; cursor: default;}
:where(.native-mp5) .pma-halogen .hg-proof-controls button:focus-visible, :where(.native-mp5) .pma-halogen .hg-proof-track:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 3px;}
:where(.native-mp5) .pma-halogen .hg-proof-graph .hg-wipe-chart{max-width: 820px; margin: 32px auto; box-sizing: border-box;}
:where(.native-mp5) .pma-halogen .hg-proof-graph .hg-wipe-column{height: 180px;}
:where(.native-mp5) .pma-halogen .hg-proof-graph .hg-graph-intro{max-width: 820px; margin: 0px auto;}
@media (max-width: 1024px) {:where(.native-mp5) .pma-halogen .hg-proof-layout{grid-template-columns: minmax(0px, 1fr); gap: 32px;}
:where(.native-mp5) .pma-halogen .hg-proof-copy{max-width: 680px;}}
@media (max-width: 767px) {:where(.native-mp5) .pma-halogen .hg-proof-track{grid-auto-columns: 82%; gap: 16px;}
:where(.native-mp5) .pma-halogen .hg-proof-track img{border-radius: 24px;}
:where(.native-mp5) .pma-halogen .hg-proof-graph .hg-wipe-chart{padding: 20px;}}
:where(.native-mp5) .pma-halogen .hg-proof-layout{align-items: stretch;}
:where(.native-mp5) .pma-halogen .hg-proof-copy h3{margin-top: 0px;}
:where(.native-mp5) .pma-halogen .hg-proof-gallery{position: relative;}
:where(.native-mp5) .pma-halogen .hg-proof-track{position: absolute; inset: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; scroll-snap-type: none; align-items: stretch;}
:where(.native-mp5) .pma-halogen .hg-proof-track figure{display: grid; grid-template-rows: minmax(0px, 1fr) auto; gap: 14px; height: 100%;}
:where(.native-mp5) .pma-halogen .hg-proof-track img{height: 100%; min-height: 0px; aspect-ratio: auto; object-fit: cover;}
:where(.native-mp5) .pma-halogen .hg-proof-track figcaption{margin: 0px; min-height: 2.8em;}
@media (max-width: 1024px) {:where(.native-mp5) .pma-halogen .hg-proof-track{position: static;}
:where(.native-mp5) .pma-halogen .hg-proof-track figure{height: auto; grid-template-rows: auto auto;}
:where(.native-mp5) .pma-halogen .hg-proof-track img{height: auto; aspect-ratio: 3 / 4;}}
@media (max-width: 767px) {:where(.native-mp5) .pma-halogen .hg-proof-track{grid-template-columns: minmax(0px, 1fr); gap: 24px;}
:where(.native-mp5) .pma-halogen .hg-proof-track figcaption{min-height: 0px;}
:where(.native-mp5) .pma-halogen .hg-proof-track img{max-height: 480px;}}
@media (min-width: 1025px) {:where(.native-mp5) .pma-halogen .hg-proof-track{grid-template-rows: minmax(0px, 1fr);}
:where(.native-mp5) .pma-halogen .hg-proof-track figure{min-height: 0px;}
:where(.native-mp5) .pma-halogen .hg-proof-track figcaption{min-height: 0px;}}
.native-mp5 img.hg-approved-square{aspect-ratio: 1 / 1; object-fit: cover; padding: 0px; border-radius: 28px; height: auto !important;}
.native-mp5 .hg-faq-with-actions .hg-faq details:last-child{margin-bottom: 0px;}
.native-mp5 .hg-faq-with-actions .hg-faq-actions{margin-top: 28px;}
.native-mp5 .pma-product-feature{border: 0px; padding: 0px; background: transparent;}
.native-mp5 .pma-product-feature *{box-sizing: border-box; min-width: 0px;}
.native-mp5 .pma-product-feature .pma-feature-intro{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); gap: 32px; align-items: start; margin-bottom: 64px;}
.native-mp5 .pma-product-feature .pma-feature-intro h3{margin: 0px 0px 24px; text-wrap: balance;}
.native-mp5 .pma-product-feature .pma-feature-intro p{margin: 0px; color: rgb(95, 105, 117); text-wrap: pretty;}
.native-mp5 .pma-product-feature .pma-feature-pill{display: inline-flex; width: max-content; max-width: 100%; padding: 8px 14px; background: rgb(245, 247, 250); color: rgb(21, 62, 255); border-radius: 999px;}
.native-mp5 .pma-product-feature .pma-feature-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; align-items: stretch; grid-auto-rows: 1fr;}
.native-mp5 .pma-product-feature .pma-feature-card{display: flex; flex-direction: column; align-items: flex-start; min-height: 320px; padding: 32px; border-radius: 24px; background: rgb(238, 240, 243); color: rgb(23, 26, 28);}
.native-mp5 .pma-product-feature .pma-feature-card:nth-child(3n+1){background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-mp5 .pma-product-feature .pma-feature-card:nth-child(3n){background: rgb(245, 247, 250);}
.native-mp5 .pma-product-feature .pma-feature-icon{display: block; width: 44px; height: 44px; flex: 0 0 auto; margin-bottom: 64px;}
.native-mp5 .pma-product-feature .pma-feature-detail{width: 100%;}
.native-mp5 .pma-product-feature .pma-feature-detail h4{color: inherit; margin: 0px 0px 12px;}
.native-mp5 .pma-product-feature .pma-feature-detail p{color: inherit; margin: 0px; text-wrap: pretty;}
@media (max-width: 1024px) {.native-mp5 .pma-product-feature .pma-feature-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp5 .pma-product-feature .pma-feature-card{padding: 28px;}}
@media (max-width: 767px) {.native-mp5 .pma-product-feature .pma-feature-intro{grid-template-columns: minmax(0px, 1fr); gap: 20px; margin-bottom: 36px;}
.native-mp5 .pma-product-feature .pma-feature-grid{grid-template-columns: minmax(0px, 1fr); grid-auto-rows: auto; gap: 20px;}
.native-mp5 .pma-product-feature .pma-feature-card{min-height: 280px; padding: 28px;}
.native-mp5 .pma-product-feature .pma-feature-icon{margin-bottom: 48px;}}
.native-mp5 .pma-halogen .hg-card h4{margin-bottom: 12px;}
.native-mp5 .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p){margin-bottom: 12px !important;}
.native-mp5 .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p) > :is(h2, h3){margin-bottom: 0px !important;}
.native-mp6 .wrapper{padding-top: 0px !important;}
.native-mp6 .content{padding-top: 0px !important; margin-top: 0px !important;}
.native-mp6 .pma-halogen{box-sizing: border-box; color: rgb(23, 26, 28); margin-left: 0px !important; margin-right: 0px !important;}
.native-mp6 .pma-halogen *{box-sizing: border-box; min-width: 0px;}
.native-mp6 .pma-halogen > .full_section_inner > .wpb_column, .native-mp6 .pma-halogen > .full_section_inner > .wpb_column > .vc_column-inner{padding: 0px !important;}
.native-mp6 .pma-halogen .wpb_content_element{margin-bottom: 0px;}
.native-mp6 .pma-halogen h1, .native-mp6 .pma-halogen h2, .native-mp6 .pma-halogen h3, .native-mp6 .pma-halogen h4{color: inherit; margin: 0px 0px 18px; text-wrap: balance;}
.native-mp6 .pma-halogen p, .native-mp6 .pma-halogen li{color: inherit; text-wrap: pretty;}
.native-mp6 .pma-halogen p{margin: 0px 0px 20px;}
.native-mp6 .pma-halogen p:last-child{margin-bottom: 0px;}
.native-mp6 .pma-halogen p:empty{display: none;}
.native-mp6 .pma-halogen ul, .native-mp6 .pma-halogen ol{padding-left: 24px; margin: 0px 0px 24px;}
.native-mp6 .pma-halogen li{margin-bottom: 12px;}
.native-mp6 .pma-halogen a:not(.hg-button){color: inherit; text-decoration: underline; text-underline-offset: 3px;}
.native-mp6 .pma-halogen a:focus-visible, .native-mp6 .pma-halogen summary:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 5px;}
.native-mp6 .pma-halogen img{display: block; max-width: 100%; height: auto;}
.native-mp6 .pma-halogen .hg-wrap{width: calc(100% - 48px); max-width: 1240px; margin: 0px auto;}
.native-mp6 .pma-halogen.hg-section{background: rgb(255, 255, 255); padding: 88px 0px !important;}
.native-mp6 .pma-halogen.hg-soft{background: rgb(245, 247, 250);}
.native-mp6 .pma-halogen.hg-dark{background: rgb(26, 29, 36); color: rgb(255, 255, 255);}
.native-mp6 .pma-halogen.hg-hero{min-height: 720px; display: flex; align-items: flex-end; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) 36%, transparent 74%), url("/images/pma-reference/pma-halogen-mp5-wide-20261007.webp"); background-size: cover; background-position: center center; color: rgb(255, 255, 255); padding: 200px 0px 64px !important;}
.native-mp6 .pma-halogen.hg-hero > .full_section_inner{width: 100%;}
.native-mp6 .pma-halogen .hg-hero-copy{max-width: 1050px;}
.native-mp6 .pma-halogen .hg-hero-copy p{max-width: 760px; margin: 0px;}
.native-mp6 .pma-halogen .hg-two{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 64px; align-items: center;}
.native-mp6 .pma-halogen .hg-image{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 30px;}
.native-mp6 .pma-halogen .hg-heading{max-width: 850px; margin-bottom: 38px;}
.native-mp6 .pma-halogen .hg-heading p{max-width: 74ch;}
.native-mp6 .pma-halogen .hg-grid{display: grid; gap: 24px; align-items: stretch;}
.native-mp6 .pma-halogen .hg-three{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.native-mp6 .pma-halogen .hg-four{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.native-mp6 .pma-halogen .hg-grid-two{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp6 .pma-halogen .hg-card{padding: 32px; border-radius: 28px; background: rgb(245, 247, 250); display: flex; flex-direction: column; align-items: flex-start;}
.native-mp6 .pma-halogen.hg-soft .hg-card{background: rgb(255, 255, 255);}
.native-mp6 .pma-halogen.hg-dark .hg-card{background: rgb(39, 43, 48);}
.native-mp6 .pma-halogen .hg-card .hg-button{margin-top: auto;}
.native-mp6 .pma-halogen .hg-card > p:last-child:has(> .hg-button){margin-top: auto;}
.native-mp6 .pma-halogen .hg-card p{margin-bottom: 24px;}
.native-mp6 .pma-halogen .hg-button-blue{background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-mp6 .pma-halogen .hg-button:hover, .native-mp6 .pma-halogen .hg-button:focus-visible{background: rgb(21, 62, 255); color: rgb(255, 255, 255); border-color: rgb(21, 62, 255);}
.native-mp6 .pma-halogen .hg-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px;}
.native-mp6 .pma-halogen .hg-video{max-width: 580px; width: 100%; justify-self: end;}
.native-mp6 .pma-halogen .hg-video-frame{aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: rgb(26, 29, 36); position: relative;}
.native-mp6 .pma-halogen .hg-video-frame iframe{position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
.native-mp6 .pma-halogen .hg-video > p{margin-top: 16px;}
.native-mp6 .pma-halogen .hg-applications{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 48px 32px;}
.native-mp6 .pma-halogen .hg-application{text-align: center;}
.native-mp6 .pma-halogen .hg-application img{width: 190px; height: 190px; border-radius: 50%; object-fit: cover; margin: 0px auto 24px;}
.native-mp6 .pma-halogen .hg-application h4{margin-bottom: 12px;}
.native-mp6 .pma-halogen .hg-specs{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; margin: 0px;}
.native-mp6 .pma-halogen .hg-specs > div{border-radius: 24px; background: rgb(245, 247, 250); padding: 30px;}
.native-mp6 .pma-halogen.hg-soft .hg-specs > div{background: rgb(255, 255, 255);}
.native-mp6 .pma-halogen .hg-specs dt h4{margin: 0px 0px 12px;}
.native-mp6 .pma-halogen .hg-specs dd{margin: 0px;}
.native-mp6 .pma-halogen .hg-source{margin-top: 30px;}
.native-mp6 .pma-halogen .hg-step{padding: 24px 0px; border-bottom: 1px solid rgb(221, 225, 227);}
.native-mp6 .pma-halogen .hg-step:first-of-type{padding-top: 12px;}
.native-mp6 .pma-halogen .hg-step:last-of-type{border-bottom: 0px; padding-bottom: 0px;}
.native-mp6 .pma-halogen .hg-step h4{margin-bottom: 10px;}
.native-mp6 .pma-halogen .hg-faq details{padding: 24px 28px; background: rgb(245, 247, 250); border-radius: 20px; margin-bottom: 16px;}
.native-mp6 .pma-halogen .hg-faq summary{cursor: pointer;}
.native-mp6 .pma-halogen .hg-faq summary h4{display: inline; margin: 0px;}
.native-mp6 .pma-halogen .hg-faq details p{margin: 20px 0px 0px;}
.native-mp6 .pma-halogen .hg-keep{white-space: nowrap;}
@media (max-width: 1024px) {.native-mp6 .pma-halogen .hg-two{gap: 34px;}
.native-mp6 .pma-halogen .hg-four{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp6 .pma-halogen .hg-card{padding: 26px;}
.native-mp6 .pma-halogen .hg-applications{gap: 36px 22px;}
.native-mp6 .pma-halogen .hg-application img{width: 155px; height: 155px;}}
@media (max-width: 767px) {.native-mp6 .pma-halogen .hg-wrap{width: calc(100% - 40px);}
.native-mp6 .pma-halogen.hg-section{padding: 54px 0px !important;}
.native-mp6 .pma-halogen.hg-hero{min-height: 720px; background-position: 72% center; padding: 200px 0px 40px !important;}
.native-mp6 .pma-halogen .hg-two, .native-mp6 .pma-halogen .hg-three, .native-mp6 .pma-halogen .hg-four, .native-mp6 .pma-halogen .hg-grid-two, .native-mp6 .pma-halogen .hg-specs{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
.native-mp6 .pma-halogen .hg-heading{margin-bottom: 28px;}
.native-mp6 .pma-halogen .hg-card{padding: 28px; border-radius: 24px;}
.native-mp6 .pma-halogen .hg-specs > div{padding: 28px;}
.native-mp6 .pma-halogen .hg-video{max-width: 100%;}
.native-mp6 .pma-halogen .hg-applications{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px 18px;}
.native-mp6 .pma-halogen .hg-application img{width: 135px; height: 135px; margin-bottom: 20px;}
.native-mp6 .pma-halogen .hg-image{border-radius: 26px;}
.native-mp6 .pma-halogen .hg-faq details{padding: 24px;}}
@media (max-width: 360px) {.native-mp6 .pma-halogen .hg-application img{width: 116px; height: 116px;}
.native-mp6 .pma-halogen .hg-applications{gap: 30px 16px;}}
@media (max-width: 767px) {.native-mp6 .pma-halogen.hg-hero{min-height: 520px; height: auto; box-sizing: border-box; padding-top: 156px !important;}}
.native-mp6 .hg-button{background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); border-radius: 10px; white-space: normal; text-align: center; max-width: 100%; color: rgb(255, 255, 255) !important; text-decoration: none !important;}
.native-mp6 .hg-button.hg-blue{background: rgb(21, 62, 255); border-color: rgb(21, 62, 255);}
.native-mp6 .hg-product{width: 100%; object-fit: contain; margin: 0px 0px 28px; background: rgb(255, 255, 255); border-radius: 20px; height: 260px !important;}
.native-mp6 .hg-product-intro{height: 440px !important;}
.native-mp6 .hg-product-card{border: 1px solid rgb(226, 230, 234); background: rgb(255, 255, 255) !important;}
.native-mp6 .hg-video{margin: 0px; width: 100%;}
.native-mp6 .hg-video video{display: block; width: 100%; height: auto; border-radius: 24px;}
.native-mp6 .hg-video figcaption{margin-top: 14px; text-wrap: pretty;}
.native-mp6 .hg-technical{width: 100%; height: auto; border-radius: 24px; background: rgb(255, 255, 255);}
.native-mp6 .hg-experience{min-height: 420px; display: flex; align-items: center; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(26, 29, 36, 0.83), rgba(26, 29, 36, 0.5) 50%, rgba(26, 29, 36, 0.04) 90%), url("/images/pma-reference/pma-turner-experience-banner-design-20261002.webp") center center / cover;}
.native-mp6 .hg-experience > .full_section_inner{width: 100%;}
.native-mp6 .hg-experience-copy{max-width: 600px; padding: 54px 0px;}
.native-mp6 .hg-selector{border-radius: 28px; background: rgb(255, 255, 255); padding: 36px; border: 1px solid rgb(226, 230, 234);}
.native-mp6 .hg-selector-grid{display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 40px;}
.native-mp6 .hg-selector fieldset{padding: 0px; margin: 0px; border: 0px; min-width: 0px;}
.native-mp6 .hg-selector legend{padding: 0px; width: 100%;}
.native-mp6 .hg-selector-options{display: grid; gap: 12px; margin-top: 24px;}
.native-mp6 .hg-selector-option{display: flex; align-items: flex-start; gap: 14px; border: 1px solid rgb(214, 220, 226); border-radius: 16px; padding: 18px; cursor: pointer;}
.native-mp6 .hg-selector-option:has(input:checked){border-color: rgb(21, 62, 255); background: rgb(240, 243, 255);}
.native-mp6 .hg-selector-option input{margin: 5px 0px 0px; accent-color: rgb(21, 62, 255); flex-shrink: 0;}
.native-mp6 .hg-selector-option span span{display: block; margin-top: 6px;}
.native-mp6 .hg-selector-item{border-bottom: 1px solid rgb(220, 225, 229); padding: 20px 0px;}
.native-mp6 .hg-selector-item h4{margin-bottom: 10px;}
.native-mp6 .hg-selector textarea{width: 100%; min-height: 260px; padding: 16px; border: 1px solid rgb(214, 220, 226); border-radius: 12px; background: rgb(245, 247, 250); color: inherit; font: inherit; resize: vertical;}
.native-mp6 .hg-selector button:disabled{opacity: 0.45; cursor: not-allowed;}
.native-mp6 .hg-selector [data-progress]{margin-bottom: 24px;}
.native-mp6 .hg-selector [data-copy-status]{margin-top: 20px;}
.native-mp6 .hg-selector label, .native-mp6 .hg-selector figcaption{font: inherit;}
.native-mp6 .hg-hero{height: 720px; min-height: 720px; background-position: center 75%;}
.native-mp6 .hg-hero-copy{max-width: 780px !important;}
@media (max-width: 1024px) {.native-mp6 .hg-selector-grid{gap: 28px;}}
@media (max-width: 767px) {.native-mp6 .hg-hero{height: 520px; min-height: 520px; background-position: 60% center; padding: 156px 0px 40px !important;}
.native-mp6 .hg-hero-copy{max-width: 100%;}
.native-mp6 .hg-selector-grid{grid-template-columns: minmax(0px, 1fr);}
.native-mp6 .hg-selector{padding: 24px;}
.native-mp6 .hg-experience{background-position: 68% center;}}
.native-mp6 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.15) 48%, transparent 75%), url("/images/pma-reference/pma-halogen-mp6-wide-20261007.webp");}
@media (max-width: 767px) {.native-mp6 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-mp6-square-20261007.webp"); background-position: 70% center;}}
@media (min-width: 768px) and (max-width: 1200px) {.native-mp6 .pma-halogen.hg-hero{background-position: 70% 75%;}}
@media (min-width: 768px) and (max-width: 1024px) {.native-mp6 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-mp6-square-20261007.webp"); background-position: center center;}}
@media (min-width: 768px) and (max-width: 1200px) {.native-mp6 .pma-halogen.hg-hero{background-position: 70% 75%;}}
:where(.native-mp6) .pma-halogen .hg-trial-grid{display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); align-items: center; gap: 64px;}
:where(.native-mp6) .pma-halogen .hg-trial-carousel{max-width: 420px; width: 100%; margin: 0px auto;}
:where(.native-mp6) .pma-halogen .hg-trial-window{aspect-ratio: 3 / 4; overflow: hidden; border-radius: 28px; background: rgb(245, 247, 250);}
:where(.native-mp6) .pma-halogen .hg-trial-track{height: 100%; transition: transform 0.45s;}
:where(.native-mp6) .pma-halogen .hg-trial-track img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(.native-mp6) .pma-halogen .hg-trial-controls{display: flex; align-items: center; gap: 12px; margin: 16px 0px;}
:where(.native-mp6) .pma-halogen .hg-trial-controls button{width: 44px; height: 44px; border: 1px solid rgb(214, 220, 226); border-radius: 50%; background: white; color: rgb(23, 26, 28); font: inherit; cursor: pointer; flex: 0 0 auto;}
:where(.native-mp6) .pma-halogen .hg-trial-controls button:disabled{opacity: 0.35; cursor: default;}
:where(.native-mp6) .pma-halogen .hg-trial-controls button:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 3px;}
:where(.native-mp6) .pma-halogen .hg-trial-count{margin-right: auto;}
:where(.native-mp6) .pma-halogen .hg-wipe-chart{padding: 24px; border: 1px solid rgb(214, 220, 226); border-radius: 20px; margin: 24px 0px;}
:where(.native-mp6) .pma-halogen .hg-wipe-bars{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 24px; text-align: center;}
:where(.native-mp6) .pma-halogen .hg-wipe-column{height: 120px; display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid rgb(214, 220, 226); margin: 10px 0px;}
:where(.native-mp6) .pma-halogen .hg-wipe-bar{width: 64%; background: rgb(21, 62, 255); border-radius: 8px 8px 0px 0px;}
@media (max-width: 900px) {:where(.native-mp6) .pma-halogen .hg-trial-grid{gap: 32px;}}
@media (max-width: 767px) {:where(.native-mp6) .pma-halogen .hg-trial-grid{grid-template-columns: minmax(0px, 1fr); gap: 32px;}
:where(.native-mp6) .pma-halogen .hg-trial-carousel{max-width: 360px;}}
@media (prefers-reduced-motion: reduce) {:where(.native-mp6) .pma-halogen .hg-trial-track{transition: none;}}
:where(.native-mp6) .pma-halogen .hg-proof-layout{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.8fr); align-items: center; gap: 40px;}
:where(.native-mp6) .pma-halogen .hg-proof-copy, :where(.native-mp6) .pma-halogen .hg-proof-gallery{min-width: 0px; box-sizing: border-box;}
:where(.native-mp6) .pma-halogen .hg-proof-copy p{margin-bottom: 24px;}
:where(.native-mp6) .pma-halogen .hg-proof-track{display: grid; grid-auto-flow: column; grid-auto-columns: calc(33.3333% - 10.6667px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;}
:where(.native-mp6) .pma-halogen .hg-proof-track::-webkit-scrollbar{display: none;}
:where(.native-mp6) .pma-halogen .hg-proof-track figure{min-width: 0px; margin: 0px; scroll-snap-align: start; box-sizing: border-box;}
:where(.native-mp6) .pma-halogen .hg-proof-track img{display: block; width: 100%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; border-radius: 24px;}
:where(.native-mp6) .pma-halogen .hg-proof-track figcaption{margin-top: 14px; overflow-wrap: break-word;}
:where(.native-mp6) .pma-halogen .hg-proof-controls{display: flex; gap: 12px; justify-content: flex-end; margin-top: 24px;}
:where(.native-mp6) .pma-halogen .hg-proof-controls button{border: 1px solid rgb(214, 220, 226); background: white; border-radius: 50%; width: 44px; height: 44px; font: inherit; cursor: pointer; color: inherit;}
:where(.native-mp6) .pma-halogen .hg-proof-controls button:disabled{opacity: 0.35; cursor: default;}
:where(.native-mp6) .pma-halogen .hg-proof-controls button:focus-visible, :where(.native-mp6) .pma-halogen .hg-proof-track:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 3px;}
:where(.native-mp6) .pma-halogen .hg-proof-graph .hg-wipe-chart{max-width: 820px; margin: 32px auto; box-sizing: border-box;}
:where(.native-mp6) .pma-halogen .hg-proof-graph .hg-wipe-column{height: 180px;}
:where(.native-mp6) .pma-halogen .hg-proof-graph .hg-graph-intro{max-width: 820px; margin: 0px auto;}
@media (max-width: 1024px) {:where(.native-mp6) .pma-halogen .hg-proof-layout{grid-template-columns: minmax(0px, 1fr); gap: 32px;}
:where(.native-mp6) .pma-halogen .hg-proof-copy{max-width: 680px;}}
@media (max-width: 767px) {:where(.native-mp6) .pma-halogen .hg-proof-track{grid-auto-columns: 82%; gap: 16px;}
:where(.native-mp6) .pma-halogen .hg-proof-track img{border-radius: 24px;}
:where(.native-mp6) .pma-halogen .hg-proof-graph .hg-wipe-chart{padding: 20px;}}
:where(.native-mp6) .pma-halogen .hg-proof-layout{align-items: stretch;}
:where(.native-mp6) .pma-halogen .hg-proof-copy h3{margin-top: 0px;}
:where(.native-mp6) .pma-halogen .hg-proof-gallery{position: relative;}
:where(.native-mp6) .pma-halogen .hg-proof-track{position: absolute; inset: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; scroll-snap-type: none; align-items: stretch;}
:where(.native-mp6) .pma-halogen .hg-proof-track figure{display: grid; grid-template-rows: minmax(0px, 1fr) auto; gap: 14px; height: 100%;}
:where(.native-mp6) .pma-halogen .hg-proof-track img{height: 100%; min-height: 0px; aspect-ratio: auto; object-fit: cover;}
:where(.native-mp6) .pma-halogen .hg-proof-track figcaption{margin: 0px; min-height: 2.8em;}
@media (max-width: 1024px) {:where(.native-mp6) .pma-halogen .hg-proof-track{position: static;}
:where(.native-mp6) .pma-halogen .hg-proof-track figure{height: auto; grid-template-rows: auto auto;}
:where(.native-mp6) .pma-halogen .hg-proof-track img{height: auto; aspect-ratio: 3 / 4;}}
@media (max-width: 767px) {:where(.native-mp6) .pma-halogen .hg-proof-track{grid-template-columns: minmax(0px, 1fr); gap: 24px;}
:where(.native-mp6) .pma-halogen .hg-proof-track figcaption{min-height: 0px;}
:where(.native-mp6) .pma-halogen .hg-proof-track img{max-height: 480px;}}
@media (min-width: 1025px) {:where(.native-mp6) .pma-halogen .hg-proof-track{grid-template-rows: minmax(0px, 1fr);}
:where(.native-mp6) .pma-halogen .hg-proof-track figure{min-height: 0px;}
:where(.native-mp6) .pma-halogen .hg-proof-track figcaption{min-height: 0px;}}
.native-mp6 img.hg-approved-square{aspect-ratio: 1 / 1; object-fit: cover; padding: 0px; border-radius: 28px; height: auto !important;}
.native-mp6 .hg-faq-with-actions .hg-faq details:last-child{margin-bottom: 0px;}
.native-mp6 .hg-faq-with-actions .hg-faq-actions{margin-top: 28px;}
.native-mp6 .pma-product-feature{border: 0px; padding: 0px; background: transparent;}
.native-mp6 .pma-product-feature *{box-sizing: border-box; min-width: 0px;}
.native-mp6 .pma-product-feature .pma-feature-intro{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); gap: 32px; align-items: start; margin-bottom: 64px;}
.native-mp6 .pma-product-feature .pma-feature-intro h3{margin: 0px 0px 24px; text-wrap: balance;}
.native-mp6 .pma-product-feature .pma-feature-intro p{margin: 0px; color: rgb(95, 105, 117); text-wrap: pretty;}
.native-mp6 .pma-product-feature .pma-feature-pill{display: inline-flex; width: max-content; max-width: 100%; padding: 8px 14px; background: rgb(245, 247, 250); color: rgb(21, 62, 255); border-radius: 999px;}
.native-mp6 .pma-product-feature .pma-feature-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; align-items: stretch; grid-auto-rows: 1fr;}
.native-mp6 .pma-product-feature .pma-feature-card{display: flex; flex-direction: column; align-items: flex-start; min-height: 320px; padding: 32px; border-radius: 24px; background: rgb(238, 240, 243); color: rgb(23, 26, 28);}
.native-mp6 .pma-product-feature .pma-feature-card:nth-child(3n+1){background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-mp6 .pma-product-feature .pma-feature-card:nth-child(3n){background: rgb(245, 247, 250);}
.native-mp6 .pma-product-feature .pma-feature-icon{display: block; width: 44px; height: 44px; flex: 0 0 auto; margin-bottom: 64px;}
.native-mp6 .pma-product-feature .pma-feature-detail{width: 100%;}
.native-mp6 .pma-product-feature .pma-feature-detail h4{color: inherit; margin: 0px 0px 12px;}
.native-mp6 .pma-product-feature .pma-feature-detail p{color: inherit; margin: 0px; text-wrap: pretty;}
@media (max-width: 1024px) {.native-mp6 .pma-product-feature .pma-feature-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp6 .pma-product-feature .pma-feature-card{padding: 28px;}}
@media (max-width: 767px) {.native-mp6 .pma-product-feature .pma-feature-intro{grid-template-columns: minmax(0px, 1fr); gap: 20px; margin-bottom: 36px;}
.native-mp6 .pma-product-feature .pma-feature-grid{grid-template-columns: minmax(0px, 1fr); grid-auto-rows: auto; gap: 20px;}
.native-mp6 .pma-product-feature .pma-feature-card{min-height: 280px; padding: 28px;}
.native-mp6 .pma-product-feature .pma-feature-icon{margin-bottom: 48px;}}
.native-mp6 .pma-halogen .hg-card h4{margin-bottom: 12px;}
.native-mp6 .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p){margin-bottom: 12px !important;}
.native-mp6 .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p) > :is(h2, h3){margin-bottom: 0px !important;}
.native-d20 .wrapper{padding-top: 0px !important;}
.native-d20 .content{padding-top: 0px !important; margin-top: 0px !important;}
.native-d20 .pma-halogen{box-sizing: border-box; color: rgb(23, 26, 28); margin-left: 0px !important; margin-right: 0px !important;}
.native-d20 .pma-halogen *{box-sizing: border-box; min-width: 0px;}
.native-d20 .pma-halogen > .full_section_inner > .wpb_column, .native-d20 .pma-halogen > .full_section_inner > .wpb_column > .vc_column-inner{padding: 0px !important;}
.native-d20 .pma-halogen .wpb_content_element{margin-bottom: 0px;}
.native-d20 .pma-halogen h1, .native-d20 .pma-halogen h2, .native-d20 .pma-halogen h3, .native-d20 .pma-halogen h4{color: inherit; margin: 0px 0px 18px; text-wrap: balance;}
.native-d20 .pma-halogen p, .native-d20 .pma-halogen li{color: inherit; text-wrap: pretty;}
.native-d20 .pma-halogen p{margin: 0px 0px 20px;}
.native-d20 .pma-halogen p:last-child{margin-bottom: 0px;}
.native-d20 .pma-halogen p:empty{display: none;}
.native-d20 .pma-halogen ul, .native-d20 .pma-halogen ol{padding-left: 24px; margin: 0px 0px 24px;}
.native-d20 .pma-halogen li{margin-bottom: 12px;}
.native-d20 .pma-halogen a:not(.hg-button){color: inherit; text-decoration: underline; text-underline-offset: 3px;}
.native-d20 .pma-halogen a:focus-visible, .native-d20 .pma-halogen summary:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 5px;}
.native-d20 .pma-halogen img{display: block; max-width: 100%; height: auto;}
.native-d20 .pma-halogen .hg-wrap{width: calc(100% - 48px); max-width: 1240px; margin: 0px auto;}
.native-d20 .pma-halogen.hg-section{background: rgb(255, 255, 255); padding: 88px 0px !important;}
.native-d20 .pma-halogen.hg-soft{background: rgb(245, 247, 250);}
.native-d20 .pma-halogen.hg-dark{background: rgb(26, 29, 36); color: rgb(255, 255, 255);}
.native-d20 .pma-halogen.hg-hero{min-height: 720px; display: flex; align-items: flex-end; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) 36%, transparent 74%), url("/images/pma-reference/pma-halogen-mp5-wide-20261007.webp"); background-size: cover; background-position: center center; color: rgb(255, 255, 255); padding: 200px 0px 64px !important;}
.native-d20 .pma-halogen.hg-hero > .full_section_inner{width: 100%;}
.native-d20 .pma-halogen .hg-hero-copy{max-width: 1050px;}
.native-d20 .pma-halogen .hg-hero-copy p{max-width: 760px; margin: 0px;}
.native-d20 .pma-halogen .hg-two{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 64px; align-items: center;}
.native-d20 .pma-halogen .hg-image{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 30px;}
.native-d20 .pma-halogen .hg-heading{max-width: 850px; margin-bottom: 38px;}
.native-d20 .pma-halogen .hg-heading p{max-width: 74ch;}
.native-d20 .pma-halogen .hg-grid{display: grid; gap: 24px; align-items: stretch;}
.native-d20 .pma-halogen .hg-three{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.native-d20 .pma-halogen .hg-four{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.native-d20 .pma-halogen .hg-grid-two{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-d20 .pma-halogen .hg-card{padding: 32px; border-radius: 28px; background: rgb(245, 247, 250); display: flex; flex-direction: column; align-items: flex-start;}
.native-d20 .pma-halogen.hg-soft .hg-card{background: rgb(255, 255, 255);}
.native-d20 .pma-halogen.hg-dark .hg-card{background: rgb(39, 43, 48);}
.native-d20 .pma-halogen .hg-card .hg-button{margin-top: auto;}
.native-d20 .pma-halogen .hg-card > p:last-child:has(> .hg-button){margin-top: auto;}
.native-d20 .pma-halogen .hg-card p{margin-bottom: 24px;}
.native-d20 .pma-halogen .hg-button-blue{background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-d20 .pma-halogen .hg-button:hover, .native-d20 .pma-halogen .hg-button:focus-visible{background: rgb(21, 62, 255); color: rgb(255, 255, 255); border-color: rgb(21, 62, 255);}
.native-d20 .pma-halogen .hg-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px;}
.native-d20 .pma-halogen .hg-video{max-width: 580px; width: 100%; justify-self: end;}
.native-d20 .pma-halogen .hg-video-frame{aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: rgb(26, 29, 36); position: relative;}
.native-d20 .pma-halogen .hg-video-frame iframe{position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
.native-d20 .pma-halogen .hg-video > p{margin-top: 16px;}
.native-d20 .pma-halogen .hg-applications{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 48px 32px;}
.native-d20 .pma-halogen .hg-application{text-align: center;}
.native-d20 .pma-halogen .hg-application img{width: 190px; height: 190px; border-radius: 50%; object-fit: cover; margin: 0px auto 24px;}
.native-d20 .pma-halogen .hg-application h4{margin-bottom: 12px;}
.native-d20 .pma-halogen .hg-specs{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; margin: 0px;}
.native-d20 .pma-halogen .hg-specs > div{border-radius: 24px; background: rgb(245, 247, 250); padding: 30px;}
.native-d20 .pma-halogen.hg-soft .hg-specs > div{background: rgb(255, 255, 255);}
.native-d20 .pma-halogen .hg-specs dt h4{margin: 0px 0px 12px;}
.native-d20 .pma-halogen .hg-specs dd{margin: 0px;}
.native-d20 .pma-halogen .hg-source{margin-top: 30px;}
.native-d20 .pma-halogen .hg-step{padding: 24px 0px; border-bottom: 1px solid rgb(221, 225, 227);}
.native-d20 .pma-halogen .hg-step:first-of-type{padding-top: 12px;}
.native-d20 .pma-halogen .hg-step:last-of-type{border-bottom: 0px; padding-bottom: 0px;}
.native-d20 .pma-halogen .hg-step h4{margin-bottom: 10px;}
.native-d20 .pma-halogen .hg-faq details{padding: 24px 28px; background: rgb(245, 247, 250); border-radius: 20px; margin-bottom: 16px;}
.native-d20 .pma-halogen .hg-faq summary{cursor: pointer;}
.native-d20 .pma-halogen .hg-faq summary h4{display: inline; margin: 0px;}
.native-d20 .pma-halogen .hg-faq details p{margin: 20px 0px 0px;}
.native-d20 .pma-halogen .hg-keep{white-space: nowrap;}
@media (max-width: 1024px) {.native-d20 .pma-halogen .hg-two{gap: 34px;}
.native-d20 .pma-halogen .hg-four{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-d20 .pma-halogen .hg-card{padding: 26px;}
.native-d20 .pma-halogen .hg-applications{gap: 36px 22px;}
.native-d20 .pma-halogen .hg-application img{width: 155px; height: 155px;}}
@media (max-width: 767px) {.native-d20 .pma-halogen .hg-wrap{width: calc(100% - 40px);}
.native-d20 .pma-halogen.hg-section{padding: 54px 0px !important;}
.native-d20 .pma-halogen.hg-hero{min-height: 720px; background-position: 72% center; padding: 200px 0px 40px !important;}
.native-d20 .pma-halogen .hg-two, .native-d20 .pma-halogen .hg-three, .native-d20 .pma-halogen .hg-four, .native-d20 .pma-halogen .hg-grid-two, .native-d20 .pma-halogen .hg-specs{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
.native-d20 .pma-halogen .hg-heading{margin-bottom: 28px;}
.native-d20 .pma-halogen .hg-card{padding: 28px; border-radius: 24px;}
.native-d20 .pma-halogen .hg-specs > div{padding: 28px;}
.native-d20 .pma-halogen .hg-video{max-width: 100%;}
.native-d20 .pma-halogen .hg-applications{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px 18px;}
.native-d20 .pma-halogen .hg-application img{width: 135px; height: 135px; margin-bottom: 20px;}
.native-d20 .pma-halogen .hg-image{border-radius: 26px;}
.native-d20 .pma-halogen .hg-faq details{padding: 24px;}}
@media (max-width: 360px) {.native-d20 .pma-halogen .hg-application img{width: 116px; height: 116px;}
.native-d20 .pma-halogen .hg-applications{gap: 30px 16px;}}
@media (max-width: 767px) {.native-d20 .pma-halogen.hg-hero{min-height: 520px; height: auto; box-sizing: border-box; padding-top: 156px !important;}}
.native-d20 .hg-button{background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); border-radius: 10px; white-space: normal; text-align: center; max-width: 100%; color: rgb(255, 255, 255) !important; text-decoration: none !important;}
.native-d20 .hg-button.hg-blue{background: rgb(21, 62, 255); border-color: rgb(21, 62, 255);}
.native-d20 .hg-product{width: 100%; object-fit: contain; margin: 0px 0px 28px; background: rgb(255, 255, 255); border-radius: 20px; height: 260px !important;}
.native-d20 .hg-product-intro{height: 440px !important;}
.native-d20 .hg-product-card{border: 1px solid rgb(226, 230, 234); background: rgb(255, 255, 255) !important;}
.native-d20 .hg-video{margin: 0px; width: 100%;}
.native-d20 .hg-video video{display: block; width: 100%; height: auto; border-radius: 24px;}
.native-d20 .hg-video figcaption{margin-top: 14px; text-wrap: pretty;}
.native-d20 .hg-technical{width: 100%; height: auto; border-radius: 24px; background: rgb(255, 255, 255);}
.native-d20 .hg-experience{min-height: 420px; display: flex; align-items: center; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(26, 29, 36, 0.83), rgba(26, 29, 36, 0.5) 50%, rgba(26, 29, 36, 0.04) 90%), url("/images/pma-reference/pma-turner-experience-banner-design-20261002.webp") center center / cover;}
.native-d20 .hg-experience > .full_section_inner{width: 100%;}
.native-d20 .hg-experience-copy{max-width: 600px; padding: 54px 0px;}
.native-d20 .hg-selector{border-radius: 28px; background: rgb(255, 255, 255); padding: 36px; border: 1px solid rgb(226, 230, 234);}
.native-d20 .hg-selector-grid{display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 40px;}
.native-d20 .hg-selector fieldset{padding: 0px; margin: 0px; border: 0px; min-width: 0px;}
.native-d20 .hg-selector legend{padding: 0px; width: 100%;}
.native-d20 .hg-selector-options{display: grid; gap: 12px; margin-top: 24px;}
.native-d20 .hg-selector-option{display: flex; align-items: flex-start; gap: 14px; border: 1px solid rgb(214, 220, 226); border-radius: 16px; padding: 18px; cursor: pointer;}
.native-d20 .hg-selector-option:has(input:checked){border-color: rgb(21, 62, 255); background: rgb(240, 243, 255);}
.native-d20 .hg-selector-option input{margin: 5px 0px 0px; accent-color: rgb(21, 62, 255); flex-shrink: 0;}
.native-d20 .hg-selector-option span span{display: block; margin-top: 6px;}
.native-d20 .hg-selector-item{border-bottom: 1px solid rgb(220, 225, 229); padding: 20px 0px;}
.native-d20 .hg-selector-item h4{margin-bottom: 10px;}
.native-d20 .hg-selector textarea{width: 100%; min-height: 260px; padding: 16px; border: 1px solid rgb(214, 220, 226); border-radius: 12px; background: rgb(245, 247, 250); color: inherit; font: inherit; resize: vertical;}
.native-d20 .hg-selector button:disabled{opacity: 0.45; cursor: not-allowed;}
.native-d20 .hg-selector [data-progress]{margin-bottom: 24px;}
.native-d20 .hg-selector [data-copy-status]{margin-top: 20px;}
.native-d20 .hg-selector label, .native-d20 .hg-selector figcaption{font: inherit;}
.native-d20 .hg-hero{height: 720px; min-height: 720px; background-position: center 75%;}
.native-d20 .hg-hero-copy{max-width: 780px !important;}
@media (max-width: 1024px) {.native-d20 .hg-selector-grid{gap: 28px;}}
@media (max-width: 767px) {.native-d20 .hg-hero{height: 520px; min-height: 520px; background-position: 60% center; padding: 156px 0px 40px !important;}
.native-d20 .hg-hero-copy{max-width: 100%;}
.native-d20 .hg-selector-grid{grid-template-columns: minmax(0px, 1fr);}
.native-d20 .hg-selector{padding: 24px;}
.native-d20 .hg-experience{background-position: 68% center;}}
.native-d20 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.15) 48%, transparent 75%), url("/images/pma-reference/pma-halogen-d20-daylight-wide-correction-20261007.webp");}
@media (max-width: 767px) {.native-d20 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-d20-square-20261007.webp"); background-position: 70% center;}}
@media (max-width: 767px) {.native-d20 .pma-halogen.hg-hero{background-position: 35% center;}}
@media (min-width: 768px) and (max-width: 1024px) {.native-d20 .pma-halogen.hg-hero{background-position: 35% center;}}
.native-d20 .pma-halogen.hg-hero{background-position: 70% center;}
.native-d20 .hg-technical-frame{margin: 0px; padding: 32px; border-radius: 32px; background: rgb(255, 255, 255); overflow: hidden; box-sizing: border-box;}
.native-d20 .hg-technical-frame .hg-technical{display: block; width: 100%; height: auto; border-radius: 0px;}
@media (max-width: 767px) {.native-d20 .hg-technical-frame{padding: 20px; border-radius: 24px;}}
@media (max-width: 1024px) {.native-d20 .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-d20-square-20261007.webp"); background-position: 0% center;}}
.native-d20 img.hg-approved-square{aspect-ratio: 1 / 1; object-fit: cover; padding: 0px; border-radius: 28px; height: auto !important;}
.native-d20 .pma-product-feature{border: 0px; padding: 0px; background: transparent;}
.native-d20 .pma-product-feature *{box-sizing: border-box; min-width: 0px;}
.native-d20 .pma-product-feature .pma-feature-intro{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); gap: 32px; align-items: start; margin-bottom: 64px;}
.native-d20 .pma-product-feature .pma-feature-intro h3{margin: 0px 0px 24px; text-wrap: balance;}
.native-d20 .pma-product-feature .pma-feature-intro p{margin: 0px; color: rgb(95, 105, 117); text-wrap: pretty;}
.native-d20 .pma-product-feature .pma-feature-pill{display: inline-flex; width: max-content; max-width: 100%; padding: 8px 14px; background: rgb(245, 247, 250); color: rgb(21, 62, 255); border-radius: 999px;}
.native-d20 .pma-product-feature .pma-feature-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; align-items: stretch; grid-auto-rows: 1fr;}
.native-d20 .pma-product-feature .pma-feature-card{display: flex; flex-direction: column; align-items: flex-start; min-height: 320px; padding: 32px; border-radius: 24px; background: rgb(238, 240, 243); color: rgb(23, 26, 28);}
.native-d20 .pma-product-feature .pma-feature-card:nth-child(3n+1){background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-d20 .pma-product-feature .pma-feature-card:nth-child(3n){background: rgb(245, 247, 250);}
.native-d20 .pma-product-feature .pma-feature-icon{display: block; width: 44px; height: 44px; flex: 0 0 auto; margin-bottom: 64px;}
.native-d20 .pma-product-feature .pma-feature-detail{width: 100%;}
.native-d20 .pma-product-feature .pma-feature-detail h4{color: inherit; margin: 0px 0px 12px;}
.native-d20 .pma-product-feature .pma-feature-detail p{color: inherit; margin: 0px; text-wrap: pretty;}
@media (max-width: 1024px) {.native-d20 .pma-product-feature .pma-feature-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-d20 .pma-product-feature .pma-feature-card{padding: 28px;}}
@media (max-width: 767px) {.native-d20 .pma-product-feature .pma-feature-intro{grid-template-columns: minmax(0px, 1fr); gap: 20px; margin-bottom: 36px;}
.native-d20 .pma-product-feature .pma-feature-grid{grid-template-columns: minmax(0px, 1fr); grid-auto-rows: auto; gap: 20px;}
.native-d20 .pma-product-feature .pma-feature-card{min-height: 280px; padding: 28px;}
.native-d20 .pma-product-feature .pma-feature-icon{margin-bottom: 48px;}}
.native-d20 .pma-halogen .hg-card h4{margin-bottom: 12px;}
.native-d20 .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p){margin-bottom: 12px !important;}
.native-d20 .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p) > :is(h2, h3){margin-bottom: 0px !important;}
.native-mp5-total-chlorine .wrapper{padding-top: 0px !important;}
.native-mp5-total-chlorine .content{padding-top: 0px !important; margin-top: 0px !important;}
.native-mp5-total-chlorine .pma-halogen{box-sizing: border-box; color: rgb(23, 26, 28); margin-left: 0px !important; margin-right: 0px !important;}
.native-mp5-total-chlorine .pma-halogen *{box-sizing: border-box; min-width: 0px;}
.native-mp5-total-chlorine .pma-halogen > .full_section_inner > .wpb_column, .native-mp5-total-chlorine .pma-halogen > .full_section_inner > .wpb_column > .vc_column-inner{padding: 0px !important;}
.native-mp5-total-chlorine .pma-halogen .wpb_content_element{margin-bottom: 0px;}
.native-mp5-total-chlorine .pma-halogen h1, .native-mp5-total-chlorine .pma-halogen h2, .native-mp5-total-chlorine .pma-halogen h3, .native-mp5-total-chlorine .pma-halogen h4{color: inherit; margin: 0px 0px 18px; text-wrap: balance;}
.native-mp5-total-chlorine .pma-halogen p, .native-mp5-total-chlorine .pma-halogen li{color: inherit; text-wrap: pretty;}
.native-mp5-total-chlorine .pma-halogen p{margin: 0px 0px 20px;}
.native-mp5-total-chlorine .pma-halogen p:last-child{margin-bottom: 0px;}
.native-mp5-total-chlorine .pma-halogen p:empty{display: none;}
.native-mp5-total-chlorine .pma-halogen ul, .native-mp5-total-chlorine .pma-halogen ol{padding-left: 24px; margin: 0px 0px 24px;}
.native-mp5-total-chlorine .pma-halogen li{margin-bottom: 12px;}
.native-mp5-total-chlorine .pma-halogen a:not(.hg-button){color: inherit; text-decoration: underline; text-underline-offset: 3px;}
.native-mp5-total-chlorine .pma-halogen a:focus-visible, .native-mp5-total-chlorine .pma-halogen summary:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 5px;}
.native-mp5-total-chlorine .pma-halogen img{display: block; max-width: 100%; height: auto;}
.native-mp5-total-chlorine .pma-halogen .hg-wrap{width: calc(100% - 48px); max-width: 1240px; margin: 0px auto;}
.native-mp5-total-chlorine .pma-halogen.hg-section{background: rgb(255, 255, 255); padding: 88px 0px !important;}
.native-mp5-total-chlorine .pma-halogen.hg-soft{background: rgb(245, 247, 250);}
.native-mp5-total-chlorine .pma-halogen.hg-dark{background: rgb(26, 29, 36); color: rgb(255, 255, 255);}
.native-mp5-total-chlorine .pma-halogen.hg-hero{min-height: 720px; display: flex; align-items: flex-end; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) 36%, transparent 74%), url("/images/pma-reference/pma-halogen-mp5-wide-20261007.webp"); background-size: cover; background-position: center center; color: rgb(255, 255, 255); padding: 200px 0px 64px !important;}
.native-mp5-total-chlorine .pma-halogen.hg-hero > .full_section_inner{width: 100%;}
.native-mp5-total-chlorine .pma-halogen .hg-hero-copy{max-width: 1050px;}
.native-mp5-total-chlorine .pma-halogen .hg-hero-copy p{max-width: 760px; margin: 0px;}
.native-mp5-total-chlorine .pma-halogen .hg-two{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 64px; align-items: center;}
.native-mp5-total-chlorine .pma-halogen .hg-image{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 30px;}
.native-mp5-total-chlorine .pma-halogen .hg-heading{max-width: 850px; margin-bottom: 38px;}
.native-mp5-total-chlorine .pma-halogen .hg-heading p{max-width: 74ch;}
.native-mp5-total-chlorine .pma-halogen .hg-grid{display: grid; gap: 24px; align-items: stretch;}
.native-mp5-total-chlorine .pma-halogen .hg-three{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.native-mp5-total-chlorine .pma-halogen .hg-four{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.native-mp5-total-chlorine .pma-halogen .hg-grid-two{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp5-total-chlorine .pma-halogen .hg-card{padding: 32px; border-radius: 28px; background: rgb(245, 247, 250); display: flex; flex-direction: column; align-items: flex-start;}
.native-mp5-total-chlorine .pma-halogen.hg-soft .hg-card{background: rgb(255, 255, 255);}
.native-mp5-total-chlorine .pma-halogen.hg-dark .hg-card{background: rgb(39, 43, 48);}
.native-mp5-total-chlorine .pma-halogen .hg-card .hg-button{margin-top: auto;}
.native-mp5-total-chlorine .pma-halogen .hg-card > p:last-child:has(> .hg-button){margin-top: auto;}
.native-mp5-total-chlorine .pma-halogen .hg-card p{margin-bottom: 24px;}
.native-mp5-total-chlorine .pma-halogen .hg-button-blue{background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-mp5-total-chlorine .pma-halogen .hg-button:hover, .native-mp5-total-chlorine .pma-halogen .hg-button:focus-visible{background: rgb(21, 62, 255); color: rgb(255, 255, 255); border-color: rgb(21, 62, 255);}
.native-mp5-total-chlorine .pma-halogen .hg-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px;}
.native-mp5-total-chlorine .pma-halogen .hg-video{max-width: 580px; width: 100%; justify-self: end;}
.native-mp5-total-chlorine .pma-halogen .hg-video-frame{aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: rgb(26, 29, 36); position: relative;}
.native-mp5-total-chlorine .pma-halogen .hg-video-frame iframe{position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
.native-mp5-total-chlorine .pma-halogen .hg-video > p{margin-top: 16px;}
.native-mp5-total-chlorine .pma-halogen .hg-applications{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 48px 32px;}
.native-mp5-total-chlorine .pma-halogen .hg-application{text-align: center;}
.native-mp5-total-chlorine .pma-halogen .hg-application img{width: 190px; height: 190px; border-radius: 50%; object-fit: cover; margin: 0px auto 24px;}
.native-mp5-total-chlorine .pma-halogen .hg-application h4{margin-bottom: 12px;}
.native-mp5-total-chlorine .pma-halogen .hg-specs{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; margin: 0px;}
.native-mp5-total-chlorine .pma-halogen .hg-specs > div{border-radius: 24px; background: rgb(245, 247, 250); padding: 30px;}
.native-mp5-total-chlorine .pma-halogen.hg-soft .hg-specs > div{background: rgb(255, 255, 255);}
.native-mp5-total-chlorine .pma-halogen .hg-specs dt h4{margin: 0px 0px 12px;}
.native-mp5-total-chlorine .pma-halogen .hg-specs dd{margin: 0px;}
.native-mp5-total-chlorine .pma-halogen .hg-source{margin-top: 30px;}
.native-mp5-total-chlorine .pma-halogen .hg-step{padding: 24px 0px; border-bottom: 1px solid rgb(221, 225, 227);}
.native-mp5-total-chlorine .pma-halogen .hg-step:first-of-type{padding-top: 12px;}
.native-mp5-total-chlorine .pma-halogen .hg-step:last-of-type{border-bottom: 0px; padding-bottom: 0px;}
.native-mp5-total-chlorine .pma-halogen .hg-step h4{margin-bottom: 10px;}
.native-mp5-total-chlorine .pma-halogen .hg-faq details{padding: 24px 28px; background: rgb(245, 247, 250); border-radius: 20px; margin-bottom: 16px;}
.native-mp5-total-chlorine .pma-halogen .hg-faq summary{cursor: pointer;}
.native-mp5-total-chlorine .pma-halogen .hg-faq summary h4{display: inline; margin: 0px;}
.native-mp5-total-chlorine .pma-halogen .hg-faq details p{margin: 20px 0px 0px;}
.native-mp5-total-chlorine .pma-halogen .hg-keep{white-space: nowrap;}
@media (max-width: 1024px) {.native-mp5-total-chlorine .pma-halogen .hg-two{gap: 34px;}
.native-mp5-total-chlorine .pma-halogen .hg-four{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp5-total-chlorine .pma-halogen .hg-card{padding: 26px;}
.native-mp5-total-chlorine .pma-halogen .hg-applications{gap: 36px 22px;}
.native-mp5-total-chlorine .pma-halogen .hg-application img{width: 155px; height: 155px;}}
@media (max-width: 767px) {.native-mp5-total-chlorine .pma-halogen .hg-wrap{width: calc(100% - 40px);}
.native-mp5-total-chlorine .pma-halogen.hg-section{padding: 54px 0px !important;}
.native-mp5-total-chlorine .pma-halogen.hg-hero{min-height: 720px; background-position: 72% center; padding: 200px 0px 40px !important;}
.native-mp5-total-chlorine .pma-halogen .hg-two, .native-mp5-total-chlorine .pma-halogen .hg-three, .native-mp5-total-chlorine .pma-halogen .hg-four, .native-mp5-total-chlorine .pma-halogen .hg-grid-two, .native-mp5-total-chlorine .pma-halogen .hg-specs{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
.native-mp5-total-chlorine .pma-halogen .hg-heading{margin-bottom: 28px;}
.native-mp5-total-chlorine .pma-halogen .hg-card{padding: 28px; border-radius: 24px;}
.native-mp5-total-chlorine .pma-halogen .hg-specs > div{padding: 28px;}
.native-mp5-total-chlorine .pma-halogen .hg-video{max-width: 100%;}
.native-mp5-total-chlorine .pma-halogen .hg-applications{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px 18px;}
.native-mp5-total-chlorine .pma-halogen .hg-application img{width: 135px; height: 135px; margin-bottom: 20px;}
.native-mp5-total-chlorine .pma-halogen .hg-image{border-radius: 26px;}
.native-mp5-total-chlorine .pma-halogen .hg-faq details{padding: 24px;}}
@media (max-width: 360px) {.native-mp5-total-chlorine .pma-halogen .hg-application img{width: 116px; height: 116px;}
.native-mp5-total-chlorine .pma-halogen .hg-applications{gap: 30px 16px;}}
@media (max-width: 767px) {.native-mp5-total-chlorine .pma-halogen.hg-hero{min-height: 520px; height: auto; box-sizing: border-box; padding-top: 156px !important;}}
.native-mp5-total-chlorine .hg-button{background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); border-radius: 10px; white-space: normal; text-align: center; max-width: 100%; color: rgb(255, 255, 255) !important; text-decoration: none !important;}
.native-mp5-total-chlorine .hg-button.hg-blue{background: rgb(21, 62, 255); border-color: rgb(21, 62, 255);}
.native-mp5-total-chlorine .hg-product{width: 100%; object-fit: contain; margin: 0px 0px 28px; background: rgb(255, 255, 255); border-radius: 20px; height: 260px !important;}
.native-mp5-total-chlorine .hg-product-intro{height: 440px !important;}
.native-mp5-total-chlorine .hg-product-card{border: 1px solid rgb(226, 230, 234); background: rgb(255, 255, 255) !important;}
.native-mp5-total-chlorine .hg-video{margin: 0px; width: 100%;}
.native-mp5-total-chlorine .hg-video video{display: block; width: 100%; height: auto; border-radius: 24px;}
.native-mp5-total-chlorine .hg-video figcaption{margin-top: 14px; text-wrap: pretty;}
.native-mp5-total-chlorine .hg-technical{width: 100%; height: auto; border-radius: 24px; background: rgb(255, 255, 255);}
.native-mp5-total-chlorine .hg-experience{min-height: 420px; display: flex; align-items: center; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(26, 29, 36, 0.83), rgba(26, 29, 36, 0.5) 50%, rgba(26, 29, 36, 0.04) 90%), url("/images/pma-reference/pma-turner-experience-banner-design-20261002.webp") center center / cover;}
.native-mp5-total-chlorine .hg-experience > .full_section_inner{width: 100%;}
.native-mp5-total-chlorine .hg-experience-copy{max-width: 600px; padding: 54px 0px;}
.native-mp5-total-chlorine .hg-selector{border-radius: 28px; background: rgb(255, 255, 255); padding: 36px; border: 1px solid rgb(226, 230, 234);}
.native-mp5-total-chlorine .hg-selector-grid{display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 40px;}
.native-mp5-total-chlorine .hg-selector fieldset{padding: 0px; margin: 0px; border: 0px; min-width: 0px;}
.native-mp5-total-chlorine .hg-selector legend{padding: 0px; width: 100%;}
.native-mp5-total-chlorine .hg-selector-options{display: grid; gap: 12px; margin-top: 24px;}
.native-mp5-total-chlorine .hg-selector-option{display: flex; align-items: flex-start; gap: 14px; border: 1px solid rgb(214, 220, 226); border-radius: 16px; padding: 18px; cursor: pointer;}
.native-mp5-total-chlorine .hg-selector-option:has(input:checked){border-color: rgb(21, 62, 255); background: rgb(240, 243, 255);}
.native-mp5-total-chlorine .hg-selector-option input{margin: 5px 0px 0px; accent-color: rgb(21, 62, 255); flex-shrink: 0;}
.native-mp5-total-chlorine .hg-selector-option span span{display: block; margin-top: 6px;}
.native-mp5-total-chlorine .hg-selector-item{border-bottom: 1px solid rgb(220, 225, 229); padding: 20px 0px;}
.native-mp5-total-chlorine .hg-selector-item h4{margin-bottom: 10px;}
.native-mp5-total-chlorine .hg-selector textarea{width: 100%; min-height: 260px; padding: 16px; border: 1px solid rgb(214, 220, 226); border-radius: 12px; background: rgb(245, 247, 250); color: inherit; font: inherit; resize: vertical;}
.native-mp5-total-chlorine .hg-selector button:disabled{opacity: 0.45; cursor: not-allowed;}
.native-mp5-total-chlorine .hg-selector [data-progress]{margin-bottom: 24px;}
.native-mp5-total-chlorine .hg-selector [data-copy-status]{margin-top: 20px;}
.native-mp5-total-chlorine .hg-selector label, .native-mp5-total-chlorine .hg-selector figcaption{font: inherit;}
.native-mp5-total-chlorine .hg-hero{height: 720px; min-height: 720px; background-position: center 75%;}
.native-mp5-total-chlorine .hg-hero-copy{max-width: 780px !important;}
@media (max-width: 1024px) {.native-mp5-total-chlorine .hg-selector-grid{gap: 28px;}}
@media (max-width: 767px) {.native-mp5-total-chlorine .hg-hero{height: 520px; min-height: 520px; background-position: 60% center; padding: 156px 0px 40px !important;}
.native-mp5-total-chlorine .hg-hero-copy{max-width: 100%;}
.native-mp5-total-chlorine .hg-selector-grid{grid-template-columns: minmax(0px, 1fr);}
.native-mp5-total-chlorine .hg-selector{padding: 24px;}
.native-mp5-total-chlorine .hg-experience{background-position: 68% center;}}
.native-mp5-total-chlorine .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.15) 48%, transparent 75%), url("/images/pma-reference/pma-halogen-mp6-wide-20261007.webp");}
@media (max-width: 767px) {.native-mp5-total-chlorine .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-mp6-square-20261007.webp"); background-position: 70% center;}}
@media (min-width: 768px) and (max-width: 1200px) {.native-mp5-total-chlorine .pma-halogen.hg-hero{background-position: 70% 75%;}}
@media (min-width: 768px) and (max-width: 1024px) {.native-mp5-total-chlorine .pma-halogen.hg-hero{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.06) 55%, transparent 78%), url("/images/pma-reference/pma-halogen-mp6-square-20261007.webp"); background-position: center center;}}
@media (min-width: 768px) and (max-width: 1200px) {.native-mp5-total-chlorine .pma-halogen.hg-hero{background-position: 70% 75%;}}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-grid{display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); align-items: center; gap: 64px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-carousel{max-width: 420px; width: 100%; margin: 0px auto;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-window{aspect-ratio: 3 / 4; overflow: hidden; border-radius: 28px; background: rgb(245, 247, 250);}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-track{height: 100%; transition: transform 0.45s;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-track img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-controls{display: flex; align-items: center; gap: 12px; margin: 16px 0px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-controls button{width: 44px; height: 44px; border: 1px solid rgb(214, 220, 226); border-radius: 50%; background: white; color: rgb(23, 26, 28); font: inherit; cursor: pointer; flex: 0 0 auto;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-controls button:disabled{opacity: 0.35; cursor: default;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-controls button:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 3px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-count{margin-right: auto;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-wipe-chart{padding: 24px; border: 1px solid rgb(214, 220, 226); border-radius: 20px; margin: 24px 0px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-wipe-bars{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 24px; text-align: center;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-wipe-column{height: 120px; display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid rgb(214, 220, 226); margin: 10px 0px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-wipe-bar{width: 64%; background: rgb(21, 62, 255); border-radius: 8px 8px 0px 0px;}
@media (max-width: 900px) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-grid{gap: 32px;}}
@media (max-width: 767px) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-grid{grid-template-columns: minmax(0px, 1fr); gap: 32px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-carousel{max-width: 360px;}}
@media (prefers-reduced-motion: reduce) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-trial-track{transition: none;}}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-layout{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.8fr); align-items: center; gap: 40px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-copy, :where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-gallery{min-width: 0px; box-sizing: border-box;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-copy p{margin-bottom: 24px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track{display: grid; grid-auto-flow: column; grid-auto-columns: calc(33.3333% - 10.6667px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track::-webkit-scrollbar{display: none;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figure{min-width: 0px; margin: 0px; scroll-snap-align: start; box-sizing: border-box;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track img{display: block; width: 100%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; border-radius: 24px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figcaption{margin-top: 14px; overflow-wrap: break-word;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-controls{display: flex; gap: 12px; justify-content: flex-end; margin-top: 24px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-controls button{border: 1px solid rgb(214, 220, 226); background: white; border-radius: 50%; width: 44px; height: 44px; font: inherit; cursor: pointer; color: inherit;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-controls button:disabled{opacity: 0.35; cursor: default;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-controls button:focus-visible, :where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track:focus-visible{outline: rgb(21, 62, 255) solid 3px; outline-offset: 3px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-graph .hg-wipe-chart{max-width: 820px; margin: 32px auto; box-sizing: border-box;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-graph .hg-wipe-column{height: 180px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-graph .hg-graph-intro{max-width: 820px; margin: 0px auto;}
@media (max-width: 1024px) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-layout{grid-template-columns: minmax(0px, 1fr); gap: 32px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-copy{max-width: 680px;}}
@media (max-width: 767px) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track{grid-auto-columns: 82%; gap: 16px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track img{border-radius: 24px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-graph .hg-wipe-chart{padding: 20px;}}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-layout{align-items: stretch;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-copy h3{margin-top: 0px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-gallery{position: relative;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track{position: absolute; inset: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; scroll-snap-type: none; align-items: stretch;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figure{display: grid; grid-template-rows: minmax(0px, 1fr) auto; gap: 14px; height: 100%;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track img{height: 100%; min-height: 0px; aspect-ratio: auto; object-fit: cover;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figcaption{margin: 0px; min-height: 2.8em;}
@media (max-width: 1024px) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track{position: static;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figure{height: auto; grid-template-rows: auto auto;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track img{height: auto; aspect-ratio: 3 / 4;}}
@media (max-width: 767px) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track{grid-template-columns: minmax(0px, 1fr); gap: 24px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figcaption{min-height: 0px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track img{max-height: 480px;}}
@media (min-width: 1025px) {:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track{grid-template-rows: minmax(0px, 1fr);}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figure{min-height: 0px;}
:where(.native-mp5-total-chlorine) .pma-halogen .hg-proof-track figcaption{min-height: 0px;}}
@media (max-width: 1024px) {.native-mp5-total-chlorine .pma-halogen.hg-hero{--pma-hero-photo-background: url("/images/pma-reference/pma-halogen-mp6-square-20261007.webp") !important;}}
.native-mp5-total-chlorine img.hg-approved-square{aspect-ratio: 1 / 1; object-fit: cover; padding: 0px; border-radius: 28px; height: auto !important;}
.native-mp5-total-chlorine .pma-product-feature{border: 0px; padding: 0px; background: transparent;}
.native-mp5-total-chlorine .pma-product-feature *{box-sizing: border-box; min-width: 0px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-intro{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); gap: 32px; align-items: start; margin-bottom: 64px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-intro h3{margin: 0px 0px 24px; text-wrap: balance;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-intro p{margin: 0px; color: rgb(95, 105, 117); text-wrap: pretty;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-pill{display: inline-flex; width: max-content; max-width: 100%; padding: 8px 14px; background: rgb(245, 247, 250); color: rgb(21, 62, 255); border-radius: 999px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; align-items: stretch; grid-auto-rows: 1fr;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-card{display: flex; flex-direction: column; align-items: flex-start; min-height: 320px; padding: 32px; border-radius: 24px; background: rgb(238, 240, 243); color: rgb(23, 26, 28);}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-card:nth-child(3n+1){background: rgb(21, 62, 255); color: rgb(255, 255, 255);}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-card:nth-child(3n){background: rgb(245, 247, 250);}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-icon{display: block; width: 44px; height: 44px; flex: 0 0 auto; margin-bottom: 64px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-detail{width: 100%;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-detail h4{color: inherit; margin: 0px 0px 12px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-detail p{color: inherit; margin: 0px; text-wrap: pretty;}
@media (max-width: 1024px) {.native-mp5-total-chlorine .pma-product-feature .pma-feature-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-card{padding: 28px;}}
@media (max-width: 767px) {.native-mp5-total-chlorine .pma-product-feature .pma-feature-intro{grid-template-columns: minmax(0px, 1fr); gap: 20px; margin-bottom: 36px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-grid{grid-template-columns: minmax(0px, 1fr); grid-auto-rows: auto; gap: 20px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-card{min-height: 280px; padding: 28px;}
.native-mp5-total-chlorine .pma-product-feature .pma-feature-icon{margin-bottom: 48px;}}
.native-mp5-total-chlorine .pma-halogen .hg-card h4{margin-bottom: 12px;}
.native-mp5-total-chlorine .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p){margin-bottom: 12px !important;}
.native-mp5-total-chlorine .content .hg-heading:has(> :is(h2, h3):only-child):has(+ p) > :is(h2, h3){margin-bottom: 0px !important;}
#halogen-selector { --blue: #203aff; --ink: #171a1c; --muted: #5b6570; --line: #dfe4eb; --wash: #f4f6fa; --soft: #edf0ff; }
#halogen-selector * { box-sizing: border-box; }
#halogen-selector { color: var(--ink); font: inherit; }
#halogen-selector button, #halogen-selector a, #halogen-selector input { font: inherit; }
#halogen-selector button, #halogen-selector a { touch-action: manipulation; }
#halogen-selector button { cursor: pointer; }
#halogen-selector button:disabled { cursor: default; opacity: 0.52; filter: none; transform: none; }
#halogen-selector button:disabled .action-marker svg { transform: none; }
#halogen-selector button:focus-visible, #halogen-selector a:focus-visible, #halogen-selector input:focus-visible + span { outline: 3px solid var(--blue); outline-offset: 4px; }
#halogen-selector button, #halogen-selector .pill, #halogen-selector .model, #halogen-selector .step-name { font-family: "PMA Google Sans", Arial, sans-serif; font-weight: 600; }
#halogen-selector p { margin: 0px 0px 16px; }
#halogen-selector .muted { color: var(--muted); }
#halogen-selector .pill { display: inline-flex; width: max-content; max-width: 100%; align-items: center; gap: 8px; background: var(--soft); border-radius: 999px; padding: 6px 16px; font-size: 13px; line-height: 1.2; }
#halogen-selector .pill::before { content: ""; width: 6px; height: 6px; background: var(--blue); border-radius: 50%; }
#halogen-selector .shell { max-width: 1240px; margin: auto; }
#halogen-selector .review-bar { background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); padding: 18px 24px; }
#halogen-selector .review-bar .shell { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#halogen-selector .brand { font-family: "PMA Google Sans"; font-size: 32px; font-weight: 600; letter-spacing: -2px; }
#halogen-selector .review-label { font-size: 13px; line-height: 20px; color: var(--muted); }
#halogen-selector main { padding: 40px 24px 64px; }
#halogen-selector .intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 32px; }
#halogen-selector .intro > div { max-width: 730px; }
#halogen-selector .intro p { max-width: 660px; margin-bottom: 0px; }
#halogen-selector .intro-mark { display: flex; align-items: center; gap: 12px; white-space: nowrap; padding-bottom: 6px; font-size: 13px; }
#halogen-selector .intro-mark svg { color: var(--blue); width: 30px; height: 30px; }
#halogen-selector .config { background: rgb(255, 255, 255); border-radius: 32px; border: 1px solid var(--line); overflow: hidden; }
#halogen-selector .steps { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); border-bottom: 1px solid var(--line); padding: 0px 32px; }
#halogen-selector .step { background: none; border-width: 0px 0px 3px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; padding: 16px 8px 13px; display: flex; gap: 12px; align-items: center; color: var(--muted); text-align: left; font-size: 17px; }
#halogen-selector .step[aria-current="step"] { color: var(--blue); border-bottom-color: var(--blue); }
#halogen-selector .step-num { border: 1px solid var(--line); width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font: 600 13px "PMA Google Sans"; flex: 0 0 auto; }
#halogen-selector .step[aria-current="step"] .step-num { background: var(--blue); color: white; border-color: var(--blue); }
#halogen-selector .step.complete .step-num { color: var(--blue); background: var(--soft); border-color: var(--soft); }
#halogen-selector .work { display: grid; grid-template-columns: minmax(0px, 1.62fr) minmax(0px, 1fr); }
#halogen-selector .choices { padding: 24px; min-width: 0px; }
#halogen-selector .step-caption { color: var(--muted); font-size: 13px; margin-bottom: 12px; }
#halogen-selector .question { margin-bottom: 24px; }
#halogen-selector .question p { color: var(--muted); max-width: 570px; }
#halogen-selector .option-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
#halogen-selector .option { position: relative; display: block; border: 1px solid var(--line); border-radius: 24px; cursor: pointer; overflow: hidden; min-width: 0px; transition: border-color 0.15s, box-shadow 0.15s; }
#halogen-selector .option:hover { border-color: rgb(141, 154, 255); }
#halogen-selector .option:has(input:checked) { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
#halogen-selector .option input { position: absolute; top: 22px; right: 20px; width: 20px; height: 20px; accent-color: var(--blue); z-index: 2; }
#halogen-selector .option .option-body { display: block; padding: 20px; }
#halogen-selector .option h4 { padding-right: 26px; }
#halogen-selector .product-image { width: 100%; height: 198px; object-fit: contain; display: block; padding: 10px 30px 0px; background: linear-gradient(150deg, rgb(248, 250, 255), rgb(255, 255, 255)); }
#halogen-selector .model { display: block; color: var(--blue); font-size: 13px; line-height: 18px; margin-bottom: 8px; }
#halogen-selector .option p { color: var(--muted); margin: 0px 0px 16px; }
#halogen-selector .range { border-top: 1px solid var(--line); padding-top: 12px; display: block; font-size: 13px; line-height: 20px; color: var(--muted); }
#halogen-selector .range strong { display: block; color: var(--ink); font-family: "PMA Google Sans"; font-size: 17px; line-height: 23px; margin-bottom: 4px; }
#halogen-selector .help { border: 1px solid var(--line); border-radius: 16px; display: flex; align-items: center; gap: 12px; padding: 16px; margin-top: 16px; cursor: pointer; }
#halogen-selector .help input { width: 20px; height: 20px; accent-color: var(--blue); flex: 0 0 auto; }
#halogen-selector .help span { font-family: "PMA Google Sans"; font-size: 17px; }
#halogen-selector .help small { font-family: "PMA Manrope", Manrope, Arial, sans-serif; display: block; color: var(--muted); font-size: inherit; line-height: inherit; margin-top: 4px; }
#halogen-selector .help:has(input:checked) { border-color: var(--blue); background: var(--soft); }
#halogen-selector .measurements { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
#halogen-selector .measurements p { font-size: 13px; line-height: 20px; color: var(--muted); margin-bottom: 12px; }
#halogen-selector .chips { display: flex; flex-wrap: wrap; gap: 8px; }
#halogen-selector .chip { display: inline-flex; border: 1px solid var(--line); background: white; border-radius: 999px; padding: 6px 12px; font-size: 13px; line-height: 20px; white-space: nowrap; }
#halogen-selector .chip.primary { background: var(--soft); border-color: var(--soft); color: var(--blue); }
#halogen-selector .actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; }
#halogen-selector .btn { background: var(--ink); color: rgb(255, 255, 255); border: 1px solid var(--ink); border-radius: 10px; padding: 12px 24px; font-family: "PMA Google Sans"; font-size: 13px; line-height: 18px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
#halogen-selector .btn.primary { background: var(--blue); border-color: var(--blue); }
#halogen-selector .btn:hover { background: rgb(0, 0, 0); color: white; border-color: rgb(0, 0, 0); }
#halogen-selector .text-btn { background: transparent; border: 0px; color: var(--muted); font-size: 13px; padding: 12px 0px; }
#halogen-selector .next { margin-left: auto; }
#halogen-selector .error { color: rgb(165, 42, 33); font-size: 13px; margin-top: 12px; }
#halogen-selector .preview { background: rgb(247, 248, 252); border-left: 1px solid var(--line); padding: 24px; min-width: 0px; }
#halogen-selector .preview-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
#halogen-selector .preview-top h4 { margin: 0px; }
#halogen-selector .count { font: 600 13px "PMA Google Sans"; color: var(--blue); background: var(--soft); padding: 6px 10px; border-radius: 999px; white-space: nowrap; }
#halogen-selector .system-stage { background: white; border: 1px solid var(--line); border-radius: 24px; padding: 16px 12px 20px; display: grid; grid-template-columns: 1fr 24px 1fr; align-items: center; }
#halogen-selector .component { min-width: 0px; text-align: center; }
#halogen-selector .component img { width: 100%; height: 145px; object-fit: contain; display: block; }
#halogen-selector .component .component-name { font-family: "PMA Google Sans"; font-size: 17px; line-height: 23px; margin-top: 8px; display: block; }
#halogen-selector .component small { display: block; color: var(--muted); font-size: 13px; line-height: 20px; margin-top: 4px; }
#halogen-selector .connector { border-top: 2px dashed rgb(196, 205, 255); width: 100%; position: relative; }
#halogen-selector .connector::after { content: ""; border-width: 4px; border-style: solid; border-color: transparent transparent transparent rgb(154, 168, 255); border-image: none; position: absolute; right: -3px; top: -5px; }
#halogen-selector .empty-note { font-size: 13px; line-height: 20px; color: var(--muted); margin: 16px 0px; }
#halogen-selector .preview-title { font: 600 13px / 20px "PMA Google Sans"; margin: 20px 0px 10px; }
#halogen-selector .summary-list { display: grid; gap: 0px; margin: 0px; }
#halogen-selector .summary-line { padding: 8px 0px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 24px minmax(0px, 1fr) auto; gap: 10px; align-items: start; }
#halogen-selector .summary-line svg { height: 20px; width: 20px; color: var(--muted); margin-top: 1px; }
#halogen-selector .summary-line dt { font-family: "PMA Google Sans"; font-size: 13px; line-height: 20px; color: var(--muted); }
#halogen-selector .summary-line dd { margin: 3px 0px 0px; font-size: 13px; line-height: 20px; }
#halogen-selector .edit { border: 0px; background: none; color: var(--blue); font: 600 13px "PMA Google Sans"; padding: 0px; min-height: 24px; }
#halogen-selector .summary-note { font-size: 13px; line-height: 20px; color: var(--muted); margin: 20px 0px 0px; }
#halogen-selector .preview-cta { width: 100%; margin-top: 20px; }
#halogen-selector .scene { display: block; width: 100%; height: 156px; object-fit: cover; }
#halogen-selector .drawing { height: 156px; display: grid; place-items: center; background: rgb(247, 248, 252); padding: 20px; }
#halogen-selector .drawing svg { width: 100%; height: 116px; }
#halogen-selector .simple .option-body { padding: 20px; }
#halogen-selector .simple h4 { min-height: 60px; }
#halogen-selector .power-icon { height: 110px; display: grid; place-items: center; background: linear-gradient(150deg, rgb(243, 245, 255), rgb(255, 255, 255)); color: var(--blue); }
#halogen-selector .power-icon svg { width: 58px; height: 58px; }
#halogen-selector .review-hero { width: 100%; height: 240px; border-radius: 20px; object-fit: cover; display: block; margin: 0px 0px 24px; }
#halogen-selector .review-details { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
#halogen-selector .review-detail { border: 1px solid var(--line); border-radius: 16px; padding: 16px; }
#halogen-selector .review-detail .edit { float: right; }
#halogen-selector .review-detail small { font-size: 13px; color: var(--muted); }
#halogen-selector .review-detail p { margin: 8px 0px 0px; font-family: "PMA Google Sans"; }
#halogen-selector .review-flags { padding: 18px; background: rgb(241, 244, 255); border-radius: 16px; margin-top: 20px; }
#halogen-selector .review-flags p { font-size: 13px; line-height: 20px; margin: 0px; }
#halogen-selector .review-flags p + p { margin-top: 10px; }
#halogen-selector .brief-controls { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
#halogen-selector .status { font-size: 13px; line-height: 20px; min-height: 20px; margin-top: 14px; color: var(--blue); }
#halogen-selector .endnote { max-width: 1240px; margin: 24px auto 0px; display: flex; justify-content: space-between; gap: 24px; color: var(--muted); font-size: 13px; line-height: 20px; }
#halogen-selector .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
#halogen-selector .mobile-system { display: none; }
#halogen-selector fieldset { margin: 0px; padding: 0px; border: 0px; }
#halogen-selector .mobile-details { border: 0px; background: none; color: var(--blue); font: 600 13px "PMA Google Sans"; padding: 0px; }
#halogen-selector .review-icon { color: var(--blue); width: 32px; height: 32px; }
@media (max-width: 1050px) {#halogen-selector .work { grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr); }
#halogen-selector .choices, #halogen-selector .preview { padding: 24px; }
#halogen-selector .steps { padding: 0px 24px; }
#halogen-selector .step { gap: 8px; font-size: 13px; }
#halogen-selector .system-stage { padding: 12px 6px; }
#halogen-selector .component img { height: 120px; }
#halogen-selector .component .component-name { font-size: 13px; }
#halogen-selector .intro-mark { display: none; }
#halogen-selector .product-image { height: 180px; padding: 10px 12px 0px; }
#halogen-selector .option .option-body { padding: 16px; }}
@media (max-width: 800px) {#halogen-selector main { padding: 28px 24px 40px; }
#halogen-selector .intro { margin-bottom: 24px; }
#halogen-selector .work { display: flex; flex-direction: column; }
#halogen-selector .preview { border-left: 0px; border-top: 1px solid var(--line); }
#halogen-selector .choices { padding: 24px; }
#halogen-selector .preview .system-stage { max-width: 440px; }
#halogen-selector .preview-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
#halogen-selector .preview .empty-note { margin-bottom: 0px; }
#halogen-selector .preview .preview-title { margin-top: 0px; }
#halogen-selector .preview-top { margin-bottom: 20px; }
#halogen-selector .mobile-system { display: flex; padding: 14px 24px; background: var(--soft); align-items: center; justify-content: space-between; gap: 12px; }
#halogen-selector .mobile-system span { font-size: 13px; line-height: 20px; }
#halogen-selector .steps { padding: 0px 20px; }
#halogen-selector .step { justify-content: center; padding: 12px 3px 9px; flex-direction: column; gap: 6px; }
#halogen-selector .step-name { font-size: 13px; line-height: 18px; }
#halogen-selector .step-num { width: 24px; height: 24px; }
#halogen-selector .config { border-radius: 24px; }
#halogen-selector .preview-cta { max-width: 440px; }
#halogen-selector .preview h4 { font-size: 24px; }
#halogen-selector .endnote { flex-direction: column; gap: 8px; }}
@media (max-width: 480px) {#halogen-selector main { padding: 24px 20px 32px; }
#halogen-selector .review-bar { padding: 12px 20px; }
#halogen-selector .brand { font-size: 28px; }
#halogen-selector .review-label { font-size: 13px; text-align: right; max-width: 180px; }
#halogen-selector .intro { margin-bottom: 24px; }
#halogen-selector .choices, #halogen-selector .preview { padding: 18px 16px; }
#halogen-selector .steps { padding: 0px 10px; }
#halogen-selector .step-name { font-size: 11px; line-height: 16px; }
#halogen-selector .option-grid { grid-template-columns: minmax(0px, 1fr); }
#halogen-selector .option.product { display: grid; grid-template-columns: 110px minmax(0px, 1fr); align-items: center; min-height: 240px; }
#halogen-selector .product-image { height: 190px; padding: 0px 4px; }
#halogen-selector .option .option-body { padding: 18px 16px 18px 4px; }
#halogen-selector .option h4 { font-size: 24px; line-height: 30px; }
#halogen-selector .option p { margin-bottom: 12px; }
#halogen-selector .option input { top: 16px; right: 14px; }
#halogen-selector .range strong { font-size: 17px; }
#halogen-selector .help { padding: 14px; }
#halogen-selector .actions { flex-wrap: wrap; }
#halogen-selector .actions .next { padding-left: 16px; padding-right: 16px; }
#halogen-selector .preview-inner { grid-template-columns: minmax(0px, 1fr); gap: 20px; }
#halogen-selector .component img { height: 150px; }
#halogen-selector .component .component-name { font-size: 17px; }
#halogen-selector .simple h4 { min-height: 0px; }
#halogen-selector .review-details { grid-template-columns: minmax(0px, 1fr); }
#halogen-selector .review-hero { height: 200px; }
#halogen-selector .brief-controls .btn { width: 100%; }
#halogen-selector .mobile-system { padding: 14px 20px; }
#halogen-selector .mobile-system button { white-space: nowrap; }
#halogen-selector .pill { font-size: 13px; }
#halogen-selector .chips { gap: 6px; }
#halogen-selector .chip { padding: 5px 10px; }
#halogen-selector .step-caption { margin-bottom: 8px; }
#halogen-selector .question { margin-bottom: 20px; }}
@media (prefers-reduced-motion: reduce) {#halogen-selector * { scroll-behavior: auto !important; transition: none !important; }}
#halogen-selector .step-short { display: none; }
@media (max-width: 480px) {#halogen-selector .step-long { display: none; }
#halogen-selector .step-short { display: block; }}
@media (max-width: 480px) {#halogen-selector .option.product { display: block; min-height: 0px; }
#halogen-selector .product-image { height: 170px; padding: 12px 30px 0px; }
#halogen-selector .option.product .option-body { padding: 16px 20px 20px; }
#halogen-selector .option.product h4 { padding-right: 0px; }}
#halogen-selector [hidden] { display: none !important; }
#halogen-selector .preview-sticky { position: sticky; top: 24px; }
@media (max-width: 800px) {#halogen-selector .preview-sticky { position: static; }}
#halogen-selector .preview-top { flex-wrap: wrap; }
#halogen-selector .preview-top h4 { flex: 0 0 auto; }
#halogen-selector .option { display: grid; grid-template-rows: clamp(120px, 13vw, 164px) 1fr; align-items: stretch; }
#halogen-selector .installation-media { position: relative; display: block; min-height: 0px; align-self: stretch; }
#halogen-selector .option.product { align-items: stretch; }
#halogen-selector .option .scene, #halogen-selector .option .product-image { position: absolute; inset: 0px; width: 100%; height: 100%; min-height: 0px; }
#halogen-selector .option .option-body, #halogen-selector .option.product .option-body { display: flex; flex-direction: column; justify-content: flex-start; gap: 6px; padding: 16px; min-height: 0px; }
#halogen-selector .option h4, #halogen-selector .option.product h4 { min-height: 0px; margin: 0px; }
#halogen-selector .option p { margin: 0px; }
#halogen-selector .option .model { margin: 0px; }
#halogen-selector .option .range { margin-top: 4px; }
#halogen-selector .option img[src*="installation-help"] { object-position: center 15%; }
#halogen-selector .option img[src*="application-other"] { object-position: center 35%; }
#halogen-selector .option img[src*="connection-local"] { object-position: 35% center; }
#halogen-selector .option img[src*="family-wide"], #halogen-selector .option img[src*="reservoir-wide"] { object-position: 85% center; }
@media (max-width: 480px) {#halogen-selector .option.product { display: grid; grid-template-columns: minmax(0px, 1fr); min-height: 0px; }}
#halogen-selector .is-review .review-hero { height: auto; aspect-ratio: 16 / 10; object-position: 70% center; margin-bottom: 32px; }
#halogen-selector .is-review .brief-controls { margin-top: 28px; }
#halogen-selector .is-review .actions { margin-top: 12px; }
#halogen-selector .is-review .error:empty, #halogen-selector .is-review .status:empty { display: none; }
@media (max-width: 480px) {#halogen-selector .is-review .review-hero { aspect-ratio: 5 / 4; min-height: 220px; object-position: 75% center; margin-bottom: 28px; }
#halogen-selector .is-review .review-hero[src*="review-mp6"] { object-position: 60% center; }
#halogen-selector .is-review .brief-controls { margin-top: 24px; }}
@media (min-width: 801px) {#halogen-selector .config:not(.is-review) .choices { display: flex; flex-direction: column; }
#halogen-selector .config:not(.is-review) .choices > .actions { margin-top: auto; padding-top: 18px; align-items: flex-end; }
#halogen-selector .config:not(.is-review) .preview-sticky { position: static; height: 100%; display: flex; flex-direction: column; }
#halogen-selector .config:not(.is-review) .preview-cta { margin-top: auto; }
#halogen-selector .config:not(.is-review) .summary-note { margin-bottom: 20px; }}
#halogen-selector { isolation: isolate; box-sizing: border-box; max-width: 1240px; margin: 0px auto; text-align: left; }
#halogen-selector h3, #halogen-selector h4 { font-family: "PMA Google Sans", Arial, sans-serif; color: var(--ink); }
#halogen-selector .intro { margin: 0px 0px 24px; }
#halogen-selector .intro h3 { margin: 14px 0px 16px; }
#halogen-selector .config { background: rgb(255, 255, 255); }
#halogen-selector p { color: inherit; }
#halogen-selector .question p, #halogen-selector .option p { color: var(--muted); }
#halogen-selector button { font-family: "PMA Google Sans", Arial, sans-serif; text-transform: none; letter-spacing: normal; }
#halogen-selector a.btn { color: rgb(255, 255, 255); text-decoration: none; text-transform: none; letter-spacing: normal; }
#halogen-selector [data-question] h3 { margin: 0px 0px 12px; scroll-margin-top: 88px; }
#halogen-selector .review-detail p { margin: 8px 0px 0px; font-family: "PMA Google Sans", Arial, sans-serif; }
#halogen-selector .step-caption, #halogen-selector .question, #halogen-selector .question p { margin-bottom: 12px; }
#halogen-selector .question { margin-bottom: 18px; }
#halogen-selector .option h4, #halogen-selector .option p { margin: 0px; }
#halogen-selector .review-flags p { margin: 0px; }
#halogen-selector .review-flags p + p { margin-top: 10px; }
#halogen-selector .empty-note { margin: 12px 0px; }
#halogen-selector .summary-note { margin: 20px 0px 0px; }
#halogen-selector .config:not(.is-review) .summary-note { margin-bottom: 20px; }
#halogen-selector img { max-width: 100%; }
#halogen-selector .component img { height: 145px; }
#halogen-selector .review-hero { height: auto; }
@media (max-width: 1050px) {#halogen-selector .component img { height: 120px; }}
@media (max-width: 480px) {#halogen-selector .component img { height: 150px; }}
#halogen-selector .option img.scene.cutout { object-fit: contain; object-position: center center; background: transparent; padding: 16px; box-sizing: border-box; }
#halogen-selector .is-review .review-hero { height: auto; aspect-ratio: 16 / 10; max-height: 360px; min-height: 0px; object-fit: cover; object-position: center center; margin-bottom: 20px; }
#halogen-selector .option.product { grid-template-columns: minmax(0px, 1fr); grid-template-rows: auto 1fr; }
#halogen-selector .option.product .installation-media { aspect-ratio: 11 / 5; overflow: hidden; }
#halogen-selector .option.product .product-image { padding: 0px; object-fit: cover; background: none; }
#halogen-selector .option.product .product-model { position: absolute; top: 20px; left: 20px; display: inline-flex; padding: 5px 12px; border-radius: 999px; background: rgb(238, 240, 255); color: rgb(38, 56, 245); z-index: 1; }
#halogen-selector .component img.hg-approved-square { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 18px; height: auto !important; }
#halogen-selector .option:has(img.hg-approved-square) .installation-media { border-radius: inherit; overflow: hidden; }
#halogen-selector .option img.hg-approved-square.scene { aspect-ratio: auto; object-fit: contain; object-position: center center; background: rgb(227, 228, 229); padding: 0px; border-radius: inherit; height: 100% !important; }
#halogen-selector .option:has(input[name="connection"][value="local"]) .installation-media { background: rgb(255, 255, 255); }
#halogen-selector .option:has(input[name="connection"][value="local"]) img.scene { background: rgb(255, 255, 255); }

@media (max-width: 480px) {
  #halogen-selector .option.simple { grid-template-columns: 86px minmax(0px, 1fr); grid-template-rows: auto; min-height: 112px; }
  #halogen-selector .option.simple .option-body { padding: 12px 12px 12px 0; }
  #halogen-selector .option.simple img.scene { object-fit: contain; padding: 8px; }
  #halogen-selector .option.simple input { top: 12px; right: 12px; }
}

#halogen-selector .summary-list { padding: 0; list-style: none; }
#halogen-selector .summary-line dl { margin: 0; }

body.page .pma-contact-form-refresh.pma-contact-form-row { width: 100% !important; margin: 0px !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row > .section_inner { max-width: 1240px; width: calc(100% - 48px) !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row .section_inner_margin { display: grid; margin: 0px !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row .section_inner_margin::before, body.page .pma-contact-form-refresh.pma-contact-form-row .section_inner_margin::after { display: none !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row .section_inner_margin > .wpb_column { float: none; min-width: 0px; width: 100% !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row .vc_column-inner { padding: 0px !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row > div:first-child h3 { font-family: "PMA Google Sans", Arial, sans-serif; font-size: 29px; line-height: 1.2; font-weight: 600; color: rgb(23, 26, 28); }
body.page .pma-contact-form-refresh.pma-contact-form-row .wpb_text_column p { font-size: 16px !important; line-height: 1.65 !important; }
@media (max-width: 767px) {body.page .pma-contact-form-refresh.pma-contact-form-row > .section_inner { width: calc(100% - 40px) !important; }}
body.page .pma-contact-form-refresh.pma-contact-form-row { background: rgb(255, 255, 255); padding-top: 100px !important; padding-bottom: 100px !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row, body.page .pma-contact-form-refresh.pma-contact-form-row * { box-sizing: border-box; }
body.page .pma-contact-form-refresh.pma-contact-form-row .section_inner_margin { grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: 64px; align-items: start; }
body.page .pma-contact-form-refresh.pma-contact-form-row .wpb_content_element { margin-bottom: 0px; }
body.page .pma-contact-form-refresh.pma-contact-form-row .wpb_wrapper > p:empty { display: none; }
body.page .pma-contact-form-refresh .pma-contact-enquiry-copy { padding: 24px 0px 0px; color: rgb(26, 29, 36); }
body.page .pma-contact-form-refresh .pma-contact-enquiry-copy h2 { margin: 0px 0px 24px; color: rgb(26, 29, 36); }
body.page .pma-contact-form-refresh .pma-contact-enquiry-copy > p { margin: 0px 0px 36px; color: rgb(80, 88, 100); font-size: 16px; line-height: 23px; }
body.page .pma-contact-form-refresh .pma-contact-benefits { list-style: none; margin: 0px 0px 44px; padding: 0px; display: grid; gap: 26px; }
body.page .pma-contact-form-refresh .pma-contact-benefits li { display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 14px; margin: 0px; padding: 0px; color: rgb(80, 88, 100); font-size: 16px; line-height: 23px; }
body.page .pma-contact-form-refresh .pma-contact-benefits strong { color: rgb(26, 29, 36); font-weight: 600; }
body.page .pma-contact-form-refresh .pma-contact-benefits svg { width: 22px; height: 22px; color: rgb(21, 62, 255); margin-top: 2px; }
body.page .pma-contact-form-refresh .pma-contact-trust { min-width: 0px; margin: 0px 0px 36px; }
body.page .pma-contact-form-refresh .pma-contact-trust-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
body.page .pma-contact-form-refresh .pma-contact-trust-top p { font-size: 14px; font-weight: 600; color: rgb(26, 29, 36); margin: 0px; }
body.page .pma-contact-form-refresh .pma-contact-logo-pause { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1.4; color: rgb(80, 88, 100); cursor: pointer; margin: 0px; flex-shrink: 0; min-height: 30px; }
body.page .pma-contact-form-refresh .pma-contact-logo-pause input { width: 13px; height: 13px; margin: 0px; accent-color: rgb(21, 62, 255); }
body.page .pma-contact-form-refresh .pma-contact-logo-viewport { overflow: hidden; width: 100%; padding: 12px 0px; mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent); }
body.page .pma-contact-form-refresh .pma-contact-logo-track { display: flex; width: max-content; animation: 32s linear 0s infinite normal none running pma-contact-client-scroll; }
body.page .pma-contact-form-refresh .pma-contact-logo-group { display: flex; align-items: center; gap: 32px; padding-right: 32px; flex-shrink: 0; }
body.page .pma-contact-form-refresh .pma-contact-client-logo { display: flex; align-items: center; justify-content: center; width: 102px; height: 44px; flex: 0 0 102px; }
body.page .pma-contact-form-refresh .pma-contact-client-logo img { display: block; width: 100%; height: 38px; object-fit: contain; max-width: 100%; }
body.page .pma-contact-form-refresh .pma-contact-trust:has(input:checked) .pma-contact-logo-track, body.page .pma-contact-form-refresh .pma-contact-logo-viewport:hover .pma-contact-logo-track, body.page .pma-contact-form-refresh .pma-contact-trust:focus-within .pma-contact-logo-track { animation-play-state: paused; }
body.page .pma-contact-form-refresh .pma-contact-direct { padding-top: 26px; border-top: 1px solid rgb(228, 231, 237); }
body.page .pma-contact-form-refresh .pma-contact-direct > p { margin: 0px 0px 14px; color: rgb(80, 88, 100); font-size: 16px; line-height: 23px; }
body.page .pma-contact-form-refresh .pma-contact-direct .pma-home-button { display: inline-flex; gap: 10px; align-items: center; margin: 0px 0px 16px; }
body.page .pma-contact-form-refresh .pma-contact-direct .pma-home-button svg { width: 17px; height: 17px; }
body.page .pma-contact-form-refresh .pma-contact-direct .pma-contact-direct-note { font-size: 14px; line-height: 1.6; margin: 0px; }
body.page .pma-contact-form-refresh .pma-contact-direct-note a { color: rgb(21, 62, 255); text-decoration: underline; text-underline-offset: 3px; }
body.page .pma-contact-form-refresh .pma-contact-form-frame { padding: 12px; border-radius: 30px; background: linear-gradient(155deg, rgb(247, 235, 230) 0%, rgb(205, 217, 255) 28%, rgb(21, 62, 255) 60%, rgb(0, 0, 0) 100%); min-width: 0px; }
body.page .pma-contact-form-refresh .pma-contact-form-card { border-radius: 20px; background: rgb(255, 255, 255); padding: 32px; min-width: 0px; color: rgb(26, 29, 36); }
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-form-card h3 { margin: 0px 0px 12px; }
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-form-card > p { margin: 0px 0px 26px; color: rgb(80, 88, 100); font-size: 14px !important; line-height: 1.6 !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form { background: transparent; margin: 0px !important; padding: 0px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-row { display: flex; flex-wrap: wrap; min-width: 0px; margin: 0px -9px 22px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-col { min-width: 0px; float: none; flex: 0 0 auto; padding: 0px 9px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-col-6 { width: 50%; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-col-12 { width: 100%; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-label { font-weight: 600; color: rgb(26, 29, 36); font-size: 13px !important; line-height: 1.4 !important; margin: 0px 0px 8px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-input, body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-textarea { width: 100%; max-width: 100%; border: 1px solid rgb(216, 220, 227) !important; border-radius: 8px !important; box-shadow: none !important; background: rgb(255, 255, 255) !important; color: rgb(26, 29, 36) !important; font-size: 15px !important; padding: 12px 14px !important; margin: 0px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-input { min-height: 48px; height: 48px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-input::placeholder, body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-textarea::placeholder { opacity: 1; color: rgb(114, 121, 134) !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-textarea { resize: vertical; height: 120px !important; min-height: 120px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-input:focus, body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-textarea:focus { outline: rgb(21, 62, 255) solid 2px; outline-offset: 2px; border-color: rgb(21, 62, 255) !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-field-consent .forminator-checkbox__wrapper { grid-template-columns: 18px minmax(0px, 1fr); gap: 10px; align-items: start; display: grid !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-consent { grid-area: 1 / 1; min-width: 18px; margin: 2px 0px 0px !important; padding: 0px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-consent__label { grid-area: 1 / 2; min-width: 0px; display: contents !important; margin: 0px !important; padding: 0px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .pma-privacy-intro, body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .pma-consent-copy { color: rgb(88, 97, 110); display: block; margin: 0px 0px 8px; font-size: 12px !important; line-height: 1.55 !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .pma-consent-copy { margin-bottom: 0px; color: rgb(26, 29, 36); }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-consent__label a { color: rgb(21, 62, 255); text-decoration: underline; text-underline-offset: 2px; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-row:has(.forminator-field-captcha) { margin-bottom: 0px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-row-last { margin-bottom: 0px !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-button-submit { min-height: 44px; font-family: inherit; letter-spacing: normal; background: rgb(21, 62, 255) !important; border: 1px solid rgb(21, 62, 255) !important; border-radius: 10px !important; color: rgb(255, 255, 255) !important; padding: 12px 28px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; box-shadow: none !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-button-submit:hover { background: var(--action-bg, #153eff) !important; border-color: rgb(0, 0, 0) !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-button-submit:focus-visible { outline: rgb(21, 62, 255) solid 3px; outline-offset: 4px; }
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-form-card .pma-contact-form-reassurance { margin: 18px 0px 0px; color: rgb(88, 97, 110); font-size: 12px !important; line-height: 1.55 !important; }
body.page .pma-contact-form-refresh .pma-contact-form-reassurance a { color: rgb(21, 62, 255); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 1050px) {body.page .pma-contact-form-refresh.pma-contact-form-row .section_inner_margin { grid-template-columns: minmax(0px, 1fr); gap: 48px; }
body.page .pma-contact-form-refresh .pma-contact-enquiry-copy { padding-top: 0px; }
body.page .pma-contact-form-refresh .pma-contact-benefits { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 32px; }
body.page .pma-contact-form-refresh .pma-contact-trust { max-width: 600px; }}
@media (max-width: 767px) {body.page .pma-contact-form-refresh.pma-contact-form-row { padding-top: 68px !important; padding-bottom: 68px !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row .section_inner_margin { gap: 40px; }
body.page .pma-contact-form-refresh .pma-contact-benefits { grid-template-columns: minmax(0px, 1fr); gap: 24px; margin-bottom: 34px; }
body.page .pma-contact-form-refresh .pma-contact-enquiry-copy h2 { margin-bottom: 20px; }
body.page .pma-contact-form-refresh .pma-contact-form-frame { padding: 7px; border-radius: 24px; }
body.page .pma-contact-form-refresh .pma-contact-form-card { padding: 24px 18px; border-radius: 18px; }
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-form-card h3 { font-size: 23px; }
body.page .pma-contact-form-refresh .pma-contact-client-logo { width: 88px; flex-basis: 88px; }
body.page .pma-contact-form-refresh .pma-contact-logo-group { gap: 24px; padding-right: 24px; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-input, body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-textarea { font-size: 16px !important; }}
@media (max-width: 600px) {body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-col-6 { width: 100%; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-col + .forminator-col { margin-top: 20px; }}
@media (prefers-reduced-motion: reduce) {body.page .pma-contact-form-refresh .pma-contact-logo-track { animation: auto ease 0s 1 normal none running none; }
body.page .pma-contact-form-refresh .pma-contact-logo-viewport { overflow-x: auto; mask-image: none; }
body.page .pma-contact-form-refresh .pma-contact-logo-group[aria-hidden="true"] { display: none; }}
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-form-card .forminator-ui#enquiry-form.forminator-custom-form .forminator-input::placeholder, body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-form-card .forminator-ui#enquiry-form.forminator-custom-form .forminator-textarea::placeholder { opacity: 1 !important; color: rgb(114, 121, 134) !important; }
body.page .pma-contact-form-refresh .pma-contact-form-card #enquiry-form .forminator-consent { grid-area: 2 / 1 !important; }
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-direct .pma-home-button { min-height: 44px; padding: 12px 24px; background: rgb(21, 62, 255); color: rgb(255, 255, 255); border: 1px solid rgb(21, 62, 255); border-radius: 10px; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: normal; text-decoration: none; }
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-direct .pma-home-button:hover { background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-direct .pma-home-button:focus-visible { outline: rgb(21, 62, 255) solid 3px; outline-offset: 4px; }
body.page .pma-contact-form-refresh .pma-contact-client-logo { width: 126px; flex-basis: 126px; height: 54px; }
body.page .pma-contact-form-refresh .pma-contact-client-logo img { height: 52px; }
@media (max-width: 767px) {body.page .pma-contact-form-refresh .pma-contact-client-logo { width: 110px; flex-basis: 110px; }}
body.page .pma-contact-form-refresh .pma-contact-enquiry-copy h2, body.page .pma-contact-form-refresh .pma-contact-form-card h3 { text-wrap: balance; }
body.page .pma-contact-form-refresh .pma-contact-enquiry-copy > p, body.page .pma-contact-form-refresh .pma-contact-benefits li div { text-wrap: pretty; }
@media (max-width: 767px) {body.page .pma-contact-form-refresh.pma-contact-form-row > div:first-child .pma-contact-form-card h3 { font-size: 23px; }}
body.page .pma-contact-form-refresh.pma-contact-form-row .pma-contact-form-card > p { text-wrap: pretty; }
.pma-native-contact .pma-contact-row { width: 100% !important; margin: 0px !important; }
.pma-native-contact .pma-contact-row > .wpb_column, .pma-native-contact .pma-contact-row .vc_column-inner, .pma-native-contact .pma-contact-row .wpb_wrapper { width: 100%; padding: 0px !important; }
.pma-native-contact .pma-contact-row .wpb_raw_code { margin-bottom: 0px; }
.pma-native-contact .pma-contact-native, .pma-native-contact .pma-contact-native * { box-sizing: border-box; }
.pma-native-contact .pma-contact-native { background: rgb(255, 255, 255); color: rgb(23, 26, 28); }
.pma-native-contact .pma-contact-wrap { max-width: 1240px; width: calc(100% - 48px); margin: 0px auto; }
.pma-native-contact .pma-contact-native h1 { margin: 0px 0px 20px; color: inherit; }
.pma-native-contact .pma-contact-native h2 { font-family: "PMA Google Sans", Arial, sans-serif; font-weight: 600; letter-spacing: normal; text-transform: none; line-height: 1.2; margin: 0px 0px 20px; color: inherit; }
.pma-native-contact .pma-contact-native h3 { font-family: "PMA Google Sans", Arial, sans-serif; font-weight: 600; letter-spacing: normal; text-transform: none; line-height: 1.2; margin: 0px 0px 20px; color: inherit; }
.pma-native-contact .pma-contact-native h2 { font-size: 34px; }
.pma-native-contact .pma-contact-native h3 { font-size: 23px; }
.pma-native-contact .pma-contact-native p { margin: 0px; color: inherit; }
.pma-native-contact .pma-contact-native p:where(:not(.pma-contact-hero p)) { font-family: "PMA Manrope", Manrope, Arial, sans-serif; font-size: 16px; line-height: 1.65; }
.pma-native-contact .pma-contact-section { padding: 80px 0px; }
.pma-native-contact .pma-contact-hero { position: relative; min-height: 780px; display: flex; align-items: flex-end; padding: 180px 0px 68px; overflow: hidden; background: rgb(26, 29, 36); color: rgb(255, 255, 255); }
.pma-native-contact .pma-contact-hero-image { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.pma-native-contact .pma-contact-hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(26, 29, 36, 0.66) 0%, rgba(26, 29, 36, 0.05) 28%, rgba(26, 29, 36, 0.05) 48%, rgba(26, 29, 36, 0.78) 100%); }
.pma-native-contact .pma-contact-hero-copy { position: relative; z-index: 1; text-align: center; }
.pma-native-contact .pma-contact-hero h1 { max-width: 1000px; margin: 0px auto; color: rgb(255, 255, 255); }
.pma-native-contact .pma-contact-two { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 56px; align-items: start; }
.pma-native-contact .pma-contact-intro h2 { margin: 0px; }
.pma-native-contact .pma-contact-dark { background: rgb(26, 29, 36); color: rgb(255, 255, 255); }
.pma-native-contact .pma-contact-dark h2 { margin-bottom: 36px; }
.pma-native-contact .pma-contact-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; align-items: stretch; }
.pma-native-contact .pma-contact-card { min-width: 0px; padding: 30px 26px; background: rgb(42, 46, 51); border-radius: 26px; }
.pma-native-contact .pma-contact-card p { color: rgb(238, 240, 244); }
.pma-native-contact .pma-contact-card a { color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.pma-native-contact .pma-contact-card a:hover { color: rgb(255, 255, 255); text-decoration-thickness: 2px; }
.pma-native-contact .pma-contact-card a:focus-visible { outline: rgb(21, 62, 255) solid 3px; outline-offset: 4px; }
.pma-native-contact .pma-contact-icon { display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; background: rgb(21, 62, 255); color: rgb(255, 255, 255); margin-bottom: 24px; }
.pma-native-contact .pma-contact-icon svg { width: 32px; height: 32px; display: block; }
.pma-native-contact .pma-contact-form-row { width: 100% !important; margin: 0px !important; padding-top: 80px !important; padding-bottom: 80px !important; }
.pma-native-contact .pma-contact-form-row > .section_inner { max-width: 1240px; width: calc(100% - 48px) !important; }
.pma-native-contact .pma-contact-form-row .section_inner_margin { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 48px; margin: 0px !important; }
.pma-native-contact .pma-contact-form-row .section_inner_margin::before, .pma-native-contact .pma-contact-form-row .section_inner_margin::after { display: none !important; }
.pma-native-contact .pma-contact-form-row .section_inner_margin > .wpb_column { float: none; min-width: 0px; width: 100% !important; }
.pma-native-contact .pma-contact-form-row .vc_column-inner { padding: 0px !important; }
.pma-native-contact .pma-contact-form-row > div:first-child h3 { font-family: "PMA Google Sans", Arial, sans-serif; font-size: 29px; line-height: 1.2; font-weight: 600; color: rgb(23, 26, 28); }
.pma-native-contact .pma-contact-form-row .wpb_text_column p { font-size: 16px !important; line-height: 1.65 !important; }
.pma-native-contact .pma-contact-form-row .wpb_single_image img { border-radius: 26px; }
@media (max-width: 1100px) {.pma-native-contact .pma-contact-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.pma-native-contact .pma-contact-two { gap: 30px; }}
@media (max-width: 767px) {.pma-native-contact .pma-contact-wrap, .pma-native-contact .pma-ss-contact-directions .pma-ss-inner, .pma-native-contact .pma-ss-contact-award .pma-ss-inner { width: calc(100% - 40px); }
.pma-native-contact .pma-contact-form-row > .section_inner { width: calc(100% - 40px) !important; }
.pma-native-contact .pma-contact-form-row .section_inner_margin { grid-template-columns: minmax(0px, 1fr); gap: 28px; }
.pma-native-contact .pma-contact-native h2, .pma-native-contact .pma-ss-contact-award h2 { font-size: 28px; }
.pma-native-contact .pma-contact-native h3, .pma-native-contact .pma-ss-contact-directions h3, .pma-native-contact .pma-ss-contact-award h3 { font-size: 22px; }
.pma-native-contact .pma-contact-hero { min-height: 720px; padding: 156px 0px 52px; }
.pma-native-contact .pma-contact-hero-image { object-position: center 45%; }
.pma-native-contact .pma-contact-section, .pma-native-contact .pma-contact-form-row, .pma-native-contact .pma-ss-contact-directions, .pma-native-contact .pma-ss-contact-award { padding-top: 54px !important; padding-bottom: 54px !important; }
.pma-native-contact .pma-contact-two, .pma-native-contact .pma-contact-grid { grid-template-columns: minmax(0px, 1fr); gap: 28px; }
.pma-native-contact .pma-contact-card { padding: 30px 28px; }
.pma-native-contact .pma-contact-form-row > div:first-child h3 { font-size: 24px; }}
.pma-native-contact .pma-contact-hero { display: block; padding: 215px 0px 80px; }
.pma-native-contact .pma-contact-hero-copy { text-align: left; }
.pma-native-contact .pma-contact-hero h1 { max-width: 660px; margin: 0px 0px 28px; }
.pma-native-contact .pma-contact-hero .pma-contact-subheading { max-width: 560px; color: rgb(255, 255, 255); text-wrap: balance; }
.pma-native-contact .pma-contact-hero::after { background: linear-gradient(90deg, rgba(26, 29, 36, 0.84), rgba(26, 29, 36, 0.66) 36%, rgba(26, 29, 36, 0.12) 72%), linear-gradient(rgba(26, 29, 36, 0.44), transparent 24%); }
.pma-native-contact .pma-contact-intro { padding: 100px 0px; }
.pma-native-contact .pma-contact-intro h2 { margin-bottom: 28px; }
.pma-native-contact .pma-contact-intro p + p { margin-top: 24px; }
.pma-native-contact .pma-contact-dark { padding: 100px 0px; }
.pma-native-contact .pma-contact-dark h2 { margin-bottom: 48px; }
.pma-native-contact .pma-contact-grid { gap: 32px; }
.pma-native-contact .pma-contact-card { padding: 44px 30px; }
.pma-native-contact .pma-contact-icon { margin-bottom: 36px; }
.pma-native-contact .pma-contact-card h3 { margin-bottom: 24px; }
.pma-native-contact .pma-contact-card p { line-height: 1.75; }
@media (max-width: 1023px) {.pma-native-contact .pma-contact-hero { padding-top: 205px; }}
@media (max-width: 767px) {.pma-native-contact .pma-contact-hero { padding: 156px 0px 52px; }
.pma-native-contact .pma-contact-hero::after { background: linear-gradient(rgba(26, 29, 36, 0.64), rgba(26, 29, 36, 0.76) 20%, rgba(26, 29, 36, 0.64) 52%, rgba(26, 29, 36, 0.12)); }
.pma-native-contact .pma-contact-intro, .pma-native-contact .pma-contact-dark { padding: 68px 0px !important; }
.pma-native-contact .pma-contact-card { padding: 40px 28px; }
.pma-native-contact .pma-contact-grid { gap: 36px; }}
.pma-native-contact .pma-contact-form-refresh { background: rgb(255, 255, 255); padding-top: 100px !important; padding-bottom: 100px !important; }
.pma-native-contact .pma-contact-form-refresh, .pma-native-contact .pma-contact-form-refresh * { box-sizing: border-box; }
.pma-native-contact .pma-contact-form-refresh .section_inner_margin { grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: 64px; align-items: start; }
.pma-native-contact .pma-contact-form-refresh .wpb_content_element { margin-bottom: 0px; }
.pma-native-contact .pma-contact-form-refresh .wpb_wrapper > p:empty { display: none; }
.pma-native-contact .pma-contact-enquiry-copy { padding: 24px 0px 0px; color: rgb(26, 29, 36); }
.pma-native-contact .pma-contact-enquiry-copy h2 { margin: 0px 0px 24px; color: rgb(26, 29, 36); }
.pma-native-contact .pma-contact-enquiry-copy > p { margin: 0px 0px 36px; color: rgb(80, 88, 100); font-size: 16px; line-height: 23px; }
.pma-native-contact .pma-contact-benefits { list-style: none; margin: 0px 0px 44px; padding: 0px; display: grid; gap: 26px; }
.pma-native-contact .pma-contact-benefits li { display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 14px; margin: 0px; padding: 0px; color: rgb(80, 88, 100); font-size: 16px; line-height: 23px; }
.pma-native-contact .pma-contact-benefits strong { color: rgb(26, 29, 36); font-weight: 600; }
.pma-native-contact .pma-contact-benefits svg { width: 22px; height: 22px; color: rgb(21, 62, 255); margin-top: 2px; }
.pma-native-contact .pma-contact-trust { min-width: 0px; margin: 0px 0px 36px; }
.pma-native-contact .pma-contact-trust-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.pma-native-contact .pma-contact-trust-top p { font-size: 14px; font-weight: 600; color: rgb(26, 29, 36); margin: 0px; }
.pma-native-contact .pma-contact-logo-pause { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1.4; color: rgb(80, 88, 100); cursor: pointer; margin: 0px; flex-shrink: 0; min-height: 30px; }
.pma-native-contact .pma-contact-logo-pause input { width: 13px; height: 13px; margin: 0px; accent-color: rgb(21, 62, 255); }
.pma-native-contact .pma-contact-logo-viewport { overflow: hidden; width: 100%; padding: 12px 0px; mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent); }
.pma-native-contact .pma-contact-logo-track { display: flex; width: max-content; animation: 32s linear 0s infinite normal none running pma-contact-client-scroll; }
.pma-native-contact .pma-contact-logo-group { display: flex; align-items: center; gap: 32px; padding-right: 32px; flex-shrink: 0; }
.pma-native-contact .pma-contact-client-logo { display: flex; align-items: center; justify-content: center; width: 102px; height: 44px; flex: 0 0 102px; }
.pma-native-contact .pma-contact-client-logo img { display: block; width: 100%; height: 38px; object-fit: contain; max-width: 100%; }
.pma-native-contact .pma-contact-trust:has(input:checked) .pma-contact-logo-track, .pma-native-contact .pma-contact-logo-viewport:hover .pma-contact-logo-track, .pma-native-contact .pma-contact-trust:focus-within .pma-contact-logo-track { animation-play-state: paused; }
.pma-native-contact .pma-contact-direct { padding-top: 26px; border-top: 1px solid rgb(228, 231, 237); }
.pma-native-contact .pma-contact-direct > p { margin: 0px 0px 14px; color: rgb(80, 88, 100); font-size: 16px; line-height: 23px; }
.pma-native-contact .pma-contact-direct .pma-home-button { display: inline-flex; gap: 10px; align-items: center; margin: 0px 0px 16px; }
.pma-native-contact .pma-contact-direct .pma-home-button svg { width: 17px; height: 17px; }
.pma-native-contact .pma-contact-direct .pma-contact-direct-note { font-size: 14px; line-height: 1.6; margin: 0px; }
.pma-native-contact .pma-contact-direct-note a { color: rgb(21, 62, 255); text-decoration: underline; text-underline-offset: 3px; }
.pma-native-contact .pma-contact-form-frame { padding: 12px; border-radius: 30px; background: linear-gradient(155deg, rgb(247, 235, 230) 0%, rgb(205, 217, 255) 28%, rgb(21, 62, 255) 60%, rgb(0, 0, 0) 100%); min-width: 0px; }
.pma-native-contact .pma-contact-form-card { border-radius: 20px; background: rgb(255, 255, 255); padding: 32px; min-width: 0px; color: rgb(26, 29, 36); }
.pma-native-contact .pma-contact-form-refresh .pma-contact-form-card h3 { margin: 0px 0px 12px; }
.pma-native-contact .pma-contact-form-refresh .pma-contact-form-card > p { margin: 0px 0px 26px; color: rgb(80, 88, 100); font-size: 14px !important; line-height: 1.6 !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form { background: transparent; margin: 0px !important; padding: 0px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-row { display: flex; flex-wrap: wrap; min-width: 0px; margin: 0px -9px 22px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-col { min-width: 0px; float: none; flex: 0 0 auto; padding: 0px 9px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-col-6 { width: 50%; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-col-12 { width: 100%; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-label { font-weight: 600; color: rgb(26, 29, 36); font-size: 13px !important; line-height: 1.4 !important; margin: 0px 0px 8px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-input, .pma-native-contact .pma-contact-form-card #enquiry-form .forminator-textarea { width: 100%; max-width: 100%; border: 1px solid rgb(216, 220, 227) !important; border-radius: 8px !important; box-shadow: none !important; background: rgb(255, 255, 255) !important; color: rgb(26, 29, 36) !important; font-size: 15px !important; padding: 12px 14px !important; margin: 0px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-input { min-height: 48px; height: 48px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-input::placeholder, .pma-native-contact .pma-contact-form-card #enquiry-form .forminator-textarea::placeholder { opacity: 1; color: rgb(114, 121, 134) !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-textarea { resize: vertical; height: 120px !important; min-height: 120px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-input:focus, .pma-native-contact .pma-contact-form-card #enquiry-form .forminator-textarea:focus { outline: rgb(21, 62, 255) solid 2px; outline-offset: 2px; border-color: rgb(21, 62, 255) !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-field-consent .forminator-checkbox__wrapper { grid-template-columns: 18px minmax(0px, 1fr); gap: 10px; align-items: start; display: grid !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-consent { grid-area: 1 / 1; min-width: 18px; margin: 2px 0px 0px !important; padding: 0px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-consent__label { grid-area: 1 / 2; min-width: 0px; display: block !important; margin: 0px !important; padding: 0px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .pma-privacy-intro, .pma-native-contact .pma-contact-form-card #enquiry-form .pma-consent-copy { color: rgb(88, 97, 110); display: block; margin: 0px 0px 8px; font-size: 12px !important; line-height: 1.55 !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .pma-consent-copy { margin-bottom: 0px; color: rgb(26, 29, 36); }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-consent__label a { color: rgb(21, 62, 255); text-decoration: underline; text-underline-offset: 2px; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-row:has(.forminator-field-captcha) { margin-bottom: 0px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-row-last { margin-bottom: 0px !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-button-submit { min-height: 44px; font-family: inherit; letter-spacing: normal; background: rgb(21, 62, 255) !important; border: 1px solid rgb(21, 62, 255) !important; border-radius: 10px !important; color: rgb(255, 255, 255) !important; padding: 12px 28px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; box-shadow: none !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-button-submit:hover { background: var(--action-bg, #153eff) !important; border-color: rgb(0, 0, 0) !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-button-submit:focus-visible { outline: rgb(21, 62, 255) solid 3px; outline-offset: 4px; }
.pma-native-contact .pma-contact-form-refresh .pma-contact-form-card .pma-contact-form-reassurance { margin: 18px 0px 0px; color: rgb(88, 97, 110); font-size: 12px !important; line-height: 1.55 !important; }
.pma-native-contact .pma-contact-form-reassurance a { color: rgb(21, 62, 255); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 1050px) {.pma-native-contact .pma-contact-form-refresh .section_inner_margin { grid-template-columns: minmax(0px, 1fr); gap: 48px; }
.pma-native-contact .pma-contact-enquiry-copy { padding-top: 0px; }
.pma-native-contact .pma-contact-benefits { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 32px; }
.pma-native-contact .pma-contact-trust { max-width: 600px; }}
@media (max-width: 767px) {.pma-native-contact .pma-contact-form-refresh { padding-top: 68px !important; padding-bottom: 68px !important; }
.pma-native-contact .pma-contact-form-refresh .section_inner_margin { gap: 40px; }
.pma-native-contact .pma-contact-benefits { grid-template-columns: minmax(0px, 1fr); gap: 24px; margin-bottom: 34px; }
.pma-native-contact .pma-contact-enquiry-copy h2 { margin-bottom: 20px; }
.pma-native-contact .pma-contact-form-frame { padding: 7px; border-radius: 24px; }
.pma-native-contact .pma-contact-form-card { padding: 24px 18px; border-radius: 18px; }
.pma-native-contact .pma-contact-form-refresh .pma-contact-form-card h3 { font-size: 23px; }
.pma-native-contact .pma-contact-client-logo { width: 88px; flex-basis: 88px; }
.pma-native-contact .pma-contact-logo-group { gap: 24px; padding-right: 24px; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-input, .pma-native-contact .pma-contact-form-card #enquiry-form .forminator-textarea { font-size: 16px !important; }}
@media (max-width: 600px) {.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-col-6 { width: 100%; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-col + .forminator-col { margin-top: 20px; }}
@media (prefers-reduced-motion: reduce) {.pma-native-contact .pma-contact-logo-track { animation: auto ease 0s 1 normal none running none; }
.pma-native-contact .pma-contact-logo-viewport { overflow-x: auto; mask-image: none; }
.pma-native-contact .pma-contact-logo-group[aria-hidden="true"] { display: none; }}
.pma-native-contact .pma-contact-form-refresh .pma-contact-form-card .forminator-ui#enquiry-form.forminator-custom-form .forminator-input::placeholder, .pma-native-contact .pma-contact-form-refresh .pma-contact-form-card .forminator-ui#enquiry-form.forminator-custom-form .forminator-textarea::placeholder { opacity: 1 !important; color: rgb(114, 121, 134) !important; }
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-consent { grid-area: 2 / 1 !important; }
.pma-native-contact .pma-contact-form-refresh .pma-contact-direct .pma-home-button { min-height: 44px; padding: 12px 24px; background: rgb(21, 62, 255); color: rgb(255, 255, 255); border: 1px solid rgb(21, 62, 255); border-radius: 10px; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: normal; text-decoration: none; }
.pma-native-contact .pma-contact-form-refresh .pma-contact-direct .pma-home-button:hover { background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }
.pma-native-contact .pma-contact-form-refresh .pma-contact-direct .pma-home-button:focus-visible { outline: rgb(21, 62, 255) solid 3px; outline-offset: 4px; }
.pma-native-contact .pma-contact-client-logo { width: 126px; flex-basis: 126px; height: 54px; }
.pma-native-contact .pma-contact-client-logo img { height: 52px; }
@media (max-width: 767px) {.pma-native-contact .pma-contact-client-logo { width: 110px; flex-basis: 110px; }}
.pma-native-contact .pma-contact-hero { display: flex; align-items: flex-end; padding: 160px 0px 60px; }
.pma-native-contact .pma-contact-hero-copy { text-align: left; }
.pma-native-contact .pma-contact-hero h1 { margin: 0px 0px 20px; text-wrap: balance; }
@media (max-width: 767px) {.pma-native-contact .pma-contact-hero { display: flex; align-items: flex-end; padding: 156px 0px 40px; }}
@media (max-width: 767px) {.pma-native-contact .pma-contact-hero::after { background: linear-gradient(0deg, rgba(26, 29, 36, 0.72), rgba(26, 29, 36, 0.58) 30%, transparent 65%), linear-gradient(rgba(26, 29, 36, 0.64), rgba(26, 29, 36, 0.76) 20%, rgba(26, 29, 36, 0.64) 52%, rgba(26, 29, 36, 0.12)); }}
/* Native reference typography and inherited defaults are isolated from the S3A framework. */
@font-face{font-family:'PMA Google Sans';src:url('/fonts/GoogleSansFlex-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'PMA Google Sans';src:url('/fonts/GoogleSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'PMA Manrope';src:url('/fonts/Manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--s3a-coral:#dce0e5;--s3a-coral-wash:#f4f5f7}
.ls-pill.red{background:#20211f}.ls-pill.red:hover{background:#343a3b}.ls-pill svg{display:none}.hero-copy .label:before,.facts .label:before{background:#dce0e5}.split .actions .text-link{margin:0}.actions>a{align-self:center}.text-link{background:#000000;color:#fff;padding:13px 21px;border-radius:999px;text-decoration:none;min-height:46px;line-height:1.4}.text-link svg{display:none}.enquiry{background:#f4f5f7}.form-status.error{background:#f4f5f7}.stage-label{color:#626b78}
.footer-reference{position:relative;--cp-paper:#f4f3ee;--cp-body-size:17px;--cp-body-leading:1.5;--cp-heading-tracking:-.02em;--cp-heading-leading:1.1;--cp-section-radius:32px;--cp-card-radius:24px;--cp-control-radius:14px;--cp-ink:#20211f;--cp-line:#d5d5cf;--cp-accent:#000000;letter-spacing:normal;font:400 17px/1.5 Manrope,Arial,sans-serif;container-type:inline-size;overflow:clip;display:flow-root}
.footer-reference h2,.footer-reference h3{font-family:Onest,Arial,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.1;text-wrap:initial}.footer-reference h2,.footer-reference h3,.footer-reference p{margin:0}.footer-reference p{max-width:none}.footer-reference button{font:inherit;color:inherit}.footer-reference a{text-decoration:none}.footer-reference svg{stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.footer-reference .cp-footer-social-logo svg{stroke:none;fill:currentColor}.footer-reference .cp-footer-about h2{margin-bottom:22px}.footer-reference .cp-footer-about p{max-width:750px}.footer-reference .cp-footer-links h3{margin-bottom:10px}
.pma-native-reference,.pma-native-contact,#halogen-selector{font:500 17px/26px 'PMA Manrope',Manrope,Arial,sans-serif;letter-spacing:normal;text-wrap:initial}
.pma-native-reference .section{margin-block:0}.pma-native-reference h1,.pma-native-reference h2,.pma-native-reference h3,.pma-native-reference h4,.pma-native-contact h2,.pma-native-contact h3,#halogen-selector h2,#halogen-selector h3,#halogen-selector h4{font-family:'PMA Google Sans',Arial,sans-serif;font-weight:600;letter-spacing:normal;text-wrap:balance}
.pma-native-reference h1{font-size:47px;line-height:50px;letter-spacing:-1px}.pma-native-reference h2,.pma-native-contact h2{font-size:38px;line-height:43px}.pma-native-reference h3,#halogen-selector h3{font-size:30px;line-height:35px}.pma-native-reference h4,#halogen-selector h4{font-size:24px;line-height:30px}.pma-native-reference p,#halogen-selector p{font-size:17px;line-height:23px;max-width:none}.pma-native-reference .hg-button{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:43px;border:2px solid #000;border-radius:10px;padding:0 35px;font:400 13px/39px 'PMA Google Sans',Arial,sans-serif;letter-spacing:2px;white-space:normal;text-align:center}.pma-native-reference .hg-blue,.pma-native-reference .hg-button-blue{background:#153eff;color:#fff}.pma-native-reference .hg-hero{margin-top:16px}.pma-native-reference video{display:block;width:100%;height:auto;border-radius:24px}.pma-native-reference .hg-wrap{max-width:1240px}.pma-native-reference .hg-hero h1{max-width:780px}
.configurator-section{padding:88px 0;max-width:1240px;width:100%;margin:auto}#halogen-selector{width:100%;margin:0}#halogen-selector h3{margin:14px 0 16px}#halogen-selector h4{margin:0}#halogen-selector fieldset{min-width:0}#halogen-selector [data-placeholder]{opacity:.35}#halogen-selector [data-native-diagram]{object-fit:contain;background:#f7f8fc;padding:16px}#halogen-selector [data-native-illustration]{object-fit:contain;background:#e7ecf1}#halogen-selector .review-hero{object-position:100% center}#halogen-selector svg{stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter}#halogen-selector .product-image{height:auto}.model-reference-note{font-size:13px;color:#626b78;line-height:1.7;margin:24px 0 0;max-width:100ch}
.pma-native-contact .pma-contact-form-refresh{padding:100px 0;background:#fff}.pma-native-contact .section_inner{max-width:1240px;width:calc(100% - 48px);margin:auto}.pma-native-contact .section_inner_margin{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}.pma-native-contact .section_inner_margin>div{min-width:0}.pma-native-contact .pma-contact-form-card>h2{font-size:29px;line-height:34.8px;margin:0 0 12px}.pma-native-contact .pma-contact-form-card>p{font-size:14px;line-height:1.6;margin:0 0 26px;color:#505864}.pma-native-contact .pma-home-button{display:inline-flex;align-items:center;justify-content:center;background:#153eff;color:#fff;border-radius:10px;padding:12px 24px;font:600 13px/1.3 Manrope,sans-serif}.pma-native-contact .field{gap:0;font-size:13px;font-weight:600}.pma-native-contact .forminator-label{display:block;margin-bottom:8px}.pma-native-contact .consent{font-size:12px;line-height:1.55}.pma-native-contact .consent input{accent-color:#153eff}.pma-native-contact .pma-privacy-intro,.pma-native-contact .pma-consent-copy{display:block;margin-bottom:8px}.pma-native-contact .pma-contact-form-frame{background:linear-gradient(155deg,#f0f1f4 0%,#cdd9ff 28%,#153eff 60%,#000000 100%)}.pma-native-contact #enquiry-form .field-error:not(:empty){margin-top:6px}.pma-native-contact .form-status{margin-top:20px}.pma-native-contact .pma-contact-trust-top p{max-width:none}.pma-native-contact .pma-contact-form-card .pma-contact-form-reassurance{font-size:12px;line-height:1.55;margin:18px 0 0}
@keyframes pma-contact-client-scroll{to{transform:translateX(-50%)}}
.pma-site main .technology-intro{max-width:900px;margin-bottom:40px!important}.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.technology-card{padding:32px;background:#f4f5f7;border-radius:28px}.technology-card h2{font-size:27px;margin-bottom:18px}.technology-card p{color:#555d69;line-height:1.75}.answers-and-references{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.answers-and-references .faq{margin:0}.answers-and-references h2{font-size:30px;margin:0 0 24px}.faq{border:0}.faq details{border:0;border-radius:20px;padding:0;background:#f4f5f7;margin:0 0 14px}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:400 24px/1 Onest,sans-serif;flex:0 0 28px;text-align:center;color:#000000}.faq details[open] summary:after{content:'−'}.faq details>p{padding:0 24px 24px;margin:0;line-height:1.7}.reference-panel>p{color:#626b78;margin-bottom:24px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reference-card{display:flex;align-items:start;flex-direction:column;background:#f4f5f7;border-radius:20px;padding:24px;min-width:0}.reference-card h3{font-size:22px;margin-bottom:14px;overflow-wrap:anywhere}.reference-card p{font-size:14px;color:#626b78;margin-bottom:24px}.reference-card .ls-pill{margin-top:auto;font-size:13px}.prose .faq details>p{color:#626b78}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.evidence-grid figure{min-width:0;background:#f4f5f7;border-radius:24px;overflow:hidden}.evidence-grid img{aspect-ratio:1.2;height:auto}.evidence-grid figcaption{font-size:15px;padding:20px 24px}.related .text-link{margin-top:auto}.native-model-note{background:#f4f5f7;padding:24px;border-radius:20px;margin-block:32px;font-size:14px}
#site-search{width:min(900px,calc(100% - 32px));margin:100px auto auto;padding:24px;border-radius:32px;overflow:hidden;box-shadow:0 24px 100px #1a1d2415}#site-search::backdrop{background:#ffffffd9;backdrop-filter:blur(6px)}#site-search[open]{animation:search-appear .25s ease-out}#site-search .dialog-top{margin-bottom:20px}#site-search h2{font-size:24px}#site-search label{display:block;font-size:13px;margin:0 12px 10px;color:#626b78}#site-search .search-input{border:0;border-radius:999px;background:#f2f3f5;padding:18px 24px;font-size:17px;outline-offset:3px}#site-search .search-results{margin-top:0;padding-right:4px;max-height:min(55dvh,520px);gap:10px;scrollbar-width:thin}#site-search .search-count{margin:16px 12px}#site-search .search-result{border-radius:20px;background:#f4f5f7;padding:20px 24px;animation:result-appear .3s ease-out both}#site-search .search-result:nth-child(2){animation-delay:35ms}#site-search .search-result:nth-child(3){animation-delay:70ms}#site-search .search-result:nth-child(n+4){animation-delay:100ms}#site-search .search-result:hover{background:#e9ecf3}@keyframes search-appear{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes result-appear{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.policy-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px}.policy-layout aside{background:#f4f5f7;border-radius:24px;padding:24px;align-self:start;display:grid;gap:18px;font-size:15px}.policy-copy{max-width:830px}.policy-copy section+section{margin-top:32px}.policy-copy h2{font-size:28px;margin-bottom:16px}.policy-copy p{color:#555d69;line-height:1.8}.policy-copy .actions{margin-top:24px}.cookie-information{font-size:16px}.cookie-information p{margin:20px 0}.cookie-information a{text-decoration:underline}
@media(max-width:1050px){.pma-native-contact .section_inner_margin{grid-template-columns:minmax(0,1fr);gap:48px}.technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answers-and-references{grid-template-columns:1fr;gap:40px}.policy-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}
@media(max-width:767px){.pma-native-reference h1{font-size:38px;line-height:42px}.pma-native-reference h2,.pma-native-contact h2{font-size:30px;line-height:36px}.pma-native-reference h3{font-size:26px;line-height:32px}.pma-native-reference h4{font-size:22px;line-height:28px}.pma-native-reference .hg-hero{margin-top:12px}.configurator-section{padding:64px 0;width:100%}.pma-native-contact .pma-contact-form-refresh{padding:68px 0}.pma-native-contact .pma-contact-form-card>h2{font-size:23px;line-height:1.2}.technology-grid,.evidence-grid,.policy-layout{grid-template-columns:1fr}.technology-card{padding:26px}.reference-card{padding:20px}.reference-grid{gap:12px}.reference-card h3{font-size:20px}.reference-card .ls-pill{padding:12px 16px}.footer-reference .cp-footer-links h3{margin-bottom:6px}#site-search{margin-top:28px;padding:20px;border-radius:28px}#site-search .search-input{font-size:16px;padding:17px 20px}.policy-layout aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.policy-copy h2{font-size:25px}}
@media(max-width:400px){.reference-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pma-contact-logo-track{animation:none!important}#site-search[open],#site-search .search-result{animation:none}}
.enquiry-direct{padding:32px;background:#fff;border-radius:24px;display:grid;gap:16px}.enquiry-direct .label{justify-self:start;margin:0}.enquiry-direct a{font:600 21px/1.4 Onest,sans-serif;overflow-wrap:anywhere}.enquiry-direct p{margin:0;font-size:15px}.pma-native-reference .hg-faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center}.pma-native-reference .hg-faq summary::-webkit-details-marker{display:none}.pma-native-reference .hg-faq summary:after{content:'+';font:400 24px/1 Onest,sans-serif}.pma-native-reference .hg-faq details[open] summary:after{content:'−'}.pma-native-reference .hg-faq h4{margin:0!important}

@media(max-width:767px){#halogen-selector{line-height:22px}#halogen-selector h3{font-size:24px;line-height:30px}}
@media(max-width:767px){#halogen-selector p{line-height:22px}}

/* PMA's body-size bridge is also part of the native configurator appearance. */
#halogen-selector :is(p,li,dd,dt,td,th){font-size:17px!important}#halogen-selector p:empty{display:none}
@media(max-width:1000px){.pma-native-reference p{line-height:22px}}
@media(max-width:767px){.pma-native-reference{line-height:22px}.pma-native-reference h1{font-size:30px;line-height:35px}.pma-native-reference h2{font-size:25px;line-height:30px}.pma-native-reference h3{font-size:24px;line-height:30px}.pma-native-reference h4{font-size:19px;line-height:23px}.pma-native-reference .hg-button{padding-inline:14px}#halogen-selector .preview h4{line-height:23px}}
.skip:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus-visible{clip-path:none;width:auto;height:auto;transform:none}
.configurator-panel{background:#f5f7fa}.model-reference-note{padding-inline:24px}
@media(min-width:601px) and (max-width:768px){.pma-native-reference h1{font-size:29px;line-height:33px}.pma-native-reference h2,.pma-native-contact .pma-contact-enquiry-copy h2{font-size:27px;line-height:32px}.pma-native-reference h3,#halogen-selector h3{font-size:23px;line-height:28px}.pma-native-reference h4{font-size:21px;line-height:28px}#halogen-selector .preview h4{line-height:28px}}
@media(max-width:600px){.pma-native-contact .pma-contact-enquiry-copy h2{font-size:25px;line-height:30px}}
.pma-native-reference :is(p,li,dd,dt,td,th){font-size:17px!important}.pma-native-reference .hg-faq summary:after{font-size:23px}
#halogen-selector .config.is-review .review-hero{object-position:100% center}
#site-search .search-results{max-height:0;opacity:0;transition:max-height .35s ease,opacity .2s ease}#site-search[data-has-results] .search-results{max-height:min(55dvh,520px);opacity:1}

.pma-native-reference .hg-faq summary{gap:4px}.pma-native-reference .hg-faq summary:after{flex:0 0 16px;text-align:center}

/* Owner cleanup: feature headings occupy the space formerly used by decorative labels. */
.pma-native-reference .pma-product-feature .pma-feature-intro{grid-template-columns:minmax(0,1fr);gap:0}
#halogen-selector .intro h3{margin-top:0}

/* Match the rendered PMA enquiry controls without restoring removed small print. */
.pma-native-contact .pma-contact-benefits svg{stroke:none;stroke-width:1px}
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-label{color:#000000}
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-input{height:52px!important;min-height:52px;line-height:20px}
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-textarea{line-height:18px}
.pma-native-contact .pma-contact-form-card #enquiry-form .forminator-button-submit{font-family:'PMA Google Sans',Arial,sans-serif}

@media(max-width:767px){.pma-site main .technology-intro{margin-bottom:28px!important}}

/* Owner-approved heading hierarchy, spacing and Compass action pattern. */
:root{--body-size:16px;--h1:clamp(32px,3.4vw,46px);--h2:clamp(28px,2.6vw,36px);--h3:clamp(23px,2vw,28px);--h4:clamp(19px,1.55vw,22px);--h5:18px;--h6:16px;--heading-gap:12px;--media-heading-gap:20px;--pma-blue:#153eff}
body{font-size:var(--body-size)}dialog{font-size:var(--body-size)}
.pma-site main h1{font-size:var(--h1)!important}.pma-site main h2{font-size:var(--h2)!important}.pma-site main h3{font-size:var(--h3)!important}.pma-site main h4{font-size:var(--h4)!important}.pma-site main h5{font-size:var(--h5)!important}.pma-site main h6{font-size:var(--h6)!important}
.pma-site main :is(h1,h2,h3,h4,h5,h6){margin-block-end:var(--heading-gap)!important;line-height:1.18!important}
.pma-site main :is(h1,h2,h3,h4,h5,h6)+:is(p,h2,h3,h4,h5,h6){margin-block-start:0!important}
.pma-site main :is(p,ul,ol)+:is(h1,h2,h3,h4,h5,h6){margin-top:28px!important}
.pma-site main summary :is(h3,h4){margin:0!important}
.pma-native-reference :is(p,li,dd,dt,td,th),#halogen-selector :is(p,li,dd,dt,td,th){font-size:var(--body-size)!important}
.pma-site main #halogen-selector :is(p,li,dd,dt,td,th){font-size:var(--body-size)!important}
.pma-site main #halogen-selector .option h4{margin-bottom:calc(var(--heading-gap) - 8px)!important}.pma-site main #halogen-selector .preview-top h4{margin:0!important}
.pma-site main .reference-card h4{margin-bottom:var(--heading-gap)!important}.pma-site main .enquiry h4{max-width:30ch}.pma-site main .enquiry-direct h4{margin:0!important}
.enquiry>div>p{margin-top:0}.enquiry-direct{gap:16px}.enquiry-direct p{font-size:14px}.enquiry-direct a{font-size:20px}
.pma-site main :is(.faq,.reference-panel,.hg-faq)>h4:not(:has(+p)){margin-bottom:24px!important}
.homepage-faq{margin-top:64px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start}.faq-grid details{margin:0}.faq summary{font-size:16px;min-height:84px}.faq details>p{font-size:16px}.answers-and-references .faq{margin-top:0}
.pma-site main .pma-contact-form-card>h4{font-family:'PMA Google Sans',Arial,sans-serif;margin-bottom:var(--heading-gap)!important}.pma-contact-form-card>h4+p{font-size:14px}
.pma-site>dialog h2{font-size:var(--h3);margin:0}
svg[data-icon-family="hugeicons-rounded"]{stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none}
#halogen-selector svg[data-icon-family="hugeicons-rounded"],.footer-reference svg[data-icon-family="hugeicons-rounded"]{stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.pma-native-reference svg.pma-feature-icon{width:32px;height:32px}
/* Every primary/link CTA uses the same 16px outer corner and 38px inset marker. */
.pma-action,.hg-nav-nav .hg-nav-contact.pma-action,.pma-native-reference .hg-button.pma-action,.pma-native-contact .pma-contact-form-card #enquiry-form .pma-action,#halogen-selector .pma-action{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:54px!important;height:auto!important;max-width:100%;padding:7px 7px 7px 18px!important;border:0!important;border-radius:16px!important;background:var(--action-bg,#000000)!important;color:var(--action-ink,#fff)!important;font:600 15px/1.3 Manrope,Arial,sans-serif!important;letter-spacing:normal!important;text-decoration:none!important;text-align:left;white-space:normal;transition:background .2s ease,transform .2s ease}
.pma-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.pma-action .action-label{min-width:0;flex:1}.pma-action .action-marker{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:var(--action-marker-bg,#153eff);color:var(--action-marker-ink,#fff)}
.pma-action .action-marker svg{display:block!important;width:20px!important;height:20px!important;flex-shrink:0}
.pma-action.white,.pma-action.blue{--action-bg:#e3e5e8;--action-ink:#20211f;--action-marker-bg:#000;--action-marker-ink:#fff}.pma-action.red,.hg-nav-contact.pma-action{--action-bg:#000;--action-marker-bg:#153eff;--action-marker-ink:#fff}
.hg-button.hg-blue,.hg-button-blue,.pma-home-button.pma-action,.forminator-button-submit.pma-action,#halogen-selector .btn.primary:not([data-next]){--action-bg:#e3e5e8;--action-ink:#20211f;--action-marker-bg:#000;--action-marker-ink:#fff}
#halogen-selector .text-btn.pma-action{--action-bg:#000;--action-ink:#fff;--action-marker-bg:#153eff;--action-marker-ink:#fff;font-size:13px!important;gap:8px!important;min-height:48px!important;padding-left:12px!important}
#halogen-selector .text-btn.pma-action .action-marker{width:32px;height:32px;flex-basis:32px;border-radius:9px}#halogen-selector .actions{flex-wrap:wrap;gap:10px}#halogen-selector .actions .next{margin-left:auto}#halogen-selector .preview-cta{width:100%}.hg-explore-action.pma-action{width:max-content}
/* Compass-style photographic product curtain. */
.hg-nav-nav{grid-template-columns:100px minmax(0,1fr) 158px 46px;z-index:20}.hg-nav-nav .hg-nav-contact{min-height:54px}.products-trigger{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:0;padding:0;background:transparent;color:inherit;font:inherit;white-space:nowrap}.products-trigger svg{width:16px;height:16px;transition:transform .2s}.products-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.products-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(1392px,calc(100vw - 48px));padding:8px;border:1px solid #ffffffb3;border-radius:20px;background:#ffffffed;box-shadow:0 16px 45px #00000026;backdrop-filter:blur(20px);animation:product-curtain .22s ease-out;z-index:30}
.product-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-menu-card{position:relative;display:block;min-width:0;height:clamp(310px,42vh,480px);border-radius:20px;overflow:hidden;background:#000000;color:#fff;text-decoration:none!important}.product-menu-card>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.product-menu-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#000000b3 0%,#00000066 44%,#00000033 70%,#00000066 100%);pointer-events:none}.product-menu-card:hover>img{transform:scale(1.04)}.product-menu-copy{position:absolute;z-index:1;top:24px;left:22px;right:20px;display:grid;gap:8px;text-align:left}.product-menu-copy strong{font:650 32px/1.08 Onest,Arial,sans-serif;letter-spacing:-.03em}.product-menu-copy>span{font:600 14px/1.5 Manrope,Arial,sans-serif}.product-menu-arrow{position:absolute;z-index:1;bottom:16px;right:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#153eff;color:#fff}.product-menu-arrow svg{width:20px;height:20px}.mobile-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.mobile-product-grid .product-menu-card{height:215px}.mobile-product-grid .product-menu-copy{top:16px;left:14px;right:12px}.mobile-product-grid .product-menu-copy strong{font-size:24px}.mobile-product-grid .product-menu-copy>span{font-size:12px}.mobile-product-grid .product-menu-arrow{right:12px;bottom:12px;width:34px;height:34px;border-radius:10px}
#mobile-menu{max-width:900px;overflow:auto}.mobile-links a{font-size:21px}.mobile-links .minor{font-size:16px}
@keyframes product-curtain{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
/* Keep the connector on the image row, independent of the two label heights. */
#halogen-selector .system-stage{display:block;padding:16px 12px 20px}#halogen-selector .system-visuals{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center}#halogen-selector .system-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:center;margin-top:8px}#halogen-selector .system-labels .component-name{display:block;font:600 16px/23px 'PMA Google Sans',Arial,sans-serif}#halogen-selector .system-labels small{display:block;color:#5b6570;font-size:12px;line-height:18px;margin-top:4px}#halogen-selector .connector{position:static;display:flex;align-items:center;justify-content:center;width:24px;border:0;color:#8292f5}#halogen-selector .connector:after{display:none}#halogen-selector .connector svg{width:24px;height:24px}#halogen-selector .system-visuals .component img{aspect-ratio:1;height:auto!important;width:100%;max-width:148px;margin-inline:auto;padding:0;object-fit:contain}
.configurator-section{padding:52px 24px;max-width:1288px}.configurator-panel{margin-top:64px}.pma-site main #halogen-selector .intro h2{margin-bottom:var(--heading-gap)!important}
@media(max-width:1199px){.products-panel{display:none!important}}
@media(max-width:767px){.faq-grid{grid-template-columns:1fr}.homepage-faq{margin-top:48px}.faq summary{min-height:76px;padding:22px}.configurator-section{padding:36px 20px}.configurator-panel{margin-top:48px}.pma-action{font-size:14px!important}.actions{gap:12px}.hero-copy .actions{flex-wrap:wrap}.hero-copy .pma-action{max-width:100%}.pma-site main .enquiry h4{max-width:none}}
@media(max-width:370px){.mobile-product-grid .product-menu-copy strong{font-size:21px}.mobile-product-grid .product-menu-copy>span{font-size:11px}.mobile-product-grid .product-menu-card{height:200px}#halogen-selector .actions .pma-action{max-width:100%}#halogen-selector .actions .next{width:100%;margin:0}#halogen-selector .brief-controls .pma-action{width:100%}}
@media(prefers-reduced-motion:reduce){.products-panel,.product-menu-card>img,.products-trigger svg{animation:none;transition:none}}

.pma-site main :is(h5,h6){font-family:Onest,Arial,sans-serif;font-weight:600;letter-spacing:-.02em}
.pma-site>dialog h3{font-size:var(--h3)!important}.pma-site>dialog h4{font-size:var(--h4)!important}.pma-site>dialog :is(h3,h4){line-height:1.18;margin:0}
.faq summary:after,.pma-native-reference .hg-faq summary:after{display:none!important}
.faq-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-left:auto;color:#000000}
.faq-toggle svg{width:20px!important;height:20px!important}.faq-toggle svg+svg{display:none}details[open]>summary>.faq-toggle svg:first-child{display:none}details[open]>summary>.faq-toggle svg+svg{display:block}

@media(min-width:801px){#halogen-selector .config{overflow:clip}#halogen-selector .work{align-items:start}#halogen-selector .preview{align-self:start;position:sticky;top:24px;border-radius:0 0 28px 28px}#halogen-selector .preview-cta{margin-top:16px!important}}
@media(max-width:800px){#halogen-selector .preview{position:static}#halogen-selector .preview-cta{margin-top:16px!important}}
/* Preserve control visibility when CTA styling is applied. */
.pma-site [hidden],#halogen-selector [hidden],.pma-native-contact .pma-contact-form-card #enquiry-form [hidden]{display:none!important}
@media(max-width:1199px){.hg-nav-nav .hg-nav-contact.pma-action{display:none!important}}

.pma-site main .tile>h3,.pma-site main .hg-explore-card>h3{margin-top:var(--media-heading-gap)!important}
.product-menu-card[href="/products/d20-controller/"]>img{object-position:72% center}

.footer-reference .cp-footer-linkedin:hover .cp-footer-social-arrow svg{transform:translateX(2px)}

/* Heading and supporting copy form one group: avoid adding margins to flex gaps. */
.photo-cta>div{row-gap:0}.photo-cta>div>.pma-action{margin-top:22px}
.footer-reference .cp-footer-about h2{margin-bottom:var(--heading-gap)}

/* Shared inset frame and standard gutter between the builder and enquiry panel. */
.pma-site .configurator-panel{margin-inline:12px;border-radius:32px}
.pma-site .configurator-panel+.enquiry{margin:12px 12px 0;border-radius:32px}
@media(max-width:700px){.pma-site .configurator-panel{margin-inline:8px;border-radius:33px}.pma-site .configurator-panel+.enquiry{margin:8px 8px 0;border-radius:33px}}

/* Soft-grey alternative: visible against white, darker on hover. */
.pma-action:is(.white,.blue,.hg-blue,.hg-button-blue,.pma-home-button,.forminator-button-submit):hover,#halogen-selector .btn.primary.pma-action:not([data-next]):hover{--action-bg:#d6d9de;filter:none}
/* Six useful product answers with balanced space around the section. */
.pma-site main .pma-native-reference .pma-halogen:not(.hg-soft):has(+.product-faq-section){padding-bottom:0!important}
.pma-site main .pma-native-reference .pma-halogen.hg-soft:has(+.product-faq-section){padding-bottom:clamp(32px,4vw,48px)!important}
.pma-site main .pma-native-reference .product-faq-section{padding-block:64px!important}
.pma-site main .product-faq-section .hg-heading{margin-bottom:24px!important}
.pma-site main .product-faq-section .hg-heading>h3{margin-bottom:0!important}
.product-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 24px}
.pma-site main .product-faq-grid>details{margin:0!important;padding:0!important;border:0;border-radius:20px;background:#f4f5f7;min-width:0}
.pma-site main .product-faq-grid>details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:96px;padding:24px;cursor:pointer;list-style:none}
.pma-site main .product-faq-grid>details>summary::-webkit-details-marker{display:none}
.pma-site main .product-faq-grid>details>p{margin:0!important;padding:0 24px 24px;line-height:1.6}
.pma-site main .product-faq-section .hg-faq-actions{margin-top:24px}
.product-range-answers{margin-block:64px}.product-range-answers>.faq{margin:0}.product-range-answers>.reference-panel{margin-top:48px}
@media(max-width:767px){
.pma-site main .pma-native-reference .product-faq-section{padding-block:48px!important}
.product-faq-grid{grid-template-columns:1fr;gap:14px}
.pma-site main .product-faq-grid>details>summary{min-height:80px;padding:22px}
.pma-site main .product-faq-grid>details>p{padding:0 22px 22px}
.product-range-answers{margin-block:48px}
}
.pma-site main .section:has(+.product-range-answers){margin-bottom:0}

/* Animate the horizontal glyph, keeping the inset arrow tile still. */
.pma-action .action-marker svg,.product-menu-arrow svg{transition:transform 180ms ease}
.pma-action:is(:hover,:focus-visible) .action-marker svg,.updates-card>a:is(:hover,:focus-visible) .action-marker svg,.product-menu-card:is(:hover,:focus-visible) .product-menu-arrow svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.pma-action,.pma-action .action-marker svg,.product-menu-arrow svg{transition:none!important;transform:none!important}}

/* Compass navbar reference, measured 4 November 2026; approved Halogen icons retained. */
.pma-site .hero{margin:12px;border-radius:32px}
.pma-site .hg-nav-nav{position:absolute;top:12px;left:12px;right:12px;transform:none;display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:16px;width:auto;max-width:none;height:76px;min-height:76px;padding:0 18px;border:0;border-radius:20px;background:rgba(255,255,255,.76);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:none;color:#20211f;font:500 17px/1.5 Manrope,Arial,sans-serif;z-index:20}
.pma-site .hg-nav-inner{position:relative;top:auto;left:auto;right:auto;width:calc(100% - 48px);margin:24px auto;background:rgba(244,245,247,.9)}
.pma-site .hg-nav-brand{display:flex;align-items:center;gap:0;min-width:0;text-decoration:none}
.pma-site .hg-nav-brand-name{display:none}.pma-site .hg-nav-logo{position:relative;display:block;flex:0 0 100px;width:100px;height:58px;overflow:hidden;margin:0}
.pma-site .hg-nav-logo img{position:absolute;width:152.185%!important;height:auto!important;max-width:none!important;left:-24.844%;top:50%;transform:translateY(-54.194%);filter:brightness(0)}
.pma-site .hg-nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(24px,2vw,36px);min-width:0;font:650 15px/1.5 Manrope,Arial,sans-serif}
.pma-site .hg-nav-links>a{display:inline-flex;align-items:center;min-height:46px;color:inherit;font:inherit;white-space:nowrap;text-decoration:none}.pma-site .hg-nav-links>a:hover{color:#153eff}
.pma-site .products-trigger{min-height:46px;padding:8px 0;border:0;border-radius:16px;background:transparent;font:inherit;color:inherit;white-space:nowrap}
.pma-site .hg-nav-right{display:flex;align-items:center;justify-content:flex-end;min-width:0;transform:translateX(8px)}
.pma-site .hg-nav-nav .hg-nav-contact.pma-action{width:max-content;min-width:max-content;max-width:none;flex:0 0 auto;gap:14px!important;white-space:nowrap!important;font:600 15px/1.5 Manrope,Arial,sans-serif!important;--action-bg:#000;--action-ink:#fff;--action-marker-bg:#153eff;--action-marker-ink:#fff}
.pma-site .hg-nav-contact .action-label{white-space:nowrap;flex:0 0 auto;min-width:max-content}
.pma-site .hg-nav-contact .action-marker{background:#153eff;color:#fff}
.pma-site .hg-nav-nav .hg-nav-contact:hover{background:#000!important;transform:none;filter:none}
.pma-site .hg-nav-nav .hg-nav-menu{display:none;order:0;margin:0;width:46px;height:46px;min-height:46px;flex:0 0 46px;padding:0;align-items:center;justify-content:center;gap:0;border:0;border-radius:14px;background:#20211f;color:#fff;font:inherit;cursor:pointer}
.pma-site .hg-nav-menu>span{display:none}.pma-site .hg-nav-menu svg{width:21px;height:21px}
.pma-site .hg-nav-nav :is(a,button):focus-visible{outline:2px solid #153eff;outline-offset:3px}
.pma-site .products-panel{top:calc(100% + 9px);left:-1px;right:-1px;width:auto;max-width:none;transform:none;background:rgba(255,255,255,.8);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:none;border:1px solid rgba(255,255,255,.65);border-radius:20px}
@media(max-width:1199px){.pma-site .hg-nav-nav{grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:0 12px}.pma-site .hg-nav-links,.pma-site .hg-nav-right{display:none}.pma-site .hg-nav-nav .hg-nav-contact.pma-action{display:none!important}.pma-site .hg-nav-nav .hg-nav-menu{display:flex}}
@media(max-width:700px){.pma-site .hero{margin:8px;border-radius:33px}.pma-site .hg-nav-nav{height:66px;min-height:66px;padding:0 14px;border-radius:21px}.pma-site .hg-nav-inner{width:calc(100% - 40px);margin:20px auto}.pma-site .hg-nav-logo{flex-basis:76px;width:76px;height:44px}}

/* Product heroes use the same inset frame as the home hero, behind the navigation. */
.product-page{position:relative;display:flow-root}
.pma-site .product-page>.hg-nav-nav{top:24px;left:24px;right:24px}
.pma-site main .product-page .pma-native-reference .pma-halogen.hg-hero{position:relative;width:calc(100% - 24px);height:660px;min-height:660px;margin:12px!important;padding:120px 0 48px!important;border-radius:32px;overflow:hidden}
@media(max-width:767px){.pma-site main .product-page .pma-native-reference .pma-halogen.hg-hero{height:480px;min-height:480px;padding:116px 0 36px!important}}
@media(max-width:700px){.pma-site .product-page>.hg-nav-nav{top:20px;left:20px;right:20px}.pma-site main .product-page .pma-native-reference .pma-halogen.hg-hero{width:calc(100% - 16px);margin:8px!important;border-radius:33px}}

/* Compass Updates layout, adapted to Halogen's palette and four-article collection. */
.updates-wrap{width:calc(100% - 112px);max-width:1600px;margin-inline:auto}
.updates-section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.pma-site main .updates-section-heading h2{margin-bottom:0!important}
.updates-home{padding:100px 0 16px}
.updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:45px 28px}
.updates-card{min-width:0;border-radius:24px;overflow:hidden;background:#f4f5f7;transition:background .2s}
.updates-card:hover{background:#e9ecf3}
.updates-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.updates-card picture{display:block;aspect-ratio:16/10;flex:none;overflow:hidden}
.updates-card picture img{width:100%;height:100%;object-fit:cover}
.updates-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:28px}
.updates-category{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#555d69;margin:0}
.pma-site main .updates-card h3{font-size:30px!important;font-weight:700;line-height:1.15!important;letter-spacing:-.02em;overflow-wrap:break-word;margin:20px 0 var(--heading-gap)!important}
.updates-card-copy>p:not(.updates-category){font-size:var(--body-size);line-height:1.5;margin:0;padding-bottom:28px}
.updates-card .updates-action{margin-top:auto;width:max-content}
.updates-card>a:focus-visible{outline:3px solid #153eff;outline-offset:-4px}
.updates-photo-plant-team{object-position:78% center}
.updates-photo-controller-review,.updates-photo-controller-room{object-position:72% center}
.updates-hero-shell{position:relative;display:flow-root}
.pma-site .updates-hero-shell>.hg-nav-nav,.pma-site .updates-masthead>.hg-nav-nav{top:24px;left:24px;right:24px}
.updates-hero{min-height:340px;margin:12px;border-radius:32px;background:#f4f5f7;color:#000;display:flex;align-items:flex-end;padding:158px 5vw 56px;overflow:hidden}
.updates-hero>div{width:min(1220px,100%)}
.updates-page[data-updates-archive=false]{
 --updates-listing-inset:max(clamp(32px,calc(12.5vw - 67.5px),96px),calc((100% - 1520px) / 2));
 --updates-hero-margin:12px;
}
.updates-page[data-updates-archive=false]>.updates-wrap{width:calc(100% - 2 * var(--updates-listing-inset))}
.updates-page[data-updates-archive=false] .updates-hero{padding-inline:calc(var(--updates-listing-inset) - var(--updates-hero-margin))}
.updates-page[data-updates-archive=false] .updates-hero>div{width:100%}
@media(min-width:701px){.updates-page[data-updates-archive=false] .updates-hero h1{max-width:50%}}
.pma-site main .updates-hero h1{font-size:var(--h1)!important;line-height:1.1!important;font-weight:600;letter-spacing:-.02em;margin:0!important}
.updates-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:50px;margin-bottom:45px}
.updates-page[data-updates-archive=false]>.updates-tools{margin-top:32px}
.pma-site main .updates-latest>h2,.pma-site main .updates-library>h2{margin-bottom:32px!important}
.updates-page{padding-bottom:90px}
.updates-more{border-top:1px solid #dfe2e7;margin-top:64px;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.updates-more p{max-width:650px}
.updates-library{margin-block:64px 90px}
.pma-site .tiles.tiles-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.updates-masthead{position:relative;display:flow-root;padding:124px 0 24px;margin:12px;border-radius:32px;background:#fff;color:#20211f}
.pma-site .updates-masthead>.hg-nav-nav{top:12px;left:12px;right:12px}
.updates-journal-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.updates-journal-nav>a:first-child{font:600 24px/1.1 Onest,Arial,sans-serif;letter-spacing:-.02em}
.updates-journal{padding-top:72px}
.updates-journal-header,.updates-journal-body{width:calc(100% - 48px);max-width:720px;margin-inline:auto}
.updates-journal-header{margin-bottom:60px}
.pma-site main .updates-journal-header h1{font-size:clamp(38px,4.2vw,60px)!important;line-height:1.1!important}
.updates-journal-header>p{color:#626b78;line-height:1.5}
.updates-byline{margin-top:24px}
.updates-author{
 --author-blue:#0a66c2;
 display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
 min-height:44px;max-width:100%;color:#20211f;font-size:17px;font-weight:600;line-height:1.5;text-decoration:none;
}
.updates-author:hover{--author-blue:#004182}
.updates-author-linkedin{
 display:inline-flex;align-items:center;justify-content:space-between;gap:6px;
 width:112px;height:28px;padding:4px 7px;border-radius:8px;
 background:var(--author-blue);color:#fff;font-size:13px;line-height:1.2;
 transition:background 180ms ease;
}
.updates-author-linkedin .cp-footer-social-logo{width:18px;height:18px}
.updates-author-linkedin .cp-footer-social-logo svg{width:18px;height:18px}
.updates-author-linkedin .cp-footer-social-logo svg :is(circle,path){fill:var(--author-blue);stroke:none}
.updates-author-linkedin>svg{width:14px;height:14px;transition:transform 180ms ease}
.updates-author:is(:hover,:focus-visible) .updates-author-linkedin>svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){
 .updates-author-linkedin,.updates-author-linkedin>svg{transition:none;transform:none!important}
}
.updates-journal-figure{width:84%;max-width:1120px;margin:0 auto 56px;aspect-ratio:1.85;overflow:hidden;border-radius:24px}
.updates-journal-figure img{width:100%;height:100%;object-fit:cover}
.updates-journal-body{line-height:1.5}
.updates-journal-body p{font-size:var(--body-size);line-height:1.5;color:#555d69}
.updates-journal-body section+section,.updates-journal-body>p+section{margin-top:48px}
.updates-journal-further{margin-block:64px}
.pma-site main .updates-journal-further>h2{margin-bottom:24px!important}
.updates-related{margin-block:80px}
@media(max-width:1100px){.updates-wrap{width:calc(100% - 64px)}}
@media(max-width:767px){.pma-site .tiles.tiles-four{grid-template-columns:1fr}}
@media(max-width:700px){
.updates-wrap{width:calc(100% - 40px)}
.updates-section-heading{display:block;margin-bottom:28px}.updates-section-heading>.pma-action{margin-top:22px}
.updates-home{padding-top:65px}.updates-grid{grid-template-columns:1fr;gap:24px}
.updates-card{border-radius:18px}.updates-card-copy{padding:24px}
.pma-site main .updates-card h3{font-size:28px!important}
.pma-site .updates-hero-shell>.hg-nav-nav{top:20px;left:20px;right:20px}
.updates-hero{min-height:280px;margin:8px;border-radius:33px;padding:126px 24px 36px}
.updates-tools{display:block;margin-top:28px;margin-bottom:30px}
.updates-page[data-updates-archive=false]{--updates-listing-inset:20px;--updates-hero-margin:8px}
.updates-page[data-updates-archive=false]>.updates-tools{margin-top:20px}
.updates-page{padding-bottom:60px}.updates-more{display:block;margin-top:40px;padding-top:28px}.updates-more .pma-action{margin-top:25px}
.updates-library{margin-block:48px 64px}
.updates-masthead{margin:8px;border-radius:33px;padding:106px 0 22px}
.pma-site .updates-masthead>.hg-nav-nav{top:12px;left:12px;right:12px}
.updates-journal-nav{gap:12px;align-items:center}.updates-journal-nav>a:first-child{font-size:20px}.updates-journal-nav .pma-action{gap:8px!important;padding-left:12px!important;font-size:13px!important}
.updates-journal{padding-top:48px}.updates-journal-header{margin-bottom:38px}
.pma-site main .updates-journal-header h1{font-size:39px!important}
.updates-journal-figure{width:calc(100% - 32px);margin-bottom:42px;aspect-ratio:1.25;border-radius:18px}
.updates-related{margin-block:64px}
}
@media(max-width:370px){.updates-journal-nav{flex-wrap:wrap;gap:16px}}
@media(prefers-reduced-motion:reduce){.updates-card{transition:none}}

.pma-site main .updates-journal-header h1{overflow-wrap:break-word}
/* Keep the complete controller and protected connection in the installation crop. */
.updates-photo-controller-room,.tile img[src="/images/halogen-controller.webp"],.page-visual img[src="/images/halogen-controller.webp"]{object-position:100% center}

/* Archive: nine full cards, then the compact Compass-style list. */
.updates-latest .updates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.updates-article-tools{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;isolation:isolate}
.updates-category-control{position:relative}
.updates-category-trigger,.updates-all-articles{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:0;border-radius:14px;background:transparent;color:#20211f;font:600 var(--body-size)/1.2 Manrope,Arial,sans-serif;white-space:nowrap;text-decoration:none;transition:background 180ms ease}
.updates-all-articles{gap:18px;padding:12px 18px;border-radius:16px;background:#e3e5e8}
.updates-category-trigger:hover,.updates-all-articles:hover{background:#d6d9de}
.updates-category-trigger svg{width:17px;height:17px;transition:transform 180ms ease}
.updates-category-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.updates-all-articles svg{width:18px;height:18px;transition:transform 180ms ease}
.updates-all-articles:is(:hover,:focus-visible) svg{transform:translateX(3px)}
.updates-category-popover{position:absolute;right:0;top:calc(100% + 12px);width:320px;max-width:calc(100vw - 40px);padding:20px;background:#f4f5f7;color:#20211f;border:1px solid #20211f14;border-radius:20px;box-shadow:0 12px 35px #14282424;z-index:20;animation:updates-popover-in 180ms ease-out}
.updates-category-popover>p{font-size:13px;font-weight:600;line-height:1.4;margin:0 0 14px;color:#555d69}
.updates-category-cloud{display:flex;flex-wrap:wrap;gap:8px}
.updates-category-cloud>button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px;border:0;background:#fff;border-radius:12px;font:500 14px/1.3 Manrope,Arial,sans-serif;color:#20211f;transition:background 180ms ease}
.updates-category-cloud>button:hover{background:#e3e5e8}.updates-category-cloud>button[aria-pressed=true]{background:#000;color:#fff}
.updates-category-cloud>button>span{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}
.updates-article-tools :is(a,button):focus-visible{outline:2px solid #153eff;outline-offset:3px}
.updates-older{padding-top:64px}.updates-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.updates-compact-grid>.updates-card{border-bottom:1px solid #dfe2e7;border-radius:0;background:transparent}
.updates-compact-grid>.updates-card>a{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:20px;align-items:start;padding:24px 0;height:100%}
.updates-compact-grid picture{width:112px;height:112px;aspect-ratio:auto;border-radius:18px;overflow:hidden}
.updates-compact-grid .updates-card-copy{padding:0;height:100%}
.pma-site main .updates-compact-grid .updates-card h3{font-size:24px!important;line-height:1.2!important;margin:8px 0 0!important}
.updates-compact-grid .updates-card-copy>p:not(.updates-category),.updates-compact-grid .updates-action{display:none!important}
.updates-compact-grid .updates-category{font-size:11px}
.updates-compact-grid .updates-card:hover{background:transparent}.updates-compact-grid .updates-card:hover h3{color:#153eff}
.updates-page [hidden]{display:none!important}
@keyframes updates-popover-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.updates-latest .updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.updates-compact-grid{column-gap:28px}.updates-compact-grid>.updates-card>a{grid-template-columns:84px minmax(0,1fr);gap:16px}.updates-compact-grid picture{width:84px;height:100px;border-radius:14px}.pma-site main .updates-compact-grid .updates-card h3{font-size:22px!important}}
@media(max-width:700px){.updates-latest .updates-grid{grid-template-columns:1fr}.updates-article-tools{margin-top:22px;justify-content:flex-start;gap:6px}.updates-category-control{position:static}.updates-category-popover{left:0;right:auto;top:calc(100% + 10px);max-width:100%;padding:18px}.updates-compact-grid{grid-template-columns:1fr}.updates-older{padding-top:40px}.updates-compact-grid>.updates-card>a{padding-block:20px}}
@media(prefers-reduced-motion:reduce){.updates-category-popover{animation:none}.updates-article-tools svg{transition:none;transform:none!important}}

.updates-compact-marker{display:none}.updates-compact-grid .updates-compact-marker{display:grid;align-self:center;place-items:center;width:38px;height:38px;border-radius:11px;background:#153eff;color:#fff}.updates-compact-marker svg{transition:transform 180ms ease}.updates-card>a:is(:hover,:focus-visible) .updates-compact-marker svg{transform:translateX(3px)}
@media(max-width:1100px){.updates-compact-grid .updates-compact-marker{display:none}}
@media(prefers-reduced-motion:reduce){.updates-compact-marker svg{transition:none;transform:none!important}}

.updates-page[data-updates-archive=true] .updates-older{padding-top:0}


.updates-article-contact .pma-contact-form-row>.section_inner{max-width:1100px}
.updates-article-contact .pma-contact-form-refresh{padding-block:64px!important}
@media(max-width:700px){.updates-article-contact .pma-contact-form-refresh{padding-block:48px!important}}
.pma-native-contact .forminator-button-submit.pma-action{--action-bg:#153eff;--action-ink:#fff;--action-marker-bg:#000;--action-marker-ink:#fff}
.pma-native-contact .forminator-button-submit.pma-action:hover{--action-bg:#102fc4}

.updates-journal-body p a{color:#1439c9;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.updates-journal-body p a:hover{text-decoration-thickness:2px}

.updates-journal-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:#555d69;font-size:13px;font-weight:600;margin-bottom:18px}
.updates-journal-meta span{text-transform:uppercase;letter-spacing:.04em}

.analytics-consent-banner{position:fixed;z-index:1000;bottom:16px;left:16px;right:16px;max-width:760px;margin:auto;padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 8px 40px #0003;color:#1a1d24}
.analytics-consent-banner[hidden]{display:none}
.analytics-consent-banner h2{font-size:20px;line-height:1.25;margin:0 0 8px}
.analytics-consent-banner p,.cookie-information p{font-size:15px;line-height:1.5;margin:0 0 16px}
.analytics-consent-actions{display:flex;flex-wrap:wrap;gap:10px}
.analytics-consent-actions button{min-height:44px;padding:10px 16px;border:0;border-radius:12px;background:#e3e5e8;color:#20211f;font-weight:700;cursor:pointer}
.analytics-consent-actions button:hover{background:#d3d7df}
.analytics-consent-actions button:focus-visible{outline:3px solid #153eff;outline-offset:3px}
.analytics-consent-banner a,.cookie-information a{color:#1439c9;text-decoration:underline;text-underline-offset:3px}
.cookie-choice-status{color:#a81919}
@media(max-width:600px){.analytics-consent-banner{bottom:8px;left:8px;right:8px;padding:18px}.analytics-consent-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-consent-actions [data-consent-settings]{grid-column:1/-1}}