/*
Theme Name: Kevin Pearman / PowerPulse Nexus
Theme URI: https://kevinpearman.co.za/
Description: Custom child theme for Kevin Pearman and PowerPulse Nexus.
Author: Kevin Pearman
Template: accesspress-ray
Version: 3.7.0
Text Domain: kppn
*/
:root {
    --navy-950: #04111f;
    --navy-900: #071a2f;
    --navy-800: #0c2946;
    --blue-600: #087ea4;
    --cyan-400: #25c9e8;
    --cyan-300: #6ce5f4;
    --ice-100: #eaf6fa;
    --mist-50: #f5f9fb;
    --white: #ffffff;
    --ink: #13283a;
    --muted: #5e7181;
    --line: rgba(10, 47, 74, .14);
    --shadow: 0 24px 80px rgba(3, 18, 31, .14);
    --radius: 22px;
    --container: 1200px;
    --narrow: 820px;
    --section: clamp(4.5rem, 8vw, 8rem);
}



/* Page scrolling safeguard: overrides the AccessPress Ray Style 1 parent rule that sets body { overflow: hidden; }. */
html {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.page-main--editor-content,
.page-main--editor-content .editor-page,
.page-main--editor-content .editor-page__content {
    overflow: visible;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Manrope, system-ui, sans-serif; line-height: 1.7; }
a { color: inherit; }
img { max-width: 100%; height: auto; }
.container { width: min(calc(100% - 2rem), var(--container)); margin-inline: auto; }
.content-width { max-width: var(--narrow); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.skip-link { position: fixed; top: -100px; left: 1rem; z-index: 1000; padding: .75rem 1rem; background: var(--white); color: var(--navy-950); }
.skip-link:focus { top: 1rem; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; color: var(--white); transition: background .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled { background: rgba(4, 17, 31, .94); box-shadow: 0 10px 35px rgba(0,0,0,.2); backdrop-filter: blur(16px); }
.site-header__inner { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .85rem; text-decoration: none; }
.brand__mark { display: grid; place-items: center; width: 44px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: var(--cyan-300); font-weight: 800; }
.brand__text { display: grid; line-height: 1.2; }
.brand__text small { opacity: .72; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; margin-top: .25rem; }
.primary-nav ul { display: flex; align-items: center; gap: 1.6rem; list-style: none; padding: 0; margin: 0; }
.primary-nav a { text-decoration: none; font-size: .88rem; font-weight: 700; }
.primary-nav a:hover, .primary-nav a:focus-visible { color: var(--cyan-300); }
.nav-toggle { display: none; border: 0; background: none; padding: .5rem; }
.nav-toggle span:not(.screen-reader-text) { display: block; width: 26px; height: 2px; margin: 5px 0; background: var(--white); }

.hero { position: relative; min-height: 850px; overflow: hidden; display: grid; align-items: center; padding: 9rem 0 6rem; color: var(--white); background: radial-gradient(circle at 75% 30%, #124e70 0%, var(--navy-900) 38%, var(--navy-950) 76%); }
.hero::before { content: ''; position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 55px 55px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.hero__grid { position: relative; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 5rem; }
.hero h1, .page-hero h1, .final-cta h2 { font-family: 'Source Serif 4', Georgia, serif; }
.hero h1 { max-width: 870px; margin: .7rem 0 1.4rem; font-size: clamp(3.1rem, 6vw, 6.7rem); line-height: .98; letter-spacing: -.045em; }
.hero__lead { max-width: 760px; color: rgba(255,255,255,.78); font-size: clamp(1.05rem, 1.5vw, 1.25rem); }
.eyebrow { margin: 0 0 .7rem; color: var(--cyan-400); font-weight: 800; font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; }
.button-row { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .85rem 1.35rem; border: 1px solid transparent; border-radius: 999px; font-weight: 800; text-decoration: none; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { background: var(--cyan-400); color: var(--navy-950); }
.button--ghost { border-color: rgba(255,255,255,.28); color: var(--white); }
.button--dark { background: var(--navy-950); color: var(--white); }
.button--outline { border-color: var(--blue-600); color: var(--blue-600); }
.hero__proof { display: flex; flex-wrap: wrap; gap: .8rem 1.6rem; list-style: none; padding: 0; margin: 2.4rem 0 0; color: rgba(255,255,255,.73); font-size: .83rem; }
.hero__proof li::before { content: '✓'; margin-right: .45rem; color: var(--cyan-400); }
.hero__visual { display: grid; place-items: center; min-height: 500px; }
.energy-orbit { position: relative; width: min(35vw, 430px); aspect-ratio: 1; border: 1px solid rgba(108,229,244,.35); border-radius: 50%; box-shadow: inset 0 0 60px rgba(37,201,232,.08), 0 0 100px rgba(37,201,232,.12); animation: float 7s ease-in-out infinite; }
.energy-orbit::before, .energy-orbit::after { content: ''; position: absolute; border: 1px solid rgba(108,229,244,.15); border-radius: 50%; }
.energy-orbit::before { inset: 11%; }
.energy-orbit::after { inset: 25%; }
.energy-orbit__core { position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; display: grid; place-items: center; width: 110px; aspect-ratio: 1; border-radius: 50%; background: var(--cyan-400); color: var(--navy-950); font-size: 1.5rem; font-weight: 800; box-shadow: 0 0 45px rgba(37,201,232,.48); }
.energy-orbit__node { position: absolute; padding: .6rem .85rem; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(4,17,31,.8); backdrop-filter: blur(8px); font-size: .78rem; font-weight: 800; }
.energy-orbit__node--one { top: 3%; left: 52%; }
.energy-orbit__node--two { right: -7%; bottom: 29%; }
.energy-orbit__node--three { left: -7%; bottom: 20%; }
.hero__glow { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .26; }
.hero__glow--one { width: 400px; height: 400px; background: var(--cyan-400); right: -10%; top: 10%; }
.hero__glow--two { width: 280px; height: 280px; background: #2759ff; left: -8%; bottom: 0; }

.section { padding: var(--section) 0; }
.section--light { background: var(--mist-50); }
.section--dark { color: var(--white); background: var(--navy-950); }
.section--accent { background: var(--cyan-400); }
.split { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 7vw, 7rem); align-items: start; }
.section h2 { margin: 0; font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(2.2rem, 4vw, 4.4rem); line-height: 1.05; letter-spacing: -.03em; }
.prose { font-size: 1.1rem; color: var(--muted); }
.section-heading { max-width: 850px; margin-bottom: 3rem; }
.card-grid { display: grid; gap: 1.3rem; }
.card-grid--three { grid-template-columns: repeat(3, 1fr); }
.tech-card { position: relative; min-height: 330px; padding: 2rem; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: var(--radius); background: linear-gradient(150deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); }
.tech-card::after { content: ''; position: absolute; width: 170px; height: 170px; right: -80px; bottom: -80px; border-radius: 50%; background: rgba(37,201,232,.12); }
.tech-card__number { color: var(--cyan-400); font-size: .75rem; font-weight: 800; letter-spacing: .15em; }
.tech-card h3 { margin: 3rem 0 1rem; font-size: 1.8rem; }
.tech-card p { color: rgba(255,255,255,.68); }
.tech-card a { position: absolute; left: 2rem; bottom: 2rem; z-index: 1; color: var(--cyan-300); font-weight: 800; text-decoration: none; }
.investor-band { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.investor-band > div { max-width: 850px; }
.investor-band .eyebrow { color: var(--navy-800); }
.investor-band p:last-child { max-width: 760px; }
.timeline { margin-top: 3rem; border-top: 1px solid var(--line); }
.timeline__item { display: grid; grid-template-columns: 140px 1fr; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--line); }
.timeline__item > span { color: var(--blue-600); font-weight: 800; }
.timeline__item h3 { margin: 0 0 .45rem; font-size: 1.25rem; }
.timeline__item p { margin: 0; color: var(--muted); }
.center { display: flex; justify-content: center; margin-top: 3rem; }
.final-cta { text-align: center; }
.final-cta__inner { max-width: 950px; }
.button-row--center { justify-content: center; }

.page-hero { padding: 11rem 0 5rem; color: var(--white); background: radial-gradient(circle at 85% 15%, #114f71, var(--navy-950) 65%); }
.page-hero h1 { margin: .5rem 0 0; font-size: clamp(3rem, 6vw, 6rem); line-height: 1; }
.entry-content { font-size: 1.05rem; }
.entry-content h2, .entry-content h3 { color: var(--navy-900); }
.post-card { padding: 2rem 0; border-bottom: 1px solid var(--line); }

.site-footer { padding: 4rem 0 1.5rem; color: rgba(255,255,255,.72); background: #020b14; }
.site-footer__grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 3rem; }
.site-footer h2, .site-footer__brand { margin: 0 0 .75rem; color: var(--white); font-size: 1rem; font-weight: 800; }
.site-footer a { color: var(--cyan-300); }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 2rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.1); font-size: .78rem; }
.site-footer__bottom ul { display: flex; gap: 1rem; list-style: none; margin: 0; padding: 0; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .reveal { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
    .nav-toggle { display: block; }
    .primary-nav ul { display: none; position: absolute; top: 78px; left: 1rem; right: 1rem; flex-direction: column; align-items: stretch; gap: 0; padding: 1rem; border-radius: 16px; background: var(--navy-950); box-shadow: var(--shadow); }
    .primary-nav ul.is-open { display: flex; }
    .primary-nav a { display: block; padding: .75rem; }
    .hero { min-height: auto; }
    .hero__grid, .split { grid-template-columns: 1fr; }
    .hero__grid { gap: 2rem; }
    .hero__visual { min-height: 380px; }
    .energy-orbit { width: min(78vw, 390px); }
    .card-grid--three, .site-footer__grid { grid-template-columns: 1fr; }
    .investor-band { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 600px) {
    .site-header__inner { min-height: 72px; }
    .brand__text small { display: none; }
    .hero { padding-top: 8rem; }
    .hero h1 { font-size: clamp(2.65rem, 14vw, 4.2rem); }
    .hero__proof { display: grid; }
    .hero__visual { min-height: 320px; }
    .energy-orbit { width: 270px; }
    .energy-orbit__node--two { right: -2%; }
    .energy-orbit__node--three { left: -2%; }
    .timeline__item { grid-template-columns: 1fr; gap: .5rem; }
    .site-footer__bottom { flex-direction: column; }
}

/* Version 1.2: full-width content pages and restrained article typography. */
.page-main .entry-content {
    width: 100%;
    max-width: none;
    font-size: 1rem;
    line-height: 1.75;
}
.page-main .entry-content > * {
    max-width: none;
}
.page-main .entry-content h2 {
    margin: 2.5rem 0 1rem;
    font-size: clamp(1.65rem, 2.5vw, 2.5rem);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.page-main .entry-content h3 {
    margin: 2rem 0 .75rem;
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    line-height: 1.25;
}
.page-main .entry-content h4 {
    font-size: 1.15rem;
}
.page-main .entry-content p,
.page-main .entry-content li {
    font-size: 1rem;
    line-height: 1.75;
}
.page-main .entry-content img {
    max-width: 100%;
    height: auto;
}
.page-main .entry-content .wp-block-group,
.page-main .entry-content .wp-block-columns,
.page-main .entry-content .alignwide,
.page-main .entry-content .alignfull {
    max-width: 100%;
}
@media (min-width: 1100px) {
    .page-main article > .container {
        width: min(94%, 1380px);
        max-width: 1380px;
    }
}


/* Version 1.3: custom About Kevin Pearman page. */
.about-hero { position: relative; overflow: hidden; padding: 11rem 0 6rem; color: var(--white); background: radial-gradient(circle at 78% 25%, #15577b 0%, var(--navy-900) 42%, var(--navy-950) 78%); }
.about-hero::after { content: ''; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
.about-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); }
.about-hero h1 { max-width: 860px; margin: .65rem 0 1.4rem; font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(3.2rem, 6vw, 6.4rem); line-height: .98; letter-spacing: -.045em; }
.about-hero__lead { max-width: 760px; color: rgba(255,255,255,.78); font-size: clamp(1.05rem, 1.6vw, 1.28rem); }
.about-portrait { position: relative; display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.about-portrait__frame { width: min(100%, 420px); aspect-ratio: 4 / 5; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)); box-shadow: 0 35px 90px rgba(0,0,0,.28); }
.about-portrait__frame img { width: 100%; height: 100%; object-fit: cover; }
.about-portrait__fallback { width: 100%; height: 100%; display: grid; place-items: center; color: var(--cyan-300); font-family: 'Source Serif 4', Georgia, serif; font-size: 7rem; background: radial-gradient(circle at 50% 35%, rgba(37,201,232,.17), transparent 45%); }
.about-portrait__caption { position: static; width: min(100%, 420px); max-width: none; padding: 1rem 1.15rem; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(4,17,31,.82); backdrop-filter: blur(14px); font-size: .82rem; }
.about-portrait__caption strong { display: block; color: var(--cyan-300); }
.about-intro { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(2rem, 7vw, 7rem); }
.about-intro__statement { margin: 0; font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(2rem, 3.7vw, 4rem); line-height: 1.08; letter-spacing: -.03em; }
.about-intro__copy { color: var(--muted); font-size: 1.08rem; }
.credential-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 3.2rem; }
.credential-card { min-height: 190px; padding: 1.5rem; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: 0 14px 40px rgba(4,17,31,.06); }
.credential-card__value { display: block; margin-bottom: .6rem; color: var(--blue-600); font-family: 'Source Serif 4', Georgia, serif; font-size: 2.6rem; line-height: 1; }
.credential-card h3 { margin: 0 0 .6rem; color: var(--navy-900); font-size: 1rem; }
.credential-card p { margin: 0; color: var(--muted); font-size: .9rem; }
.story-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }
.story-card { padding: 2rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); }
.story-card span { color: var(--cyan-400); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.story-card h3 { margin: 1.1rem 0 .8rem; font-size: 1.45rem; }
.story-card p { margin: 0; color: rgba(255,255,255,.67); }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.value-card { padding: 2rem; border-top: 3px solid var(--cyan-400); background: var(--white); box-shadow: var(--shadow); }
.value-card h3 { margin: 0 0 .7rem; color: var(--navy-900); }
.value-card p { margin: 0; color: var(--muted); }
.about-editor-content { margin-top: 3.5rem; padding-top: 2.5rem; border-top: 1px solid var(--line); }
.about-editor-content:empty { display: none; }
.about-next { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; }
@media (max-width: 900px) {
    .about-hero__grid, .about-intro { grid-template-columns: 1fr; }
    .credential-grid { grid-template-columns: repeat(2, 1fr); }
    .values-grid { grid-template-columns: 1fr; }
    .about-next { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .about-hero { padding-top: 8.5rem; }
    .about-portrait__frame { width: 300px; }
    .about-portrait__caption { width: 300px; max-width: 100%; }
    .credential-grid, .story-grid { grid-template-columns: 1fr; }
}

/* Version 3.7.0: restored family, aviation and motoring archive. */
.personal-life { color: var(--ink); background: linear-gradient(180deg, #edf6f9 0%, var(--mist-50) 46%, #eef3f6 100%); }
.personal-life__heading { display: grid; grid-template-columns: 1fr .85fr; align-items: end; gap: clamp(2rem, 7vw, 7rem); }
.personal-life__heading h2 { max-width: 680px; margin: 0; color: var(--navy-950); font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(2.7rem, 5vw, 5.2rem); line-height: 1; letter-spacing: -.04em; }
.personal-life__heading > p { max-width: 590px; margin: 0; color: var(--muted); font-size: 1.08rem; }
.personal-life__nav { display: flex; flex-wrap: wrap; gap: .75rem; margin: 2.2rem 0 3.5rem; padding-bottom: 1.6rem; border-bottom: 1px solid var(--line); }
.personal-life__nav a { padding: .65rem 1rem; border: 1px solid rgba(8,126,164,.22); border-radius: 999px; color: var(--blue-600); background: rgba(255,255,255,.72); font-size: .8rem; font-weight: 800; text-decoration: none; }
.personal-life__nav a:hover, .personal-life__nav a:focus-visible { color: var(--navy-950); border-color: var(--cyan-400); background: var(--white); }
.personal-feature { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(300px, .84fr); align-items: stretch; margin-top: 1.5rem; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: var(--white); box-shadow: 0 28px 75px rgba(4,17,31,.11); scroll-margin-top: 110px; }
.personal-feature__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem, 5vw, 4.5rem); }
.personal-feature__number { margin: 0 0 1rem; color: var(--blue-600); font-size: .73rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.personal-feature__copy h3, .personal-motoring h3, .life-gallery-section__heading h3 { margin: 0; color: var(--navy-950); font-family: 'Source Serif 4', Georgia, serif; letter-spacing: -.025em; }
.personal-feature__copy h3 { max-width: 680px; font-size: clamp(2.15rem, 4vw, 4rem); line-height: 1.04; }
.personal-feature__copy p:not(.personal-feature__number) { margin: 1.15rem 0 0; color: var(--muted); }
.personal-feature__media { position: relative; min-height: 440px; margin: 0; overflow: hidden; background: var(--navy-900); }
.personal-feature__media img { width: 100%; height: 100%; object-fit: cover; }
.personal-feature__media--portrait img { object-position: center 30%; }
.personal-feature__media figcaption { position: absolute; right: 1rem; bottom: 1rem; padding: .55rem .8rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: var(--white); background: rgba(4,17,31,.78); backdrop-filter: blur(10px); font-size: .72rem; font-weight: 700; }
.personal-feature--aviation { grid-template-columns: minmax(300px, .84fr) minmax(0, 1.16fr); margin-top: 1.25rem; border-color: rgba(255,255,255,.1); color: var(--white); background: linear-gradient(145deg, var(--navy-950), var(--navy-800)); }
.personal-feature--aviation .personal-feature__copy h3 { color: var(--white); }
.personal-feature--aviation .personal-feature__copy p:not(.personal-feature__number) { color: rgba(255,255,255,.72); }
.personal-feature--aviation .personal-feature__number { color: var(--cyan-300); }
.life-gallery-section { margin-top: clamp(3.5rem, 7vw, 6rem); scroll-margin-top: 110px; }
.life-gallery-section__heading { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2rem; margin-bottom: 1.5rem; }
.life-gallery-section__heading h3 { font-size: clamp(2rem, 3.6vw, 3.35rem); line-height: 1.05; }
.life-gallery-section__heading > p { max-width: 370px; margin: 0; color: var(--muted); text-align: right; }
.life-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.life-gallery__item { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: 0 13px 34px rgba(4,17,31,.07); }
.life-gallery__item a { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: var(--navy-900); }
.life-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.life-gallery__item a:hover img, .life-gallery__item a:focus-visible img { transform: scale(1.035); }
.life-gallery__item figcaption { min-height: 52px; padding: .8rem 1rem; color: var(--navy-900); font-size: .78rem; font-weight: 750; }
.personal-motoring { max-width: 960px; margin: clamp(4rem, 8vw, 7rem) auto 0; padding: clamp(2rem, 5vw, 4.2rem); border: 1px solid rgba(8,126,164,.18); border-radius: 28px; background: linear-gradient(145deg, var(--white), var(--ice-100)); box-shadow: 0 24px 65px rgba(4,17,31,.09); scroll-margin-top: 110px; }
.personal-motoring h3 { max-width: 780px; font-size: clamp(2.25rem, 4vw, 4rem); line-height: 1.04; }
.personal-motoring__copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 5vw, 4rem); margin-top: 1.5rem; }
.personal-motoring__copy p { margin: 0; color: var(--muted); }
@media (max-width: 900px) {
    .personal-life__heading, .personal-feature, .personal-feature--aviation { grid-template-columns: 1fr; }
    .personal-feature__media { min-height: 0; aspect-ratio: 4 / 3; }
    .personal-feature__media--portrait { aspect-ratio: 4 / 5; }
    .personal-feature--aviation .personal-feature__media { order: 2; }
    .life-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .personal-life__nav { display: grid; grid-template-columns: 1fr; }
    .personal-life__nav a { text-align: center; }
    .personal-feature { border-radius: 22px; }
    .personal-feature__copy { padding: 1.6rem; }
    .life-gallery-section__heading, .personal-motoring__copy { grid-template-columns: 1fr; }
    .life-gallery-section__heading > p { text-align: left; }
    .life-gallery { grid-template-columns: 1fr; }
    .personal-motoring { padding: 1.6rem; border-radius: 22px; }
}

/* Version 2.1: Innovation History and My Inventions. */
.innovation-hero { padding: 11rem 0 7rem; color: var(--white); background: radial-gradient(circle at 80% 20%, #164f70 0%, var(--navy-900) 40%, var(--navy-950) 78%); }
.innovation-hero__inner { max-width: 1040px; }
.innovation-hero h1 { max-width: 950px; margin: .7rem 0 1.4rem; font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(3.2rem, 6vw, 6.2rem); line-height: .98; letter-spacing: -.045em; }
.innovation-hero__inner > p:not(.eyebrow) { max-width: 800px; color: rgba(255,255,255,.76); font-size: 1.15rem; }
.innovation-timeline { position: relative; margin-top: 3rem; }
.innovation-timeline::before { content: ''; position: absolute; left: 178px; top: 8px; bottom: 8px; width: 1px; background: var(--line); }
.timeline-entry { position: relative; display: grid; grid-template-columns: 150px 1fr; gap: 4rem; padding: 0 0 3.5rem; }
.timeline-entry__marker { position: absolute; left: 170px; top: 8px; z-index: 1; width: 17px; height: 17px; border: 4px solid var(--white); border-radius: 50%; background: var(--cyan-400); box-shadow: 0 0 0 1px var(--line); }
.timeline-entry__meta { text-align: right; }
.timeline-entry__meta strong { display: block; color: var(--navy-900); font-family: 'Source Serif 4', Georgia, serif; font-size: 1.35rem; }
.timeline-entry__meta span { display: block; margin-top: .25rem; color: var(--blue-600); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.timeline-entry__body { max-width: 850px; padding: 0 0 0 .5rem; }
.timeline-entry__body h3 { margin: 0 0 .7rem; color: var(--navy-900); font-size: clamp(1.35rem, 2vw, 1.9rem); }
.timeline-entry__body p, .timeline-entry__body div { color: var(--muted); }
.timeline-entry__body img { width: min(100%, 760px); height: auto; margin-top: 1.2rem; border-radius: 16px; }
.invention-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }
.invention-card { min-height: 300px; padding: 2.2rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); }
.invention-card--featured { background: linear-gradient(145deg, rgba(37,201,232,.19), rgba(255,255,255,.035)); }
.invention-card span { color: var(--cyan-400); font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.invention-card h3 { margin: 1rem 0 .8rem; font-size: 2rem; }
.invention-card p { color: rgba(255,255,255,.68); }
.invention-card a { color: var(--cyan-300); font-weight: 800; text-decoration: none; }
.archive-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 7vw, 7rem); }
.archive-panel { padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); box-shadow: var(--shadow); }
.archive-panel > p { color: var(--muted); }
.innovation-editor-content { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--line); }
@media (max-width: 800px) {
    .innovation-hero { padding-top: 8.5rem; }
    .innovation-timeline::before { left: 8px; }
    .timeline-entry { grid-template-columns: 1fr; gap: .7rem; padding-left: 2.2rem; }
    .timeline-entry__marker { left: 0; }
    .timeline-entry__meta { text-align: left; }
    .invention-grid, .archive-grid { grid-template-columns: 1fr; }
}

/* Version 2.2: technology evolution */
.technology-evolution {
    margin: 0 0 3rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 1.25rem;
    background: rgba(255,255,255,.045);
}

.technology-evolution__intro {
    max-width: 52rem;
    margin-bottom: 2rem;
}

.technology-evolution__intro h3 {
    margin: .35rem 0 .75rem;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
}

.technology-evolution__intro p:last-child {
    margin-bottom: 0;
    color: rgba(255,255,255,.76);
}

.technology-evolution__track {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    gap: .8rem;
    align-items: stretch;
}

.evolution-step {
    min-width: 0;
    padding: 1.25rem;
    border-radius: 1rem;
    background: rgba(255,255,255,.075);
}

.evolution-step__number {
    display: inline-block;
    margin-bottom: .8rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .16em;
    color: var(--accent, #24b6aa);
}

.evolution-step h4 {
    margin: 0 0 .65rem;
    font-size: 1.08rem;
}

.evolution-step p {
    margin: 0;
    font-size: .94rem;
    line-height: 1.65;
    color: rgba(255,255,255,.72);
}

.evolution-arrow {
    align-self: center;
    font-size: 1.45rem;
    color: var(--accent, #24b6aa);
}

@media (max-width: 1050px) {
    .technology-evolution__track {
        grid-template-columns: 1fr 1fr;
    }
    .evolution-arrow { display: none; }
}

@media (max-width: 680px) {
    .technology-evolution__track { grid-template-columns: 1fr; }
}

/* Version 2.3: Technology Centre. */
.technology-hero { overflow: hidden; padding: 11rem 0 7rem; color: var(--white); background: radial-gradient(circle at 75% 28%, #15577b 0%, var(--navy-900) 42%, var(--navy-950) 80%); }
.technology-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); }
.technology-hero h1 { max-width: 900px; margin: .7rem 0 1.4rem; font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(3.15rem, 5.8vw, 6rem); line-height: .98; letter-spacing: -.045em; }
.technology-hero__lead { max-width: 760px; color: rgba(255,255,255,.76); font-size: 1.15rem; }
.technology-system { position: relative; min-height: 500px; display: grid; place-items: center; }
.technology-system::before, .technology-system::after { content: ''; position: absolute; border: 1px solid rgba(108,229,244,.24); border-radius: 50%; }
.technology-system::before { width: 360px; height: 360px; }
.technology-system::after { width: 490px; height: 490px; }
.technology-system__core { z-index: 2; width: 190px; height: 190px; display: grid; place-content: center; padding: 1.5rem; text-align: center; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; background: radial-gradient(circle at 45% 35%, rgba(37,201,232,.32), rgba(4,17,31,.9)); box-shadow: 0 0 70px rgba(37,201,232,.18); }
.technology-system__core strong { color: var(--cyan-300); font-size: 1.6rem; }
.technology-system__core span { color: rgba(255,255,255,.72); font-size: .8rem; line-height: 1.4; }
.technology-system__branch { position: absolute; z-index: 3; padding: .72rem 1rem; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(4,17,31,.86); color: var(--cyan-300); font-weight: 800; }
.technology-system__branch--one { top: 55px; left: 50%; transform: translateX(-50%); }
.technology-system__branch--two { right: 5px; bottom: 115px; }
.technology-system__branch--three { left: 5px; bottom: 115px; }
.platform-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 7vw, 7rem); }
.platform-copy { color: var(--muted); font-size: 1.06rem; }
.platform-pill-row { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.6rem; }
.platform-pill-row span { padding: .48rem .78rem; border: 1px solid var(--line); border-radius: 999px; color: var(--blue-600); background: var(--white); font-size: .78rem; font-weight: 800; }
.technology-card-grid { display: grid; gap: 1.4rem; }
.technology-detail-card { overflow: hidden; display: grid; grid-template-columns: .7fr 1.3fr; min-height: 390px; border: 1px solid rgba(255,255,255,.13); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); }
.technology-detail-card:nth-child(even) { grid-template-columns: 1.3fr .7fr; }
.technology-detail-card:nth-child(even) .technology-detail-card__image { order: 2; }
.technology-detail-card__image img { width: 100%; height: 100%; object-fit: cover; }
.technology-detail-card__content { position: relative; padding: clamp(2rem, 4vw, 3.4rem); }
.technology-detail-card__label { margin: 0; color: var(--cyan-400); font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.technology-detail-card__number { position: absolute; top: 1.5rem; right: 1.8rem; color: rgba(255,255,255,.16); font-family: 'Source Serif 4', Georgia, serif; font-size: 4.2rem; line-height: 1; }
.technology-detail-card h3 { margin: .8rem 0 1rem; font-size: clamp(2.2rem, 4vw, 3.6rem); }
.technology-detail-card__summary { max-width: 790px; color: rgba(255,255,255,.84); font-size: 1.08rem; }
.technology-detail-card__body { max-width: 820px; color: rgba(255,255,255,.64); }
.technology-detail-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: 1.8rem 0 0; }
.technology-detail-card dl div { padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.14); }
.technology-detail-card dt { color: var(--cyan-300); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.technology-detail-card dd { margin: .35rem 0 0; color: rgba(255,255,255,.72); font-size: .88rem; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.process-card { min-height: 245px; padding: 1.6rem; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: 0 12px 40px rgba(4,17,31,.06); }
.process-card span { color: var(--blue-600); font-family: 'Source Serif 4', Georgia, serif; font-size: 2.4rem; }
.process-card h3 { margin: .7rem 0; color: var(--navy-900); }
.process-card p { margin: 0; color: var(--muted); font-size: .92rem; }
.readiness-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 7vw, 7rem); }
.readiness-grid > div:last-child { font-size: 1.04rem; }
.technology-editor-content { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgba(4,17,31,.18); }
@media (max-width: 950px) {
    .technology-hero__grid, .platform-grid, .readiness-grid { grid-template-columns: 1fr; }
    .technology-system { min-height: 430px; }
    .technology-detail-card, .technology-detail-card:nth-child(even) { grid-template-columns: 1fr; }
    .technology-detail-card:nth-child(even) .technology-detail-card__image { order: 0; }
    .technology-detail-card__image { max-height: 320px; }
    .process-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
    .technology-hero { padding-top: 8.5rem; }
    .technology-system { min-height: 340px; transform: scale(.82); margin: -2rem 0; }
    .technology-detail-card dl, .process-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   Investor Transparency Centre — Version 2.4
   ========================================================= */
.investor-hero{padding:clamp(5rem,10vw,9rem) 0;background:radial-gradient(circle at 82% 18%,rgba(22,199,179,.16),transparent 32%),linear-gradient(145deg,#071c2b,#0a3042);color:#fff}
.investor-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.investor-hero h1{max-width:900px;margin:.5rem 0 1.25rem;font-size:clamp(2.6rem,5.5vw,5.2rem);line-height:1.03}
.investor-hero__lead{max-width:780px;font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:1.75;color:rgba(255,255,255,.82)}
.investor-hero__panel{padding:2rem;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.investor-hero__panel dl{margin:0}.investor-hero__panel dl div{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.investor-hero__panel dl div:last-child{border-bottom:0}.investor-hero__panel dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#61d5c7}.investor-hero__panel dd{margin:.3rem 0 0;font-weight:700;color:#fff}
.investor-principles-grid,.investor-funding-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:start}.investor-principles p,.investor-funding-grid p{font-size:1.12rem;line-height:1.8}.investor-pill-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.investor-pill-row span{padding:.65rem .9rem;border:1px solid rgba(8,47,65,.16);border-radius:999px;background:#fff;font-size:.88rem;font-weight:700}
.investor-overview-grid,.investor-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.investor-overview-card{position:relative;padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.055)}.investor-overview-card span{display:block;margin-bottom:1.5rem;color:#43c9b9;font-size:.8rem;font-weight:800;letter-spacing:.14em}.investor-overview-card h3{color:#fff}.investor-overview-card p{color:rgba(255,255,255,.72)}
.investor-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.investor-document-card{display:flex;flex-direction:column;min-height:285px;padding:1.7rem;border:1px solid rgba(8,47,65,.12);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(8,47,65,.07)}.investor-document-card__type{margin:0 0 .85rem;color:#087f79;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.investor-document-card h3{margin:0 0 .8rem;font-size:1.35rem}.investor-document-card>p:not(.investor-document-card__type){flex:1}.investor-document-card__status,.investor-document-card__pending{display:inline-block;align-self:flex-start;margin:.8rem 0;padding:.45rem .65rem;border-radius:999px;background:#eaf7f5;color:#075e5a;font-size:.78rem;font-weight:700}.investor-document-card__pending{background:#f0f2f3;color:#55636a}.investor-document-card .text-link{margin-top:.3rem;font-weight:800}
.investor-editor-content{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(8,47,65,.12)}
@media(max-width:980px){.investor-hero__grid,.investor-principles-grid,.investor-funding-grid{grid-template-columns:1fr}.investor-overview-grid,.investor-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.investor-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.investor-overview-grid,.investor-process-grid,.investor-document-grid{grid-template-columns:1fr}.investor-hero__panel{padding:1.35rem}}

/* Version 2.5 — PowerPulse Nexus company profile */
.company-hero{padding:clamp(5rem,9vw,8.5rem) 0;background:radial-gradient(circle at 80% 20%,rgba(26,183,169,.18),transparent 34%),#071d2d;color:#fff}.company-hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:clamp(2rem,6vw,6rem);align-items:center}.company-hero h1{max-width:900px;margin:.35rem 0 1.35rem;font-size:clamp(2.7rem,5.5vw,5.8rem);line-height:.98}.company-hero__lead{max-width:760px;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.7;color:rgba(255,255,255,.78)}.company-hero__panel{padding:2rem;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.company-hero__panel dl{margin:0}.company-hero__panel dl div{display:grid;gap:.25rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.11)}.company-hero__panel dl div:last-child{border-bottom:0}.company-hero__panel dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}.company-hero__panel dd{margin:0;font-weight:700;color:#fff}.company-purpose-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(2rem,7vw,7rem);align-items:start}.company-purpose-copy{font-size:1.08rem;line-height:1.8}.company-pill-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.company-pill-row span{padding:.6rem .9rem;border-radius:999px;background:#e9f7f5;color:#0d625c;font-size:.83rem;font-weight:700}.company-story-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:start}.company-story-card{padding:clamp(2rem,4vw,3.5rem);border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.company-story-card h2{color:#fff}.company-story-card p{color:rgba(255,255,255,.72);line-height:1.75}.company-story-steps{display:grid;gap:1rem}.company-story-steps article{display:grid;grid-template-columns:58px 1fr;gap:1.2rem;padding:1.4rem;border-bottom:1px solid rgba(255,255,255,.12)}.company-story-steps span{font-size:.75rem;letter-spacing:.14em;color:#39c5b8}.company-story-steps h3{margin:0 0 .35rem;color:#fff}.company-story-steps p{margin:0;color:rgba(255,255,255,.65)}.company-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.company-product-card{position:relative;min-height:330px;padding:2rem;border:1px solid #dce7e9;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(5,31,46,.08)}.company-product-card__number{font-size:.76rem;letter-spacing:.15em;color:#168e84}.company-product-card h3{font-size:2rem}.company-product-card p{line-height:1.72;color:#4a5c65}.company-product-card .text-link{position:absolute;left:2rem;bottom:2rem}.company-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.company-model-grid article{padding:1.65rem;border-radius:20px;background:rgba(255,255,255,.82)}.company-model-grid strong{display:block;margin-bottom:.55rem;font-size:1.05rem}.company-model-grid p{margin:0;line-height:1.65}.company-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.company-roadmap article{padding:1.8rem;border-left:1px solid #cfdddf}.company-roadmap article:last-child{border-right:1px solid #cfdddf}.company-roadmap span{display:inline-block;margin-bottom:1rem;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#168e84}.company-roadmap h3{font-size:1.25rem}.company-roadmap p{line-height:1.65;color:#52636b}.company-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.company-values-grid article{padding:1.7rem;border:1px solid rgba(255,255,255,.12);border-radius:20px}.company-values-grid h3{color:#fff}.company-values-grid p{color:rgba(255,255,255,.67);line-height:1.65}.company-editor-content{margin-top:3rem;color:rgba(255,255,255,.84)}
@media (max-width:980px){.company-hero__grid,.company-purpose-grid,.company-story-grid{grid-template-columns:1fr}.company-portfolio-grid{grid-template-columns:1fr}.company-model-grid,.company-roadmap,.company-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-roadmap article:nth-child(2){border-right:1px solid #cfdddf}}
@media (max-width:620px){.company-model-grid,.company-roadmap,.company-values-grid{grid-template-columns:1fr}.company-roadmap article{border-right:1px solid #cfdddf}.company-hero__panel{padding:1.4rem}.company-story-steps article{grid-template-columns:42px 1fr;padding:1.15rem 0}}

/* ================================================================
   VERSION 2.6 — CONTACT AND ENQUIRY CENTRE
   ================================================================ */
.contact-hero{padding:clamp(5rem,9vw,8.5rem) 0;background:linear-gradient(135deg,#07111f 0%,#102a3b 58%,#174b59 100%);color:#fff;overflow:hidden}.contact-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(2rem,6vw,6rem);align-items:center}.contact-hero h1{max-width:900px;margin:.3rem 0 1.35rem;font-size:clamp(2.7rem,5.5vw,5.4rem);line-height:1.02}.contact-hero__lead{max-width:760px;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.7;color:rgba(255,255,255,.82)}.contact-card{padding:2rem;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.24);backdrop-filter:blur(12px)}.contact-card dl{margin:1rem 0 0}.contact-card dl div{padding:1rem 0;border-top:1px solid rgba(255,255,255,.14)}.contact-card dt{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58)}.contact-card dd{margin:.35rem 0 0;font-weight:700;color:#fff}.contact-card a{color:#fff;text-decoration-color:rgba(255,255,255,.45)}.contact-direct-grid,.contact-prepare-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);align-items:start}.contact-direct-copy{font-size:1.12rem;line-height:1.85}.contact-pathways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.contact-pathways-grid article{padding:2rem;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.055)}.contact-pathways-grid span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);font-weight:800}.contact-pathways-grid h3{margin:1.2rem 0 .65rem}.contact-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-checklist article{padding:1.5rem;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(0,0,0,.08)}.contact-checklist strong{display:block;margin-bottom:.45rem;font-size:1.05rem}.contact-checklist p{margin:0}.contact-form-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,7rem);align-items:start}.contact-form-panel{min-height:320px;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid rgba(15,40,60,.12);border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(15,40,60,.1)}.contact-form-placeholder{display:flex;min-height:270px;flex-direction:column;align-items:flex-start;justify-content:center}.contact-form-placeholder h3{font-size:clamp(1.5rem,2.4vw,2.25rem)}.contact-form-panel input:not([type=submit]),.contact-form-panel textarea,.contact-form-panel select{width:100%;padding:.85rem 1rem;border:1px solid #c9d3da;border-radius:10px;background:#fff;font:inherit}.contact-form-panel textarea{min-height:150px}.contact-form-panel input[type=submit],.contact-form-panel button{display:inline-flex;padding:.85rem 1.25rem;border:0;border-radius:999px;background:#123f52;color:#fff;font-weight:800;cursor:pointer}.contact-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.contact-process article{position:relative;padding:1.6rem;border-top:2px solid rgba(255,255,255,.22)}.contact-process span{font-size:2rem;font-weight:900;color:rgba(255,255,255,.32)}.contact-process h3{margin:.7rem 0 .45rem}.contact-process p{margin:0;color:rgba(255,255,255,.72)}
@media(max-width:900px){.contact-hero__grid,.contact-direct-grid,.contact-prepare-grid,.contact-form-grid{grid-template-columns:1fr}.contact-pathways-grid,.contact-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.contact-pathways-grid,.contact-checklist,.contact-process{grid-template-columns:1fr}.contact-hero{padding-top:4.5rem}.contact-card{padding:1.4rem}}


/* ================================================================
   VERSION 3.0 — FLAGSHIP DIGITAL EXPERIENCE
   Kept in root style.css for maximum hosting compatibility.
   ================================================================ */
.hero--v3{position:relative;min-height:min(920px,100svh);display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(37,201,232,.15),transparent 30%),linear-gradient(145deg,#020b13,#071a2f 62%,#082b42);color:#fff}.hero--v3:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(108,229,244,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(108,229,244,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero__pulse{position:absolute;left:-20%;right:-20%;top:52%;height:2px;background:linear-gradient(90deg,transparent,rgba(108,229,244,.12),#6ce5f4,rgba(108,229,244,.12),transparent);filter:drop-shadow(0 0 10px #25c9e8);animation:pulseTravel 5s ease-in-out infinite}.hero__pulse:after{content:"";position:absolute;left:48%;top:-30px;width:60px;height:60px;border:2px solid rgba(108,229,244,.7);border-radius:50%;animation:pulseRing 2.4s ease-out infinite}.hero--v3 .hero__grid{position:relative;z-index:2}.hero--v3 h1{max-width:820px;font-size:clamp(3.2rem,7vw,7.2rem);line-height:.92;letter-spacing:-.055em}.hero--v3 .hero__lead{max-width:760px}.hero__scroll{position:absolute;z-index:3;left:50%;bottom:1.5rem;transform:translateX(-50%);display:flex;gap:.7rem;align-items:center;color:rgba(255,255,255,.64);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.hero__scroll span{font-size:1.15rem;animation:scrollCue 1.8s ease-in-out infinite}.energy-orbit--v3 .energy-orbit__core{display:flex;flex-direction:column}.energy-orbit--v3 .energy-orbit__core small{font-size:.62rem;letter-spacing:.22em}.energy-orbit--v3 .energy-orbit__core strong{font-size:1.45rem;letter-spacing:.07em}
.home-proof{position:relative;z-index:5;margin-top:-1px;padding:1.25rem 0;background:#fff;border-bottom:1px solid var(--line)}.home-proof__grid{display:grid;grid-template-columns:repeat(4,1fr)}.home-proof article{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:1rem 2rem;border-right:1px solid var(--line)}.home-proof article:last-child{border-right:0}.home-proof strong{color:var(--navy-900);font-family:'Source Serif 4',Georgia,serif;font-size:clamp(2rem,4vw,3.35rem);line-height:1}.home-proof span{margin-top:.55rem;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.home-technology .section-heading>p:last-child{max-width:720px;color:rgba(255,255,255,.62)}.home-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;perspective:1000px}.home-product-card{--rx:0deg;--ry:0deg;position:relative;min-height:490px;padding:2rem;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 30px 70px rgba(0,0,0,.16);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease,border-color .25s ease,background .25s ease}.home-product-card:hover{border-color:rgba(108,229,244,.48);background:linear-gradient(145deg,rgba(37,201,232,.14),rgba(255,255,255,.035))}.home-product-card__number{color:var(--cyan-400);font-size:.72rem;font-weight:800;letter-spacing:.16em}.home-product-card h3{margin:2.3rem 0 1rem;color:#fff;font-size:clamp(2.2rem,4vw,3.45rem)}.home-product-card p{color:rgba(255,255,255,.68)}.home-product-card ul{margin:1.7rem 0 4rem;padding:0;list-style:none}.home-product-card li{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.84);font-size:.86rem}.home-product-card li:before{content:"✓";margin-right:.65rem;color:var(--cyan-300)}.home-product-card>a{position:absolute;left:2rem;bottom:2rem;color:var(--cyan-300);font-weight:800;text-decoration:none}
.evolution-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.7rem;align-items:center;margin:3.2rem 0}.evolution-step{min-height:220px;display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 45px rgba(4,17,31,.07);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.evolution-step:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(4,17,31,.13)}.evolution-step span{color:var(--blue-600);font-size:.7rem;font-weight:800;letter-spacing:.15em}.evolution-step strong{margin:2rem 0 .8rem;color:var(--navy-900);font-family:'Source Serif 4',Georgia,serif;font-size:1.45rem;line-height:1.15}.evolution-step small{color:var(--muted);font-size:.84rem;line-height:1.6}.evolution-arrow{color:var(--blue-600);font-size:1.5rem}.investor-band--v3{align-items:center}.investor-band__actions{display:flex;min-width:240px;flex-direction:column;gap:1rem;align-items:flex-start}.investor-band__actions .text-link{font-weight:800;text-decoration:none}
@keyframes pulseTravel{0%,100%{opacity:.2;transform:scaleX(.75)}50%{opacity:1;transform:scaleX(1)}}@keyframes pulseRing{0%{opacity:.8;transform:scale(.3)}100%{opacity:0;transform:scale(2.4)}}@keyframes scrollCue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
@media(max-width:1000px){.home-proof__grid{grid-template-columns:repeat(2,1fr)}.home-proof article:nth-child(2){border-right:0}.home-proof article:nth-child(-n+2){border-bottom:1px solid var(--line)}.home-product-grid{grid-template-columns:1fr}.home-product-card{min-height:390px}.evolution-flow{grid-template-columns:1fr}.evolution-arrow{transform:rotate(90deg);text-align:center}.investor-band__actions{min-width:0}}
@media(max-width:620px){.hero--v3{min-height:auto;padding:8.5rem 0 5.5rem}.hero--v3 h1{font-size:clamp(3rem,15vw,4.7rem)}.hero__scroll{display:none}.home-proof article{min-height:100px;padding:1rem}.home-proof strong{font-size:2rem}.home-proof span{font-size:.62rem}.home-product-card{min-height:430px;padding:1.55rem}.home-product-card>a{left:1.55rem}.evolution-step{min-height:180px}.evolution-step strong{margin:1.3rem 0 .6rem}}
@media(prefers-reduced-motion:reduce){.hero__pulse,.hero__pulse:after,.hero__scroll span{animation:none}.home-product-card,.evolution-step{transition:none}}

/* ================================================================
   VERSION 3.1 — INNOVATION CONSTELLATION
   Original adaptation inspired by the supplied ecosystem concept.
   ================================================================ */
.hero--v31{position:relative;min-height:min(940px,100svh);display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(37,201,232,.15),transparent 31%),linear-gradient(145deg,#020b13,#071a2f 62%,#082b42);color:#fff}.hero--v31:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(108,229,244,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(108,229,244,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero--v31 .hero__grid{position:relative;z-index:2;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(2rem,5vw,5rem)}.hero--v31 h1{max-width:760px;font-size:clamp(3.1rem,6.4vw,6.8rem);line-height:.92;letter-spacing:-.055em}.hero--v31 .hero__lead{max-width:690px}.hero--v31 .hero__visual{min-height:650px;display:grid;place-items:center}
.innovation-constellation{position:relative;width:min(100%,700px);aspect-ratio:1/1;isolation:isolate}.constellation__glow{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,rgba(37,201,232,.2),rgba(37,201,232,.04) 45%,transparent 72%);filter:blur(4px);animation:constellationBreath 5s ease-in-out infinite}.constellation__orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(108,229,244,.18);border-radius:50%;transform:translate(-50%,-50%)}.constellation__orbit--one{width:54%;height:54%;box-shadow:0 0 35px rgba(37,201,232,.07) inset}.constellation__orbit--two{width:88%;height:88%;border-style:dashed;animation:orbitRotate 80s linear infinite}.constellation__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}.constellation__line{stroke:rgba(108,229,244,.19);stroke-width:1.2;transition:stroke .25s ease,stroke-width .25s ease,opacity .25s ease}.constellation__line.is-related{stroke:rgba(108,229,244,.82);stroke-width:2;filter:drop-shadow(0 0 5px rgba(37,201,232,.75))}.constellation__line.is-dimmed{opacity:.14}
.constellation__core{position:absolute;left:50%;top:50%;z-index:4;width:210px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:1px solid rgba(108,229,244,.55);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(108,229,244,.22),rgba(5,24,42,.94) 62%);box-shadow:0 0 0 12px rgba(37,201,232,.035),0 0 70px rgba(37,201,232,.24);transform:translate(-50%,-50%);text-align:center}.constellation__core:before,.constellation__core:after{content:"";position:absolute;inset:-13px;border:1px solid rgba(108,229,244,.22);border-radius:50%;animation:coreRing 3.2s ease-out infinite}.constellation__core:after{animation-delay:1.6s}.constellation__core small{font-size:.55rem;font-weight:800;letter-spacing:.18em;color:var(--cyan-300)}.constellation__core strong{max-width:165px;margin:.55rem 0 .35rem;font-family:'Source Serif 4',Georgia,serif;font-size:1.65rem;line-height:1}.constellation__core span{font-size:.62rem;letter-spacing:.05em;color:rgba(255,255,255,.62)}
.constellation__node{position:absolute;z-index:5;min-width:118px;max-width:160px;padding:.72rem .9rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(5,24,42,.88);box-shadow:0 12px 30px rgba(0,0,0,.22);transform:translate(-50%,-50%);text-align:center;text-decoration:none;backdrop-filter:blur(10px);transition:transform .25s ease,border-color .25s ease,background .25s ease,opacity .25s ease,box-shadow .25s ease}.constellation__node strong{display:block;color:#fff;font-size:.78rem;line-height:1.15}.constellation__node small{display:block;margin-top:.25rem;color:rgba(255,255,255,.5);font-size:.55rem;line-height:1.15}.constellation__node:before{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--node-accent,var(--cyan-400));box-shadow:0 0 12px var(--node-accent,var(--cyan-400));transform:translateX(-50%)}.constellation__node:hover,.constellation__node:focus-visible,.constellation__node.is-related{z-index:8;border-color:var(--node-accent,var(--cyan-300));background:rgba(8,42,64,.97);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 25px color-mix(in srgb,var(--node-accent,var(--cyan-300)) 35%,transparent);transform:translate(-50%,-50%) scale(1.08);outline:none}.innovation-constellation.has-active .constellation__node:not(.is-related):not(:hover):not(:focus-visible){opacity:.38}
.node--nt{left:12%;top:28%;--node-accent:#d7e0e5}.node--fuel{left:33%;top:8%;--node-accent:#f2a84b}.node--futrol{left:68%;top:8%;--node-accent:#5ba8ff}.node--pal{left:89%;top:28%;--node-accent:#ed6f6f}.node--load{left:93%;top:60%;--node-accent:#25c9e8}.node--claim{left:76%;top:84%;--node-accent:#6ce5f4}.node--flex{left:48%;top:94%;--node-accent:#4288d8}.node--solar{left:17%;top:82%;--node-accent:#f1c95b}.node--sun{left:16%;top:82%;--node-accent:#64d59a}
.constellation__pulse{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px 5px rgba(108,229,244,.62);pointer-events:none}.constellation__pulse--one{animation:pulseOrbitOne 8s linear infinite}.constellation__pulse--two{animation:pulseOrbitTwo 11s linear infinite reverse}.constellation__hint{position:absolute;left:50%;bottom:1.5%;transform:translateX(-50%);color:rgba(255,255,255,.38);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
@keyframes constellationBreath{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes orbitRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes coreRing{0%{opacity:.7;transform:scale(.82)}100%{opacity:0;transform:scale(1.22)}}@keyframes pulseOrbitOne{0%{left:50%;top:23%}25%{left:77%;top:50%}50%{left:50%;top:77%}75%{left:23%;top:50%}100%{left:50%;top:23%}}@keyframes pulseOrbitTwo{0%{left:50%;top:6%}25%{left:94%;top:50%}50%{left:50%;top:94%}75%{left:6%;top:50%}100%{left:50%;top:6%}}
@media(max-width:1120px){.hero--v31 .hero__grid{grid-template-columns:1fr}.hero--v31{padding:9.5rem 0 5rem}.hero--v31 .hero__content{text-align:center}.hero--v31 h1,.hero--v31 .hero__lead{margin-left:auto;margin-right:auto}.hero--v31 .button-row,.hero--v31 .hero__proof{justify-content:center}.hero--v31 .hero__visual{min-height:auto}.innovation-constellation{width:min(100%,680px)}}
@media(max-width:700px){.hero--v31{padding-bottom:4rem}.hero--v31 .hero__visual{margin-top:2rem}.innovation-constellation{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.constellation__glow,.constellation__orbit,.constellation__lines,.constellation__pulse,.constellation__hint{display:none}.constellation__core{position:relative;left:auto;top:auto;grid-column:1/-1;width:190px;height:190px;margin:0 auto 1rem;transform:none}.constellation__node{position:relative;left:auto!important;top:auto!important;min-width:0;max-width:none;transform:none;padding:.9rem}.constellation__node:hover,.constellation__node:focus-visible,.constellation__node.is-related{transform:translateY(-3px) scale(1.01)}.innovation-constellation.has-active .constellation__node:not(.is-related):not(:hover):not(:focus-visible){opacity:1}.node--load{grid-column:1/-1}.hero--v31 .hero__proof{display:grid;grid-template-columns:1fr}.hero--v31 .hero__proof li{text-align:left}}
@media(prefers-reduced-motion:reduce){.constellation__glow,.constellation__orbit--two,.constellation__core:before,.constellation__core:after,.constellation__pulse{animation:none}.constellation__node,.constellation__line{transition:none}}

/* =========================================================
   Version 3.2 — Innovation DNA
   ========================================================= */
.innovation-dna{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(35,211,218,.14),transparent 30%),linear-gradient(145deg,#04111f,#08283a 58%,#061722);color:#fff}
.innovation-dna:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);pointer-events:none}
.section-heading--light{position:relative;z-index:1;max-width:820px}.section-heading--light h2{color:#fff}.section-heading--light>p:last-child{max-width:690px;color:rgba(255,255,255,.68);font-size:1.06rem}
.dna-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:clamp(1.25rem,4vw,3.5rem);align-items:start;margin-top:2.5rem}
.dna-selector{display:grid;gap:.65rem;padding:.7rem;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}
.dna-tab{width:100%;padding:1rem 1.1rem;border:1px solid transparent;border-radius:16px;background:transparent;color:rgba(255,255,255,.68);text-align:left;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.dna-tab small{display:block;margin-bottom:.25rem;color:rgba(98,221,216,.7);font-size:.64rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dna-tab strong{font-size:.98rem}.dna-tab:hover,.dna-tab:focus-visible{color:#fff;transform:translateX(3px)}.dna-tab.is-active{border-color:rgba(91,226,220,.36);background:linear-gradient(135deg,rgba(43,199,206,.2),rgba(255,255,255,.055));color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.16)}
.dna-panels{min-width:0}.dna-panel{padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 28px 80px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.dna-panel.is-active{animation:dna-in .38s ease both}.dna-panel header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:1.3rem;border-bottom:1px solid rgba(255,255,255,.12)}.dna-panel header span{order:2;color:#61d8d3;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dna-panel h3{margin:0;color:#fff;font-size:clamp(1.8rem,3vw,3rem)}
.dna-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1.5rem 0 1.8rem;background:rgba(255,255,255,.1)}.dna-grid>div{min-height:190px;padding:1.45rem;background:#0a2332}.dna-grid small{color:#5fe0d8;font-family:'Source Serif 4',Georgia,serif;font-size:1.45rem}.dna-grid h4{margin:.45rem 0 .7rem;color:#fff;font-size:1.05rem}.dna-grid p{margin:0;color:rgba(255,255,255,.68);font-size:.91rem;line-height:1.7}.text-link--light{color:#7fe8e1}.text-link--light:hover{color:#fff}
@keyframes dna-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:850px){.dna-layout{grid-template-columns:1fr}.dna-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.dna-tab{text-align:center}.dna-tab:hover,.dna-tab:focus-visible{transform:translateY(-2px)}}
@media(max-width:620px){.dna-selector{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:.55rem}.dna-tab{min-width:150px;scroll-snap-align:start;text-align:left}.dna-grid{grid-template-columns:1fr}.dna-grid>div{min-height:0}.dna-panel header{display:block}.dna-panel header span{display:block;margin-bottom:.55rem}}
@media(prefers-reduced-motion:reduce){.dna-panel.is-active{animation:none}.dna-tab{transition:none}}

/* Version 3.3 — Interactive innovation eras */
.innovation-eras { position: relative; overflow: hidden; background: radial-gradient(circle at 85% 15%, rgba(37,201,232,.15), transparent 34%), var(--navy-950); color: var(--white); }
.innovation-eras::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .16; background-image: linear-gradient(rgba(108,229,244,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(108,229,244,.1) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, transparent, black 22%, black 78%, transparent); }
.section-heading--light { position: relative; max-width: 760px; }
.section-heading--light h2 { color: var(--white); }
.section-heading--light > p:last-child { color: rgba(255,255,255,.7); }
.eras-shell { position: relative; display: grid; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.6fr); gap: 1.25rem; margin-top: 3rem; padding: .75rem; border: 1px solid rgba(108,229,244,.17); border-radius: 30px; background: rgba(7,26,47,.72); box-shadow: 0 35px 100px rgba(0,0,0,.28); backdrop-filter: blur(18px); }
.eras-nav { display: grid; align-content: start; gap: .65rem; padding: .45rem; }
.era-tab { width: 100%; display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: .9rem; padding: 1.1rem; border: 1px solid transparent; border-radius: 19px; color: rgba(255,255,255,.66); background: transparent; text-align: left; cursor: pointer; transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease; }
.era-tab:hover, .era-tab:focus-visible { color: var(--white); background: rgba(255,255,255,.045); }
.era-tab.is-active { color: var(--white); border-color: rgba(108,229,244,.28); background: linear-gradient(135deg, rgba(37,201,232,.17), rgba(255,255,255,.035)); transform: translateX(5px); }
.era-tab__number { display: grid; place-items: center; width: 42px; aspect-ratio: 1; border: 1px solid rgba(108,229,244,.26); border-radius: 50%; color: var(--cyan-300); font-size: .72rem; font-weight: 900; }
.era-tab strong, .era-tab small { display: block; }
.era-tab strong { font-size: .96rem; }
.era-tab small { margin-top: .2rem; color: inherit; opacity: .68; font-size: .7rem; line-height: 1.35; }
.eras-stage { min-height: 440px; border-radius: 24px; background: linear-gradient(145deg, rgba(12,41,70,.92), rgba(4,17,31,.94)); overflow: hidden; }
.era-panel { min-height: 440px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); padding: clamp(2rem, 5vw, 4.5rem); animation: eraReveal .45s ease both; }
.era-panel[hidden] { display: none; }
.era-panel__copy h3 { margin: .3rem 0 1rem; color: var(--white); font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(2rem, 4vw, 3.65rem); line-height: 1.05; letter-spacing: -.035em; }
.era-panel__copy > p:not(.eyebrow) { color: rgba(255,255,255,.7); }
.era-panel__copy .text-link { color: var(--cyan-300); }
.era-panel__map { display: flex; flex-direction: column; align-items: stretch; max-width: 330px; margin-inline: auto; }
.era-chip { position: relative; z-index: 1; padding: .85rem 1rem; border: 1px solid rgba(108,229,244,.28); border-radius: 999px; background: rgba(4,17,31,.72); text-align: center; font-weight: 800; box-shadow: 0 0 30px rgba(37,201,232,.06); }
.era-connector { width: 1px; height: 27px; margin: 0 auto; background: linear-gradient(var(--cyan-400), rgba(37,201,232,.1)); }
.era-evidence { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.era-evidence div { min-height: 128px; display: grid; align-content: center; padding: 1.2rem; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.035); }
.era-evidence strong, .era-evidence span { display: block; }
.era-evidence strong { color: var(--cyan-300); }
.era-evidence span { margin-top: .25rem; color: rgba(255,255,255,.62); font-size: .78rem; }
.era-lineage { display: grid; justify-items: center; gap: .7rem; }
.era-lineage > span { width: min(100%, 280px); padding: .8rem 1rem; border: 1px solid rgba(108,229,244,.27); border-radius: 999px; background: rgba(4,17,31,.68); text-align: center; font-weight: 800; }
.era-lineage > i { color: var(--cyan-400); font-style: normal; transform: rotate(90deg); }
.era-lineage__branches { position: relative; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; margin-top: .7rem; padding-top: 1.3rem; }
.era-lineage__branches::before { content: ''; position: absolute; top: 0; left: 16.5%; right: 16.5%; height: 1px; background: rgba(108,229,244,.34); }
.era-lineage__branches b { padding: .7rem .45rem; border-radius: 13px; background: rgba(37,201,232,.12); color: var(--cyan-300); text-align: center; font-size: .75rem; }
@keyframes eraReveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (max-width: 900px) { .eras-shell { grid-template-columns: 1fr; } .eras-nav { grid-template-columns: repeat(3, 1fr); } .era-tab { grid-template-columns: 1fr; justify-items: center; text-align: center; } .era-tab.is-active { transform: translateY(-3px); } .era-tab small { display: none; } }
@media (max-width: 700px) { .eras-shell { padding: .5rem; border-radius: 22px; } .eras-nav { gap: .35rem; } .era-tab { padding: .75rem .3rem; } .era-tab__number { width: 34px; } .era-tab strong { font-size: .73rem; } .era-panel { min-height: 0; grid-template-columns: 1fr; padding: 1.5rem; } .era-panel__copy h3 { font-size: 2.15rem; } .era-evidence { grid-template-columns: 1fr 1fr; } }
@media (prefers-reduced-motion: reduce) { .era-panel { animation: none; } .era-tab { transition: none; } }

/* Version 3.4 — Interactive Innovation Atlas */
.innovation-atlas { overflow: hidden; }
.atlas-shell { display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(280px, .68fr); gap: clamp(1.25rem, 3vw, 3rem); align-items: stretch; margin-top: 2.5rem; }
.atlas-map { position: relative; min-height: 720px; border: 1px solid var(--line); border-radius: 30px; background: radial-gradient(circle at 50% 48%, rgba(37,201,232,.14), transparent 27%), linear-gradient(145deg, #06182a, #0b2b47); box-shadow: var(--shadow); overflow: hidden; isolation: isolate; }
.atlas-map::before { content:""; position:absolute; inset:0; background-image: radial-gradient(circle, rgba(108,229,244,.28) 1px, transparent 1px); background-size: 34px 34px; opacity:.25; }
.atlas-lines { position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.atlas-connector { fill:none; stroke:rgba(172,241,250,.56); stroke-width:2; vector-effect:non-scaling-stroke; transition:opacity .25s ease, stroke .25s ease, filter .25s ease; }
.atlas-connector--historic { stroke:rgba(108,229,244,.38); stroke-dasharray:7 10; }
.atlas-connector--core,.atlas-connector--evolution { stroke:rgba(108,229,244,.72); }
.atlas-connector--current { stroke:rgba(223,250,255,.72); }
.atlas-map.has-selection .atlas-connector { opacity:.16; }
.atlas-map.has-selection .atlas-connector.is-related { opacity:1; stroke:var(--cyan-300); filter:drop-shadow(0 0 6px rgba(37,201,232,.7)); }
.atlas-pulse { fill:var(--cyan-300); filter:drop-shadow(0 0 8px rgba(37,201,232,.95)); }
.atlas-node { position:absolute; left:var(--atlas-x); top:var(--atlas-y); transform:translate(-50%,-50%); width:clamp(100px, 12vw, 145px); min-height:78px; padding:.68rem .55rem; border:1px solid rgba(108,229,244,.34); border-radius:18px; color:#dffaff; background:rgba(4,17,31,.82); backdrop-filter:blur(10px); cursor:pointer; z-index:2; transition:transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease, opacity .25s ease; }
.atlas-node span { display:block; width:9px; height:9px; margin:0 auto .4rem; border-radius:50%; background:var(--cyan-400); box-shadow:0 0 18px rgba(37,201,232,.95); }
.atlas-node strong,.atlas-node small { display:block; line-height:1.15; }
.atlas-node strong { font-size:clamp(.72rem, 1.15vw, .95rem); }
.atlas-node small { margin-top:.28rem; color:rgba(223,250,255,.62); font-size:.65rem; }
.atlas-node:hover,.atlas-node:focus-visible,.atlas-node.is-active,.atlas-node.is-related { transform:translate(-50%,-50%) scale(1.07); border-color:var(--cyan-300); background:rgba(8,126,164,.34); box-shadow:0 0 0 5px rgba(37,201,232,.08), 0 18px 45px rgba(0,0,0,.28); outline:none; }
.atlas-map.has-selection .atlas-node:not(.is-active):not(.is-related) { opacity:.42; }
.atlas-node--kevin,.atlas-node--nexus { border-radius:50%; background:radial-gradient(circle, rgba(37,201,232,.34), rgba(4,17,31,.94) 68%); }
.atlas-node--kevin { width:170px; min-height:104px; }
.atlas-node--nexus { width:190px; min-height:112px; border-color:rgba(108,229,244,.6); box-shadow:0 0 0 7px rgba(37,201,232,.035), 0 0 38px rgba(37,201,232,.12); }
.atlas-node--loadshedding { width:170px; border-color:rgba(108,229,244,.62); background:rgba(8,74,105,.62); }
.atlas-detail { display:flex; flex-direction:column; justify-content:center; min-height:720px; padding:clamp(1.5rem, 3vw, 2.5rem); border:1px solid var(--line); border-radius:30px; background:#fff; box-shadow:var(--shadow); }
.atlas-panel { animation:atlasPanel .35s ease both; }
.atlas-panel h3 { margin:.2rem 0 .8rem; font-size:clamp(1.8rem,3vw,3rem); line-height:1.05; }
.atlas-panel p:not(.eyebrow) { color:var(--muted); }
.atlas-legend { display:grid; gap:.7rem; margin-top:2.5rem; padding-top:1.4rem; border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; }
.atlas-legend span { display:flex; align-items:center; gap:.65rem; }
.atlas-key { display:inline-block; flex:0 0 auto; background:transparent; box-shadow:none; }
.atlas-key--oval { width:18px; height:12px; border:1.5px solid var(--cyan-400); border-radius:50%; }
.atlas-key--block { width:18px; height:12px; border:1.5px solid var(--cyan-400); border-radius:3px; }
.atlas-key--line { width:20px; height:0; border-top:2px solid var(--cyan-400); }
.atlas-key--pulse { width:8px; height:8px; border-radius:50%; background:var(--cyan-400); box-shadow:0 0 9px rgba(37,201,232,.9); }
@keyframes atlasPanel { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (max-width:900px) { .atlas-shell{grid-template-columns:1fr}.atlas-detail{min-height:0}.atlas-map{min-height:700px} }
@media (max-width:650px) { .atlas-map{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; min-height:0; padding:1rem}.atlas-lines{display:none}.atlas-node,.atlas-node--kevin,.atlas-node--nexus,.atlas-node--loadshedding{position:relative; left:auto; top:auto; transform:none; width:100%; min-height:84px; border-radius:16px}.atlas-node:hover,.atlas-node:focus-visible,.atlas-node.is-active,.atlas-node.is-related{transform:translateY(-2px) scale(1)}.atlas-node--kevin,.atlas-node--nexus{grid-column:1/-1}.atlas-detail{border-radius:22px}.atlas-node small{font-size:.62rem} }
@media (prefers-reduced-motion:reduce) { .atlas-pulse{display:none}.atlas-panel{animation:none} }

/* Version 3.5 — Evidence Vault */
.evidence-preview{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(31,213,255,.11),transparent 30%),linear-gradient(145deg,#06111f,#091a2e 58%,#07121f)}
.evidence-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent)}
.evidence-preview .container{position:relative;z-index:1}.section-heading--light h2,.section-heading--light p{color:#fff}.section-heading--light>p:last-child{color:#b8c9da}
.evidence-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin:2rem 0}.evidence-filter{appearance:none;border:1px solid rgba(126,211,255,.24);border-radius:999px;background:rgba(255,255,255,.055);color:#c9d9e8;padding:.68rem 1rem;font:inherit;font-weight:700;cursor:pointer;transition:.2s ease}.evidence-filter:hover,.evidence-filter:focus-visible,.evidence-filter.is-active{border-color:#62dfff;background:#62dfff;color:#05101d;box-shadow:0 0 24px rgba(98,223,255,.22)}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.evidence-card{min-width:0;background:rgba(10,27,46,.9);border:1px solid rgba(133,211,255,.18);border-radius:20px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease}.evidence-card:hover{transform:translateY(-5px);border-color:rgba(98,223,255,.58)}.evidence-card[hidden]{display:none!important}
.evidence-card__visual{height:145px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,rgba(24,104,154,.72),rgba(11,36,60,.92));background-size:cover;background-position:center}.evidence-card__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,16,29,.74),transparent 65%)}.evidence-card__icon{width:58px;height:72px;border:2px solid rgba(255,255,255,.72);border-radius:6px;position:relative;box-shadow:0 0 25px rgba(98,223,255,.2)}.evidence-card__icon:before,.evidence-card__icon:after{content:"";position:absolute;left:11px;right:11px;height:2px;background:rgba(255,255,255,.6)}.evidence-card__icon:before{top:23px;box-shadow:0 11px 0 rgba(255,255,255,.6),0 22px 0 rgba(255,255,255,.6)}.evidence-card__status{position:absolute;z-index:2;left:1rem;bottom:.8rem;padding:.34rem .58rem;border-radius:999px;background:rgba(3,15,27,.82);border:1px solid rgba(255,255,255,.2);font-size:.72rem;font-weight:800;color:#dff8ff;text-transform:uppercase;letter-spacing:.06em}
.evidence-card__body{padding:1.25rem}.evidence-card__meta{display:flex;justify-content:space-between;gap:1rem;color:#69defb;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.evidence-card h3,.evidence-card h2{margin:.65rem 0 .55rem;color:#fff;font-size:1.25rem}.evidence-card p{color:#b8c9da;font-size:.94rem}.evidence-card dl{margin:1rem 0;display:grid;gap:.55rem}.evidence-card dl div{display:grid;grid-template-columns:78px 1fr;gap:.65rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.09)}.evidence-card dt{color:#8196aa;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.evidence-card dd{margin:0;color:#e1ebf4;font-size:.86rem}.evidence-card .text-link{color:#6ee6ff}.evidence-empty{text-align:center;padding:2rem;border:1px dashed rgba(126,211,255,.32);border-radius:16px;color:#9fb4c7}.evidence-preview .button-row{margin-top:2rem}
.page-hero--evidence{background:radial-gradient(circle at 72% 30%,rgba(40,198,255,.18),transparent 30%),linear-gradient(145deg,#06111f,#0b2036)}.evidence-trustbar{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.evidence-trustbar>div{padding:1.2rem;border:1px solid #dce8ef;border-radius:16px;background:#fff}.evidence-trustbar strong,.evidence-trustbar span{display:block}.evidence-trustbar strong{color:#08243a;font-size:1.05rem}.evidence-trustbar span{margin-top:.3rem;color:#5d7180;font-size:.9rem}.evidence-filters--light .evidence-filter{background:#fff;color:#244052;border-color:#cbdce6}.evidence-filters--light .evidence-filter.is-active,.evidence-filters--light .evidence-filter:hover{background:#0b3654;color:#fff;border-color:#0b3654}.evidence-grid--page .evidence-card{background:#fff;border-color:#d8e5ed;box-shadow:0 14px 38px rgba(17,48,70,.1)}.evidence-grid--page .evidence-card h2,.evidence-grid--page .evidence-card h3{color:#09263c}.evidence-grid--page .evidence-card p{color:#587080}.evidence-grid--page .evidence-card dd{color:#233f51}.evidence-grid--page .evidence-card dl div{border-color:#e4edf2}.evidence-card__pending{display:block;color:#6d8290;font-size:.86rem;font-style:italic}
@media(max-width:980px){.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.evidence-grid,.evidence-trustbar{grid-template-columns:1fr}.evidence-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.45rem}.evidence-filter{white-space:nowrap}.evidence-card__visual{height:125px}}
@media(prefers-reduced-motion:reduce){.evidence-card,.evidence-filter{transition:none}.evidence-card:hover{transform:none}}


/* Page Rendering Fix v3.6.6 */
.page-main--editor-content { min-height: 60vh; background: var(--mist-50); }
.editor-page { padding-top: clamp(3rem, 6vw, 6rem); }
.editor-page__content { max-width: 960px; }
.editor-page__content > :first-child { margin-top: 0; }
.editor-page__content > :last-child { margin-bottom: 0; }
.editor-page__content h1 { margin: 0 0 1.5rem; color: var(--navy-900); font-family: 'Source Serif 4', Georgia, serif; font-size: clamp(3rem, 6vw, 5.6rem); line-height: 1; letter-spacing: -.035em; }
.editor-page__content h2 { margin-top: 2.75rem; font-size: clamp(2rem, 3.5vw, 3.25rem); line-height: 1.1; }
.editor-page__content h3 { margin-top: 2rem; font-size: clamp(1.35rem, 2.4vw, 2rem); }
.editor-page__content p,
.editor-page__content li { font-size: clamp(1rem, 1.25vw, 1.12rem); }
.editor-page__content blockquote { margin: 2.5rem 0; padding: 1.5rem 2rem; border-left: 4px solid var(--cyan-400); background: var(--white); box-shadow: 0 14px 45px rgba(3, 18, 31, .08); }
.editor-page__content .wp-block-group,
.editor-page__content .wp-block-columns { margin-bottom: 2rem; }
.editor-page__content .wp-block-button__link { border-radius: 999px; background: var(--cyan-400); color: var(--navy-950); font-weight: 800; }
@media (max-width: 600px) {
    .editor-page { padding-top: 2.5rem; }
    .editor-page__content h1 { font-size: clamp(2.55rem, 13vw, 4rem); }
}