:root{--helion-orange:#E8740C;--helion-orange-hover:#D4680A;--helion-orange-text:#A95409;--helion-text:#555555;--helion-charcoal:#1F1E1C;--helion-cream:#F7F6F3;--helion-border:#E8E5DE}
nav.k-nav a:hover{color:var(--helion-orange-text) !important}
.site-header,.site-header .inside-header,#masthead,header#masthead{background:var(--helion-charcoal) !important}
.main-navigation,.main-navigation .inside-navigation{background:var(--helion-charcoal) !important}
.main-navigation a:hover{color:var(--helion-orange-text) !important}
.main-navigation .main-nav ul ul,.main-navigation .main-nav ul ul li{background:var(--helion-charcoal) !important}
.main-navigation .main-nav ul ul a:hover{color:var(--helion-orange-text) !important}
.main-navigation .k-nav-phone a{background:var(--helion-orange) !important}
.footer-widgets{background:var(--helion-charcoal) !important}
.k-fw-contact a:hover{color:var(--helion-orange-text) !important}
.k-fw-logo span{color:var(--helion-orange-text) !important}
.k-fw-col a:hover{color:var(--helion-orange-text) !important}
.site-footer,.site-info{background:var(--helion-charcoal) !important}
.k-fw-copy a:hover{color:var(--helion-orange-text) !important}
.k-badge{background:var(--helion-charcoal) !important}
.k-badge--light{color:var(--helion-orange-text) !important}
.k-highlight{color:var(--helion-orange-text) !important}
.k-btn-primary,.entry-content a.k-btn-primary{background:var(--helion-orange) !important}
.k-btn-outline,.entry-content a.k-btn-outline{color:var(--helion-text) !important}
.k-btn-outline:hover{border-color:var(--helion-orange-text) !important;color:var(--helion-orange-text) !important}
.k-btn-outline--white:hover{border-color:var(--helion-orange-text) !important;color:var(--helion-orange-text) !important}
.fk-hero .k-btn-outline:hover{border-color:var(--helion-orange-text) !important;color:var(--helion-orange-text) !important}
.k-trust{background:var(--helion-orange) !important}
.k-section--dark{background:var(--helion-charcoal) !important}
.k-section-title{color:var(--helion-text) !important}
.k-orange-bar{background:var(--helion-orange) !important}
.k-service-card h3{color:var(--helion-text) !important}
a.k-card-link,.k-card-link,.entry-content a.k-card-link{color:var(--helion-orange-text) !important}
.k-step-num{background:var(--helion-orange) !important}
.k-step h3{color:var(--helion-text) !important}
.k-spec-card h3{color:var(--helion-text) !important}
.k-tag{color:var(--helion-orange-text) !important}
.k-avatar-dot{background:var(--helion-orange) !important}
.k-author-name{color:var(--helion-text) !important}
.k-stat-box-num{color:var(--helion-orange-text) !important}
.k-cta-section{background:var(--helion-charcoal) !important}
.ffk-hero{background:linear-gradient(135deg,var(--helion-charcoal) 0,#4a4b4d 50%,#3d3e40 100%) !important}
.k-sp-metric:hover{border-left-color:var(--helion-orange-text) !important}
.k-sp-metric-num{color:var(--helion-orange-text) !important}
.k-sp-benefit-title{color:var(--helion-text) !important}
.k-sp-role-card h3{color:var(--helion-text) !important}
.k-sp-tl-num{background:var(--helion-orange) !important}
.k-sp-tl-content h3{color:var(--helion-text) !important}
.k-sp-tl-tag{color:var(--helion-orange-text) !important}
.k-sp-proof-num{color:var(--helion-orange-text) !important}
.k-sp-proof-label{color:var(--helion-text) !important}
.k-sp-faq-q{color:var(--helion-text) !important}
.k-sp-faq-q::after{color:var(--helion-orange-text) !important}
.k-sp-faq-q:hover{color:var(--helion-orange-text) !important}
.fk-author-box-label{color:var(--helion-orange-text) !important}
.fk-author-box-name{color:var(--helion-text) !important}
.k-sp-metrics-bar{background:var(--helion-orange) !important}
.k-sp-card3 h3{color:var(--helion-text) !important}
.k-sp-zigzag-text h3{color:var(--helion-text) !important}
.k-sp-hstep-num{background:var(--helion-orange) !important}
.k-sp-hstep h3{color:var(--helion-text) !important}
.k-sp-sp-stat-num{color:var(--helion-orange-text) !important}
.k-sp-compare-head{color:var(--helion-text) !important;border-bottom:2px solid var(--helion-orange-text) !important}
.k-cta-section--orange{background:linear-gradient(135deg,var(--helion-orange) 0,#e07520 100%) !important}
.k-btn-primary--dark,.entry-content a.k-btn-primary--dark{background:var(--helion-charcoal) !important}
.k-sp-counter-num{color:var(--helion-orange-text) !important}
.k-sp-fstack-num{color:var(--helion-orange-text) !important;border:2px solid var(--helion-orange-text) !important}
.k-sp-fstack-vline{background:linear-gradient(180deg,var(--helion-orange) 0,rgba(244,136,48,0.15) 100%) !important}
.k-sp-fstack-text p{color:var(--helion-text) !important}
.k-sp-phase-dot{background:var(--helion-orange) !important;box-shadow:0 0 0 2px var(--helion-orange-text) !important}
.k-sp-phase-line{background:linear-gradient(90deg,var(--helion-orange) 0,rgba(244,136,48,0.3) 100%) !important}
.k-sp-phase p{color:var(--helion-text) !important}
.k-sp-pullquote-attr{color:var(--helion-text) !important}
.k-sp-inline-stat{color:var(--helion-text) !important}
.k-sp-inline-stat strong{color:var(--helion-orange-text) !important}
.k-sp-usecase:hover{border-color:var(--helion-orange-text) !important}
.k-sp-usecase-icon{color:var(--helion-orange-text) !important}
.k-sp-usecase-text p{color:var(--helion-text) !important}
.k-cta-section--gradient{background:linear-gradient(135deg,#1a1a2e 0,#2d2d3d 40%,var(--helion-orange) 100%) !important}
@media(max-width:768px){.k-sp-metric:hover{border-top-color:var(--helion-orange-text) !important}}
@media(max-width:768px){.k-sp-phase-line{background:linear-gradient(180deg,var(--helion-orange) 0,rgba(244,136,48,0.3) 100%) !important}}
body,.fk-author-box,button,input,select,textarea{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important}
a{color:var(--helion-orange-text)}a:hover{color:var(--helion-charcoal)}
.fk-hero{background-image:none !important}
:focus-visible{outline:2px solid var(--helion-charcoal);outline-offset:2px}
/* The site's faces (PR-3), served from the wiring plugin so kit re-runs cannot delete them; the latin files are byte-identical to the comps'. The plugin preloads Schibsted (wp_head 1). JetBrains Mono (C4-TOOLS T5) is the compliance comp's label/chip face, not preloaded. */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/plugins/helion-site-wiring/assets/fonts/schibsted-grotesk-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url('/wp-content/plugins/helion-site-wiring/assets/fonts/newsreader-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url('/wp-content/plugins/helion-site-wiring/assets/fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* The comp header (plan F2, the measured block [fid-04]). Every rule beats the kit rule it replaces: fk-nav.css (!important at (0,1,0)-(0,2,1)) and global.css nav.k-nav a{color:#fff !important} (0,1,2). The desktop layout is scoped to > 1024 px so it cannot leak into the mobile panel: R-101 writes every desktop block as (min-width:1024.02px) against the mobile (max-width:1024px), so a zoomed fractional viewport such as 1024.5 px gets one layout or the other, never neither. Each link type sets its own colour (no blanket nav.k-nav a rule: it put #333 on the kit's dark dropdown panels). */
nav.k-nav{height:88px !important;background:#fff !important;box-shadow:0 1px 3px rgba(0,0,0,.08) !important;border-bottom:0 !important;backdrop-filter:none !important}
nav.k-nav .k-nav-inner{max-width:1320px !important;padding:0 48px !important;gap:24px !important}
nav.k-nav .fk-logo-img{height:40px !important;width:auto !important}
nav.k-nav a.k-nav-link{display:block !important;padding:0 !important;gap:0 !important;font-family:'Schibsted Grotesk',sans-serif;font-size:15px !important;font-weight:500 !important;color:#333 !important;background:none !important;border-radius:0 !important;white-space:nowrap}
nav.k-nav a.k-nav-link:hover{color:#E8740C !important}
nav.k-nav .k-has-dd:hover>a.k-nav-link{background:none !important}
nav.k-nav .k-caret{font-size:inherit !important;opacity:1 !important;margin:0 !important}
nav.k-nav a.k-nav-link,nav.k-nav a.k-nav-cta{line-height:normal !important}
nav.k-nav a.k-nav-cta{height:40px !important;align-items:center !important;padding:11px 24px !important;border-radius:4px !important;background:#E8740C !important;color:#fff !important;font-size:14px !important;font-weight:600 !important;transform:none !important;box-shadow:none !important}
nav.k-nav a.k-nav-cta:hover{background:#D4680A !important}
nav.k-nav a[href*="itclientportal.com"]{height:42px !important;display:flex !important;align-items:center !important;padding:11px 24px !important;border:1px solid #ddd !important;border-radius:4px !important;font-size:14px !important;font-weight:500 !important;color:#333 !important}
nav.k-nav a[href*="itclientportal.com"]:hover{color:#333 !important;border-color:#999 !important}
body.blog nav.k-nav a.k-nav-link[href$="/resources/"],body.search nav.k-nav a.k-nav-link[href$="/resources/"],body.single-post nav.k-nav a.k-nav-link[href$="/resources/"]{color:#E8740C !important}
@media (min-width:1024.02px){
  nav.k-nav ul.k-nav-links{flex:1 1 auto !important;gap:36px !important}
  nav.k-nav ul.k-nav-links>li:first-child,nav.k-nav ul.k-nav-links>li.k-cta-wrap{margin-left:auto !important}
  nav.k-nav ul.k-nav-links>li:has(+li.k-cta-wrap){margin-right:-12px !important}
  nav.k-nav ul.k-nav-links>li.k-cta-wrap+li{margin-left:-24px !important}
}
/* R-72: 1025-1199 px (no comp width; bounds 1024.02 and 1199.98 per R-101, so 1199.5 px takes this step and 1200 px the block above; the measured row needs about 1145 px). Tighter padding and gaps, and the Contact Us -> Client Portal margin re-set for the 20 px gap so the buttons stay about 12 px apart; >= 1200 px is the measured block above, untouched. */
@media (min-width:1024.02px) and (max-width:1199.98px){
  nav.k-nav div.k-nav-inner{padding:0 24px !important;gap:16px !important}
  nav.k-nav ul.k-nav-links{gap:20px !important}
  nav.k-nav ul.k-nav-links>li.k-cta-wrap+li{margin-left:-8px !important}
}
/* Dropdowns (not in the comps; drawn in their language, AA). Above 1024 px a white panel; at <= 1024 px the kit's static, transparent list sits in the white mobile panel. Links #333; hover #A95409 on #F7F6F3 (AA, not the 2.8:1 orange). Keyboard focus opens a dropdown at every width (the kit opens them on :hover only above 1024 px); R-102: keyboard focus only, i.e. :focus-within unless the focused element is mouse-focused (:focus without :focus-visible), so a mouse click that leaves focus on a link (a ctrl+click that opens a new tab) does not keep the panel open once the pointer leaves. R-102's :has(:focus-visible) alone loses keyboard access to the panel links: Chrome blurs the parent link before it focuses the next one, the panel hides, the target is no longer focusable and Tab drops to the body; :focus-within survives that move because the li is the common ancestor (measured in local Chrome). Without :has() the rule is dropped and the panels open on hover only. */
@media (min-width:1024.02px){
  nav.k-nav .k-dropdown,nav.k-nav .k-sub-dropdown{background:#fff !important;border:1px solid #E8E5DE !important;border-radius:8px !important;box-shadow:0 18px 40px rgba(0,0,0,.08) !important;padding:8px !important}
}
nav.k-nav a.k-dd-link{font-size:14px !important;font-weight:500 !important;color:#333 !important;border-radius:6px !important;background:none !important}
nav.k-nav a.k-dd-link:hover{color:#A95409 !important;background:#F7F6F3 !important}
nav.k-nav .k-has-dd:focus-within:not(:has(:focus:not(:focus-visible)))>.k-dropdown{display:block !important}
/* Body offset for the fixed 88 px nav (the kit's is 72 px); comp heroes carry their own 112-160 px top padding under the nav. */
body{padding-top:88px !important}
body.hc-comp{padding-top:0 !important}
/* Mobile (<= 1024 px, the kit's CSS-only <details> toggle): every rule at (0,2,2) or higher, over the kit's mobile !important rules (72 px top, the dark panel, white bars). */
@media (max-width:1024px){
  nav.k-nav .k-menu-toggle span{background:#1F1E1C !important}
  nav.k-nav ul.k-nav-links{top:88px !important;max-height:calc(100vh - 88px) !important;background:#fff !important;box-shadow:0 18px 40px rgba(0,0,0,.08);gap:2px !important}
  nav.k-nav ul.k-nav-links>li{width:100% !important;margin:0 !important}
  nav.k-nav ul.k-nav-links a.k-nav-link{width:100% !important;margin:0 !important;padding:12px 16px !important;font-size:16px !important;color:#333 !important}
  nav.k-nav ul.k-nav-links a.k-dd-link{font-size:15px !important}
  nav.k-nav ul.k-nav-links a.k-nav-cta{width:100% !important;justify-content:center !important}
  nav.k-nav ul.k-nav-links a.k-nav-link[href*="itclientportal.com"]{width:100% !important;justify-content:center !important;padding:11px 24px !important;font-size:14px !important}
}
/* C5 I-1, the open mobile panel (<= 1024 px; wave C4 critic I-1 and M-3). The kit shows a .k-dropdown at this width only on :hover or :focus-within, and a tap on "Services" follows its link, so a touch visitor never saw the 17 sub-items. While the panel is open every dropdown is listed under its parent, indented by the kit's static mobile .k-dropdown (padding-left 16px, no panel, no shadow; the white desktop panel above is scoped to > 1024 px). The kit's display:none carries !important, which no specificity can beat, so this display needs it too. Every row is at least 44 px tall (Contact Us was 40, Client Portal 42): min-height outranks their fixed heights without !important. The panel's max-height follows the dynamic viewport where the browser has dvh (iOS Safari's 100vh runs under its toolbar, which hid the last rows), and its scroll stays in the panel. */
@media (max-width:1024px){
  nav.k-nav .k-nav-details[open]~ul.k-nav-links .k-dropdown{display:block !important}
  nav.k-nav ul.k-nav-links a.k-nav-link,nav.k-nav ul.k-nav-links a.k-dd-link,nav.k-nav ul.k-nav-links a.k-nav-cta{min-height:44px}
  nav.k-nav ul.k-nav-links{max-height:calc(100dvh - 88px) !important;overscroll-behavior:contain}
}
@media (max-width:768px){nav.k-nav div.k-nav-inner{padding:0 20px !important}}
@media (max-width:480px){nav.k-nav div.k-nav-inner{padding:0 16px !important}}
.site-footer{background:#191817 !important;color:rgba(255,255,255,.7) !important}
.footer-widgets a{color:rgba(255,255,255,.7) !important}.footer-widgets a:hover{color:#FF9933 !important}
/* The comp footer (plan F3, the measured block [fid-05]) on GeneratePress's widget DOM (M-09: brand + 4 menus in footer-1..5; the bar from the wiring plugin's generate_copyright). It beats global.css #18-22, #33-34, #38 and its @media rules, GP's .inner-padding, .widget and .inside-site-info rules and component-fullwidth's .grid-container zeroing. .footer-widgets is transparent so the .site-footer glow shows. */
.site-footer{background:radial-gradient(ellipse at 15% 0%,rgba(232,116,12,.09),transparent 45%),#191817 !important;padding:0 !important;border-top:0 !important;position:relative}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,116,12,.8) 30%,rgba(232,116,12,.8) 70%,transparent)}
.site-footer .footer-widgets{background:transparent !important}
.footer-widgets .inside-footer-widgets{max-width:1416px !important;padding:56px 48px 44px !important}
@media (min-width:1024.02px){.footer-widgets .inside-footer-widgets{grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(0,1fr)) !important;gap:32px !important}}
.site-footer .footer-widgets-container .inner-padding{padding:0 !important}
.site-footer .footer-widgets-container.grid-container{padding:0 !important;max-width:none !important}
.site-footer .footer-widgets,.site-footer .site-info{line-height:normal !important}
.footer-widgets .widget ul li{margin:0 !important}
.footer-widgets .widget ul.menu{display:flex;flex-direction:column;gap:10px}
.footer-widgets .widget-title{font-size:11px;font-weight:700;color:#E8740C;letter-spacing:1.8px;text-transform:uppercase;line-height:normal;margin:0 0 16px}
.footer-widgets .widget ul.menu a{font-size:14px;color:rgba(255,255,255,.7) !important}
.footer-widgets .widget ul.menu a:hover{color:#E8740C !important}
.helion-footer-brand{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.helion-footer-brand p{margin:0}
.hf-logo{background:#fff;border-radius:3px;padding:8px 12px;display:inline-flex}
.hf-logo img{height:26px;width:auto}
.hf-tagline{font-size:15px;font-weight:500;color:rgba(255,255,255,.85);max-width:260px;line-height:1.55}
.hf-rating{display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,.65)}
.hf-stars{color:#FBBC05;font-size:13px;letter-spacing:1px}
.hf-in{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center}
.hf-in:hover{background:#E8740C;border-color:#E8740C}
body .site-footer .site-info .inside-site-info.grid-container{max-width:1320px !important;margin:0 auto !important;padding:20px 0 24px !important;border-top:1px solid rgba(255,255,255,.08)}
.site-footer .site-info .copyright-bar{display:flex !important;flex:1 1 auto;width:100%;margin:0 !important;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}
.hf-left{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.hf-legal{display:flex;gap:24px}
.hf-copy,.hf-legal,.hf-terms{color:rgba(255,255,255,.5)}
.hf-mail{color:rgba(255,255,255,.7) !important}
.site-info a:hover{color:#fff !important}
.footer-widgets .footer-widget-4,.footer-widgets .footer-widget-5{display:block !important}
/* Measured corrections to the block above (F3 local render: the served W1 cascade + this build vs the cybersecurity comp footer at 1440 and 1280; with them every measured box matches the comp to 0.00 px and both footers are 354.5 px tall, against 407 px without them). global.css #33 and the gen block still style .site-info: a #1F1E1C band, a second rule line and 20px 32px padding (+41 px; the bar 16 px off the grid at 1280). A menu li keeps the body font size, so each item sits 3 px lower than the comp's. The "in" glyph is 17px/400 at .7 (the comp: 13px/700 #fff) and turns #FF9933 on the orange hover. Privacy Policy takes GP's .site-info a (.6; the comp: .5). The comp's stars inherit its Times body, whose line box makes the rating row 1 px taller. R-82 (the comp's own values, cybersecurity rendered.html): the support address hovers #E8740C (:660 style-hover="color:#E8740C;"; the block's .site-info a:hover turned it #fff, which the comp keeps for Privacy/Terms only, :663-664), and Support Request, which the comp does not draw (PR-2), takes that address's pair, the one link of its group: #E8740C on hover, and .7 at rest (R-86; GP's .site-info a is .6); the "in" circle's border is .18 (:627), not the block's .2. */
.site-footer .site-info{background:transparent !important;border-top:0 !important;padding:0 48px !important}
.footer-widgets .widget ul.menu li{font-size:14px}
.footer-widgets .hf-in,.footer-widgets .hf-in:hover{font-size:13px;font-weight:700;color:#fff !important}
.site-footer .hf-legal a{color:rgba(255,255,255,.5)}
.hf-stars{font-family:'Times New Roman',Times,serif}
.site-info a.hf-mail:hover,.site-info a.hf-support:hover{color:#E8740C !important}
.hf-in{border-color:rgba(255,255,255,.18)}
.site-info a.hf-support{color:rgba(255,255,255,.7)}
/* Tablet and mobile (no comp width): <= 1024 px the brand column spans the row, then the four menus in 2 columns; <= 768 px one column (every footer-widget-N wrapper stays visible: the render audit's 390 check needs them), the kit's 48px 20px 32px inner padding, and the bar's two groups stack. */
@media (max-width:1024px){
  .footer-widgets .inside-footer-widgets{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:32px !important}
  .footer-widgets .inside-footer-widgets>.footer-widget-1{grid-column:1/-1}
}
@media (max-width:768px){
  .footer-widgets .inside-footer-widgets{padding:48px 20px 32px !important;grid-template-columns:minmax(0,1fr) !important;gap:24px !important}
  .footer-widgets .inside-footer-widgets>div{margin:0 !important}
  .site-footer .site-info{padding:0 20px !important}
  .site-footer .site-info .copyright-bar{flex-direction:column;align-items:flex-start}
}
/* X-2 (REVIEW-C1): the site's charcoal focus ring (gen-overrides :focus-visible, #1F1E1C) is about 1.06:1 on the #191817 footer; white there is about 17:1. Same 2 px width and offset, colour only (0,2,0 over 0,1,0). */
.site-footer :focus-visible{outline-color:#fff}
/* X-3 (REVIEW-C1): WP Armour's honeypot (.altEmail_container, clipped to 1 x 1) left its alt_s field as an invisible Tab stop announced "Alternative:" in every CF7 form; visibility:hidden takes it out of the Tab order and the accessibility tree while FormData still posts it. WP Armour never sets visibility. */
.altEmail_container{visibility:hidden !important}
/* The kit prints "Helion Technologies" as .k-logo-text (color #fff) beside the logo image. On the white Helion nav it is invisible white-on-white text; the logo image already carries the wordmark (design brief §3/§4.0), so hide the text whenever the image is there. General sibling (~), not +: an element inserted between them (e.g. LiteSpeed lazy-load's <noscript> copy) must not bring the text back. */
nav.k-nav .fk-logo-img~.k-logo-text{display:none !important}
/* The kit's component-fullwidth.css sets this .site-content to overflow:hidden !important, which makes it a scroll container, so no position:sticky inside the content sticks. Same specificity (0,2,1), !important, printed later: clip wins, and clip creates no scroll container. */
body.page-template-template-fullwidth .site-content{overflow:clip !important}
/* Anchors (#form, the section ids) land below the fixed 88 px nav. */
html{scroll-padding-top:88px}
/* C4-PLUGIN P3 (controller finding 10-04): logged in, the kit's fk-nav.css moves the nav under the 32 px admin bar (.admin-bar .k-nav{top:32px}), so anchors need 32 + 88 px. WordPress prints .admin-bar on <body>, not <html>: the :has() twin applies it there (a separate rule, so a browser without :has() keeps the first). At <= 782 px the bar is 46 px (not covered). */
html.admin-bar{scroll-padding-top:120px}
html:has(>body.admin-bar){scroll-padding-top:120px}
/* C4-PLUGIN P2: WordPress's password form (core's get_the_password_form(), before the password) on any protected page (first /assessment-materials/, page 2236): the old-pages author's rules, unscoped. The wiring plugin's hsw_password_form() puts an H1 with the page's title first in the form (.hsw-pw-title, the site's H1 look: comp-base .hc-16a70e7 at 45/38/31/27 px). The 132 px top padding puts the first line below the 88 px nav; the #8A857C field border is 3.6:1 on white (WCAG 1.4.11); a 16 px field so phones do not zoom; white on #E8740C is the site's CTA pair (D-7). A protected post's form sits in templates/single.php's article column, which clears the nav already: no page padding there. */
.post-password-form{max-width:560px;margin:0 auto;padding:132px 24px 96px}
.post-password-form .hsw-pw-title{font-family:'Newsreader',serif;font-size:45px;font-weight:500;color:#1F1E1C;line-height:1.15;letter-spacing:-1.3px;margin:0 0 24px;text-wrap:balance}
.post-password-form p{font-family:'Schibsted Grotesk',sans-serif;font-size:17px;line-height:1.7;color:#555;margin:0 0 20px}
.post-password-form label{display:block;font-size:14px;font-weight:600;color:#1F1E1C}
.post-password-form input[type="password"]{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:14px 16px;font-size:16px;color:#1F1E1C;background:#fff;border:1px solid #8A857C;border-radius:4px}
.post-password-form input[type="submit"]{margin-top:16px;min-height:44px;padding:14px 32px;border:0;border-radius:4px;background:#E8740C;color:#fff;font-family:'Schibsted Grotesk',sans-serif;font-size:16px;font-weight:600;cursor:pointer}
.post-password-form input[type="submit"]:hover{background:#D4680A}
.post-password-form input:focus-visible{outline:2px solid #A95409;outline-offset:2px}
.hc-single .post-password-form{max-width:none;padding:0}
@media (max-width:1024px){.post-password-form .hsw-pw-title{font-size:38px}}
@media (max-width:768px){.post-password-form{padding:112px 20px 64px}}
@media (max-width:768px){.post-password-form .hsw-pw-title{font-size:31px}}
@media (max-width:480px){.post-password-form .hsw-pw-title{font-size:27px}}
/* components.css */
/* components.css: Helion shared components (hx-*), plan B24. Appended after helion-overrides.css (uses its --helion-* tokens).
   Mobile-first; breakpoints 769px (tablet; GeneratePress mobile ends at 768), 1025px (desktop), 1280px (4-card grids only). Catalogue: pages/COMPONENTS.md.
   Every top-level block is <section class="hx-section ...">: it carries the colour tokens, so each component adapts to light or dark. */

/* Full Width template resets (the kit's component-fullwidth.css already zeroes GP container padding/max-width) */
body.page-template-template-fullwidth .featured-image,body.page-template-template-fullwidth .page-header-image{display:none!important}
body.page-template-template-fullwidth .entry-content>.hx-section{margin:0;max-width:none}

/* Tokens + section shells */
.hx-section,.hx-panel--cream{--hx-head:var(--helion-charcoal);--hx-body:var(--helion-text);--hx-muted:#6B665E;--hx-accent:var(--helion-orange-text);--hx-num:var(--helion-orange-hover);--hx-line:var(--helion-border);--hx-card:#fff;--hx-focus:var(--helion-charcoal);--hx-field:#fff;--hx-field-line:#8A857C;--hx-err:#B42318;--hx-ok:#1E7B34;--hx-icon-bg:var(--helion-charcoal);--hx-icon:var(--helion-orange);--hx-tint:rgba(31,30,28,.06);--hx-hl:#FDF1E6;--hx-btn-line:var(--helion-charcoal);--hx-i-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");--hx-i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M7.5 12.5l3 3 6-6.5'/%3E%3C/svg%3E")}
.hx-section{position:relative;padding:64px 0;background:#fff;color:var(--hx-body);font-size:16px;line-height:1.75}
.hx-section--dark,.hx-hero--photo,.hx-hero--dark,.hx-cta,.hx-form-card,.hx-panel--dark{--hx-head:#fff;--hx-body:#D8D5CF;--hx-muted:#B3AEA6;--hx-accent:#FF9933;--hx-num:var(--helion-orange);--hx-line:rgba(255,255,255,.12);--hx-card:#2B2927;--hx-focus:#fff;--hx-field:#2B2927;--hx-err:#FFB4A8;--hx-ok:#7FD18C;--hx-icon-bg:rgba(232,116,12,.14);--hx-icon:#FF9933;--hx-tint:rgba(255,255,255,.1);--hx-hl:rgba(232,116,12,.12);--hx-btn-line:rgba(255,255,255,.7)}
.hx-hero--photo{--hx-accent:#FFCB94;--hx-num:#FFCB94;--hx-muted:#D8D5CF}
.hx-section--cream{background:var(--helion-cream)}
.hx-section--sand{background:#F0EDE8}
.hx-section--dark{background:var(--helion-charcoal)}
.hx-section--dark.hx-section--glow{background-image:radial-gradient(ellipse at 90% 0%,rgba(232,116,12,.16),transparent 55%)}
.hx-section--compact{padding:40px 0}
.hx-section[id],.hx-section [id]{scroll-margin-top:96px}
.hx-container{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.hx-container--narrow{max-width:956px}

/* Typography */
.hx-section :is(h1,h2,h3){margin:0 0 16px;color:var(--hx-head);font-family:inherit;font-weight:500;text-transform:none;text-wrap:balance}
.hx-section h1{margin-bottom:20px;font-size:clamp(1.875rem,1.2rem + 2.8vw,3.25rem);line-height:1.1;letter-spacing:-.025em}
.hx-section h2{font-size:clamp(1.625rem,1.15rem + 1.9vw,2.5rem);line-height:1.18;letter-spacing:-.02em}
.hx-section h3{margin-bottom:10px;font-size:clamp(1.125rem,1.05rem + .35vw,1.375rem);font-weight:600;line-height:1.3;letter-spacing:-.01em}
.hx-section :is(h1,h2) .hx-accent{color:var(--hx-num)}
:where(.hx-section) p{margin:0 0 1em}
:where(.hx-section) p:where(:last-child){margin-bottom:0}
.hx-section strong{color:var(--hx-head);font-weight:600}
.hx-eyebrow{display:block;margin:0 0 12px;color:var(--hx-accent);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.hx-section .fk-lead{max-width:68ch;margin:0 0 24px;color:var(--hx-head);font-size:clamp(1.125rem,1rem + .45vw,1.375rem);font-weight:500;line-height:1.6;letter-spacing:-.01em}
.hx-section .fk-lead.hx-lead-rule{padding-left:20px;border-left:4px solid var(--helion-orange)}
.hx-section .fk-last-updated-wrap{margin:12px 0 0;color:var(--hx-muted);font-size:14px;line-height:1.5}
.hx-section .fk-last-updated{color:inherit;font-size:inherit}
.hx-section__head{max-width:780px;margin:0 auto 40px;text-align:center}
.hx-section .hx-section__head>*{margin-left:auto;margin-right:auto}
.hx-section__head--left{margin-left:0;text-align:left}
.hx-section .hx-section__head--left>*{margin-left:0}
.hx-section :is(p,li,td,dd) a:not([class]){color:var(--hx-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.hx-section :is(p,li,td,dd) a:not([class]):hover{color:var(--hx-head)}
.hx-section a[href^="tel:"]{white-space:nowrap}
.hx-section :focus-visible{outline:2px solid var(--hx-focus);outline-offset:2px}

/* Buttons + text link */
.hx-btn-row{display:flex;flex-direction:column;gap:12px;margin:28px 0 0}
.hx-section .hx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin:0;padding:12px 26px;border:2px solid transparent;border-radius:4px;box-shadow:none;font-family:inherit;font-size:16px;font-weight:600;line-height:1.25;text-align:center;text-decoration:none!important;cursor:pointer}
.hx-btn-row .hx-btn,.hx-btn--block{width:100%}
.hx-section .hx-btn--primary{background:var(--helion-orange);border-color:var(--helion-orange);color:var(--helion-charcoal)}
.hx-section .hx-btn--primary:hover{background:var(--helion-orange-hover);border-color:var(--helion-orange-hover);color:var(--helion-charcoal)}
.hx-section .hx-btn--secondary{background:transparent;border-color:var(--hx-btn-line);color:var(--hx-head)}
.hx-section .hx-btn--secondary:hover{background:var(--hx-tint);border-color:var(--hx-head);color:var(--hx-head)}
.hx-section .hx-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--hx-accent);font-size:15px;font-weight:600;line-height:1.3;text-decoration:none}
.hx-section .hx-link:hover{color:var(--hx-head)}
.hx-link::after,.hx-btn--arrow::after{content:"";flex:none;width:1.1em;height:1.1em;background:currentColor;-webkit-mask:var(--hx-i-arrow) center/contain no-repeat;mask:var(--hx-i-arrow) center/contain no-repeat}

/* Heroes: --photo (img + overlay), --dark (no image), --sand (+ side card via __grid) */
.hx-section.hx-hero{display:flex;align-items:center;padding:48px 0 56px}
.hx-hero>.hx-container{position:relative;z-index:2}
.hx-hero__content{max-width:720px}
.hx-hero__sub{max-width:640px;margin:0 0 4px;color:var(--hx-body);font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);line-height:1.6}
.hx-hero__grid{display:grid;gap:36px}
.hx-hero--photo{min-height:clamp(520px,72vh,640px);background:var(--helion-charcoal);overflow:hidden}
.hx-hero--photo>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover}
.hx-hero--photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent 25%),rgba(31,30,28,.8)}
.hx-hero--dark{background:radial-gradient(ellipse at 85% 0%,rgba(232,116,12,.16),transparent 55%),var(--helion-charcoal)}
.hx-hero--sand{background:#F0EDE8}
.hx-hero .hx-stats{margin-top:36px}

/* Pills (short trust facts) */
.hx-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.hx-pills li{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:999px;color:var(--hx-head);font-size:14px;font-weight:600;line-height:1.3}
.hx-checklist li::before,.hx-pills li::before,.hx-yes::before{content:"";flex:none;background:var(--hx-accent);-webkit-mask:var(--hx-i-check) center/contain no-repeat;mask:var(--hx-i-check) center/contain no-repeat}
.hx-pills li::before{width:16px;height:16px}

/* Stat row: tiles by default, --plain for heroes/bands */
.hx-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.hx-stat{margin:0;padding:22px 12px;background:var(--hx-card);border:1px solid var(--hx-line);border-top:3px solid var(--helion-orange);border-radius:6px;text-align:center}
.hx-stat:last-child:nth-child(odd){grid-column:1/-1}
.hx-stat__num{display:block;color:var(--hx-num);font-size:clamp(1.875rem,1.2rem + 1.5vw,2.75rem);font-weight:500;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}
.hx-stat__label{display:block;margin-top:8px;color:var(--hx-body);font-size:14px;line-height:1.5}
.hx-stats--plain .hx-stat{padding:2px 0 2px 14px;background:none;border:0;border-left:2px solid var(--helion-orange);border-radius:0;text-align:left}
.hx-stats--plain .hx-stat__num{color:var(--hx-head);font-size:clamp(1.5rem,1.35rem + .5vw,1.75rem);font-weight:600}

/* Card grid + icon slot */
.hx-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:0;list-style:none}
.hx-card{position:relative;display:flex;flex-direction:column;gap:12px;margin:0;padding:26px 22px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:8px}
.hx-card--accent{border-top:3px solid var(--helion-orange)}
.hx-section .hx-card :is(h3,p){margin:0}
.hx-card p{font-size:16px;line-height:1.7}
.hx-card>div{display:grid;gap:6px}
.hx-card .hx-link{margin-top:auto}
.hx-card--link .hx-link::before{content:"";position:absolute;inset:0;border-radius:8px}
.hx-card--link:hover{border-color:var(--helion-orange);box-shadow:0 18px 40px rgba(0,0,0,.1)}
/* A wide row card right after a grid sits one grid gap below it (20px; 24px from 769px), as the grid's last row */
.hx-grid+.hx-card--row{margin-top:20px}
.hx-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--hx-icon-bg);color:var(--hx-icon)}
.hx-icon svg{width:22px;height:22px}

/* Split (text + panel); desktop placement by grid areas, never order/rtl (kit HARD STOP 11) */
.hx-split{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.hx-panel{padding:24px 20px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:12px;color:var(--hx-body)}
.hx-panel--cream{background:var(--helion-cream)}
.hx-panel--dark{background:radial-gradient(ellipse at 100% 0%,rgba(232,116,12,.16),transparent 55%),var(--helion-charcoal);border-color:transparent}
.hx-panel--rule{border-left:4px solid var(--helion-orange)}

/* Checklist */
.hx-checklist{display:grid;gap:12px;margin:0 0 24px;padding:0;list-style:none}
.hx-checklist:last-child{margin-bottom:0}
.hx-checklist li{position:relative;margin:0;padding-left:34px}
.hx-checklist li::before{position:absolute;left:0;top:.2em;width:22px;height:22px}
.hx-checklist--boxed li{padding:16px 18px 16px 52px;background:var(--hx-card);border:1px solid var(--hx-line);border-left:3px solid var(--helion-orange);border-radius:6px}
.hx-checklist--boxed li::before{left:18px;top:19px}

/* Numbered process steps (<ol>) */
.hx-steps{display:grid;gap:28px;margin:0;padding:0;list-style:none;counter-reset:hx-step}
.hx-step{position:relative;min-height:48px;margin:0;padding-left:64px;counter-increment:hx-step}
.hx-step::before{content:counter(hx-step);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--hx-icon-bg);color:var(--hx-icon);font-size:18px;font-weight:600;line-height:1}
.hx-step:first-child::before{background:var(--helion-orange);color:var(--helion-charcoal)}
.hx-step:not(:last-child)::after{content:"";position:absolute;left:23px;top:56px;bottom:-20px;width:2px;background:var(--hx-line)}
.hx-section .hx-step h3{margin:10px 0 6px}

/* Comparison / tier table: stacked cards on phones, a real table from 769px */
.hx-table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.6}
.hx-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hx-table :is(tbody,tr,th,td){display:block}
.hx-table tr{margin:0 0 12px;padding:18px 18px 6px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:8px}
.hx-table :is(th,td){padding:0;background:none;border:0;text-align:left;vertical-align:top}
.hx-table tbody th{margin:0 0 10px;color:var(--hx-head);font-size:17px;font-weight:600}
.hx-table td{padding:10px 0;border-top:1px solid var(--hx-line);color:var(--hx-body)}
.hx-table td::before{content:attr(data-label);display:block;color:var(--hx-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hx-table td.hx-hl{color:var(--hx-head)}
.hx-yes,.hx-no{display:inline-flex;align-items:center;gap:8px}
.hx-yes::before{width:20px;height:20px}
.hx-no::before{content:"";flex:none;width:20px;height:20px;border:2px solid var(--hx-muted);border-radius:50%;background:linear-gradient(var(--hx-muted),var(--hx-muted)) center/8px 2px no-repeat}

/* CTA band (charcoal + orange glow) */
.hx-cta{background:radial-gradient(ellipse at 50% 50%,rgba(232,116,12,.2),transparent 70%),var(--helion-charcoal);text-align:center;overflow:hidden}
.hx-cta__inner{max-width:820px;margin:0 auto}
.hx-cta h2{font-size:clamp(1.625rem,1.2rem + 1.6vw,2.25rem);line-height:1.3;letter-spacing:-.015em}
.hx-cta p:not([class]){font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)}
.hx-cta .hx-btn-row{justify-content:center}
.hx-cta .hx-form{max-width:560px;margin:28px auto 0;text-align:left}
.hx-cta--split{text-align:left}
.hx-cta--split .hx-btn-row{justify-content:flex-start}
.hx-cta--split .hx-form{margin-left:0}

/* FAQ: native details/summary; answer div = kit contract .fk-faq-answer */
.hx-faq{display:grid;gap:12px;max-width:860px;margin:0 auto}
.hx-faq details{margin:0;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:6px}
.hx-faq summary{position:relative;display:block;min-height:44px;padding:18px 56px 18px 20px;color:var(--hx-head);font-size:17px;font-weight:600;line-height:1.45;list-style:none;cursor:pointer}
.hx-faq summary::-webkit-details-marker{display:none}
.hx-faq summary::after{content:"";position:absolute;top:50%;right:20px;width:18px;height:18px;margin-top:-9px;background:linear-gradient(var(--hx-accent),var(--hx-accent)) center/100% 2px no-repeat,linear-gradient(var(--hx-accent),var(--hx-accent)) center/2px 100% no-repeat}
.hx-faq details[open]>summary::after{transform:rotate(45deg)}
.hx-faq summary:hover{color:var(--hx-accent)}
.hx-faq summary:focus-visible{border-radius:6px}
.hx-section .hx-faq .fk-faq-answer{max-width:none;margin:0;padding:0 20px 20px;color:var(--hx-body);font-size:16px;line-height:1.75}
.hx-faq .fk-faq-answer p{margin:0 0 .75em}
.hx-faq .fk-faq-answer p:last-child{margin-bottom:0}

/* Callout / notice box */
.hx-callout{padding:24px 20px;background:var(--hx-card);border:1px solid var(--hx-line);border-left:4px solid var(--helion-orange);border-radius:8px}
.hx-callout :is(h2,h3){margin:0 0 12px;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}
.hx-callout :is(ol,ul){margin:0 0 16px;padding-left:1.4em}
.hx-callout :is(ol,ul):last-child{margin-bottom:0}
.hx-callout li{margin:0 0 8px}
.hx-callout li::marker{color:var(--hx-accent);font-weight:700}
.hx-callout .hx-icon{margin-bottom:16px}

/* Form cards + Contact Form 7 (wrap the shortcode in .hx-form) */
.hx-form-card{position:relative;padding:28px 20px;background:radial-gradient(ellipse at 100% 0%,rgba(232,116,12,.22),transparent 55%),var(--helion-charcoal);border-radius:12px;box-shadow:0 30px 70px rgba(31,30,28,.28);color:var(--hx-body)}
.hx-section .hx-form-card h2{margin:0 0 8px;font-size:clamp(1.375rem,1.2rem + .6vw,1.625rem);letter-spacing:-.01em}
.hx-note{margin:0 0 20px;color:var(--hx-muted);font-size:14px;line-height:1.55}
/* A note right after a form or a button row (e.g. the phone line under a CTA button) sits below it */
.hx-form+.hx-note{margin:16px 0 0}
.hx-btn-row+.hx-note{margin:20px 0 0}
.hx-form .wpcf7-form>p{position:relative;margin:0}
.hx-form br{display:none}
.hx-form label{display:block;margin:0 0 16px;color:var(--hx-head);font-size:14px;font-weight:600;line-height:20px}
.hx-form .wpcf7-form-control-wrap{display:block;margin-top:6px}
.hx-form .wpcf7-form-control:is(.wpcf7-text,.wpcf7-textarea,.wpcf7-select,.wpcf7-number,.wpcf7-date){display:block;width:100%;max-width:none;min-height:48px;margin:0;padding:11px 14px;background:var(--hx-field);border:1px solid var(--hx-field-line);border-radius:6px;box-shadow:none;color:var(--hx-head);font:inherit;font-size:16px;font-weight:400;line-height:1.5}
.hx-form textarea.wpcf7-form-control{min-height:144px;resize:vertical}
.hx-form .wpcf7-form-control::placeholder{color:var(--hx-muted);opacity:1}
.hx-form .wpcf7-form-control:is(.wpcf7-text,.wpcf7-textarea,.wpcf7-select,.wpcf7-number,.wpcf7-date):focus{background:var(--hx-field);border-color:var(--helion-orange);outline:2px solid var(--hx-focus);outline-offset:1px;color:var(--hx-head)}
.hx-form .wpcf7-form-control.wpcf7-not-valid{border:2px solid var(--hx-err)}
.hx-form .wpcf7-not-valid-tip{display:block;margin-top:6px;color:var(--hx-err);font-size:14px;font-weight:500;line-height:1.4}
.hx-form .wpcf7 .wpcf7-submit{display:block;width:100%;min-height:52px;margin:8px 0 0;padding:14px 24px;background:var(--helion-orange);border:0;border-radius:6px;color:var(--helion-charcoal);font:inherit;font-size:16px;font-weight:600;line-height:1.25;cursor:pointer;-webkit-appearance:none;appearance:none}
.hx-form .wpcf7 .wpcf7-submit:is(:hover,:focus){background:var(--helion-orange-hover);color:var(--helion-charcoal)}
.hx-form .wpcf7 .wpcf7-submit:focus-visible{outline:2px solid var(--hx-focus);outline-offset:2px}
.hx-form .wpcf7 .wpcf7-submit:disabled{opacity:.6;cursor:not-allowed}
.hx-form .wpcf7-spinner{position:absolute;left:50%;bottom:-34px;margin:0 0 0 -12px}
.hx-form .hidden-fields-container{display:none}
.hx-form .wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:12px 16px;border:2px solid var(--hx-field-line);border-radius:6px;color:var(--hx-head);font-size:15px;line-height:1.5}
.hx-form .wpcf7 form.sent .wpcf7-response-output{border-color:var(--hx-ok)}
.hx-form .wpcf7 form:is(.failed,.aborted,.spam) .wpcf7-response-output{border-color:var(--hx-err)}
.hx-form .wpcf7 form:is(.invalid,.unaccepted,.payment-required) .wpcf7-response-output{border-color:var(--hx-accent)}

/* Utilities (kept minimal) */
.hx-sr,.hx-form .screen-reader-response{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hx-center{text-align:center}
.hx-narrow{max-width:780px;margin-left:auto;margin-right:auto}
.hx-mt{margin-top:40px}

/* Motion only when the visitor has not asked for reduced motion */
@media (prefers-reduced-motion:no-preference){.hx-section .hx-btn,.hx-card--link,.hx-link::after,.hx-form .wpcf7 .wpcf7-submit{transition:background-color .15s,border-color .15s,color .15s,box-shadow .2s,transform .2s}.hx-faq summary::after{transition:transform .2s}.hx-card--link:hover{transform:translateY(-3px)}.hx-link:hover::after{transform:translateX(3px)}}

/* Tablet and up (769px+) */
@media (min-width:769px){
.hx-section{padding:80px 0;font-size:17px}
.hx-section--compact{padding:48px 0}
.hx-container{padding:0 32px}
.hx-btn-row{flex-direction:row;flex-wrap:wrap;align-items:center}
.hx-btn-row .hx-btn{width:auto}
.hx-section.hx-hero{padding:72px 0}
.hx-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}
.hx-stat:last-child:nth-child(odd){grid-column:auto}
.hx-grid{gap:24px}
.hx-grid+.hx-card--row{margin-top:24px}
.hx-grid--2,.hx-grid--3,.hx-grid--4,.hx-checklist--2col{grid-template-columns:repeat(2,minmax(0,1fr))}
.hx-checklist--2col{column-gap:32px}
.hx-card--row{flex-direction:row;align-items:center;gap:24px}
.hx-card--row .hx-link{margin:0 0 0 auto;white-space:nowrap}
.hx-panel{padding:32px}
.hx-callout{padding:32px 36px}
.hx-form-card{padding:36px 32px}
.hx-faq summary{padding:22px 64px 22px 28px}
.hx-faq summary::after{right:28px}
.hx-section .hx-faq .fk-faq-answer{padding:0 28px 24px}
.hx-form--inline .wpcf7-form>p{display:flex;align-items:flex-start;gap:12px}
.hx-form--inline label{flex:1;margin:0}
.hx-form--inline .wpcf7 .wpcf7-submit{flex:none;width:auto;min-height:48px;margin-top:26px}
.hx-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:table-header-group}
.hx-table tbody{display:table-row-group}
.hx-table tr{display:table-row;margin:0;padding:0;background:none;border:0;border-radius:0}
.hx-table :is(th,td){display:table-cell;padding:16px 18px;border-bottom:1px solid var(--hx-line)}
.hx-table td{border-top:0;background:var(--hx-card)}
.hx-table td::before{content:none}
.hx-table tbody th{margin:0;background:var(--hx-card);font-size:15px}
.hx-table thead th{background:var(--hx-head);color:var(--hx-card);font-size:14px;font-weight:600;line-height:1.4}
.hx-table thead th:first-child{border-radius:8px 0 0 0}
.hx-table thead th:last-child{border-radius:0 8px 0 0}
.hx-table td.hx-hl{background:var(--hx-hl)}
.hx-table thead th.hx-hl{background:var(--helion-orange);color:var(--helion-charcoal)}
}

/* Desktop (1025px+) */
@media (min-width:1025px){
.hx-section{padding:100px 0}
.hx-section--compact{padding:56px 0}
.hx-container{padding:0 48px}
.hx-section__head{margin-bottom:56px}
.hx-section.hx-hero{padding:88px 0}
.hx-hero--photo{min-height:clamp(560px,calc(100vh - 72px),860px)}
.hx-hero--photo::before{background:linear-gradient(0deg,rgba(0,0,0,.3),transparent 20%),linear-gradient(90deg,rgba(31,30,28,.9),rgba(31,30,28,.8) 55%,rgba(31,30,28,.78) 75%,rgba(31,30,28,.3))}
.hx-hero--dark{min-height:clamp(440px,62vh,640px)}
.hx-hero--sand{background:linear-gradient(90deg,#F0EDE8 58%,#E8E4DC 58%)}
.hx-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center}
.hx-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-card{padding:32px}
.hx-split{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b";gap:64px;align-items:center}
.hx-split>:first-child{grid-area:a}
.hx-split>:last-child{grid-area:b}
.hx-split--wide{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.hx-split--panel-left{grid-template-areas:"b a"}
.hx-split--top{align-items:start}
.hx-panel{padding:40px}
.hx-form-card{padding:40px 36px}
.hx-steps--row{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:32px}
.hx-steps--row .hx-step{padding:72px 0 0;text-align:center}
.hx-steps--row .hx-step::before{left:50%;transform:translateX(-50%)}
.hx-steps--row .hx-step:not(:last-child)::after{left:calc(50% + 32px);top:23px;bottom:auto;width:calc(100% - 32px);height:2px}
.hx-section .hx-steps--row .hx-step h3{margin-top:0}
.hx-cta--split .hx-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:center;max-width:none}
.hx-cta--split .hx-form{margin:0}
.hx-mt{margin-top:56px}
}

/* Wide desktop (1280px+): four-card grids hold 2 columns until here (at 1025-1279px four would leave about 150px of text per card) */
@media (min-width:1280px){.hx-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* components-d1.css */
/* components-d1.css: D1 hx-* components (plan D1 B2), after components.css; catalogue COMPONENTS.md §23-§33.
   Every selector is anchored on an hx- class. The /blog/ and search views (comp-fidelity C2-T1) and the 404 (C3-T)
   render through the wiring plugin's templates in the comp's classes (fid-11), so this file no longer styles
   GeneratePress's blog loop or its 404. */

.hx-section .hx-link[href^="http"]::after{transform:rotate(-45deg)}

.hx-prose{max-width:70ch;margin:0 auto}
.hx-prose>h2{margin:2em 0 .6em;font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);line-height:1.25;letter-spacing:-.015em}
.hx-prose>h3{margin:1.75em 0 .5em;font-size:clamp(1.125rem,1.05rem + .35vw,1.25rem)}
.hx-prose>h4{margin:1.5em 0 .4em;color:var(--hx-head);font-size:1em;font-weight:600;line-height:1.4}
.hx-prose>:is(h2,h3,h4):first-child{margin-top:0}
.hx-prose :is(ul,ol):not([class],[role],.hx-callout *){margin:0 0 1.25em;padding-left:1.5em}
.hx-prose :is(ul,ol):not([class],[role],.hx-callout *)>li{margin:0 0 .5em}
.hx-prose :is(ul,ol):not([class],[role],.hx-callout *)>li::marker{color:var(--hx-accent)}
.hx-prose li>:is(ul,ol):not([class],[role],.hx-callout *){margin:.5em 0 0}
.hx-prose__table{margin:0 0 1.5em;overflow-x:auto;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:8px}
.hx-prose__table table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:16px;line-height:1.6}
.hx-prose__table caption{padding:14px 16px;color:var(--hx-head);font-weight:600;text-align:left}
.hx-prose__table :is(th,td){min-width:9em;padding:12px 16px;border:0;border-top:1px solid var(--hx-line);color:var(--hx-body);text-align:left;vertical-align:top}
.hx-prose__table th{color:var(--hx-head);font-weight:600}
.hx-prose__table thead th{background:var(--hx-head);border-top:0;color:var(--hx-card)}

.hx-jumplist{margin:0 0 32px}
.hx-jumplist:last-child{margin-bottom:0}
.hx-jumplist ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.hx-jumplist li{margin:0}
.hx-section .hx-jumplist li>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:999px;color:var(--hx-accent);font-size:16px;font-weight:600;line-height:1.3;text-decoration:none}
.hx-section .hx-jumplist li>a:hover{border-color:currentColor;color:var(--hx-head)}

.hx-section .hx-source{margin:12px 0 0;color:var(--hx-muted);font-size:16px;line-height:1.5}

.hx-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.hx-tags li{margin:0;padding:4px 12px;background:var(--hx-hl);border-radius:4px;color:var(--hx-accent);font-size:16px;font-weight:600;line-height:1.5}

.hx-compare{display:grid;gap:40px;margin:0;padding:0;list-style:none}
.hx-compare__item{position:relative;margin:0;padding:24px 20px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:8px;text-align:center}
.hx-compare__item--hl{background:var(--hx-hl);border-color:var(--helion-orange);box-shadow:inset 0 0 0 1px var(--helion-orange)}
.hx-compare__item+.hx-compare__item::before{content:"";position:absolute;top:-32px;left:50%;width:24px;height:24px;margin-left:-12px;background:var(--hx-accent);-webkit-mask:var(--hx-i-arrow) center/contain no-repeat;mask:var(--hx-i-arrow) center/contain no-repeat;transform:rotate(90deg)}
.hx-compare__label{display:block;color:var(--hx-muted);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hx-compare__item--hl .hx-compare__label{color:var(--hx-accent)}
.hx-compare__num{display:block;margin-top:6px;color:var(--hx-head);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);font-weight:500;line-height:1.15;letter-spacing:-.02em}

.hx-card--quote{--hx-i-quote:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M0 24V14C0 6 4 1 12 0l1 3c-4 1-6 4-6 8h5v13zm18 0V14c0-8 4-13 12-14l1 3c-4 1-6 4-6 8h5v13z'/%3E%3C/svg%3E")}
.hx-card--quote::before{content:"";flex:none;width:32px;height:24px;background:var(--hx-icon);-webkit-mask:var(--hx-i-quote) center/contain no-repeat;mask:var(--hx-i-quote) center/contain no-repeat}

.hx-person{display:grid;gap:24px;padding:24px 20px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:12px}
.hx-person__img{display:block;width:160px;height:160px;margin:0;border-radius:50%;object-fit:cover}
.hx-section .hx-person h3{margin:0 0 4px}
.hx-section .hx-person__role{margin:0 0 16px;color:var(--hx-accent);font-weight:600}

.hx-dl{margin:0}
.hx-dl>div{display:grid;gap:2px;padding:12px 0;border-top:1px solid var(--hx-line)}
.hx-dl>div:last-child{border-bottom:1px solid var(--hx-line)}
.hx-dl dt{color:var(--hx-muted);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hx-dl dd{margin:0;color:var(--hx-head)}
.hx-dl dd a{display:inline-block;padding:8px 0}

.hx-search .search-form{display:flex;gap:8px;max-width:560px;margin:0}
.hx-search .search-form label{flex:1;min-width:0;margin:0}
.hx-search .search-field{width:100%;min-height:48px;margin:0;padding:11px 14px;background:var(--hx-field);border:1px solid var(--hx-field-line);border-radius:6px;color:var(--hx-head);font:inherit;font-size:16px;line-height:1.5;appearance:none}
.hx-search .search-field::placeholder{color:var(--hx-muted);opacity:1}
.hx-search .search-field:focus{background:var(--hx-field);border-color:var(--helion-orange);outline:2px solid var(--hx-focus);outline-offset:1px;color:var(--hx-head)}
.hx-search .search-submit{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;margin:0;padding:0 18px;background:var(--helion-orange);border:0;border-radius:6px;color:var(--helion-charcoal);font:inherit;font-size:16px;font-weight:600;line-height:1;cursor:pointer}
.hx-search .search-submit:is(:hover,:focus){background:var(--helion-orange-hover);color:var(--helion-charcoal)}

.hx-card>.hx-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;margin-top:auto;padding-top:8px;border-top:1px solid var(--hx-line)}
.hx-card__meta>span{color:var(--hx-muted);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hx-card .hx-card__meta .hx-link{margin:0}

.hx-listing__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:0;list-style:none}
.hx-listing__header{padding-bottom:28px;border-bottom:1px solid var(--hx-line)}
.hx-listing__header h1{margin:0 0 16px;color:var(--hx-head);font-size:clamp(1.875rem,1.2rem + 2.8vw,3.25rem);font-weight:500;line-height:1.1;letter-spacing:-.025em}
.hx-listing__header .fk-lead{max-width:68ch;margin:0;color:var(--hx-head);font-size:clamp(1.125rem,1rem + .45vw,1.375rem);font-weight:500;line-height:1.6}
.hx-listing__card{position:relative;display:flex;flex-direction:column;gap:8px;margin:0;padding:24px 22px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:8px}
.hx-listing__card h3{margin:0;color:var(--hx-head);font-size:clamp(1.125rem,1.05rem + .35vw,1.3125rem);font-weight:600;line-height:1.35}
.hx-listing__card h3 a{color:inherit;text-decoration:none}
.hx-listing__card h3 a::before{content:"";position:absolute;inset:0}
.hx-listing__card h3 a:hover{color:var(--hx-accent);text-decoration:underline}
.hx-listing__date{display:block;margin:0;color:var(--hx-muted);font-size:14px;line-height:1.5}
.hx-listing__card p{margin:0;color:var(--hx-body);font-size:16px;line-height:1.7}
.hx-listing__card:is(:hover,:focus-within){border-color:var(--helion-orange);box-shadow:0 12px 32px rgba(0,0,0,.08)}
.hx-listing .nav-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.hx-listing .page-numbers{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;margin:0;padding:0 14px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:6px;color:var(--hx-head);font-size:16px;font-weight:600;line-height:1;text-decoration:none}
.hx-listing .current{background:var(--hx-head);border-color:var(--hx-head);color:var(--hx-card)}
.hx-listing .dots{background:none;border-color:transparent}
.hx-listing a.page-numbers:hover{border-color:var(--hx-accent);color:var(--hx-accent)}

@media (prefers-reduced-motion:no-preference){.hx-jumplist a,.hx-listing__card{transition:.15s}}

@media (min-width:769px){
.hx-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.hx-compare__item+.hx-compare__item::before{top:50%;left:-40px;margin:-12px 0 0;transform:none}
.hx-person{grid-template-columns:200px minmax(0,1fr);gap:40px;padding:36px;align-items:start}
.hx-person__img{width:200px;height:200px}
.hx-dl>div{grid-template-columns:11rem minmax(0,1fr);gap:24px;align-items:baseline}
.hx-listing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}

@media (min-width:1025px){
.hx-person{grid-template-columns:240px minmax(0,1fr);padding:40px}
.hx-person__img{width:240px;height:240px}
.hx-listing__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-listing__card{padding:28px}
}