:root {
    --hel-navy: #061522;
    --hel-navy-2: #0a2236;
    --hel-navy-3: #102f48;
    --hel-blue: #075f9f;
    --hel-blue-2: #0b77c5;
    --hel-cyan: #1fa4e8;
    --hel-gold: #b9872d;
    --hel-gold-dark: #8a641f;
    --hel-gold-soft: #d6b36a;
    --hel-ink: #182230;
    --hel-muted: #667085;
    --hel-light: #f5f7fa;
    --hel-pearl: #edf2f6;
    --hel-white: #ffffff;
    --hel-border: rgba(15, 35, 55, .12);
    --hel-border-dark: rgba(255, 255, 255, .16);
    --hel-shadow: 0 24px 70px rgba(7, 24, 39, .16);
    --hel-shadow-soft: 0 16px 48px rgba(7, 24, 39, .09);
    --hel-radius: 28px;
    --hel-radius-sm: 18px;
    --hel-container: 1240px;
}

* { box-sizing: border-box; }
html { width: 100%; min-width: 0; overflow-x: hidden; scroll-behavior: smooth; }
body { width: 100%; min-width: 0; margin: 0; overflow-x: hidden; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--hel-ink); background: var(--hel-light); line-height: 1.6; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
main, .public-page, .hel-home, .hel-section, .hel-final-cta { width: 100%; min-width: 0; }

.public-site .site-header { position: sticky; top: 0; z-index: 50; min-height: 82px; display: flex; align-items: center; background: rgba(255, 255, 255, .94); border-bottom: 1px solid rgba(7, 24, 39, .1); box-shadow: 0 14px 36px rgba(7, 24, 39, .07); backdrop-filter: blur(18px); }
.public-site .site-header-inner { width: min(var(--hel-container), calc(100% - 40px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.public-site .brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.public-site .logo-hel { display: block; width: auto; height: auto; object-fit: contain; }
.public-site .header-logo img { max-width: 230px; max-height: 54px; }
.public-site .site-nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(10px, 1vw, 17px); font-size: 13px; font-weight: 850; color: #253244; white-space: nowrap; }
.public-site .site-nav > a, .public-site .site-nav summary { min-height: 42px; display: inline-flex; align-items: center; padding: 10px 0; border-radius: 12px; cursor: pointer; list-style: none; }
.public-site .site-nav summary::-webkit-details-marker { display: none; }
.public-site .site-nav summary::after { content: ""; width: 7px; height: 7px; margin-left: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); opacity: .66; }
.public-site .site-nav a:hover, .public-site .site-nav summary:hover { color: var(--hel-blue); }
.public-site .nav-group { position: relative; padding-bottom: 12px; margin-bottom: -12px; }
.public-site .nav-dropdown { position: absolute; right: 50%; top: 100%; z-index: 80; min-width: 272px; display: grid; gap: 4px; padding: 12px; border: 1px solid rgba(15,35,55,.12); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 24px 60px rgba(7,24,39,.18); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(50%, 8px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.public-site .nav-group[open] .nav-dropdown, .public-site .nav-group:hover .nav-dropdown, .public-site .nav-group:focus-within .nav-dropdown, .public-site .nav-group.is-open .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(50%, 0); }
.public-site .nav-dropdown a { display: block; padding: 11px 12px; border-radius: 12px; color: #263548; font-size: 13px; line-height: 1.25; }
.public-site .nav-dropdown a:hover { background: #f1f6fa; color: var(--hel-blue); }
.public-site .nav-cta { min-height: 42px; padding: 10px 18px !important; border-radius: 999px; background: linear-gradient(135deg, var(--hel-gold-soft), var(--hel-gold-dark)); color: #fff !important; box-shadow: 0 14px 30px rgba(137, 100, 31, .24); }
.public-site .nav-toggle { position: absolute; opacity: 0; pointer-events: none; }
.public-site .nav-toggle-button { display: none; width: 46px; height: 46px; border: 1px solid var(--hel-border); border-radius: 14px; background: var(--hel-white); box-shadow: 0 12px 28px rgba(7, 24, 39, .08); place-items: center; cursor: pointer; }
.public-site .nav-toggle-button span { display: block; width: 21px; height: 2px; margin: 4px 0; border-radius: 2px; background: var(--hel-navy); }

.hel-container { width: min(100% - 48px, var(--hel-container)); margin-inline: auto; }
.hel-section { padding: 96px 0; }
.hel-section-white { background: radial-gradient(circle at top left, rgba(31,164,232,.055), transparent 34%), var(--hel-white); }
.hel-section-muted { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), var(--hel-pearl); }
.hel-section-navy { color: #fff; background: radial-gradient(circle at 16% 0%, rgba(31, 164, 232, .18), transparent 30%), linear-gradient(135deg, #061421, #0a2033 55%, #071827); }
.hel-section h2, .hel-final-cta h2 { margin: 0; max-width: 900px; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.06; letter-spacing: 0; }
.hel-section p { max-width: 760px; color: var(--hel-muted); font-size: 17px; }
.hel-eyebrow { margin: 0 0 14px; color: var(--hel-gold); font-size: 12px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.hel-section-heading { max-width: 940px; margin-bottom: 38px; }
.hel-section-heading-center { margin-left: auto; margin-right: auto; text-align: center; }
.hel-section-heading-center p { margin-left: auto; margin-right: auto; }
.hel-heading-light h2, .hel-heading-light p, .hel-section-navy h2, .hel-section-navy h3, .hel-section-navy p { color: #fff; }
.hel-heading-light p:not(.hel-eyebrow), .hel-section-navy p { color: #c8d5df; }

.hel-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 22px; border-radius: 999px; font-weight: 900; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.hel-button:hover { transform: translateY(-2px); }
.hel-button-primary { background: linear-gradient(135deg, #d4aa55, var(--hel-gold)); color: #061421; box-shadow: 0 18px 44px rgba(185, 135, 45, .28); }
.hel-button-secondary { border: 1px solid rgba(255, 255, 255, .42); background: rgba(255, 255, 255, .1); color: #fff; }
.hel-button-light { background: #fff; color: var(--hel-navy); box-shadow: 0 18px 42px rgba(0,0,0,.18); }
.hel-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.hel-actions-center { justify-content: center; }

.hel-parallax { background-size: cover; background-position: center; background-repeat: no-repeat; }
@media (min-width: 1024px) {
    .hel-parallax { background-attachment: fixed; }
}

.hel-hero { position: relative; min-height: clamp(680px, 84vh, 820px); display: grid; align-items: center; overflow: hidden; color: #fff; }
.hel-hero-shade { position: absolute; inset: 0; background: radial-gradient(circle at 18% 42%, rgba(31,164,232,.2), transparent 30%), linear-gradient(90deg, rgba(5, 14, 24, .95) 0%, rgba(7, 24, 39, .84) 42%, rgba(7, 24, 39, .46) 72%, rgba(7, 24, 39, .24) 100%); }
.hel-hero-inner { position: relative; z-index: 1; padding: 96px 0; }
.hel-hero-copy { max-width: 940px; padding: clamp(26px, 4vw, 44px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(7,24,39,.74), rgba(7,24,39,.42)); box-shadow: 0 34px 100px rgba(0,0,0,.34); backdrop-filter: blur(10px); }
.hel-hero h1 { max-width: 930px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; letter-spacing: 0; }
.hel-hero-lede { margin: 24px 0 0; color: #edf5fb; font-size: clamp(19px, 1.75vw, 23px); line-height: 1.44; }
.hel-hero-authority { margin: 22px 0 0; padding-left: 18px; color: #d4e0ea; border-left: 3px solid var(--hel-gold); font-weight: 800; }
.hel-microcopy { margin: 24px 0 0; color: #b9c8d4; font-size: 15px; }

.hel-card { position: relative; overflow: hidden; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: var(--hel-white); box-shadow: var(--hel-shadow-soft); }
.hel-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); opacity: .9; }
.hel-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.hel-metric-card { min-height: 230px; padding: 30px 28px 28px; }
.hel-metric-card strong { display: block; color: var(--hel-navy); font-size: 28px; line-height: 1.1; }
.hel-metric-card p { margin-bottom: 0; font-size: 15px; }

.hel-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); gap: clamp(48px, 6vw, 88px); align-items: center; }
.hel-check-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.hel-check-list li { position: relative; margin: 0; padding: 13px 14px 13px 42px; border: 1px solid rgba(15,35,55,.1); border-radius: 16px; background: rgba(255,255,255,.78); color: #344054; font-weight: 760; }
.hel-check-list li::before { content: ""; position: absolute; left: 17px; top: 21px; width: 9px; height: 9px; border-radius: 50%; background: var(--hel-gold); box-shadow: 0 0 0 5px rgba(185,135,45,.16); }
.hel-image-card { margin: 0; overflow: hidden; padding: 12px; border-radius: var(--hel-radius); background: #fff; box-shadow: var(--hel-shadow); }
.hel-image-card img { display: block; width: 100%; height: 100%; aspect-ratio: 1414 / 1000; max-height: 520px; object-fit: cover; border-radius: calc(var(--hel-radius) - 10px); }
.hel-split-problem { grid-template-columns: minmax(0, 1.08fr) minmax(330px, .72fr); align-items: center; }
.hel-image-card-vertical { justify-self: center; align-self: center; width: min(100%, 500px); padding: 9px; border: 1px solid rgba(15,35,55,.08); background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,242,247,.88)); box-shadow: 0 26px 70px rgba(7,24,39,.14); }
.hel-image-card-vertical img { width: 100%; height: auto; aspect-ratio: 4 / 5; max-height: none; object-fit: contain; border-radius: calc(var(--hel-radius) - 12px); background: transparent; }

.hel-section-parallax, .hel-legacy, .hel-final-cta { position: relative; overflow: hidden; color: #fff; }
.hel-section-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 76% 18%, rgba(31,164,232,.22), transparent 34%), linear-gradient(135deg, rgba(4, 13, 23, .95), rgba(7, 24, 39, .84) 58%, rgba(11, 95, 158, .42)); }
.hel-centered-dark { position: relative; z-index: 1; text-align: center; }
.hel-centered-dark h2, .hel-centered-dark p { margin-left: auto; margin-right: auto; color: #fff; }
.hel-centered-dark p { color: #cbd8e3; }
.hel-route { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 48px auto 30px; max-width: 1120px; }
.hel-route span { position: relative; min-height: 108px; display: grid; place-items: center; padding: 18px 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.09); color: #fff; font-weight: 950; text-align: center; }
.hel-route span:first-child { border-radius: 18px 0 0 18px; }
.hel-route span:last-child { border-radius: 0 18px 18px 0; }
.hel-route span::after { content: ""; position: absolute; right: -8px; top: 50%; z-index: 2; width: 16px; height: 16px; border-top: 2px solid var(--hel-gold); border-right: 2px solid var(--hel-gold); transform: translateY(-50%) rotate(45deg); }
.hel-route span:last-child::after { display: none; }
.hel-route-close { font-weight: 800; }

.hel-pillar-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.hel-pillar-card { overflow: hidden; display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--hel-border); border-radius: var(--hel-radius); background: #fff; box-shadow: var(--hel-shadow-soft); transition: transform .22s ease, box-shadow .22s ease; }
.hel-pillar-card:hover { transform: translateY(-5px); box-shadow: var(--hel-shadow); }
.hel-pillar-image { width: 100%; aspect-ratio: 1 / 1; margin: 0; overflow: hidden; border-radius: 24px 24px 0 0; background: #dce6ef; }
.hel-pillar-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hel-pillar-card div { display: flex; flex-direction: column; padding: 28px; }
.hel-pillar-card span, .hel-founder-card span { color: var(--hel-blue); font-size: 12px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.hel-pillar-card h3, .hel-benefit-card h3, .hel-founder-card h3, .hel-legacy-block h3, .hel-timeline h3 { margin: 10px 0; color: var(--hel-navy); font-size: 23px; line-height: 1.18; }
.hel-pillar-card p { flex: 1; font-size: 15px; }
.hel-pillar-card a { margin-top: 16px; color: var(--hel-navy); font-weight: 950; border-bottom: 2px solid var(--hel-gold); align-self: flex-start; }

.hel-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hel-timeline article { min-height: 240px; padding: 28px; border: 1px solid var(--hel-border-dark); border-radius: var(--hel-radius-sm); background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.hel-timeline span { display: block; color: rgba(31,164,232,.42); font-size: 54px; font-weight: 950; line-height: 1; }
.hel-timeline h3 { color: #fff; }
.hel-timeline p { color: #cbd8e3; font-size: 15px; }

.hel-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hel-benefit-card { padding: 34px 30px 30px; }
.hel-benefit-card span { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--hel-navy); color: var(--hel-gold); font-weight: 950; }
.hel-benefit-card p { margin-bottom: 0; }

.hel-legacy { min-height: 760px; display: grid; align-items: center; }
.hel-legacy .hel-section-overlay { background: linear-gradient(90deg, rgba(3,10,18,.96), rgba(7,24,39,.87) 48%, rgba(7,24,39,.58)); }
.hel-legacy-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 90px); align-items: center; }
.hel-legacy-year { color: rgba(185,135,45,.92); font-size: clamp(92px, 15vw, 210px); font-weight: 950; line-height: .82; letter-spacing: 0; text-shadow: 0 24px 70px rgba(0,0,0,.34); }
.hel-legacy-copy { padding: clamp(26px, 4vw, 44px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.74), rgba(4,13,23,.58)); backdrop-filter: blur(10px); box-shadow: 0 30px 90px rgba(0,0,0,.28); }
.hel-legacy-copy h2, .hel-legacy-copy p { color: #fff; }
.hel-legacy-copy p { color: #d2dde6; }
.hel-legacy-block { margin: 18px 0; padding: 18px 20px; border-left: 4px solid var(--hel-gold); border-radius: 0 18px 18px 0; background: rgba(255,255,255,.08); }
.hel-legacy-block h3 { color: #fff; }
.hel-legacy-close { font-weight: 820; }

.hel-founder-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.hel-founder-card { display: grid; grid-template-columns: minmax(220px, .44fr) minmax(0, .56fr); overflow: hidden; border: 1px solid var(--hel-border); border-radius: var(--hel-radius); background: #fff; box-shadow: var(--hel-shadow-soft); }
.hel-founder-card img { width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; }
.hel-founder-card div { display: grid; align-content: center; padding: clamp(24px, 4vw, 42px); }
.hel-founder-card p { font-size: 15px; }
.hel-founders-close { max-width: 960px; margin: 34px auto 0; text-align: center; font-weight: 780; }

.hel-evaluation { color: #fff; background: radial-gradient(circle at 88% 12%, rgba(31,164,232,.18), transparent 32%), linear-gradient(135deg, #8a641f, #7b5418 26%, #071827 72%); }
.hel-evaluation-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .94fr); gap: clamp(34px, 5vw, 68px); align-items: center; padding: clamp(30px, 5vw, 54px); border: 1px solid rgba(255,255,255,.2); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.065)); box-shadow: 0 32px 90px rgba(0,0,0,.24); }
.hel-evaluation h2, .hel-evaluation p { color: #fff; }
.hel-check-list-light li { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.11); color: #fff; }
.hel-evaluation-cta { margin-top: 30px; }
.hel-evaluation-image { width: 100%; aspect-ratio: 1414 / 1000; margin: 0; overflow: hidden; border-radius: 28px; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.hel-evaluation-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }

.hel-final-cta { min-height: 620px; display: grid; place-items: center; text-align: center; }
.hel-final-cta .hel-container { position: relative; z-index: 1; }
.hel-final-cta h2 { margin-left: auto; margin-right: auto; color: #fff; }
.hel-final-cta p { margin: 22px auto 0; max-width: 850px; color: #d7e3ed; font-size: 19px; }

.site-footer { position: relative; overflow: hidden; color: #d7e3ed; background: radial-gradient(circle at 12% 0%, rgba(31,164,232,.18), transparent 28%), radial-gradient(circle at 92% 20%, rgba(185,135,45,.16), transparent 26%), linear-gradient(135deg, #020810, var(--hel-navy) 50%, #082036); }
.site-footer::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(214,179,106,.13), transparent 30%, rgba(31,164,232,.1)); opacity: .72; }
.site-footer::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(214,179,106,.76), transparent); }
.footer-inner { position: relative; z-index: 1; width: min(100% - 48px, var(--hel-container)); margin-inline: auto; display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); gap: clamp(28px, 5vw, 58px); padding: 72px 0 28px; }
.footer-logo { display: inline-flex; max-width: 270px; margin-bottom: 22px; }
.footer-logo img { max-width: 270px; max-height: 72px; object-fit: contain; }
.footer-brand h2 { max-width: 560px; margin: 0 0 16px; color: #fff; font-size: 35px; line-height: 1.08; letter-spacing: 0; }
.footer-brand p { max-width: 620px; margin: 0; color: #b8c7d3; }
.footer-principle { margin-top: 22px !important; padding: 18px 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.07); color: #fff !important; font-weight: 820; }
.footer-orientation { display: grid; align-content: start; gap: 18px; }
.footer-section-heading { display: grid; gap: 4px; }
.footer-section-heading span, .footer-cta span { color: var(--hel-gold-soft); font-size: 12px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.footer-section-heading strong, .footer-cta strong { color: #fff; font-size: 22px; line-height: 1.18; }
.footer-orientation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.footer-orientation-grid a { min-height: 122px; display: grid; align-content: start; gap: 8px; padding: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045)); box-shadow: 0 18px 44px rgba(0,0,0,.13); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.footer-orientation-grid a:hover { transform: translateY(-3px); border-color: rgba(214,179,106,.45); background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.06)); }
.footer-orientation-grid span { color: #fff; font-size: 15px; font-weight: 920; line-height: 1.22; }
.footer-orientation-grid small { color: #aebfcd; font-size: 13px; line-height: 1.42; }
.footer-proof { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; padding-top: 8px; }
.footer-proof span { display: inline-flex; align-items: center; min-height: 38px; padding: 9px 13px; border: 1px solid rgba(214,179,106,.28); border-radius: 999px; background: rgba(214,179,106,.09); color: #f4ead8; font-size: 13px; font-weight: 820; }
.footer-cta { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055)); box-shadow: 0 24px 68px rgba(0,0,0,.2); }
.footer-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }
.footer-bottom { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); color: #91a5b4; font-size: 13px; }
.footer-bottom a { color: #c7d5df; }
.footer-bottom a:hover { color: #fff; }

/* Public internal pages */
.public-site .hero { min-height: 560px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .8fr); gap: 48px; align-items: center; padding: 90px max(24px, calc((100vw - var(--hel-container)) / 2)); color: #fff; background: radial-gradient(circle at 78% 20%, rgba(31,164,232,.25), transparent 30%), linear-gradient(135deg, #061421, #0b2438); }
.public-site .hero h1 { margin: 0; color: #fff; font-size: clamp(40px, 4vw, 52px); line-height: 1.04; }
.public-site .hero-subtitle { font-size: 23px; color: #e4eef6; }
.public-site .hero-intro { color: #c7d5df; }
.hero-panel { display: grid; gap: 12px; padding: 24px; border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius-sm); background: rgba(255,255,255,.08); }
.hero-panel span { padding: 16px; border-radius: 14px; background: rgba(255,255,255,.1); font-weight: 850; }
.button, .nav-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 17px; border-radius: 999px; font-weight: 900; }
.button.primary { background: var(--hel-gold); color: #071827; }
.button.secondary { border: 1px solid rgba(255,255,255,.38); color: #fff; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.content-grid, .resource-list, .faq-list, .form-section, .closing-cta { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 72px 0; }
.content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.info-card, .resource-item, .login-card, .dashboard-card { border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; padding: 26px; box-shadow: var(--hel-shadow-soft); }
.resource-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.faq-list details { margin-bottom: 12px; padding: 18px 22px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; }
.lead-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 24px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; }
input, select, textarea { width: 100%; border: 1px solid rgba(15,35,55,.16); border-radius: 14px; padding: 13px 14px; font: inherit; background: #fff; }
textarea { min-height: 132px; grid-column: 1 / -1; }
.hel-consent-checks { grid-column: 1 / -1; display: grid; gap: 12px; margin-block: 22px; padding: 16px 18px; border: 1px solid rgba(15,35,55,.12); border-radius: 16px; background: #f8fafc; }
.hel-legal-consent, .hel360-consent { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: #344054; font-size: 14px; font-weight: 760; line-height: 1.45; }
.hel-legal-consent input, .hel360-consent input { width: 18px; min-height: 18px; margin-top: 2px; accent-color: var(--hel-gold); }
.hel-legal-consent a, .hel360-consent a { color: var(--hel-blue); font-weight: 900; text-decoration: underline; text-underline-offset: 3px; }
.hel-legal-consent.is-optional span::after { content: " Opcional."; color: #667085; font-weight: 800; }
.hel-legal-consent.is-required span::after { content: " Obligatorio para esta solicitud."; color: #8a641f; font-weight: 900; }
.notice { width: min(1180px, calc(100% - 48px)); margin: 22px auto 0; border-radius: 16px; padding: 14px 18px; }
.notice.success { background: #e9f7ef; color: #1f6b3b; }
.notice.error { background: #fdecec; color: #8d2323; }
.closing-cta { text-align: center; }
.closing-cta p { color: var(--hel-navy); font-size: 24px; font-weight: 850; }

/* Login and private surfaces, kept intentionally scoped */
.login-page { min-height: 100vh; background: linear-gradient(135deg, var(--hel-navy), #24465b); }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 28px; align-items: center; padding: clamp(24px, 6vw, 80px); }
.login-intro { color: white; max-width: 760px; }
.login-intro h1 { font-size: clamp(36px, 4.5vw, 52px); }
.login-card { display: grid; gap: 14px; }
.private-body { min-height: 100vh; display: grid; grid-template-columns: 280px 1fr; background: #eef3f7; }
.private-sidebar { background: #101a28; color: #eaf2f8; padding: 22px; }
.private-sidebar nav { display: grid; gap: 8px; margin-top: 30px; }
.private-sidebar a { padding: 10px 12px; border-radius: 8px; color: #d7e3ed; }
.private-sidebar nav a:hover { background: rgba(255,255,255,.08); }
.private-brand { color: #fff; }
.private-topbar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 28px; background: #fff; border-bottom: 1px solid var(--hel-border); }
.private-content { padding: 28px; }
.dashboard-heading { margin-bottom: 22px; }
.dashboard-heading h1 { color: var(--hel-navy); font-size: 38px; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.table-wrap { overflow: auto; background: #fff; border: 1px solid var(--hel-border); border-radius: 8px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { border-bottom: 1px solid var(--hel-border); padding: 10px; text-align: left; vertical-align: top; }
th { background: #f4f7fa; color: var(--hel-navy); }

@media (max-width: 1120px) {
    .public-site .site-header-inner { width: min(100% - 32px, var(--hel-container)); }
    .public-site .header-logo img { max-width: 210px; max-height: 50px; }
    .public-site .site-nav { gap: 10px; font-size: 12px; }
}

@media (max-width: 1080px) {
    .public-site .site-header { min-height: 74px; }
    .public-site .nav-toggle-button { display: grid; }
    .public-site .site-nav { position: absolute; left: 16px; right: 16px; top: calc(100% + 10px); display: none; grid-template-columns: 1fr; gap: 0; padding: 12px; border: 1px solid var(--hel-border); border-radius: 22px; background: rgba(255,255,255,.98); box-shadow: var(--hel-shadow); white-space: normal; }
    .public-site .site-nav > a, .public-site .site-nav summary { width: 100%; min-height: 46px; padding: 13px 14px; border-radius: 14px; }
    .public-site .site-nav a:hover, .public-site .site-nav summary:hover { background: var(--hel-light); }
    .public-site .nav-group { width: 100%; padding-bottom: 0; margin-bottom: 0; }
    .public-site .nav-dropdown { position: static; min-width: 0; margin: 2px 0 8px; padding: 6px 0 6px 12px; border: 0; border-left: 2px solid rgba(185,135,45,.32); border-radius: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
    .public-site .nav-group:not([open]) .nav-dropdown { display: none; }
    .public-site .nav-dropdown a { padding: 11px 14px; }
    .public-site .nav-toggle:checked ~ .site-nav { display: grid; }
}

@media (max-width: 980px) {
    .hel-container, .footer-inner, .content-grid, .resource-list, .faq-list, .form-section, .closing-cta { width: min(100% - 40px, var(--hel-container)); }
    .hel-section { padding: 72px 0; }
    .hel-hero { min-height: auto; background-image: url('/assets/hel/img/home/hel-home-hero-mobile-1080x1350.webp') !important; }
    .hel-hero-inner { padding: 78px 0; }
    .hel-hero-copy { max-width: 760px; }
    .hel-hero h1 { font-size: clamp(38px, 7.4vw, 50px); line-height: 1.08; }
    .hel-parallax { background-attachment: scroll; }
    .hel-split, .hel-legacy-grid, .hel-evaluation-card, .public-site .hero, .login-shell, .private-body, .footer-inner { grid-template-columns: 1fr; }
    .hel-metric-grid, .hel-benefit-grid, .resource-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hel-pillar-grid, .hel-founder-grid { grid-template-columns: 1fr; }
    .hel-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hel-route { grid-template-columns: 1fr; gap: 10px; }
    .hel-route span { border-radius: 18px !important; min-height: 78px; }
    .hel-route span::after { display: none; }
    .hel-founder-card { grid-template-columns: minmax(180px, .38fr) minmax(0, .62fr); }
    .footer-orientation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-cta { align-items: flex-start; flex-direction: column; }
    .footer-cta-actions { justify-content: flex-start; }
    .public-site .hero { padding: 74px 20px; }
}

@media (max-width: 640px) {
    .public-site .site-header-inner { width: calc(100% - 28px); }
    .public-site .header-logo img { max-width: 188px; max-height: 42px; }
    .hel-container, .footer-inner, .content-grid, .resource-list, .faq-list, .form-section, .closing-cta { width: min(100% - 32px, var(--hel-container)); }
    .hel-section { padding: 62px 0; }
    .hel-hero-copy { padding: 24px; border-radius: 22px; }
    .hel-hero h1 { font-size: clamp(34px, 10vw, 40px); }
    .hel-hero-lede { font-size: 18px; }
    .hel-actions { flex-direction: column; }
    .hel-button { width: 100%; }
    .hel-consent-checks { margin-block: 18px; }
    .hel-metric-grid, .hel-benefit-grid, .hel-timeline, .hel-check-list, .content-grid, .resource-list, .lead-form, .dashboard-grid { grid-template-columns: 1fr; }
    .hel-image-card { padding: 8px; }
    .hel-pillar-card div, .hel-benefit-card, .hel-metric-card { padding: 22px; }
    .hel-legacy { min-height: auto; }
    .hel-legacy-grid { gap: 22px; }
    .hel-legacy-copy { padding: 24px; border-radius: 22px; }
    .hel-founder-card { grid-template-columns: 1fr; }
    .hel-founder-card img { height: auto; }
    .hel-evaluation-card { padding: 22px; border-radius: 22px; }
    .hel-final-cta { min-height: 560px; }
    .footer-logo { max-width: 240px; }
    .footer-logo img { max-width: 240px; }
    .footer-orientation-grid { grid-template-columns: 1fr; }
    .footer-proof { display: grid; grid-template-columns: 1fr; }
    .footer-cta-actions, .footer-bottom { display: grid; grid-template-columns: 1fr; justify-items: stretch; }
    .footer-bottom { justify-items: start; }
    textarea { grid-column: auto; }
}

/* Solucion Integral page */
.solution-page { width: 100%; background: var(--hel-light); overflow: hidden; }
.solution-page h1, .solution-page h2, .solution-page h3, .solution-page h4 { letter-spacing: 0; }
.solution-page p { color: var(--hel-muted); }
.solution-hero { position: relative; min-height: clamp(720px, 88vh, 900px); display: grid; align-items: center; color: #fff; overflow: hidden; background-size: cover; background-position: center; }
.solution-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 76% 16%, rgba(31,164,232,.22), transparent 32%), linear-gradient(90deg, rgba(3,10,18,.96), rgba(6,21,34,.84) 48%, rgba(6,21,34,.42)); }
.solution-hero-inner { position: relative; z-index: 1; padding: 104px 0; }
.solution-hero-copy { max-width: 980px; padding: clamp(28px, 4vw, 48px); border: 1px solid rgba(255,255,255,.17); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(6,21,34,.78), rgba(6,21,34,.48)); box-shadow: 0 34px 100px rgba(0,0,0,.34); backdrop-filter: blur(10px); }
.solution-hero h1 { max-width: 960px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; }
.solution-lede { margin: 24px 0 0; max-width: 920px; color: #edf5fb; font-size: clamp(18px, 1.7vw, 23px); line-height: 1.48; }
.solution-authority { margin: 24px 0 0; padding-left: 18px; border-left: 3px solid var(--hel-gold-soft); color: #d8e3ec; font-weight: 820; }
.solution-section { padding: clamp(78px, 8vw, 116px) 0; }
.solution-section-white { background: radial-gradient(circle at top left, rgba(31,164,232,.06), transparent 34%), #fff; }
.solution-section-muted { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), var(--hel-pearl); }
.solution-section-navy { color: #fff; background: radial-gradient(circle at 14% 0%, rgba(31,164,232,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.solution-section h2, .solution-final h2 { margin: 0; max-width: 960px; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.solution-section h3 { color: var(--hel-navy); line-height: 1.16; }
.solution-section h4 { margin: 0 0 18px; color: var(--hel-blue); font-size: 16px; line-height: 1.35; }
.solution-section p { max-width: 820px; font-size: 17px; }
.solution-section-navy h2, .solution-section-navy h3, .solution-section-navy p, .solution-heading-light h2, .solution-heading-light p { color: #fff; }
.solution-section-navy p, .solution-heading-light p { color: #c8d5df; }
.solution-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .94fr); gap: clamp(42px, 6vw, 86px); align-items: center; }
.solution-split-reverse { grid-template-columns: minmax(420px, .96fr) minmax(0, 1fr); }
.solution-section-heading { max-width: 980px; margin: 0 auto 44px; text-align: center; }
.solution-section-heading h2 { margin-left: auto; margin-right: auto; }
.solution-section-heading > p:not(.hel-eyebrow) { max-width: 880px; margin-left: auto; margin-right: auto; }
.solution-section-heading-center { margin-left: auto; margin-right: auto; text-align: center; }
.solution-section-heading-center p { margin-left: auto; margin-right: auto; }
.solution-section-header-fix { width: min(100%, 1040px); max-width: 1040px; margin-left: auto !important; margin-right: auto !important; padding-left: 0; padding-right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; justify-self: center; text-align: center; transform: none; }
.solution-section-header-fix .hel-eyebrow, .solution-section-header-fix h2, .solution-section-header-fix p { width: 100%; text-align: center; margin-left: auto !important; margin-right: auto !important; align-self: center; }
.solution-section-header-fix h2 { max-width: 980px; }
.solution-section-header-fix p:not(.hel-eyebrow) { max-width: 840px; }
.solution-image { margin: 0; overflow: hidden; border-radius: var(--hel-radius); background: #fff; box-shadow: var(--hel-shadow); }
.solution-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.solution-image-wide { aspect-ratio: 16 / 9; }
.solution-image-band { margin-bottom: 30px; }
.solution-statement-list { display: grid; gap: 10px; margin: 24px 0; }
.solution-statement-list span { padding: 14px 16px; border-left: 4px solid var(--hel-gold); border-radius: 0 16px 16px 0; background: #f3f7fa; color: var(--hel-navy); font-weight: 900; }
.solution-principle { margin-top: 24px; padding: 20px 22px; border: 1px solid rgba(185,135,45,.28); border-radius: 20px; background: linear-gradient(135deg, rgba(185,135,45,.12), rgba(31,164,232,.07)); color: var(--hel-navy) !important; font-weight: 860; }
.solution-parallax-section { position: relative; overflow: hidden; color: #fff; background-size: cover; background-position: center; }
.solution-parallax-section .hel-container { position: relative; z-index: 1; }
.solution-parallax-panel { max-width: 1180px; padding: clamp(30px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.84), rgba(6,21,34,.64)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.solution-parallax-panel > .hel-eyebrow, .solution-parallax-panel h2, .solution-parallax-panel > p { text-align: center; }
.solution-parallax-panel h2 { max-width: 1040px; margin-left: auto; margin-right: auto; }
.solution-parallax-panel > p { max-width: 960px; margin-left: auto; margin-right: auto; }
.solution-parallax-panel h2, .solution-parallax-panel p { color: #fff; }
.solution-parallax-panel p { color: #d3dfE8; }
.solution-parallax-panel .solution-principle { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.1); color: #fff !important; }
.solution-parallax-panel .solution-statement-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.solution-parallax-panel .solution-statement-list span { min-height: 112px; display: grid; align-items: center; border: 1px solid rgba(255,255,255,.16); border-left: 4px solid var(--hel-gold-soft); background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.075)); color: #fff; box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.solution-question-grid, .solution-benefit-grid, .solution-real-grid, .solution-not-grid, .solution-other-grid { display: grid; gap: 20px; }
.solution-question-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.solution-question-grid article, .solution-benefit-grid article, .solution-real-grid article, .solution-not-grid article, .solution-other-grid article { position: relative; overflow: hidden; padding: 28px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; box-shadow: var(--hel-shadow-soft); }
.solution-question-grid article::before, .solution-benefit-grid article::before, .solution-real-grid article::before, .solution-not-grid article::before, .solution-other-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); }
.solution-question-grid span { display: block; color: rgba(11,119,197,.25); font-size: 54px; font-weight: 950; line-height: 1; }
.solution-question-grid h3, .solution-benefit-grid h3, .solution-real-grid h3, .solution-not-grid h3, .solution-other-grid h3 { margin: 12px 0; font-size: 23px; }
.solution-question-grid p, .solution-benefit-grid p, .solution-real-grid p, .solution-not-grid p, .solution-other-grid p { margin-bottom: 0; font-size: 15.5px; }
.solution-question-grid strong { display: block; margin-top: 16px; color: var(--hel-navy); }
.solution-route { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 28px 0 22px; }
.solution-route span { min-height: 88px; display: grid; place-items: center; padding: 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.07)); color: #fff; font-weight: 900; text-align: center; box-shadow: 0 18px 44px rgba(0,0,0,.16); }
.solution-route-result { display: block; margin: 20px 0 22px; padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(214,179,106,.42); border-radius: 22px; background: linear-gradient(135deg, rgba(214,179,106,.26), rgba(31,164,232,.14)); color: #fff; font-size: clamp(28px, 3.3vw, 48px); line-height: 1.06; text-align: center; box-shadow: 0 22px 64px rgba(0,0,0,.22); }
.solution-close { color: #fff !important; font-weight: 820; }
.solution-pillar-grid { display: grid; gap: 28px; }
.solution-pillar-card { display: grid; grid-template-columns: minmax(300px, .34fr) minmax(0, .66fr); overflow: hidden; border: 1px solid var(--hel-border); border-radius: var(--hel-radius); background: #fff; box-shadow: var(--hel-shadow-soft); }
.solution-pillar-card figure { margin: 0; min-height: 100%; overflow: hidden; background: #dce6ef; }
.solution-pillar-card img { display: block; width: 100%; height: 100%; min-height: 100%; object-fit: cover; }
.solution-pillar-card div { padding: clamp(28px, 4vw, 44px); }
.solution-pillar-card span { color: var(--hel-gold); font-size: 12px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.solution-pillar-card h3 { margin: 10px 0; font-size: clamp(27px, 3vw, 40px); }
.solution-pillar-card ul, .solution-check-list { display: grid; gap: 10px; margin: 22px 0; padding: 0; list-style: none; }
.solution-pillar-card li, .solution-check-list li { position: relative; padding-left: 28px; color: #344054; }
.solution-pillar-card li::before, .solution-check-list li::before { content: ""; position: absolute; left: 0; top: .65em; width: 9px; height: 9px; border-radius: 50%; background: var(--hel-gold); box-shadow: 0 0 0 5px rgba(185,135,45,.14); }
.solution-card-close, .solution-strong { color: var(--hel-navy) !important; font-weight: 850; }
.solution-pillar-card a { display: inline-flex; margin-top: 12px; color: var(--hel-navy); font-weight: 950; border-bottom: 2px solid var(--hel-gold); }
.solution-step-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.solution-step-list article { padding: 22px; border: 1px solid rgba(255,255,255,.18); border-radius: var(--hel-radius-sm); background: rgba(6,21,34,.78); box-shadow: 0 18px 44px rgba(0,0,0,.2); }
.solution-step-list span { color: rgba(11,119,197,.24); font-size: 44px; font-weight: 950; line-height: 1; }
.solution-step-list h3 { margin: 10px 0; color: #fff; font-size: 20px; }
.solution-step-list p { margin: 0; color: #d6e2ec !important; font-size: 15px; }
.solution-benefit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.solution-benefit-grid article { border-color: rgba(255,255,255,.15); background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.solution-benefit-grid h3, .solution-benefit-grid p { color: #fff; }
.solution-benefit-grid p { color: #c8d5df; }
.solution-real-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; justify-content: center; }
.solution-not-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.solution-use-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.solution-use-card { overflow: hidden; border: 1px solid var(--hel-border); border-radius: var(--hel-radius); background: #fff; box-shadow: var(--hel-shadow-soft); }
.solution-use-card figure { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: #dce6ef; }
.solution-use-card img { width: 100%; height: 100%; object-fit: cover; }
.solution-use-card h3 { margin: 28px 28px 12px; font-size: 25px; }
.solution-use-card p { margin: 0 28px 18px; font-size: 15.5px; }
.solution-other-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 26px; }
.solution-difference { position: relative; color: #fff; background-size: cover; background-position: center; }
.solution-difference .hel-container { position: relative; z-index: 1; max-width: 980px; text-align: center; }
.solution-difference h2, .solution-difference p { margin-left: auto; margin-right: auto; color: #fff; }
.solution-difference p { color: #d4e0ea; }
.solution-difference strong { display: block; margin-top: 26px; color: #fff; font-size: clamp(24px, 3vw, 38px); line-height: 1.15; }
.solution-evaluation { color: #fff; background: radial-gradient(circle at 88% 12%, rgba(31,164,232,.18), transparent 32%), linear-gradient(135deg, #8a641f, #7b5418 26%, #071827 72%); }
.solution-evaluation-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .58fr); gap: clamp(34px, 5vw, 68px); align-items: center; padding: clamp(30px, 5vw, 54px); border: 1px solid rgba(255,255,255,.2); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.065)); box-shadow: 0 32px 90px rgba(0,0,0,.24); }
.solution-evaluation h2, .solution-evaluation p, .solution-evaluation li { color: #fff; }
.solution-evaluation .solution-check-list li::before { background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.16); }
.solution-evaluation-cta { margin-top: 14px; }
.solution-evaluation-action { display: grid; justify-items: center; gap: 22px; }
.solution-image-evaluation { aspect-ratio: 1414 / 1000; }
.solution-image-evaluation-vertical { width: min(100%, 380px); aspect-ratio: 9 / 16; background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)); box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.solution-image-evaluation-vertical img { object-fit: cover; object-position: center; background: rgba(255,255,255,.06); }
.solution-evaluation-strong { max-width: 380px !important; margin: 0; color: #fff !important; font-size: clamp(18px, 2vw, 24px) !important; line-height: 1.25; text-align: center; }
.solution-use-title { max-width: 1080px !important; font-size: clamp(34px, 3.4vw, 48px) !important; }
.solution-final { padding: clamp(84px, 9vw, 124px) 0; color: #fff; background: radial-gradient(circle at 20% 0%, rgba(31,164,232,.2), transparent 36%), linear-gradient(135deg, #04101b, #0a2236); }
.solution-final-grid { display: grid; grid-template-columns: minmax(340px, .52fr) minmax(0, .88fr); gap: clamp(42px, 6vw, 86px); align-items: center; }
.solution-final-image { aspect-ratio: 3 / 4; box-shadow: 0 34px 100px rgba(0,0,0,.32); }
.solution-final-image img { object-fit: cover; }
.solution-final-copy h2, .solution-final-copy p { color: #fff; }
.solution-final-copy h2 { max-width: 880px; }
.solution-final-copy p { max-width: 840px; color: #d4e0ea; font-size: 19px; }
.solution-final .hel-button { margin-top: 18px; }

.diagnostico-page { background: var(--hel-light); }
.diagnostico-page h1, .diagnostico-page h2, .diagnostico-page h3 { letter-spacing: 0; }
.diagnostico-hero { position: relative; min-height: clamp(720px, 88vh, 920px); display: grid; align-items: center; color: #fff; overflow: hidden; background-size: cover; background-position: center; }
.diagnostico-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 76% 14%, rgba(31,164,232,.24), transparent 32%), linear-gradient(90deg, rgba(3,10,18,.96), rgba(6,21,34,.86) 50%, rgba(6,21,34,.42)); }
.diagnostico-hero-inner { position: relative; z-index: 1; padding: 106px 0; }
.diagnostico-hero-copy { max-width: 1000px; padding: clamp(28px, 4vw, 50px); border: 1px solid rgba(255,255,255,.17); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(6,21,34,.8), rgba(6,21,34,.52)); box-shadow: 0 34px 100px rgba(0,0,0,.34); backdrop-filter: blur(10px); }
.diagnostico-hero h1 { max-width: 960px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; }
.diagnostico-hero p { max-width: 920px; color: #dce8f1; font-size: 17px; }
.diagnostico-lede { margin: 24px 0 18px; color: #f4f9fc !important; font-size: clamp(18px, 1.7vw, 23px) !important; line-height: 1.48; }
.diagnostico-tabs { position: sticky; top: 82px; z-index: 35; border-bottom: 1px solid rgba(15,35,55,.12); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.diagnostico-tabs .hel-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 14px 0; }
.diagnostico-tabs a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid rgba(15,35,55,.12); border-radius: 999px; background: #fff; color: var(--hel-navy); font-size: 13px; font-weight: 900; box-shadow: 0 10px 28px rgba(7,24,39,.06); }
.diagnostico-tabs a:hover { color: var(--hel-blue); border-color: rgba(11,119,197,.28); }
.diagnostico-section { position: relative; overflow: hidden; padding: clamp(78px, 8vw, 116px) 0; }
.diagnostico-section-light { background: radial-gradient(circle at top left, rgba(31,164,232,.055), transparent 34%), #fff; }
.diagnostico-section-muted { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), var(--hel-pearl); }
.diagnostico-section-dark { color: #fff; background: radial-gradient(circle at 16% 0%, rgba(31,164,232,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); background-size: cover; background-position: center; }
.diagnostico-section-dark .hel-container { position: relative; z-index: 1; }
.diagnostico-heading { width: min(100%, 1040px); margin: 0 auto 34px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.diagnostico-heading h2 { max-width: 980px; margin: 0; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.diagnostico-heading p { max-width: 850px; margin: 18px auto 0; color: var(--hel-muted); font-size: 18px; line-height: 1.56; }
.diagnostico-section-dark .diagnostico-heading h2, .diagnostico-section-dark .diagnostico-heading p { color: #fff; }
.diagnostico-section-dark .diagnostico-heading p { color: #d4e0ea; }
.diagnostico-copy { max-width: 940px; margin: 0 auto; }
.diagnostico-copy p { margin: 0 auto 16px; max-width: 900px; color: #344054; font-size: 17px; }
.diagnostico-section-dark .diagnostico-copy p { color: #d4e0ea; }
.diagnostico-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 32px; }
.diagnostico-card-grid article { position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; box-shadow: var(--hel-shadow-soft); }
.diagnostico-card-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); }
.diagnostico-card-grid h3 { margin: 10px 0 12px; color: var(--hel-navy); font-size: 22px; line-height: 1.15; }
.diagnostico-card-grid p { margin: 0; color: #475467; font-size: 15.5px; }
.diagnostico-card-grid a { display: inline-flex; margin-top: 16px; color: var(--hel-blue); font-weight: 950; border-bottom: 2px solid var(--hel-gold); }
.diagnostico-section-dark .diagnostico-card-grid article { border-color: rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.diagnostico-section-dark .diagnostico-card-grid h3, .diagnostico-section-dark .diagnostico-card-grid p, .diagnostico-section-dark .diagnostico-card-grid a { color: #fff; }
.diagnostico-grid-process, .diagnostico-grid-blocks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.diagnostico-grid-mini { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.diagnostico-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 34px; }
.diagnostico-metrics strong { min-height: 118px; display: grid; place-items: center; padding: 20px; border: 1px solid rgba(185,135,45,.24); border-radius: 22px; background: linear-gradient(135deg, rgba(185,135,45,.12), rgba(31,164,232,.07)); color: var(--hel-navy); font-size: clamp(20px, 2vw, 30px); line-height: 1.08; text-align: center; box-shadow: var(--hel-shadow-soft); }
.diagnostico-highlight { max-width: 900px; margin: 28px auto 0; padding: 22px 24px; border: 1px solid rgba(185,135,45,.34); border-radius: 22px; background: linear-gradient(135deg, rgba(185,135,45,.16), rgba(31,164,232,.08)); color: var(--hel-navy) !important; font-size: clamp(19px, 2vw, 25px) !important; font-weight: 880; line-height: 1.3; text-align: center; }
.diagnostico-section-dark .diagnostico-highlight { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.1); color: #fff !important; }
.diagnostico-split { display: grid; grid-template-columns: minmax(340px, .62fr) minmax(0, 1fr); gap: clamp(38px, 6vw, 78px); align-items: center; }
.diagnostico-split-reverse .diagnostico-image { order: 2; }
.diagnostico-image { margin: 0; overflow: hidden; border-radius: var(--hel-radius); background: #dce6ef; box-shadow: var(--hel-shadow); }
.diagnostico-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.diagnostico-image-hero { aspect-ratio: 16 / 9; }
.diagnostico-image-vertical { aspect-ratio: 4 / 5; max-width: 520px; justify-self: center; }
.diagnostico-image-wide { aspect-ratio: 1414 / 1000; }
.diagnostico-type-parallax { background-attachment: fixed; }
.diagnostico-type-parallax .hel-container { max-width: 1180px; padding: clamp(30px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.84), rgba(6,21,34,.64)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.diagnostico-tabs-premium { position: relative; top: auto; z-index: 34; border: 0; background: #005da9; box-shadow: 0 22px 54px rgba(0,93,169,.22); backdrop-filter: none; }
.diagnostico-tabs-premium .hel-container { justify-content: center; gap: 14px; padding: 22px 0; }
.diagnostico-tabs-premium a { min-height: 50px; padding: 13px 20px; border-color: rgba(255,255,255,.24); background: linear-gradient(135deg, #d6b36a, #a87928); color: #061522; box-shadow: 0 16px 34px rgba(3,10,18,.18); }
.diagnostico-tabs-premium a:hover { color: #061522; border-color: rgba(255,255,255,.56); transform: translateY(-2px); }
.diagnostico-applications-section { background-size: cover; background-position: center; background-repeat: no-repeat; }
.diagnostico-applications-parallax { color: #fff; background-attachment: fixed; }
.diagnostico-applications-overlay { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 72% 10%, rgba(31,164,232,.2), transparent 30%), linear-gradient(135deg, rgba(3,10,18,.9), rgba(6,21,34,.82) 48%, rgba(0,93,169,.58)); }
.diagnostico-applications-section .hel-container { position: relative; z-index: 1; padding: clamp(30px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.78), rgba(6,21,34,.56)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.diagnostico-applications-section .diagnostico-heading h2, .diagnostico-applications-section .diagnostico-heading p { color: #fff; }
.diagnostico-applications-section .diagnostico-heading p, .diagnostico-applications-section .diagnostico-copy p { color: #d7e3ed; }
.diagnostico-application-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.diagnostico-application-grid article { min-height: 310px; display: flex; flex-direction: column; padding: 30px; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.93); box-shadow: 0 24px 58px rgba(0,0,0,.18); }
.diagnostico-application-grid h3 { color: var(--hel-navy); }
.diagnostico-application-grid p { flex: 1; color: #405064; font-size: 16px; line-height: 1.58; }
.diagnostico-application-grid a { align-self: flex-start; margin-top: 22px; color: var(--hel-blue); }
.diagnostico-grid-benefits { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.diagnostico-grid-benefits article { min-height: 250px; }
.diagnostico-enterprise-context { background: radial-gradient(circle at 12% 0%, rgba(31,164,232,.16), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.diagnostico-enterprise-context .diagnostico-card-grid article { border-color: rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.diagnostico-enterprise-context .diagnostico-card-grid h3, .diagnostico-enterprise-context .diagnostico-card-grid p { color: #fff; }
.diagnostico-enterprise-parallax { position: relative; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
.diagnostico-enterprise-overlay { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 10%, rgba(31,164,232,.2), transparent 30%), linear-gradient(135deg, rgba(3,10,18,.91), rgba(6,21,34,.82) 52%, rgba(0,93,169,.48)); }
.diagnostico-enterprise-parallax .hel-container { position: relative; z-index: 1; max-width: 1180px; padding: clamp(30px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.82), rgba(6,21,34,.58)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.diagnostico-enterprise-parallax .diagnostico-heading h2, .diagnostico-enterprise-parallax .diagnostico-heading p { color: #fff; }
.diagnostico-enterprise-parallax .diagnostico-heading p, .diagnostico-enterprise-parallax .diagnostico-copy p { color: #d7e3ed; }
.diagnostico-enterprise-parallax .diagnostico-card-grid article { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.94); box-shadow: 0 24px 58px rgba(0,0,0,.18); }
.diagnostico-enterprise-parallax .diagnostico-card-grid h3 { color: var(--hel-navy); }
.diagnostico-enterprise-parallax .diagnostico-card-grid p { color: #405064; }
.diagnostico-enterprise-parallax .diagnostico-grid-process { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.diagnostico-enterprise-applications-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.diagnostico-enterprise-applications-grid article { min-height: 238px; }
.diagnostico-profile-parallax { position: relative; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
.diagnostico-profile-overlay { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 16% 0%, rgba(31,164,232,.18), transparent 30%), linear-gradient(135deg, rgba(3,10,18,.92), rgba(6,21,34,.84) 52%, rgba(0,93,169,.46)); }
.diagnostico-profile-parallax .hel-container { position: relative; z-index: 1; max-width: 1180px; padding: clamp(30px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.82), rgba(6,21,34,.58)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.diagnostico-profile-parallax .diagnostico-heading h2, .diagnostico-profile-parallax .diagnostico-heading p { color: #fff; }
.diagnostico-profile-parallax .diagnostico-heading p, .diagnostico-profile-parallax .diagnostico-copy p { color: #d7e3ed; }
.diagnostico-profile-parallax .diagnostico-card-grid article { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.94); box-shadow: 0 24px 58px rgba(0,0,0,.18); }
.diagnostico-profile-parallax .diagnostico-card-grid h3 { color: var(--hel-navy); }
.diagnostico-profile-parallax .diagnostico-card-grid p { color: #405064; }
.diagnostico-profile-parallax .diagnostico-grid-process { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.diagnostico-profile-expanded-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.diagnostico-profile-expanded-grid article { min-height: 250px; }
.diagnostico-vocational-parallax { position: relative; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
.diagnostico-vocational-overlay { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 8%, rgba(31,164,232,.18), transparent 30%), linear-gradient(135deg, rgba(3,10,18,.92), rgba(6,21,34,.84) 50%, rgba(0,93,169,.5)); }
.diagnostico-vocational-parallax .hel-container { position: relative; z-index: 1; max-width: 1180px; padding: clamp(30px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.82), rgba(6,21,34,.58)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.diagnostico-vocational-parallax .diagnostico-heading h2, .diagnostico-vocational-parallax .diagnostico-heading p { color: #fff; }
.diagnostico-vocational-parallax .diagnostico-heading p, .diagnostico-vocational-parallax .diagnostico-copy p { color: #d7e3ed; }
.diagnostico-vocational-parallax .diagnostico-card-grid article { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.94); box-shadow: 0 24px 58px rgba(0,0,0,.18); }
.diagnostico-vocational-parallax .diagnostico-card-grid h3 { color: var(--hel-navy); }
.diagnostico-vocational-parallax .diagnostico-card-grid p { color: #405064; }
.diagnostico-vocational-parallax .diagnostico-grid-process, .diagnostico-vocational-parallax .diagnostico-grid-blocks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.diagnostico-vocational-expanded-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.diagnostico-vocational-expanded-grid article { min-height: 250px; }
.diagnostico-final-gold { position: relative; overflow: hidden; padding: clamp(82px, 8vw, 120px) 0; color: #061522; background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.28), transparent 28%), linear-gradient(135deg, #d6b36a, #b9872d 48%, #8a641f); }
.diagnostico-final-gold::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%, rgba(6,21,34,.12)); }
.diagnostico-final-gold .hel-container { position: relative; z-index: 1; }
.diagnostico-final-panel { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(34px, 5vw, 68px); align-items: center; }
.diagnostico-final-copy { padding: clamp(28px, 4vw, 46px); border: 1px solid rgba(255,255,255,.34); border-radius: var(--hel-radius); background: rgba(255,255,255,.2); box-shadow: 0 30px 90px rgba(65,43,10,.18); backdrop-filter: blur(10px); }
.diagnostico-final-gold .diagnostico-heading { align-items: flex-start; margin-left: 0; text-align: left; }
.diagnostico-final-gold .diagnostico-heading h2 { color: #061522; }
.diagnostico-final-gold .diagnostico-heading p, .diagnostico-final-gold .diagnostico-copy p { color: #1f2937; }
.diagnostico-final-gold .hel-button-secondary { border-color: rgba(6,21,34,.28); background: rgba(6,21,34,.08); color: #061522; }
.diagnostico-final-visual { min-height: 520px; border: 12px solid rgba(255,255,255,.3); border-radius: var(--hel-radius); background-size: cover; background-position: center; box-shadow: 0 34px 100px rgba(65,43,10,.22); }

.npp-page { background: var(--hel-light); }
.npp-page h1, .npp-page h2, .npp-page h3 { letter-spacing: 0; }
.npp-hero { position: relative; min-height: clamp(720px, 88vh, 920px); display: grid; align-items: center; color: #fff; overflow: hidden; background-size: cover; background-position: center; }
.npp-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 78% 12%, rgba(31,164,232,.24), transparent 32%), linear-gradient(90deg, rgba(3,10,18,.96), rgba(6,21,34,.86) 50%, rgba(6,21,34,.38)); }
.npp-hero-inner { position: relative; z-index: 1; padding: 106px 0; }
.npp-hero-copy { max-width: 1040px; padding: clamp(28px, 4vw, 50px); border: 1px solid rgba(255,255,255,.17); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(6,21,34,.8), rgba(6,21,34,.52)); box-shadow: 0 34px 100px rgba(0,0,0,.34); backdrop-filter: blur(10px); }
.npp-hero h1 { max-width: 980px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; }
.npp-hero p { max-width: 920px; color: #dce8f1; font-size: 17px; }
.npp-lede { margin: 24px 0 18px; color: #f4f9fc !important; font-size: clamp(18px, 1.7vw, 23px) !important; line-height: 1.48; }
.npp-tabs { position: sticky; top: 82px; z-index: 35; border-bottom: 1px solid rgba(15,35,55,.12); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.npp-tabs .hel-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 14px 0; }
.npp-tabs a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid rgba(15,35,55,.12); border-radius: 999px; background: #fff; color: var(--hel-navy); font-size: 13px; font-weight: 900; box-shadow: 0 10px 28px rgba(7,24,39,.06); }
.npp-tabs a:hover { color: var(--hel-blue); border-color: rgba(11,119,197,.28); }
.npp-section { position: relative; overflow: hidden; padding: clamp(78px, 8vw, 116px) 0; }
.npp-section-light { background: radial-gradient(circle at top left, rgba(31,164,232,.055), transparent 34%), #fff; }
.npp-section-muted { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), var(--hel-pearl); }
.npp-section-dark { color: #fff; background: radial-gradient(circle at 16% 0%, rgba(31,164,232,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.npp-heading { width: min(100%, 1040px); margin: 0 auto 34px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.npp-heading h2 { max-width: 980px; margin: 0; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.npp-heading p { max-width: 850px; margin: 18px auto 0; color: var(--hel-muted); font-size: 18px; line-height: 1.56; }
.npp-section-dark .npp-heading h2, .npp-section-dark .npp-heading p { color: #fff; }
.npp-section-dark .npp-heading p { color: #d4e0ea; }
.npp-copy { max-width: 940px; margin: 0 auto; }
.npp-copy p { margin: 0 auto 16px; max-width: 900px; color: #344054; font-size: 17px; }
.npp-section-dark .npp-copy p { color: #d4e0ea; }
.npp-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 32px; }
.npp-card-grid article { position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; box-shadow: var(--hel-shadow-soft); }
.npp-card-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); }
.npp-card-grid h3 { margin: 10px 0 12px; color: var(--hel-navy); font-size: 22px; line-height: 1.15; }
.npp-card-grid p { margin: 0; color: #475467; font-size: 15.5px; }
.npp-section-dark .npp-card-grid article { border-color: rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.npp-section-dark .npp-card-grid h3, .npp-section-dark .npp-card-grid p { color: #fff; }
.npp-grid-process, .npp-grid-blocks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.npp-grid-mini { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.npp-split { display: grid; grid-template-columns: minmax(340px, .62fr) minmax(0, 1fr); gap: clamp(38px, 6vw, 78px); align-items: center; }
.npp-split-reverse .npp-image { order: 2; }
.npp-image { margin: 0; overflow: hidden; border-radius: var(--hel-radius); background: #dce6ef; box-shadow: var(--hel-shadow); }
.npp-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.npp-image-band { margin: 34px auto 0; max-width: 980px; }
.npp-image-hero { aspect-ratio: 16 / 9; }
.npp-image-vertical { aspect-ratio: 4 / 5; max-width: 520px; justify-self: center; }
.npp-image-wide { aspect-ratio: 1414 / 1000; }
.npp-parallax-section { color: #fff; background-size: cover; background-position: center; background-attachment: fixed; }
.npp-parallax-section .hel-container { position: relative; z-index: 1; padding: clamp(32px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,16,27,.86), rgba(6,29,48,.68)); box-shadow: 0 34px 100px rgba(0,0,0,.3); backdrop-filter: blur(10px); }
.npp-parallax-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 78% 8%, rgba(31,164,232,.22), transparent 32%), linear-gradient(135deg, rgba(3,10,18,.92), rgba(5,20,34,.82) 54%, rgba(3,10,18,.7)); }
.npp-parallax-section .npp-heading h2, .npp-parallax-section .npp-heading p, .npp-parallax-section .npp-copy p { color: #fff; }
.npp-parallax-section .npp-heading p, .npp-parallax-section .npp-copy p { color: #dce8f1; }
.npp-parallax-section .npp-card-grid article { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.94); box-shadow: 0 20px 54px rgba(0,0,0,.22); }
.npp-wide-cards-section .npp-split { margin-bottom: 34px; }
.npp-business-wide-cards .npp-split { grid-template-columns: minmax(420px, .82fr) minmax(0, 1fr); align-items: center; }
.npp-business-wide-cards .npp-image-wide { width: 100%; max-width: none; aspect-ratio: 1414 / 1000; }
.npp-business-wide-cards .npp-image img { object-position: center; }
.npp-grid-wide-full { width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.npp-grid-ai-six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.npp-grid-strategic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.npp-consultive-dark { color: #fff; background: radial-gradient(circle at 18% 0%, rgba(31,164,232,.18), transparent 34%), linear-gradient(135deg, #04101b, #09233a 58%, #061522); }
.npp-consultive-dark .npp-heading h2, .npp-consultive-dark .npp-heading p, .npp-consultive-dark .npp-copy p { color: #fff; }
.npp-consultive-dark .npp-heading p, .npp-consultive-dark .npp-copy p { color: #d4e0ea; }
.npp-consultive-dark .npp-card-grid article { border-color: rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.npp-consultive-dark .npp-card-grid h3, .npp-consultive-dark .npp-card-grid p { color: #fff; }
.npp-not-course-soft { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), var(--hel-pearl); }
.npp-not-course-soft .npp-heading h2 { color: var(--hel-navy); }
.npp-not-course-soft .npp-heading p, .npp-not-course-soft .npp-copy p { color: var(--hel-muted); }
.npp-not-course-soft .npp-card-grid article { border-color: var(--hel-border); background: #fff; box-shadow: var(--hel-shadow-soft); }
.npp-not-course-soft .npp-card-grid h3 { color: var(--hel-navy); }
.npp-not-course-soft .npp-card-grid p { color: #475467; }
.npp-final-gold { position: relative; overflow: hidden; padding: clamp(82px, 8vw, 120px) 0; color: #061522; background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.28), transparent 28%), linear-gradient(135deg, #d6b36a, #b9872d 48%, #8a641f); }
.npp-final-gold::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%, rgba(6,21,34,.12)); }
.npp-final-gold .hel-container { position: relative; z-index: 1; }
.npp-final-panel { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(34px, 5vw, 68px); align-items: center; }
.npp-final-copy { padding: clamp(28px, 4vw, 46px); border: 1px solid rgba(255,255,255,.34); border-radius: var(--hel-radius); background: rgba(255,255,255,.2); box-shadow: 0 30px 90px rgba(65,43,10,.18); backdrop-filter: blur(10px); }
.npp-final-gold .npp-heading { align-items: flex-start; text-align: left; margin-bottom: 26px; }
.npp-final-gold .npp-heading h2 { color: #102033; }
.npp-final-gold .npp-heading p, .npp-final-gold .npp-copy p { color: #26384d; }
.npp-final-gold .hel-actions { margin-top: 28px; }
.npp-final-gold .hel-button-primary { border-color: #102033; background: #102033; color: #fff; box-shadow: 0 16px 34px rgba(16,32,51,.24); }
.npp-final-gold .hel-button-primary:hover { background: #061522; color: #fff; }
.npp-final-gold .hel-button-secondary { border-color: rgba(16,32,51,.34); background: #fff; color: #102033; box-shadow: 0 14px 32px rgba(61,45,18,.16); }
.npp-final-gold .hel-button-secondary:hover { border-color: #102033; background: #f8fbff; color: #061522; }
.npp-final-visual { min-height: 520px; margin: 0; border: 12px solid rgba(255,255,255,.3); border-radius: var(--hel-radius); background-size: cover; background-position: center; box-shadow: 0 34px 100px rgba(65,43,10,.22); }

.ia-empresarial-page { background: var(--hel-light); }
.ia-empresarial-page h1, .ia-empresarial-page h2, .ia-empresarial-page h3 { letter-spacing: 0; }
.ia-empresarial-hero { position: relative; min-height: clamp(740px, 90vh, 960px); display: grid; align-items: center; color: #fff; overflow: hidden; background-size: cover; background-position: center; }
.ia-empresarial-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 82% 14%, rgba(31,164,232,.2), transparent 32%), linear-gradient(90deg, rgba(3,10,18,.97), rgba(6,21,34,.88) 52%, rgba(6,21,34,.34)); }
.ia-empresarial-hero-inner { position: relative; z-index: 1; padding: 108px 0; }
.ia-empresarial-hero-copy { max-width: 1060px; padding: clamp(28px, 4vw, 52px); border: 1px solid rgba(255,255,255,.17); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(5,18,31,.82), rgba(6,21,34,.56)); box-shadow: 0 34px 100px rgba(0,0,0,.34); backdrop-filter: blur(10px); }
.ia-empresarial-hero h1 { max-width: 1010px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; }
.ia-empresarial-hero p { max-width: 930px; color: #dce8f1; font-size: 17px; }
.ia-empresarial-lede { margin: 24px 0 18px; color: #f4f9fc !important; font-size: clamp(18px, 1.7vw, 23px) !important; line-height: 1.48; }
.ia-empresarial-tabs { position: sticky; top: 82px; z-index: 35; border-bottom: 1px solid rgba(15,35,55,.12); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.ia-empresarial-tabs .hel-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 14px 0; }
.ia-empresarial-tabs a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid rgba(15,35,55,.12); border-radius: 999px; background: #fff; color: var(--hel-navy); font-size: 13px; font-weight: 900; box-shadow: 0 10px 28px rgba(7,24,39,.06); }
.ia-empresarial-tabs a:hover { color: var(--hel-blue); border-color: rgba(11,119,197,.28); }
.ia-empresarial-section { position: relative; overflow: hidden; padding: clamp(78px, 8vw, 116px) 0; }
.ia-empresarial-section-light { background: radial-gradient(circle at top left, rgba(31,164,232,.055), transparent 34%), #fff; }
.ia-empresarial-section-muted { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), var(--hel-pearl); }
.ia-empresarial-section-dark { color: #fff; background: radial-gradient(circle at 16% 0%, rgba(31,164,232,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.ia-empresarial-heading { width: min(100%, 1060px); margin: 0 auto 34px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.ia-empresarial-heading h2 { max-width: 1020px; margin: 0; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.ia-empresarial-heading p { max-width: 850px; margin: 18px auto 0; color: var(--hel-muted); font-size: 18px; line-height: 1.56; }
.ia-empresarial-section-dark .ia-empresarial-heading h2, .ia-empresarial-section-dark .ia-empresarial-heading p { color: #fff; }
.ia-empresarial-section-dark .ia-empresarial-heading p { color: #d4e0ea; }
.ia-empresarial-copy { max-width: 960px; margin: 0 auto; }
.ia-empresarial-copy p { margin: 0 auto 16px; max-width: 920px; color: #344054; font-size: 17px; }
.ia-empresarial-section-dark .ia-empresarial-copy p { color: #d4e0ea; }
.ia-empresarial-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 32px; }
.ia-empresarial-card-grid article { position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; box-shadow: var(--hel-shadow-soft); }
.ia-empresarial-card-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); }
.ia-empresarial-card-grid h3 { margin: 10px 0 12px; color: var(--hel-navy); font-size: 22px; line-height: 1.15; }
.ia-empresarial-card-grid p { margin: 0; color: #475467; font-size: 15.5px; }
.ia-empresarial-include { margin: 0 0 12px !important; padding: 12px 14px; border-radius: 14px; background: rgba(31,164,232,.07); color: #234258 !important; font-size: 14.5px !important; line-height: 1.45; }
.ia-empresarial-section-dark .ia-empresarial-card-grid article { border-color: rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.ia-empresarial-section-dark .ia-empresarial-card-grid h3, .ia-empresarial-section-dark .ia-empresarial-card-grid p { color: #fff; }
.ia-empresarial-section-dark .ia-empresarial-include { background: rgba(255,255,255,.1); color: #f5fbff !important; }
.ia-empresarial-grid-process, .ia-empresarial-grid-blocks, .ia-empresarial-grid-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ia-empresarial-grid-services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ia-empresarial-grid-mini { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ia-empresarial-split { display: grid; grid-template-columns: minmax(340px, .62fr) minmax(0, 1fr); gap: clamp(38px, 6vw, 78px); align-items: center; }
.ia-empresarial-split-reverse .ia-empresarial-image { order: 2; }
.ia-empresarial-image { margin: 0; overflow: hidden; border-radius: var(--hel-radius); background: #dce6ef; box-shadow: var(--hel-shadow); }
.ia-empresarial-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ia-empresarial-image-band { margin: 34px auto 0; max-width: 980px; }
.ia-empresarial-image-hero { aspect-ratio: 16 / 9; }
.ia-empresarial-image-vertical { aspect-ratio: 4 / 5; max-width: 520px; justify-self: center; }
.ia-empresarial-image-wide { aspect-ratio: 1414 / 1000; }
.ia-empresarial-parallax-section { color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
.ia-empresarial-parallax-overlay { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 8%, rgba(31,164,232,.22), transparent 32%), linear-gradient(135deg, rgba(3,10,18,.92), rgba(6,21,34,.84) 52%, rgba(0,93,169,.42)); }
.ia-empresarial-parallax-section .hel-container { position: relative; z-index: 1; max-width: 1180px; padding: clamp(30px, 5vw, 58px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(4,13,23,.82), rgba(6,21,34,.58)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.ia-empresarial-parallax-section .ia-empresarial-heading h2, .ia-empresarial-parallax-section .ia-empresarial-heading p { color: #fff; }
.ia-empresarial-parallax-section .ia-empresarial-heading p, .ia-empresarial-parallax-section .ia-empresarial-copy p { color: #d7e3ed; }
.ia-empresarial-parallax-section .ia-empresarial-card-grid article { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.94); box-shadow: 0 24px 58px rgba(0,0,0,.18); }
.ia-empresarial-parallax-section .ia-empresarial-card-grid h3 { color: var(--hel-navy); }
.ia-empresarial-parallax-section .ia-empresarial-card-grid p { color: #405064; }
.ia-empresarial-parallax-section .ia-empresarial-include { background: rgba(0,93,169,.08); color: #234258 !important; }
.ia-empresarial-wide-cards-section .ia-empresarial-split { margin-bottom: 34px; }
.ia-empresarial-wide-cards-section .ia-empresarial-image-wide { width: 100%; max-width: none; }
.ia-empresarial-image-band-section .ia-empresarial-image-band { max-width: 1080px; margin-top: 38px; }
.ia-empresarial-grid-wide-full { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ia-empresarial-grid-services-parallax { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ia-empresarial-deliverables-soft { background: radial-gradient(circle at top right, rgba(185, 135, 45, .08), transparent 34%), var(--hel-pearl); }
.ia-empresarial-deliverables-soft .ia-empresarial-heading h2 { color: var(--hel-navy); }
.ia-empresarial-deliverables-soft .ia-empresarial-heading p, .ia-empresarial-deliverables-soft .ia-empresarial-copy p { color: var(--hel-muted); }
.ia-empresarial-not-ai-soft { background: radial-gradient(circle at top left, rgba(31, 164, 232, .055), transparent 34%), #fff; }
.ia-empresarial-not-ai-soft .ia-empresarial-heading h2 { color: var(--hel-navy); }
.ia-empresarial-not-ai-soft .ia-empresarial-heading p, .ia-empresarial-not-ai-soft .ia-empresarial-copy p { color: var(--hel-muted); }
.ia-empresarial-not-ai-soft .ia-empresarial-card-grid article { border-color: var(--hel-border); background: #fff; box-shadow: var(--hel-shadow-soft); }
.ia-empresarial-not-ai-soft .ia-empresarial-card-grid h3 { color: var(--hel-navy); }
.ia-empresarial-not-ai-soft .ia-empresarial-card-grid p { color: #475467; }
.ia-empresarial-final-gold { position: relative; overflow: hidden; padding: clamp(82px, 8vw, 120px) 0; color: #061522; background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.28), transparent 28%), linear-gradient(135deg, #d6b36a, #b9872d 48%, #8a641f); }
.ia-empresarial-final-gold::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%, rgba(6,21,34,.12)); }
.ia-empresarial-final-gold .hel-container { position: relative; z-index: 1; }
.ia-empresarial-final-panel { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(34px, 5vw, 68px); align-items: center; }
.ia-empresarial-final-copy { padding: clamp(28px, 4vw, 46px); border: 1px solid rgba(255,255,255,.34); border-radius: var(--hel-radius); background: rgba(255,255,255,.2); box-shadow: 0 30px 90px rgba(65,43,10,.18); backdrop-filter: blur(10px); }
.ia-empresarial-final-gold .ia-empresarial-heading { align-items: flex-start; margin-left: 0; text-align: left; }
.ia-empresarial-final-gold .ia-empresarial-heading h2 { color: #061522; }
.ia-empresarial-final-gold .ia-empresarial-heading p, .ia-empresarial-final-gold .ia-empresarial-copy p { color: #1f2937; }
.ia-empresarial-final-gold .hel-actions { margin-top: 28px; }
.ia-empresarial-final-gold .hel-button-primary { border-color: #061522; background: #061522; color: #fff; box-shadow: 0 16px 34px rgba(6,21,34,.24); }
.ia-empresarial-final-gold .hel-button-primary:hover { background: #102033; color: #fff; }
.ia-empresarial-final-gold .hel-button-secondary { border-color: rgba(6,21,34,.28); background: rgba(255,255,255,.72); color: #061522; box-shadow: 0 14px 32px rgba(65,43,10,.16); }
.ia-empresarial-final-gold .hel-button-secondary:hover { border-color: #061522; background: #fff; color: #061522; }
.ia-empresarial-final-visual { min-height: 520px; margin: 0; border: 12px solid rgba(255,255,255,.3); border-radius: var(--hel-radius); background-size: cover; background-position: center; box-shadow: 0 34px 100px rgba(65,43,10,.22); }

.institucional-page { background: var(--hel-light); }
.institucional-page h1, .institucional-page h2, .institucional-page h3 { letter-spacing: 0; }
.institucional-hero { position: relative; min-height: clamp(720px, 88vh, 920px); display: grid; align-items: center; color: #fff; overflow: hidden; background-size: cover; background-position: center; }
.institucional-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 80% 8%, rgba(185,135,45,.2), transparent 32%), linear-gradient(90deg, rgba(3,10,18,.96), rgba(6,21,34,.86) 54%, rgba(6,21,34,.34)); }
.institucional-hero-inner { position: relative; z-index: 1; padding: 108px 0; }
.institucional-hero-copy { max-width: 1060px; padding: clamp(28px, 4vw, 52px); border: 1px solid rgba(255,255,255,.17); border-radius: var(--hel-radius); background: linear-gradient(135deg, rgba(5,18,31,.82), rgba(6,21,34,.58)); box-shadow: 0 34px 100px rgba(0,0,0,.34); backdrop-filter: blur(10px); }
.institucional-hero h1 { max-width: 980px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; }
.institucional-hero p { max-width: 930px; color: #dce8f1; font-size: 17px; }
.institucional-lede { margin: 24px 0 18px; color: #f4f9fc !important; font-size: clamp(18px, 1.7vw, 23px) !important; line-height: 1.48; }
.institucional-tabs { position: sticky; top: 82px; z-index: 35; border-bottom: 1px solid rgba(15,35,55,.12); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.institucional-tabs .hel-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 14px 0; }
.institucional-tabs a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid rgba(15,35,55,.12); border-radius: 999px; background: #fff; color: var(--hel-navy); font-size: 13px; font-weight: 900; box-shadow: 0 10px 28px rgba(7,24,39,.06); }
.institucional-tabs a:hover { color: var(--hel-blue); border-color: rgba(11,119,197,.28); }
.institucional-section { position: relative; overflow: hidden; padding: clamp(78px, 8vw, 116px) 0; }
.institucional-section-light { background: radial-gradient(circle at top left, rgba(31,164,232,.045), transparent 34%), #fff; }
.institucional-section-muted { background: radial-gradient(circle at top right, rgba(185,135,45,.07), transparent 34%), var(--hel-pearl); }
.institucional-section-dark { color: #fff; background: radial-gradient(circle at 16% 0%, rgba(185,135,45,.16), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.institucional-heading { width: min(100%, 1040px); margin: 0 auto 36px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.institucional-heading h2 { max-width: 980px; margin: 0; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.institucional-heading p { max-width: 850px; margin: 18px auto 0; color: var(--hel-muted); font-size: 18px; line-height: 1.56; }
.institucional-section-dark .institucional-heading h2, .institucional-section-dark .institucional-heading p { color: #fff; }
.institucional-section-dark .institucional-heading p { color: #d4e0ea; }
.institucional-copy { max-width: 940px; margin: 0 auto; }
.institucional-copy p { margin: 0 auto 16px; max-width: 900px; color: #344054; font-size: 17px; }
.institucional-section-dark .institucional-copy p { color: #d4e0ea; }
.institucional-split { display: grid; grid-template-columns: minmax(340px, .64fr) minmax(0, 1fr); gap: clamp(38px, 6vw, 78px); align-items: center; }
.institucional-split-reverse .institucional-image { order: 2; }
.institucional-image { margin: 0; overflow: hidden; border-radius: var(--hel-radius); background: #dce6ef; box-shadow: var(--hel-shadow); }
.institucional-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.institucional-image-hero { aspect-ratio: 16 / 9; }
.institucional-image-wide { aspect-ratio: 1414 / 1000; }
.institucional-image-featured { width: min(100%, 1120px); margin: 0 auto clamp(30px, 4vw, 48px); box-shadow: 0 34px 90px rgba(6,21,34,.18); }
.institucional-copy-after-image { margin-top: 0; }
.institucional-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 32px; }
.institucional-card-grid article, .institucional-founder-grid article, .institucional-solution-grid article { position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; box-shadow: var(--hel-shadow-soft); }
.institucional-card-grid article::before, .institucional-founder-grid article::before, .institucional-solution-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); }
.institucional-card-grid h3, .institucional-founder-grid h3, .institucional-solution-grid h3 { margin: 10px 0 12px; color: var(--hel-navy); font-size: 22px; line-height: 1.15; }
.institucional-card-grid p, .institucional-founder-grid p, .institucional-solution-grid p { margin: 0; color: #475467; font-size: 15.5px; }
.institucional-grid-timeline { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.institucional-grid-legacy { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.institucional-founder-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 36px; align-items: stretch; }
.institucional-founder-kicker { color: var(--hel-gold) !important; font-size: 12px !important; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.institucional-founder-role { margin-bottom: 16px !important; color: var(--hel-blue) !important; font-weight: 900; }
.institucional-founder-grid ul { display: grid; gap: 8px; margin: 18px 0 0; padding-left: 20px; color: #475467; font-size: 14.5px; }
.institucional-founder-grid blockquote { margin: 22px 0 0; padding: 16px 18px; border-left: 4px solid var(--hel-gold); border-radius: 0 14px 14px 0; background: rgba(185,135,45,.09); color: var(--hel-navy); font-weight: 800; line-height: 1.45; }
.institucional-type-manifesto .institucional-copy { max-width: 980px; columns: 2; column-gap: 42px; }
.institucional-type-manifesto .institucional-copy p { break-inside: avoid; color: #e6eef5; font-size: 18px; font-weight: 700; }
.institucional-solution-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 32px; }
.institucional-solution-grid a { display: inline-flex; margin-top: 18px; color: var(--hel-blue); font-weight: 900; }
.institucional-section-dark .institucional-card-grid article, .institucional-section-dark .institucional-solution-grid article { border-color: rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.institucional-section-dark .institucional-card-grid h3, .institucional-section-dark .institucional-card-grid p, .institucional-section-dark .institucional-solution-grid h3, .institucional-section-dark .institucional-solution-grid p { color: #fff; }
.institucional-parallax-section { isolation: isolate; color: #fff; background-size: cover; background-position: center; background-attachment: fixed; }
.institucional-parallax-overlay { position: absolute; inset: 0; z-index: 0; background: radial-gradient(circle at 18% 18%, rgba(31,164,232,.18), transparent 34%), linear-gradient(135deg, rgba(3,10,18,.92), rgba(6,21,34,.84) 56%, rgba(6,21,34,.66)); }
.institucional-parallax-section .hel-container { position: relative; z-index: 1; }
.institucional-parallax-section .institucional-heading h2, .institucional-parallax-section .institucional-heading p { color: #fff; }
.institucional-parallax-section .institucional-heading p, .institucional-parallax-section .institucional-copy p { color: #d9e5ee; }
.institucional-parallax-section .institucional-card-grid article { border-color: rgba(255,255,255,.18); background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.86)); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.institucional-final-gold { color: #061522; background: radial-gradient(circle at top left, rgba(255,255,255,.44), transparent 34%), linear-gradient(135deg, #cfa049 0%, #b9872d 48%, #8f661d 100%); }
.institucional-final-gold::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.2), transparent 42%), radial-gradient(circle at 78% 12%, rgba(255,255,255,.28), transparent 28%); pointer-events: none; }
.institucional-final-panel { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .92fr) minmax(380px, 1fr); gap: clamp(34px, 6vw, 82px); align-items: center; }
.institucional-final-copy { padding: clamp(26px, 4vw, 46px); border: 1px solid rgba(255,255,255,.28); border-radius: var(--hel-radius); background: rgba(255,255,255,.22); box-shadow: 0 26px 70px rgba(47,31,4,.2); backdrop-filter: blur(10px); }
.institucional-final-copy h2 { max-width: 760px; margin: 0; color: #061522; font-size: clamp(32px, 3.3vw, 48px); line-height: 1.08; }
.institucional-final-lede { margin: 18px 0 20px; color: #15283a; font-size: clamp(18px, 1.5vw, 22px); font-weight: 850; line-height: 1.45; }
.institucional-final-copy .institucional-copy { max-width: none; margin: 0; }
.institucional-final-copy .institucional-copy p { margin-left: 0; color: #213246; }
.institucional-final-secondary { border-color: rgba(6,21,34,.28) !important; color: #061522 !important; background: rgba(255,255,255,.72) !important; }
.institucional-final-visual { position: relative; border: 1px solid rgba(255,255,255,.34); background: rgba(255,255,255,.2); box-shadow: 0 32px 90px rgba(47,31,4,.26); transform: rotate(1.2deg); }
.institucional-final-visual::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.38); border-radius: calc(var(--hel-radius) - 10px); pointer-events: none; }

.hel-legal-page { background: radial-gradient(circle at top left, rgba(31,164,232,.045), transparent 34%), var(--hel-pearl); }
.hel-legal-hero { padding: clamp(90px, 10vw, 132px) 0 clamp(42px, 6vw, 70px); color: #fff; background: radial-gradient(circle at 18% 0%, rgba(185,135,45,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.hel-legal-shell { width: min(980px, calc(100% - 48px)); margin: 0 auto; }
.hel-legal-title { max-width: 860px; margin: 0; color: #fff !important; font-size: clamp(38px, 4vw, 52px) !important; font-weight: 950; line-height: 1.08 !important; }
.hel-legal-hero p:not(.hel-eyebrow) { max-width: 820px; color: #d7e5ef; font-size: 18px; line-height: 1.6; }
.hel-legal-section { padding: clamp(48px, 7vw, 88px) 0; }
.hel-legal-content { padding: clamp(28px, 5vw, 58px); border: 1px solid rgba(15,35,55,.1); border-radius: 24px; background: #fff; box-shadow: 0 24px 70px rgba(7,24,39,.08); }
.hel-legal-content h1 { margin: 0 0 8px; color: var(--hel-navy); font-size: clamp(32px, 3.5vw, 48px); line-height: 1.1; }
.hel-legal-content h2 { margin: 42px 0 16px; padding-top: 20px; border-top: 1px solid rgba(15,35,55,.1); color: var(--hel-navy); font-size: clamp(25px, 2.5vw, 34px); line-height: 1.18; }
.hel-legal-content h3 { margin: 30px 0 12px; color: #0b3d63; font-size: clamp(20px, 2vw, 25px); line-height: 1.25; }
.hel-legal-content p, .hel-legal-content li { color: #344054; font-size: 16.5px; line-height: 1.78; }
.hel-legal-content p { margin: 0 0 16px; }
.hel-legal-content ul { display: grid; gap: 8px; margin: 0 0 20px; padding-left: 24px; }
.hel-legal-brand { color: var(--hel-blue) !important; font-weight: 950; }
.hel-legal-meta { display: inline-flex; margin: 10px 0 24px !important; padding: 9px 13px; border-radius: 999px; background: rgba(185,135,45,.1); color: #7b5a1e !important; font-size: 13px !important; font-weight: 900; }

.hel360-hero { position: relative; overflow: hidden; min-height: 76vh; color: #fff; background: linear-gradient(135deg, rgba(4,16,27,.92), rgba(9,36,58,.78)), url('/assets/hel/img/diagnostico/hel-diagnostico-hero-1600x900.webp') center/cover no-repeat; }
.hel360-hero-inner { min-height: 76vh; display: flex; align-items: center; padding: clamp(90px, 10vw, 140px) 0; }
.hel360-hero-copy { width: min(100%, 980px); padding: clamp(28px, 4vw, 48px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(180deg, rgba(5,18,31,.76), rgba(5,18,31,.52)); box-shadow: 0 28px 80px rgba(0,0,0,.24); backdrop-filter: blur(12px); }
.hel360-hero h1 { max-width: 900px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; }
.hel360-hero p { max-width: 850px; color: #dbe8f1; font-size: 17px; }
.hel360-hero-subtitle { margin-top: 22px; color: #fff !important; font-size: clamp(19px, 2vw, 25px) !important; font-weight: 800; line-height: 1.35; }
.hel360-hero small { display: block; margin-top: 18px; color: #bfd1df; font-weight: 800; }
.hel360-section { position: relative; overflow: hidden; padding: clamp(76px, 8vw, 116px) 0; }
.hel360-section-light { background: radial-gradient(circle at top left, rgba(31,164,232,.05), transparent 34%), #fff; }
.hel360-section-muted { background: radial-gradient(circle at top right, rgba(185,135,45,.07), transparent 34%), var(--hel-pearl); }
.hel360-section-dark { color: #fff; background: radial-gradient(circle at 16% 0%, rgba(185,135,45,.16), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.hel360-heading { width: min(100%, 1040px); margin: 0 auto 38px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.hel360-heading h1, .hel360-heading h2 { max-width: 980px; margin: 0; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.hel360-heading p { max-width: 840px; margin: 18px auto 0; color: var(--hel-muted); font-size: 18px; line-height: 1.56; }
.hel360-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hel360-grid article, .hel360-form-card, .hel360-question-card, .hel360-result-main, .hel360-result-side, .hel360-message-card { position: relative; overflow: hidden; padding: clamp(24px, 3vw, 34px); border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; box-shadow: var(--hel-shadow-soft); }
.hel360-grid article::before, .hel360-form-card::before, .hel360-question-card::before, .hel360-result-main::before, .hel360-result-side::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); }
.hel360-grid h3, .hel360-result-main h2, .hel360-result-main h3, .hel360-result-side h2, .hel360-result-side h3 { margin: 10px 0 12px; color: var(--hel-navy); line-height: 1.15; }
.hel360-grid p, .hel360-result-main p, .hel360-result-side p, .hel360-result-side li { color: #475467; }
.hel360-cta-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; padding: clamp(28px, 4vw, 46px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045)); box-shadow: 0 24px 70px rgba(0,0,0,.18); }
.hel360-cta-panel h2 { max-width: 860px; margin: 0; color: #fff; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.08; }
.hel360-cta-panel p { color: #dce8f1; }
.hel360-form-page, .hel360-question-page, .hel360-message-page { min-height: 70vh; }
.hel360-form-card { max-width: 980px; margin: 0 auto; }
.hel360-form-grid, .hel360-admin-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.hel360-form-card label, .hel360-question-card label, .hel360-admin-form-grid label, .private-card label { display: grid; gap: 8px; color: var(--hel-navy); font-weight: 900; }
.hel360-form-card input, .hel360-form-card select, .hel360-question-card textarea, .private-card input, .private-card textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid rgba(15,35,55,.16); border-radius: 12px; background: #fff; color: var(--hel-navy); font: inherit; }
.hel360-question-card textarea, .private-card textarea { resize: vertical; }
.hel360-consent { grid-template-columns: auto 1fr !important; align-items: start; margin: 24px 0; font-weight: 700 !important; }
.hel360-consent input { width: 18px; min-height: 18px; margin-top: 3px; }
.hel360-legal-consents .hel360-consent { margin: 0; }
.hel360-legal-consents p { margin: 4px 0 0; color: #667085; font-size: 13px; line-height: 1.5; }
.hel360-honeypot { position: absolute; left: -9999px; opacity: 0; }
.hel360-alert, .hel360-success { max-width: 980px; margin: 0 auto 22px; padding: 16px 18px; border-radius: 14px; font-weight: 800; }
.hel360-alert { border: 1px solid rgba(180,35,24,.18); background: #fff4f2; color: #9f1f14; }
.hel360-success { border: 1px solid rgba(5,122,85,.18); background: #ecfdf3; color: #05603a; }
.hel360-progress { max-width: 980px; margin: 0 auto 22px; display: grid; gap: 10px; color: var(--hel-navy); font-weight: 900; }
.hel360-progress div { height: 10px; overflow: hidden; border-radius: 999px; background: rgba(15,35,55,.1); }
.hel360-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--hel-gold), var(--hel-cyan)); }
.hel360-module-intro { max-width: 980px; margin: 0 auto 24px; padding: 24px; border: 1px solid rgba(15,35,55,.1); border-radius: var(--hel-radius-sm); background: var(--hel-pearl); }
.hel360-module-intro p { max-width: 820px; margin: 10px 0; color: var(--hel-navy); font-size: 18px; font-weight: 800; }
.hel360-module-intro small { color: var(--hel-muted); }
.hel360-question-card { max-width: 980px; margin: 0 auto; }
.hel360-question-key { display: inline-flex; margin-bottom: 12px; color: var(--hel-gold); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.hel360-question-card h1 { max-width: 860px; margin: 0 0 26px; color: var(--hel-navy); font-size: clamp(28px, 3vw, 42px); line-height: 1.12; }
.hel360-question-help { max-width: 760px; margin: -12px 0 24px; color: #475467; font-size: 17px; font-weight: 800; line-height: 1.5; }
.hel360-options { display: grid; gap: 12px; }
.hel360-options label { grid-template-columns: auto 1fr; align-items: start; gap: 12px; padding: 14px 16px; border: 1px solid rgba(15,35,55,.12); border-radius: 14px; background: #f8fbfd; color: #263746; font-weight: 800; cursor: pointer; transition: border-color .18s ease, transform .18s ease, background .18s ease; }
.hel360-options label:hover { transform: translateY(-1px); border-color: rgba(11,119,197,.28); background: #fff; }
.hel360-options input { margin-top: 4px; }
.hel360-ranking-instruction { margin: 0 0 16px; padding: 14px 16px; border-left: 4px solid var(--hel-gold); border-radius: 0 14px 14px 0; background: rgba(185,135,45,.08); color: var(--hel-navy); font-weight: 850; }
.hel360-ranking { display: grid; gap: 12px; counter-reset: ranking; }
.hel360-ranking-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid rgba(15,35,55,.12); border-radius: 16px; background: linear-gradient(180deg, #fff, #f8fbfd); box-shadow: 0 12px 30px rgba(7,24,39,.06); cursor: grab; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease; }
.hel360-ranking-item:hover { transform: translateY(-1px); border-color: rgba(11,119,197,.26); box-shadow: 0 18px 40px rgba(7,24,39,.1); }
.hel360-ranking-item.is-dragging { opacity: .72; cursor: grabbing; border-color: rgba(185,135,45,.42); }
.hel360-ranking-position { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; color: var(--hel-navy); background: linear-gradient(135deg, rgba(214,179,106,.32), rgba(31,164,232,.14)); font-weight: 950; }
.hel360-ranking-label { color: #263746; font-size: 16px; font-weight: 900; line-height: 1.35; }
.hel360-ranking-handle { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid rgba(15,35,55,.12); border-radius: 999px; color: var(--hel-muted); background: #fff; font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.hel360-ranking-controls { display: inline-flex; gap: 6px; }
.hel360-ranking-controls button { width: 36px; height: 36px; display: inline-grid; place-items: center; border: 1px solid rgba(15,35,55,.14); border-radius: 50%; color: var(--hel-navy); background: #fff; font-weight: 950; cursor: pointer; }
.hel360-ranking-controls button:hover { border-color: rgba(11,119,197,.28); color: var(--hel-blue); }
.hel360-question-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 28px; }
.hel360-question-actions small { color: var(--hel-muted); font-weight: 800; }
.hel360-result-hero { padding-top: 100px; padding-bottom: 70px; }
.hel360-result-hero .hel-container { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: end; }
.hel360-result-title h1 { max-width: 860px; margin: 0; color: #fff; font-size: clamp(38px, 3.8vw, 52px); line-height: 1.07; }
.hel360-result-title p { color: #dce8f1; font-size: 18px; }
.hel360-score-card { min-width: 220px; padding: 26px; border: 1px solid rgba(255,255,255,.18); border-radius: var(--hel-radius-sm); background: rgba(255,255,255,.09); text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.18); }
.hel360-score-card strong { display: block; color: #fff; font-size: clamp(50px, 6vw, 76px); line-height: 1; }
.hel360-score-card span { display: block; margin-top: 10px; color: #dce8f1; font-weight: 900; }
.hel360-result-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .38fr); gap: 24px; align-items: start; }
.hel360-result-radar-panel { display: grid; grid-template-columns: minmax(0, .82fr) minmax(300px, .72fr); gap: clamp(22px, 4vw, 44px); align-items: center; margin: 30px 0 34px; padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(15,35,55,.12); border-radius: var(--hel-radius-sm); background: radial-gradient(circle at 88% 18%, rgba(31,164,232,.1), transparent 34%), linear-gradient(180deg, #fff, #f7fafc); box-shadow: 0 18px 52px rgba(7,24,39,.09); }
.hel360-result-radar-copy h2 { margin: 8px 0 12px; color: var(--hel-navy); font-size: clamp(26px, 3vw, 40px); line-height: 1.08; }
.hel360-result-radar-copy p { margin: 0; color: #475467; font-size: 16px; }
.hel360-radar-legend { display: grid; gap: 10px; margin-top: 20px; }
.hel360-radar-legend span { display: inline-flex; align-items: center; gap: 9px; color: #344054; font-size: 13px; font-weight: 850; }
.hel360-radar-legend i { width: 12px; height: 12px; display: inline-block; border-radius: 50%; }
.hel360-radar-legend .is-risk { background: #b3261e; }
.hel360-radar-legend .is-watch { background: #b88216; }
.hel360-radar-legend .is-strong { background: #067647; }
.hel360-result-radar-wrap { min-width: 0; display: grid; place-items: center; }
.hel360-result-radar-chart { width: min(100%, 420px); height: auto; overflow: visible; }
.hel360-radar-grid-ring { fill: none; stroke: rgba(81,111,132,.28); stroke-width: 1; }
.hel360-radar-axis-line { stroke: rgba(81,111,132,.26); stroke-width: 1; }
.hel360-radar-score-area { fill: rgba(31,164,232,.18); stroke: none; }
.hel360-radar-score-line { fill: none; stroke: #0b77c5; stroke-width: 3; stroke-linejoin: round; }
.hel360-radar-score-dot { fill: #b9872d; stroke: #fff; stroke-width: 2; }
.hel360-radar-dot-red { fill: #b3261e; }
.hel360-radar-dot-yellow { fill: #b88216; }
.hel360-radar-dot-green { fill: #067647; }
.hel360-radar-axis-label { fill: var(--hel-navy); font-size: 12px; font-weight: 950; text-anchor: middle; dominant-baseline: middle; }
.hel360-radar-axis-score { fill: #344054; font-size: 13px; font-weight: 950; }
.hel360-radar-score-list { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.hel360-radar-score-item { min-height: 72px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; padding: 12px 14px; border: 1px solid rgba(15,35,55,.1); border-left: 4px solid #b88216; border-radius: 14px; background: rgba(255,255,255,.82); box-shadow: 0 10px 28px rgba(7,24,39,.05); }
.hel360-radar-score-item span { color: var(--hel-navy); font-size: 13px; font-weight: 950; }
.hel360-radar-score-item strong { color: var(--hel-navy); font-size: 22px; line-height: 1; }
.hel360-radar-score-item small { grid-column: 1 / -1; color: #667085; font-size: 12px; font-weight: 800; line-height: 1.25; }
.hel360-radar-score-red { border-left-color: #b3261e; }
.hel360-radar-score-yellow { border-left-color: #b88216; }
.hel360-radar-score-green { border-left-color: #067647; }
.hel360-priority-list { display: grid; gap: 12px; margin: 0 0 26px; padding-left: 20px; color: #344054; font-weight: 800; }
.hel360-scope { margin-top: 24px; padding: 16px; border-left: 4px solid var(--hel-gold); border-radius: 0 12px 12px 0; background: rgba(185,135,45,.08); font-weight: 800; }
.hel360-dimension-list { display: grid; gap: 14px; }
.hel360-dimension { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 22px; border: 1px solid var(--hel-border); border-radius: var(--hel-radius-sm); background: #fff; box-shadow: var(--hel-shadow-soft); transition: transform .18s ease, box-shadow .18s ease; }
.hel360-dimension:hover { transform: translateY(-2px); box-shadow: 0 20px 54px rgba(7,24,39,.11); }
.hel360-dimension h3 { margin: 0 0 8px; color: var(--hel-navy); }
.hel360-dimension p { margin: 0; color: #475467; }
.hel360-dimension strong { display: inline-flex; width: 74px; height: 74px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 24px; }
.hel360-status-red strong { background: #b42318; }
.hel360-status-yellow strong { background: #b88216; }
.hel360-status-green strong { background: #067647; }
.hel360-message-card { max-width: 780px; margin: 0 auto; text-align: center; }
.hel360-message-card h1 { color: var(--hel-navy); }
.hel360-admin-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.hel360-admin-stats article, .hel360-admin-dimensions article { padding: 18px; border-radius: 14px; background: #fff; box-shadow: var(--hel-shadow-soft); }
.hel360-admin-stats strong { display: block; color: var(--hel-navy); font-size: 32px; }
.hel360-admin-stats span, .hel360-admin-dimensions small { color: var(--hel-muted); font-weight: 800; }
.hel360-admin-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 22px; }
.hel360-admin-dimensions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hel360-admin-dimensions article { display: grid; gap: 6px; }
.hel360-admin-dimensions span { color: var(--hel-gold); font-size: 24px; font-weight: 900; }

.hel360-landing-hero { background: radial-gradient(circle at 78% 26%, rgba(31,164,232,.22), transparent 28%), radial-gradient(circle at 12% 74%, rgba(185,135,45,.16), transparent 28%), linear-gradient(135deg, #04101b 0%, #0a2236 58%, #061522 100%); }
.hel360-landing-hero .hel360-hero-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .72fr); gap: clamp(30px, 5vw, 70px); }
.hel360-landing-hero .hel360-hero-copy { width: 100%; background: transparent; border: 0; box-shadow: none; padding: 0; backdrop-filter: none; }
.hel360-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 28px; }
.hel360-button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 14px 23px; border: 0; border-radius: 999px; font: inherit; font-weight: 950; line-height: 1.1; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; }
.hel360-button:hover { transform: translateY(-2px); }
.hel360-button-primary { color: #061522; background: linear-gradient(135deg, #e1bd72, var(--hel-gold)); box-shadow: 0 20px 46px rgba(185,135,45,.32); }
.hel360-button-secondary { color: #fff; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.08); box-shadow: 0 18px 42px rgba(0,0,0,.12); }
.hel360-section-light .hel360-button-secondary, .hel360-section-muted .hel360-button-secondary { color: var(--hel-navy); border-color: rgba(15,35,55,.18); background: #fff; }
.hel360-radar-card { position: relative; overflow: hidden; min-height: 520px; display: grid; align-content: center; gap: 28px; padding: clamp(26px, 4vw, 44px); border: 1px solid rgba(255,255,255,.16); border-radius: var(--hel-radius); background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.055)); box-shadow: 0 34px 90px rgba(0,0,0,.24); }
.hel360-radar-card::before { content: ""; position: absolute; inset: 18px; border-radius: 24px; border: 1px solid rgba(255,255,255,.09); pointer-events: none; }
.hel360-radar { position: relative; width: min(100%, 340px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; background: radial-gradient(circle, rgba(31,164,232,.2) 0 12%, transparent 13%), repeating-radial-gradient(circle, rgba(255,255,255,.2) 0 1px, transparent 1px 58px); }
.hel360-radar::before, .hel360-radar::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 50%; height: 2px; background: linear-gradient(90deg, rgba(31,164,232,.95), transparent); transform-origin: left center; }
.hel360-radar::before { transform: rotate(32deg); }
.hel360-radar::after { transform: rotate(138deg); }
.hel360-radar span { position: absolute; inset: 18%; border: 1px solid rgba(31,164,232,.28); border-radius: 50%; }
.hel360-radar span:nth-child(2) { inset: 34%; border-color: rgba(185,135,45,.38); }
.hel360-radar span:nth-child(3) { inset: 48%; background: rgba(31,164,232,.18); }
.hel360-radar strong { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: 112px; height: 112px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: #fff; background: rgba(6,21,34,.82); box-shadow: 0 18px 50px rgba(0,0,0,.28); }
.hel360-radar-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hel360-radar-list span { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #dce8f1; background: rgba(255,255,255,.08); font-size: 13px; font-weight: 900; }
.hel360-evaluation-grid article { min-height: 238px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.hel360-evaluation-grid article:hover { transform: translateY(-4px); border-color: rgba(11,119,197,.24); box-shadow: 0 22px 54px rgba(7,24,39,.13); }
.hel360-evaluation-grid i { width: 44px; height: 44px; display: inline-grid; place-items: center; margin-bottom: 16px; border-radius: 14px; color: var(--hel-navy); background: linear-gradient(135deg, rgba(214,179,106,.28), rgba(31,164,232,.13)); font-style: normal; font-weight: 950; }
.hel360-feature-panel, .hel360-trust-panel { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr); gap: clamp(28px, 5vw, 70px); align-items: center; padding: clamp(30px, 5vw, 54px); border: 1px solid var(--hel-border); border-radius: var(--hel-radius); background: rgba(255,255,255,.72); box-shadow: var(--hel-shadow-soft); }
.hel360-feature-panel h2, .hel360-trust-panel h2 { max-width: 760px; margin: 0; color: var(--hel-navy); font-size: clamp(32px, 3.5vw, 52px); line-height: 1.06; }
.hel360-feature-panel p, .hel360-trust-panel p { color: #475467; font-size: 17px; }
.hel360-check-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.hel360-check-list li { position: relative; padding: 16px 18px 16px 52px; border: 1px solid rgba(15,35,55,.1); border-radius: 16px; background: #fff; color: #344054; font-weight: 850; box-shadow: 0 10px 28px rgba(7,24,39,.05); }
.hel360-check-list li::before { content: "✓"; position: absolute; left: 18px; top: 15px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #061522; background: var(--hel-gold-soft); font-weight: 950; }
.hel360-output-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.hel360-output-grid article { min-height: 118px; display: flex; align-items: flex-end; padding: 18px; border: 1px solid var(--hel-border); border-radius: 16px; color: var(--hel-navy); background: linear-gradient(180deg, #fff, #f7fafc); box-shadow: var(--hel-shadow-soft); font-weight: 900; line-height: 1.25; }
.hel360-trust-panel { grid-template-columns: auto minmax(0, 1fr); }
.hel360-trust-icon { width: 86px; height: 86px; display: grid; place-items: center; border-radius: 24px; color: #061522; background: linear-gradient(135deg, #e1bd72, var(--hel-gold)); font-size: 38px; font-weight: 950; box-shadow: 0 20px 44px rgba(185,135,45,.28); }
.hel360-privacy-note { margin: 0 0 22px; padding: 16px 18px; border-left: 4px solid var(--hel-gold); border-radius: 0 14px 14px 0; background: rgba(185,135,45,.08); color: #344054; font-weight: 850; }
.hel360-result-main form { margin-top: 26px; }
.hel360-result-side { position: sticky; top: 110px; }

@media (max-width: 1080px) {
    .solution-split, .solution-split-reverse, .solution-pillar-card, .solution-evaluation-card { grid-template-columns: 1fr; }
    .solution-question-grid, .solution-benefit-grid, .solution-use-grid, .solution-other-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .solution-real-grid, .solution-not-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .solution-pillar-card figure { max-height: 560px; }
    .solution-route, .solution-parallax-panel .solution-statement-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .solution-final-grid { grid-template-columns: 1fr; }
    .diagnostico-card-grid, .diagnostico-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .diagnostico-application-grid, .diagnostico-grid-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .diagnostico-applications-parallax { background-attachment: scroll; }
    .diagnostico-enterprise-parallax { background-attachment: scroll; }
    .diagnostico-enterprise-applications-grid, .diagnostico-enterprise-parallax .diagnostico-grid-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .diagnostico-profile-parallax { background-attachment: scroll; }
    .diagnostico-profile-expanded-grid, .diagnostico-profile-parallax .diagnostico-grid-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .diagnostico-vocational-parallax { background-attachment: scroll; }
    .diagnostico-vocational-expanded-grid, .diagnostico-vocational-parallax .diagnostico-grid-process, .diagnostico-vocational-parallax .diagnostico-grid-blocks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .diagnostico-final-panel { grid-template-columns: 1fr; }
    .diagnostico-final-gold .diagnostico-heading { align-items: center; text-align: center; }
    .diagnostico-final-visual { min-height: 420px; }
    .diagnostico-split { grid-template-columns: 1fr; }
    .diagnostico-split-reverse .diagnostico-image { order: 0; }
    .npp-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .npp-split { grid-template-columns: 1fr; }
    .npp-split-reverse .npp-image { order: 0; }
    .npp-parallax-section { background-attachment: scroll; }
    .npp-grid-wide-full, .npp-grid-ai-six, .npp-grid-strategic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .npp-final-panel { grid-template-columns: 1fr; }
    .npp-final-gold .npp-heading { align-items: center; text-align: center; }
    .npp-final-visual { min-height: 420px; }
    .ia-empresarial-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ia-empresarial-grid-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ia-empresarial-split { grid-template-columns: 1fr; }
    .ia-empresarial-split-reverse .ia-empresarial-image { order: 0; }
    .ia-empresarial-parallax-section { background-attachment: scroll; }
    .ia-empresarial-grid-wide-full, .ia-empresarial-grid-services-parallax { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ia-empresarial-final-panel { grid-template-columns: 1fr; }
    .ia-empresarial-final-gold .ia-empresarial-heading { align-items: center; text-align: center; }
    .ia-empresarial-final-visual { min-height: 420px; }
    .institucional-split, .institucional-final-panel { grid-template-columns: 1fr; }
    .institucional-split-reverse .institucional-image { order: 0; }
    .institucional-grid-timeline, .institucional-grid-legacy, .institucional-solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .institucional-parallax-section { background-attachment: scroll; }
    .institucional-final-visual { transform: none; }
    .hel360-grid, .hel360-result-grid, .hel360-result-hero .hel-container, .hel360-result-radar-panel { grid-template-columns: 1fr; }
    .hel360-cta-panel { grid-template-columns: 1fr; }
    .hel360-admin-stats, .hel360-admin-dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hel360-landing-hero .hel360-hero-inner, .hel360-feature-panel { grid-template-columns: 1fr; }
    .hel360-radar-card { min-height: auto; }
    .hel360-output-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .solution-hero { min-height: auto; }
    .solution-hero-inner { padding: 76px 0; }
    .solution-hero-copy { padding: 24px; border-radius: 22px; }
    .solution-hero h1 { font-size: clamp(34px, 10vw, 42px); }
    .solution-section { padding: 64px 0; }
    .solution-question-grid, .solution-benefit-grid, .solution-real-grid, .solution-not-grid, .solution-use-grid, .solution-other-grid, .solution-step-list, .solution-route, .solution-parallax-panel .solution-statement-list { grid-template-columns: 1fr; }
    .solution-question-grid article, .solution-benefit-grid article, .solution-real-grid article, .solution-not-grid article, .solution-other-grid article { padding: 22px; }
    .solution-pillar-card div, .solution-evaluation-card { padding: 22px; }
    .solution-use-card h3 { margin: 22px 22px 12px; }
    .solution-use-card p { margin-left: 22px; margin-right: 22px; }
    .diagnostico-hero { min-height: auto; }
    .diagnostico-hero-inner { padding: 76px 0; }
    .diagnostico-hero-copy { padding: 24px; border-radius: 22px; }
    .diagnostico-hero h1 { font-size: clamp(34px, 10vw, 42px); }
    .diagnostico-section { padding: 64px 0; }
    .diagnostico-tabs { position: static; }
    .diagnostico-tabs .hel-container, .diagnostico-card-grid, .diagnostico-metrics { grid-template-columns: 1fr; }
    .diagnostico-tabs a { width: 100%; }
    .diagnostico-card-grid, .diagnostico-metrics { display: grid; grid-template-columns: 1fr; }
    .diagnostico-application-grid, .diagnostico-grid-benefits { grid-template-columns: 1fr; }
    .diagnostico-enterprise-applications-grid, .diagnostico-enterprise-parallax .diagnostico-grid-process { grid-template-columns: 1fr; }
    .diagnostico-profile-expanded-grid, .diagnostico-profile-parallax .diagnostico-grid-process { grid-template-columns: 1fr; }
    .diagnostico-vocational-expanded-grid, .diagnostico-vocational-parallax .diagnostico-grid-process, .diagnostico-vocational-parallax .diagnostico-grid-blocks { grid-template-columns: 1fr; }
    .diagnostico-applications-section .hel-container { padding: 24px; border-radius: 22px; }
    .diagnostico-enterprise-parallax .hel-container { padding: 24px; border-radius: 22px; }
    .diagnostico-profile-parallax .hel-container { padding: 24px; border-radius: 22px; }
    .diagnostico-vocational-parallax .hel-container { padding: 24px; border-radius: 22px; }
    .diagnostico-application-grid article { min-height: auto; padding: 22px; }
    .diagnostico-final-copy { padding: 24px; border-radius: 22px; }
    .diagnostico-final-visual { min-height: 320px; border-width: 8px; border-radius: 22px; }
    .diagnostico-card-grid article { padding: 22px; }
    .diagnostico-type-parallax { background-attachment: scroll; }
    .diagnostico-type-parallax .hel-container { padding: 24px; border-radius: 22px; }
    .npp-hero { min-height: auto; }
    .npp-hero-inner { padding: 76px 0; }
    .npp-hero-copy { padding: 24px; border-radius: 22px; }
    .npp-hero h1 { font-size: clamp(34px, 10vw, 42px); }
    .npp-section { padding: 64px 0; }
    .npp-tabs { position: static; }
    .npp-tabs .hel-container { display: grid; grid-template-columns: 1fr; }
    .npp-tabs a { width: 100%; }
    .npp-card-grid { grid-template-columns: 1fr; }
    .npp-card-grid article { padding: 22px; }
    .npp-parallax-section .hel-container { padding: 24px; border-radius: 22px; }
    .npp-grid-wide-full, .npp-grid-ai-six, .npp-grid-strategic { grid-template-columns: 1fr; }
    .npp-final-copy { padding: 24px; border-radius: 22px; }
    .npp-final-visual { min-height: 320px; border-width: 8px; border-radius: 22px; }
    .ia-empresarial-hero { min-height: auto; }
    .ia-empresarial-hero-inner { padding: 76px 0; }
    .ia-empresarial-hero-copy { padding: 24px; border-radius: 22px; }
    .ia-empresarial-hero h1 { font-size: clamp(34px, 10vw, 42px); }
    .ia-empresarial-section { padding: 64px 0; }
    .ia-empresarial-tabs { position: static; }
    .ia-empresarial-tabs .hel-container { display: grid; grid-template-columns: 1fr; }
    .ia-empresarial-tabs a { width: 100%; }
    .ia-empresarial-card-grid, .ia-empresarial-grid-services { grid-template-columns: 1fr; }
    .ia-empresarial-card-grid article { padding: 22px; }
    .ia-empresarial-parallax-section .hel-container { padding: 24px; border-radius: 22px; }
    .ia-empresarial-grid-wide-full, .ia-empresarial-grid-services-parallax { grid-template-columns: 1fr; }
    .ia-empresarial-final-copy { padding: 24px; border-radius: 22px; }
    .ia-empresarial-final-visual { min-height: 320px; border-width: 8px; border-radius: 22px; }
    .institucional-hero { min-height: auto; }
    .institucional-hero-inner { padding: 76px 0; }
    .institucional-hero-copy { padding: 24px; border-radius: 22px; }
    .institucional-hero h1 { font-size: clamp(34px, 10vw, 42px); }
    .institucional-section { padding: 64px 0; }
    .institucional-tabs { position: static; }
    .institucional-tabs .hel-container { display: grid; grid-template-columns: 1fr; }
    .institucional-tabs a { width: 100%; }
    .institucional-card-grid, .institucional-grid-timeline, .institucional-grid-legacy, .institucional-founder-grid, .institucional-solution-grid { grid-template-columns: 1fr; }
    .institucional-card-grid article, .institucional-founder-grid article, .institucional-solution-grid article { padding: 22px; }
    .institucional-type-manifesto .institucional-copy { columns: 1; }
    .hel360-hero { min-height: auto; }
    .hel360-hero-inner { min-height: auto; padding: 76px 0; }
    .hel360-hero-copy { padding: 24px; border-radius: 22px; }
    .hel360-hero h1 { font-size: clamp(34px, 10vw, 42px); }
    .hel360-section { padding: 64px 0; }
    .hel360-grid, .hel360-form-grid, .hel360-admin-form-grid, .hel360-admin-stats, .hel360-admin-dimensions { grid-template-columns: 1fr; }
    .hel360-output-grid, .hel360-trust-panel { grid-template-columns: 1fr; }
    .hel360-result-hero .hel-container { align-items: stretch; }
    .hel360-score-card { min-width: 0; }
    .hel360-question-card, .hel360-form-card, .hel360-result-main, .hel360-result-side { padding: 22px; }
    .hel360-ranking-item { grid-template-columns: auto minmax(0, 1fr); }
    .hel360-ranking-handle { display: none; }
    .hel360-ranking-controls { grid-column: 1 / -1; justify-content: flex-end; }
    .hel360-result-radar-panel { padding: 22px; }
    .hel360-result-radar-chart { width: min(100%, 340px); }
    .hel360-radar-axis-label { font-size: 10px; }
    .hel360-radar-axis-score { font-size: 11px; }
    .hel360-radar-score-list { grid-template-columns: 1fr; }
    .hel360-actions { display: grid; grid-template-columns: 1fr; }
    .hel360-button { width: 100%; }
    .hel360-radar-list { grid-template-columns: 1fr; }
    .hel360-result-side { position: relative; top: auto; }
}

/* HEL 360 public landing rebuild */
.public-site .hel360-page { width: 100%; min-width: 0; overflow: hidden; background: #f4f7fa; color: var(--hel-ink); }
.public-site .hel360-container { width: min(100% - 48px, var(--hel-container)); margin-inline: auto; }
.public-site .hel360-hero { position: relative; isolation: isolate; min-height: clamp(680px, 82vh, 860px); display: grid; align-items: start; padding: clamp(58px, 5vw, 78px) 0 clamp(88px, 8vw, 120px); color: #fff; background: radial-gradient(circle at 82% 16%, rgba(31,164,232,.24), transparent 30%), radial-gradient(circle at 20% 78%, rgba(185,135,45,.16), transparent 28%), linear-gradient(135deg, #030d17 0%, #071827 42%, #0a263d 100%); }
.public-site .hel360-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.3)); }
.public-site .hel360-hero-inner { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(360px, .72fr); gap: clamp(36px, 6vw, 82px); align-items: start; min-height: 0; padding: 0; }
.public-site .hel360-hero-content { max-width: 850px; }
.public-site .hel360-eyebrow { display: inline-flex; align-items: center; min-height: 34px; margin-bottom: 18px; padding: 8px 12px; border: 1px solid rgba(185,135,45,.34); border-radius: 999px; color: #e3bd6f; background: rgba(185,135,45,.08); font-size: 12px; font-weight: 950; letter-spacing: .12em; line-height: 1; text-transform: uppercase; }
.public-site .hel360-title { max-width: 820px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; letter-spacing: 0; }
.public-site .hel360-subtitle { max-width: 820px; margin: 24px 0 0; color: #edf6fc; font-size: clamp(20px, 2vw, 27px); font-weight: 850; line-height: 1.36; }
.public-site .hel360-copy { max-width: 780px; margin: 22px 0 0; color: #c9d8e3; font-size: 17px; line-height: 1.68; }
.public-site .hel360-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 32px; }
.public-site .hel360-button-primary, .public-site .hel360-button-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 15px 24px; border-radius: 999px; font-weight: 950; line-height: 1.1; text-align: center; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; }
.public-site .hel360-button-primary { color: #061522; background: linear-gradient(135deg, #e2bd72, #b9872d); box-shadow: 0 22px 50px rgba(185,135,45,.36); }
.public-site .hel360-button-secondary { color: #fff; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.08); box-shadow: 0 18px 42px rgba(0,0,0,.14); }
.public-site .hel360-section-light .hel360-button-secondary, .public-site .hel360-section-soft .hel360-button-secondary { color: var(--hel-navy); border-color: rgba(15,35,55,.18); background: #fff; }
.public-site .hel360-button-primary:hover, .public-site .hel360-button-secondary:hover { transform: translateY(-2px); }
.public-site .hel360-microcopy { margin: 20px 0 0; color: #aebfcd; font-size: 14px; font-weight: 850; }
.public-site .hel360-hero-visual { min-width: 0; }
.public-site .hel360-radar-card { position: relative; overflow: hidden; display: grid; gap: 24px; padding: clamp(26px, 4vw, 44px); border: 1px solid rgba(255,255,255,.16); border-radius: 30px; background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.055)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(14px); }
.public-site .hel360-radar-card::before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; pointer-events: none; }
.public-site .hel360-radar-core { position: relative; width: min(100%, 352px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; background: radial-gradient(circle, rgba(31,164,232,.18) 0 14%, transparent 15%), repeating-radial-gradient(circle, rgba(255,255,255,.2) 0 1px, transparent 1px 58px); }
.public-site .hel360-radar-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(31,164,232,.28); }
.public-site .hel360-radar-ring-one { inset: 9%; }
.public-site .hel360-radar-ring-two { inset: 26%; border-color: rgba(185,135,45,.42); }
.public-site .hel360-radar-ring-three { inset: 43%; background: rgba(31,164,232,.14); }
.public-site .hel360-radar-axis { position: absolute; left: 50%; top: 50%; width: 50%; height: 2px; transform-origin: left center; background: linear-gradient(90deg, rgba(31,164,232,.95), transparent); }
.public-site .hel360-radar-axis-a { transform: rotate(32deg); }
.public-site .hel360-radar-axis-b { transform: rotate(138deg); }
.public-site .hel360-radar-core strong { position: absolute; left: 50%; top: 50%; width: 116px; height: 116px; display: grid; place-items: center; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: #fff; background: rgba(6,21,34,.86); box-shadow: 0 18px 50px rgba(0,0,0,.3); font-size: 18px; }
.public-site .hel360-radar-card p { margin: 0; color: #dce8f1; font-size: 13px; font-weight: 950; letter-spacing: .12em; text-align: center; text-transform: uppercase; }
.public-site .hel360-radar-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.public-site .hel360-radar-chips span { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #dce8f1; background: rgba(255,255,255,.08); font-size: 13px; font-weight: 900; }
.public-site .hel360-section { position: relative; padding: clamp(80px, 8vw, 120px) 0; }
.public-site .hel360-section-light { background: radial-gradient(circle at top left, rgba(31,164,232,.055), transparent 34%), #fff; }
.public-site .hel360-section-soft { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), #edf2f6; }
.public-site .hel360-section-dark { color: #fff; background: radial-gradient(circle at 16% 0%, rgba(185,135,45,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.public-site .hel360-section-header { width: min(100%, 1040px); margin: 0 auto 42px; text-align: center; }
.public-site .hel360-section-header h2 { max-width: 980px; margin: 0 auto; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.public-site .hel360-section-header p { max-width: 850px; margin: 18px auto 0; color: #667085; font-size: 18px; line-height: 1.58; }
.public-site .hel360-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.public-site .hel360-card { position: relative; min-height: 248px; overflow: hidden; padding: 28px; border: 1px solid rgba(15,35,55,.12); border-radius: 18px; background: #fff; box-shadow: 0 16px 48px rgba(7,24,39,.09); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.public-site .hel360-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #b9872d, #1fa4e8); }
.public-site .hel360-card:hover { transform: translateY(-4px); border-color: rgba(11,119,197,.24); box-shadow: 0 24px 58px rgba(7,24,39,.13); }
.public-site .hel360-card-number { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 15px; color: var(--hel-navy); background: linear-gradient(135deg, rgba(214,179,106,.3), rgba(31,164,232,.14)); font-weight: 950; }
.public-site .hel360-card h3 { margin: 0 0 12px; color: var(--hel-navy); font-size: 23px; line-height: 1.15; }
.public-site .hel360-card p { margin: 0; color: #475467; font-size: 15.8px; line-height: 1.58; }
.public-site .hel360-feature-panel, .public-site .hel360-trust-box, .public-site .hel360-final-cta { overflow: hidden; border: 1px solid rgba(15,35,55,.12); border-radius: 28px; box-shadow: 0 24px 70px rgba(7,24,39,.12); }
.public-site .hel360-feature-panel { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr); gap: clamp(28px, 5vw, 70px); align-items: center; padding: clamp(30px, 5vw, 56px); background: rgba(255,255,255,.78); }
.public-site .hel360-feature-panel h2, .public-site .hel360-trust-box h2, .public-site .hel360-final-cta h2 { max-width: 840px; margin: 0; color: var(--hel-navy); font-size: clamp(30px, 3vw, 44px); line-height: 1.08; }
.public-site .hel360-feature-panel p, .public-site .hel360-trust-box p { color: #475467; font-size: 17px; }
.public-site .hel360-feature-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.public-site .hel360-feature-list li { position: relative; padding: 16px 18px 16px 54px; border: 1px solid rgba(15,35,55,.1); border-radius: 16px; background: #fff; color: #344054; font-weight: 850; box-shadow: 0 10px 28px rgba(7,24,39,.05); }
.public-site .hel360-feature-list li::before { content: "✓"; position: absolute; left: 18px; top: 15px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #061522; background: #d6b36a; font-weight: 950; }
.public-site .hel360-output-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.public-site .hel360-output-item { min-height: 120px; display: flex; align-items: flex-end; padding: 18px; border: 1px solid rgba(15,35,55,.12); border-radius: 16px; color: var(--hel-navy); background: linear-gradient(180deg, #fff, #f7fafc); box-shadow: 0 16px 48px rgba(7,24,39,.08); font-weight: 900; line-height: 1.25; }
.public-site .hel360-trust-box { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 28px; align-items: center; padding: clamp(28px, 5vw, 52px); background: #fff; }
.public-site .hel360-trust-mark { width: 88px; height: 88px; display: grid; place-items: center; border-radius: 24px; color: #061522; background: linear-gradient(135deg, #e1bd72, #b9872d); font-size: 38px; font-weight: 950; box-shadow: 0 20px 44px rgba(185,135,45,.28); }
.public-site .hel360-final-cta { padding: clamp(32px, 6vw, 66px); background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.045)); text-align: center; }
.public-site .hel360-final-cta h2 { margin-left: auto; margin-right: auto; color: #fff; }
.public-site .hel360-final-cta p { max-width: 820px; margin: 18px auto 0; color: #dce8f1; font-size: 18px; }
.public-site .hel360-final-cta .hel360-actions { justify-content: center; }

@media (max-width: 1080px) {
    .public-site .hel360-hero-inner, .public-site .hel360-feature-panel { grid-template-columns: 1fr; }
    .public-site .hel360-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .public-site .hel360-output-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .public-site .hel360-container { width: min(100% - 32px, var(--hel-container)); }
    .public-site .hel360-hero { min-height: auto; padding: 74px 0; }
    .public-site .hel360-title { font-size: clamp(36px, 10vw, 46px); }
    .public-site .hel360-subtitle { font-size: 19px; }
    .public-site .hel360-grid, .public-site .hel360-output-grid, .public-site .hel360-trust-box { grid-template-columns: 1fr; }
    .public-site .hel360-actions { display: grid; grid-template-columns: 1fr; }
    .public-site .hel360-button-primary, .public-site .hel360-button-secondary { width: 100%; }
    .public-site .hel360-radar-chips { grid-template-columns: 1fr; }
    .public-site .hel360-section { padding: 64px 0; }
    .public-site .hel360-card, .public-site .hel360-feature-panel, .public-site .hel360-trust-box, .public-site .hel360-final-cta { padding: 24px; }
}

/* FAQ Center */
.faq-center-page { overflow: hidden; background: #f4f7fa; color: var(--hel-ink); }
.faq-center-container { width: min(100% - 48px, var(--hel-container)); margin-inline: auto; }
.faq-center-hero { position: relative; isolation: isolate; color: #fff; background: radial-gradient(circle at 82% 18%, rgba(31,164,232,.22), transparent 32%), radial-gradient(circle at 12% 82%, rgba(185,135,45,.18), transparent 30%), linear-gradient(135deg, #030d17 0%, #071827 48%, #0a263d 100%); }
.faq-center-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 64px 64px; opacity: .72; }
.faq-center-hero-inner { min-height: clamp(620px, 74vh, 780px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .44fr); gap: clamp(34px, 6vw, 84px); align-items: center; padding: clamp(82px, 9vw, 132px) 0; }
.faq-center-hero-copy { max-width: 900px; }
.faq-center-hero h1 { max-width: 860px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; letter-spacing: 0; }
.faq-center-lede { max-width: 820px; margin: 24px 0 0; color: #edf6fc; font-size: clamp(21px, 2vw, 29px); font-weight: 850; line-height: 1.35; }
.faq-center-hero-copy > p:not(.hel-eyebrow):not(.faq-center-lede) { max-width: 800px; margin: 22px 0 0; color: #c9d8e3; font-size: 17px; line-height: 1.68; }
.faq-center-hero-panel { position: relative; overflow: hidden; padding: clamp(28px, 4vw, 44px); border: 1px solid rgba(255,255,255,.16); border-radius: 30px; background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.055)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(14px); }
.faq-center-hero-panel::before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; pointer-events: none; }
.faq-center-hero-panel span { display: block; color: #e2bd72; font-size: clamp(62px, 7vw, 108px); font-weight: 950; line-height: .9; }
.faq-center-hero-panel strong { display: block; margin-top: 14px; color: #fff; font-size: 22px; line-height: 1.1; }
.faq-center-hero-panel p { margin: 18px 0 0; color: #c9d8e3; line-height: 1.58; }
.faq-center-hero-panel div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 26px; }
.faq-center-hero-panel em { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #dce8f1; background: rgba(255,255,255,.08); font-size: 13px; font-style: normal; font-weight: 900; }
.faq-center-tools { position: relative; z-index: 2; margin-top: 0; padding: clamp(46px, 5vw, 64px) 0 42px; }
.faq-center-search-card { padding: clamp(24px, 4vw, 36px); border: 1px solid rgba(15,35,55,.1); border-radius: 26px; background: rgba(255,255,255,.94); box-shadow: 0 24px 72px rgba(7,24,39,.14); backdrop-filter: blur(12px); }
.faq-center-search-card label { display: block; margin-bottom: 12px; color: var(--hel-navy); font-size: 15px; font-weight: 950; }
.faq-center-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.faq-center-search { width: 100%; min-height: 58px; padding: 0 18px; border: 1px solid rgba(15,35,55,.16); border-radius: 16px; color: var(--hel-navy); background: #f8fafc; font: inherit; font-weight: 800; outline: none; }
.faq-center-search:focus { border-color: rgba(11,119,197,.54); box-shadow: 0 0 0 4px rgba(31,164,232,.14); }
.faq-center-clear, .faq-center-copy { min-height: 48px; padding: 12px 16px; border: 1px solid rgba(15,35,55,.16); border-radius: 999px; color: var(--hel-navy); background: #fff; font: inherit; font-size: 14px; font-weight: 900; cursor: pointer; }
.faq-center-count { margin: 14px 0 0; color: #667085; font-size: 14px; font-weight: 850; }
.faq-center-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.faq-center-filter { min-height: 42px; padding: 10px 15px; border: 1px solid rgba(15,35,55,.14); border-radius: 999px; color: var(--hel-navy); background: #fff; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; }
.faq-center-filter:hover { transform: translateY(-1px); border-color: rgba(185,135,45,.42); }
.faq-center-filter.is-active { color: #fff; border-color: rgba(185,135,45,.42); background: linear-gradient(135deg, #061522, #0a2a44); box-shadow: 0 14px 34px rgba(7,24,39,.18); }
.faq-center-featured, .faq-center-list { padding: clamp(62px, 7vw, 96px) 0; }
.faq-center-featured { background: radial-gradient(circle at top left, rgba(31,164,232,.06), transparent 34%), #fff; }
.faq-center-section-header { width: min(100%, 980px); margin: 0 auto 34px; text-align: center; }
.faq-center-section-header h2 { margin: 0; color: var(--hel-navy); font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.faq-center-section-header p:not(.hel-eyebrow) { max-width: 760px; margin: 16px auto 0; color: #667085; font-size: 18px; line-height: 1.58; }
.faq-center-featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.faq-center-featured-card { min-height: 176px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 24px; border: 1px solid rgba(15,35,55,.11); border-radius: 18px; background: linear-gradient(180deg, #fff, #f8fafc); box-shadow: 0 16px 48px rgba(7,24,39,.08); text-align: left; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.faq-center-featured-card:hover { transform: translateY(-4px); border-color: rgba(11,119,197,.24); box-shadow: 0 24px 58px rgba(7,24,39,.13); }
.faq-center-featured-card span { color: #b88216; font-size: 12px; font-weight: 950; text-transform: uppercase; }
.faq-center-featured-card strong { color: var(--hel-navy); font-size: 20px; line-height: 1.2; }
.faq-center-list { background: #edf2f6; }
.faq-center-empty { margin-bottom: 32px; padding: clamp(28px, 5vw, 48px); border: 1px solid rgba(15,35,55,.12); border-radius: 26px; background: #fff; box-shadow: 0 20px 58px rgba(7,24,39,.1); text-align: center; }
.faq-center-empty h2 { margin: 0; color: var(--hel-navy); font-size: clamp(28px, 3vw, 42px); }
.faq-center-empty p { max-width: 720px; margin: 14px auto 0; color: #667085; line-height: 1.62; }
.faq-center-empty .hel-actions { justify-content: center; }
.faq-center-category { margin-top: 34px; scroll-margin-top: 110px; }
.faq-center-category:first-of-type { margin-top: 0; }
.faq-center-category-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; margin-bottom: 18px; padding: 26px; border: 1px solid rgba(15,35,55,.1); border-radius: 24px; background: #fff; box-shadow: 0 16px 44px rgba(7,24,39,.07); }
.faq-center-category-header h2 { margin: 0; color: var(--hel-navy); font-size: clamp(30px, 3.4vw, 48px); line-height: 1.08; }
.faq-center-category-header p:not(.hel-eyebrow) { max-width: 900px; margin: 12px 0 0; color: #667085; line-height: 1.58; }
.faq-center-category-header > span { min-width: 132px; display: grid; place-items: center; padding: 16px; border-radius: 18px; color: var(--hel-navy); background: linear-gradient(135deg, rgba(214,179,106,.28), rgba(31,164,232,.12)); font-size: 13px; font-weight: 900; text-align: center; }
.faq-center-category-header > span strong { display: block; font-size: 30px; line-height: 1; }
.faq-center-accordion { display: grid; gap: 12px; }
.faq-center-item { scroll-margin-top: 108px; overflow: hidden; border: 1px solid rgba(15,35,55,.11); border-radius: 18px; background: #fff; box-shadow: 0 12px 38px rgba(7,24,39,.06); transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.faq-center-item[open] { border-color: rgba(185,135,45,.34); box-shadow: 0 22px 58px rgba(7,24,39,.11); }
.faq-center-item.is-highlighted { background: #fffaf0; border-color: rgba(185,135,45,.66); }
.faq-center-item summary { min-height: 86px; display: grid; gap: 8px; padding: 22px 64px 22px 24px; cursor: pointer; list-style: none; position: relative; }
.faq-center-item summary::-webkit-details-marker { display: none; }
.faq-center-item summary::after { content: "+"; position: absolute; right: 24px; top: 28px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #061522; background: #e5edf3; font-size: 22px; font-weight: 950; }
.faq-center-item[open] summary::after { content: "-"; background: #d6b36a; }
.faq-center-item summary span { color: #b88216; font-size: 12px; font-weight: 950; text-transform: uppercase; }
.faq-center-item summary h3 { margin: 0; color: var(--hel-navy); font-size: clamp(19px, 2vw, 25px); line-height: 1.22; }
.faq-center-answer { padding: 0 24px 26px; }
.faq-center-answer p { color: #475467; line-height: 1.7; }
.faq-center-direct, .faq-center-block { margin-top: 18px; padding: 22px; border: 1px solid rgba(15,35,55,.1); border-radius: 16px; background: #f8fafc; }
.faq-center-direct { border-left: 5px solid #b9872d; background: #fffdf7; }
.faq-center-direct strong, .faq-center-block h4 { display: block; margin: 0 0 10px; color: var(--hel-navy); font-size: 15px; font-weight: 950; }
.faq-center-direct p:first-of-type, .faq-center-block p:first-of-type { margin-top: 0; }
.faq-center-direct p:last-child, .faq-center-block p:last-child { margin-bottom: 0; }
.faq-center-context { background: #f4f9fd; }
.faq-center-warning { background: #fffaf3; border-left: 5px solid rgba(185,135,45,.72); }
.faq-center-recommendation { background: #f3f8f6; border-left: 5px solid #0b7a53; }
.faq-center-answer-footer { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 22px; }
.faq-center-related { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(15,35,55,.1); }
.faq-center-related strong { display: block; margin-bottom: 12px; color: var(--hel-navy); font-size: 14px; }
.faq-center-related div { display: flex; flex-wrap: wrap; gap: 9px; }
.faq-center-related a { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 12px; border: 1px solid rgba(15,35,55,.12); border-radius: 999px; color: var(--hel-navy); background: #fff; font-size: 13px; font-weight: 900; }
.faq-center-keywords { margin: 16px 0 0; color: #667085; font-size: 13px; font-weight: 750; }
.faq-center-final { padding: clamp(70px, 8vw, 112px) 0; color: #fff; background: radial-gradient(circle at 18% 0%, rgba(185,135,45,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.faq-center-final-card { overflow: hidden; padding: clamp(32px, 6vw, 66px); border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.045)); box-shadow: 0 28px 82px rgba(0,0,0,.28); text-align: center; }
.faq-center-final-card h2 { max-width: 900px; margin: 0 auto; color: #fff; font-size: clamp(32px, 3.4vw, 48px); line-height: 1.07; }
.faq-center-final-card p { max-width: 850px; margin: 18px auto 0; color: #dce8f1; font-size: 18px; line-height: 1.62; }
.faq-center-final-card .hel-actions { justify-content: center; }

@media (max-width: 1080px) {
    .faq-center-hero-inner { grid-template-columns: 1fr; }
    .faq-center-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .faq-center-container { width: min(100% - 32px, var(--hel-container)); }
    .faq-center-hero-inner { min-height: auto; padding: 72px 0 110px; }
    .faq-center-hero h1 { font-size: clamp(38px, 10vw, 50px); }
    .faq-center-lede { font-size: 20px; }
    .faq-center-search-row, .faq-center-category-header, .faq-center-featured-grid { grid-template-columns: 1fr; }
    .faq-center-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
    .faq-center-filter { flex: 0 0 auto; }
    .faq-center-item summary { padding: 20px 58px 20px 18px; }
    .faq-center-answer { padding: 0 18px 22px; }
    .faq-center-direct, .faq-center-block { padding: 18px; }
    .faq-center-answer-footer, .faq-center-final-card .hel-actions { display: grid; grid-template-columns: 1fr; }
    .faq-center-answer-footer .hel-button, .faq-center-answer-footer button, .faq-center-final-card .hel-button { width: 100%; }
}

/* Contact page */
.contact-page { overflow: hidden; background: #f4f7fa; color: var(--hel-ink); }
.contact-container { width: min(100% - 48px, var(--hel-container)); margin-inline: auto; }
.contact-hero { position: relative; isolation: isolate; color: #fff; background: radial-gradient(circle at 82% 18%, rgba(31,164,232,.22), transparent 32%), radial-gradient(circle at 12% 82%, rgba(185,135,45,.18), transparent 30%), linear-gradient(135deg, #030d17 0%, #071827 48%, #0a263d 100%); }
.contact-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 64px 64px; opacity: .72; }
.contact-hero-inner { min-height: clamp(620px, 72vh, 780px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .42fr); gap: clamp(34px, 6vw, 84px); align-items: center; padding: clamp(82px, 9vw, 132px) 0; }
.contact-hero-copy { max-width: 920px; }
.contact-hero h1 { max-width: 880px; margin: 0; color: #fff; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.07; letter-spacing: 0; }
.contact-lede { max-width: 850px; margin: 24px 0 0; color: #edf6fc; font-size: clamp(21px, 2vw, 29px); font-weight: 850; line-height: 1.35; }
.contact-hero-copy > p:not(.hel-eyebrow):not(.contact-lede) { max-width: 800px; margin: 22px 0 0; color: #c9d8e3; font-size: 17px; line-height: 1.68; }
.contact-hero-panel { position: relative; overflow: hidden; padding: clamp(28px, 4vw, 44px); border: 1px solid rgba(255,255,255,.16); border-radius: 30px; background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.055)); box-shadow: 0 34px 100px rgba(0,0,0,.32); backdrop-filter: blur(14px); }
.contact-hero-panel::before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; pointer-events: none; }
.contact-hero-panel span { display: inline-grid; place-items: center; width: 108px; height: 108px; border-radius: 30px; color: #061522; background: linear-gradient(135deg, #e2bd72, #b9872d); font-size: 34px; font-weight: 950; box-shadow: 0 22px 50px rgba(185,135,45,.28); }
.contact-hero-panel strong { display: block; margin-top: 26px; color: #fff; font-size: 24px; line-height: 1.15; }
.contact-hero-panel p { margin: 18px 0 0; color: #c9d8e3; line-height: 1.58; }
.contact-section { padding: clamp(76px, 8vw, 116px) 0; }
.contact-section-light { background: radial-gradient(circle at top left, rgba(31,164,232,.055), transparent 34%), #fff; }
.contact-section-soft { background: radial-gradient(circle at top right, rgba(185,135,45,.08), transparent 34%), #edf2f6; }
.contact-orientation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.contact-info-card, .contact-form-card, .contact-form-copy, .contact-route-grid a, .contact-next-grid { border: 1px solid rgba(15,35,55,.11); border-radius: 24px; background: #fff; box-shadow: 0 18px 54px rgba(7,24,39,.08); }
.contact-info-card { padding: clamp(28px, 4vw, 44px); }
.contact-trust-card { background: linear-gradient(180deg, #fffdf7, #fff); border-color: rgba(185,135,45,.18); }
.contact-info-card h2, .contact-form-copy h2, .contact-section-header h2, .contact-next-grid h2, .contact-final-card h2 { margin: 0; color: var(--hel-navy); font-size: clamp(30px, 3vw, 44px); line-height: 1.08; }
.contact-info-card p, .contact-form-copy p, .contact-next-grid li, .contact-final-card p { color: #475467; line-height: 1.68; }
.contact-form-section { background: #edf2f6; scroll-margin-top: 96px; }
.contact-form-layout { display: grid; grid-template-columns: minmax(300px, .42fr) minmax(0, .58fr); gap: clamp(24px, 5vw, 56px); align-items: start; }
.contact-form-copy { position: sticky; top: 112px; padding: clamp(28px, 4vw, 42px); background: linear-gradient(180deg, #061522, #0a263d); color: #fff; }
.contact-form-copy h2 { color: #fff; }
.contact-form-copy p, .contact-form-copy li { color: #dce8f1; }
.contact-form-copy ul { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.contact-form-copy li { position: relative; padding-left: 32px; }
.contact-form-copy li::before { content: ""; position: absolute; left: 0; top: .55em; width: 12px; height: 12px; border-radius: 50%; background: #d6b36a; box-shadow: 0 0 0 5px rgba(214,179,106,.14); }
.contact-form-card { padding: clamp(24px, 4vw, 38px); }
.contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.contact-field { display: grid; gap: 8px; }
.contact-field-full { grid-column: 1 / -1; }
.contact-field label { color: var(--hel-navy); font-size: 14px; font-weight: 950; }
.contact-field input, .contact-field select, .contact-field textarea { width: 100%; min-height: 50px; padding: 13px 15px; border: 1px solid rgba(15,35,55,.16); border-radius: 14px; color: var(--hel-navy); background: #f8fafc; font: inherit; font-weight: 750; outline: none; }
.contact-field textarea { min-height: 168px; resize: vertical; line-height: 1.55; }
.contact-field input:focus, .contact-field select:focus, .contact-field textarea:focus { border-color: rgba(11,119,197,.54); box-shadow: 0 0 0 4px rgba(31,164,232,.14); background: #fff; }
.contact-field small { color: #667085; font-size: 13px; line-height: 1.4; }
.contact-hidden-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.contact-submit { grid-column: 1 / -1; justify-self: start; border: 0; cursor: pointer; }
.contact-submit:disabled { opacity: .76; cursor: wait; transform: none; }
.contact-error-summary, .contact-success { margin-bottom: 22px; padding: 20px 22px; border-radius: 18px; }
.contact-error-summary { border: 1px solid rgba(179,38,30,.18); background: #fff5f3; color: #7a271a; }
.contact-error-summary strong { display: block; margin-bottom: 8px; }
.contact-error-summary p { margin: 6px 0 0; }
.contact-success { border: 1px solid rgba(6,118,71,.18); background: #f3f8f6; color: #12372a; }
.contact-success h2 { margin: 0 0 12px; color: #063f2c; font-size: clamp(28px, 3vw, 42px); }
.contact-success p { color: #31584d; }
.contact-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.contact-section-header { width: min(100%, 980px); margin: 0 auto 34px; text-align: center; }
.contact-route-grid a { min-height: 174px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; padding: 24px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.contact-route-grid a:hover { transform: translateY(-4px); border-color: rgba(11,119,197,.24); box-shadow: 0 24px 58px rgba(7,24,39,.13); }
.contact-route-grid span { color: #b88216; font-size: 12px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.contact-route-grid strong { color: var(--hel-navy); font-size: 18px; line-height: 1.25; }
.contact-next-grid { display: grid; grid-template-columns: minmax(0, .44fr) minmax(0, .56fr); gap: clamp(24px, 5vw, 52px); align-items: start; padding: clamp(28px, 5vw, 50px); }
.contact-next-grid ol { display: grid; gap: 16px; margin: 0; padding-left: 22px; }
.contact-final { padding: clamp(70px, 8vw, 112px) 0; color: #fff; background: radial-gradient(circle at 18% 0%, rgba(185,135,45,.18), transparent 32%), linear-gradient(135deg, #04101b, #0a2236 58%, #061522); }
.contact-final-card { padding: clamp(32px, 6vw, 66px); border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.045)); box-shadow: 0 28px 82px rgba(0,0,0,.28); text-align: center; }
.contact-final-card h2 { max-width: 920px; margin-left: auto; margin-right: auto; color: #fff; }
.contact-final-card p { max-width: 780px; margin: 18px auto 0; color: #dce8f1; font-size: 18px; }
.contact-final-card .hel-actions { justify-content: center; }

@media (max-width: 1080px) {
    .contact-hero-inner, .contact-form-layout, .contact-next-grid { grid-template-columns: 1fr; }
    .contact-form-copy { position: relative; top: auto; }
    .contact-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .contact-container { width: min(100% - 32px, var(--hel-container)); }
    .contact-hero-inner { min-height: auto; padding: 72px 0; }
    .contact-hero h1 { font-size: clamp(38px, 10vw, 50px); }
    .contact-lede { font-size: 20px; }
    .contact-orientation-grid, .contact-form, .contact-route-grid { grid-template-columns: 1fr; }
    .contact-field-full, .contact-submit { grid-column: auto; }
    .contact-submit, .contact-form-card .hel-button, .contact-final-card .hel-button { width: 100%; }
    .contact-final-card .hel-actions { display: grid; grid-template-columns: 1fr; }
}