/*
Theme Name: Harmony Trading Intelligence - Control Center
Theme URI: https://www.harmonytradingsystem.com/
Description: Permanent editable child theme for Harmony Trading Intelligence. Adds a Harmony Site Controls panel for homepage visuals, market-phase charts, video URLs, checkout links and cache-busted media updates while preserving the parent theme.
Author: Harmony Trading System
Template: harmony-trading-intelligence
Version: 15.3.1
Text Domain: harmony-control-center
*/

/* Hide development-only chart/video placeholder bars without removing real media. */
.asset-note.video-note,
.asset-note.chart-note,
.video-placeholder,
.chart-placeholder,
.phase-chart-placeholder,
.placeholder-video,
.placeholder-chart,
.video-placeholder-bar,
.chart-placeholder-bar,
.phase-chart-placeholder-bar,
[class~="video-placeholder"],
[class~="chart-placeholder"],
[class~="video-placeholder-bar"],
[class~="chart-placeholder-bar"],
.harmony-media-placeholder-bar-removed {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Harmony Trading Edge in Action — rendered directly from front-page.php in v9.5.
   This section is self-contained so it cannot spill into or overlay the social area. */
.harmony-edge-action-v94 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 70px 24px 64px !important;
    background:
        radial-gradient(circle at 88% 18%, rgba(46,174,255,.12), transparent 30%),
        linear-gradient(135deg, rgba(232,247,255,.70) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);
    overflow: hidden;
    box-sizing: border-box;
    isolation: isolate;
}
.harmony-edge-action-v94::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(132deg, transparent 0 53%, rgba(39,171,255,.08) 53% 61%, transparent 61% 100%);
}
.harmony-edge-v94-shell {
    width: min(1560px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(600px, 1.02fr) minmax(580px, .98fr);
    gap: 34px;
    align-items: center;
}
.harmony-edge-v94-copy { min-width: 0; }
.harmony-edge-v94-copy { max-width: 680px; }
.harmony-edge-v94-eyebrow {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 24px;
    color: #078be6;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .17em;
    line-height: 1.2;
}
.harmony-edge-v94-eyebrow span { width: 74px; height: 2px; background: #078be6; display: inline-block; }
.harmony-edge-v94-title {
    margin: 0 0 38px !important;
    color: #061536 !important;
    font-size: clamp(60px, 5vw, 94px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
}
.harmony-edge-v94-blue { color: #12a5ec; }
.harmony-edge-v94-chaos { position: relative; display: inline-block; z-index: 0; }
.harmony-edge-v94-chaos::before,
.harmony-edge-v94-chaos::after {
    content: "";
    position: absolute;
    left: -2%;
    width: 104%;
    height: 12px;
    z-index: -1;
    opacity: .72;
    background: repeating-linear-gradient(90deg, #ff3131 0 22px, transparent 22px 31px);
}
.harmony-edge-v94-chaos::before { top: 44%; transform: skewX(-16deg); }
.harmony-edge-v94-chaos::after { top: 60%; height: 6px; opacity: .38; transform: translateX(10px) skewX(18deg); }
.harmony-edge-v94-features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 34px;
}
.harmony-edge-v94-feature { padding: 0 20px; border-left: 1px solid #d6e5f0; }
.harmony-edge-v94-feature:first-child { padding-left: 0; border-left: 0; }
.harmony-edge-v94-icon {
    width: 72px;
    height: 72px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    background: linear-gradient(180deg, #f3fbff, #eaf7ff);
    border: 1px solid #cceaff;
}
.harmony-edge-v94-icon svg { width: 47px; height: 47px; fill: none; stroke: #129de9; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.harmony-edge-v94-feature h3 {
    margin: 0 0 9px !important;
    color: #071536 !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
}
.harmony-edge-v94-feature p { margin: 0 !important; color: #536985 !important; font-size: 17px !important; line-height: 1.45 !important; }
.harmony-edge-v94-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-width: min(100%, 520px);
    padding: 18px 32px !important;
    border-radius: 999px;
    background: linear-gradient(90deg, #1f86ff 0%, #14a5ff 52%, #1493f4 100%);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    box-shadow: 0 14px 30px rgba(0,137,234,.20);
    transition: transform .18s ease, box-shadow .18s ease;
}
.harmony-edge-v94-cta:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(0,137,234,.28); }
.harmony-edge-v94-cta span { font-size: 31px; line-height: 1; font-weight: 400; }
.harmony-edge-v94-chart { min-width: 0; display: flex; align-items: center; justify-content: center; }
.harmony-edge-v94-chart { justify-content: flex-end; }
.harmony-edge-v94-chart img {
    display: block !important;
    width: 100% !important;
    max-width: 900px !important;
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 24px 32px rgba(1,39,72,.14));
}
@media (max-width: 1120px) {
    .harmony-edge-v94-shell { grid-template-columns: 1fr; gap: 28px; }
    .harmony-edge-v94-copy { text-align: center; }
    .harmony-edge-v94-eyebrow { justify-content: center; }
    .harmony-edge-v94-features { text-align: left; }
    .harmony-edge-v94-cta { margin-inline: auto; }
    .harmony-edge-v94-chart img { max-width: 900px !important; }
}
@media (max-width: 720px) {
    .harmony-edge-action-v94 { padding: 48px 18px 44px !important; }
    .harmony-edge-v94-title { font-size: clamp(42px, 11vw, 64px) !important; }
    .harmony-edge-v94-features { grid-template-columns: 1fr; gap: 22px; }
    .harmony-edge-v94-feature { border-left: 0; border-top: 1px solid #d6e5f0; padding: 20px 0 0; }
    .harmony-edge-v94-feature:first-child { border-top: 0; padding-top: 0; }
    .harmony-edge-v94-icon { margin-inline: auto; }
    .harmony-edge-v94-feature { text-align: center; }
    .harmony-edge-v94-cta { min-width: 0; width: 100%; font-size: 17px !important; padding-inline: 20px !important; }
}

/* Generic phase-chart replacements keep the existing popup/frame sizing. */
.harmony-phase-replacement-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.harmony-control-video iframe,
.harmony-control-video video {
    width: 100% !important;
    height: 100% !important;
    min-height: 320px;
    border: 0 !important;
    display: block !important;
}

@media (max-width: 900px) {
    .harmony-control-video iframe,
    .harmony-control-video video { min-height: 260px; }
}

@media (max-width: 600px) {
    .harmony-control-video iframe,
    .harmony-control-video video { min-height: 210px; }
}

/* v10.0 — exact approved Harmony Trading Edge composition.
   Left artwork stays unchanged. The full blue chart frame is a complete image,
   kept in normal document flow so it cannot be cut by the next section.
   A dedicated white gap separates this section from Why We Stream Daily. */
.harmony-edge-v97 {
    background: #fff;
    padding: 0 0 42px !important;
    margin: 0 !important;
    overflow: visible !important;
    position: relative;
    z-index: 1;
}
.harmony-edge-v97-shell {
    width: min(1672px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 790fr 882fr;
    gap: 0;
    align-items: start;
    background: #fff;
    overflow: visible;
}
.harmony-edge-v97-copy,
.harmony-edge-v97-chart {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.harmony-edge-v97-copy img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
}
.harmony-edge-v97-chart {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.harmony-edge-v97-chart img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
}
.harmony-edge-v97-cta-hit {
    position: absolute;
    left: 6.4%;
    top: 81.8%;
    width: 75.2%;
    height: 9.5%;
    z-index: 10;
    border-radius: 999px;
    text-decoration: none;
}
.harmony-edge-v97-cta-hit:focus-visible {
    outline: 3px solid #0a8ff0;
    outline-offset: 3px;
}
@media (max-width: 900px) {
    .harmony-edge-v97 {
        padding-bottom: 28px !important;
    }
    .harmony-edge-v97-shell {
        grid-template-columns: 1fr;
        width: 100%;
    }
    .harmony-edge-v97-copy,
    .harmony-edge-v97-chart {
        width: 100%;
    }
    .harmony-edge-v97-chart {
        margin-top: 8px;
    }
}



/* v10.5 — standalone editable Education Library page. */
.harmony-education-page {
    background: #fff;
}
.harmony-education-hero {
    padding: 90px 0 58px;
    background:
        radial-gradient(circle at 80% 15%, rgba(0, 163, 255, .10), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
.harmony-education-hero .eyebrow {
    color: #0a78d6;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 16px;
}
.harmony-education-hero h1 {
    max-width: 920px;
    margin: 0 0 18px;
    color: #10264a;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.02;
}
.harmony-education-hero .lead {
    max-width: 830px;
    color: #5a6675;
    font-size: 20px;
    line-height: 1.6;
}
.harmony-education-content {
    padding: 64px 0 90px;
}
.harmony-education-editor {
    max-width: 1040px;
}
.harmony-education-editor h2,
.harmony-education-editor h3,
.harmony-education-editor h4 {
    color: #10264a;
}
.harmony-education-editor h2 {
    font-size: 38px;
    margin-top: 0;
}
.harmony-education-editor h3 {
    font-size: 27px;
    margin-top: 36px;
}
.harmony-education-editor p,
.harmony-education-editor li {
    color: #566270;
    font-size: 18px;
    line-height: 1.7;
}
.harmony-education-editor a {
    color: #0784e3;
}
@media (max-width: 700px) {
    .harmony-education-hero {
        padding: 64px 0 42px;
    }
    .harmony-education-content {
        padding: 42px 0 64px;
    }
}


/* v10.7 — fully editable Harmony pricing section. */
.harmony-pricing-section{background:#fff;padding:72px 0 68px;color:#10264a}.hp-head{text-align:center;max-width:1120px;margin:0 auto 26px}.hp-eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;color:#087bd5;font-weight:800;letter-spacing:.16em;font-size:16px}.hp-eyebrow span{height:2px;width:90px;background:#168de5}.hp-head h2{margin:14px 0 4px;font-size:clamp(38px,4vw,62px);line-height:1.03;color:#071d3d}.hp-head h2 span{color:#1688ef}.hp-head p{margin:0;font-size:21px;color:#36557d;font-weight:600}.hp-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1220px;margin:22px auto 30px}.hp-benefits>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 18px;border-right:1px solid #cfdae6}.hp-benefits>div:last-child{border-right:0}.hp-benefits strong{font-size:34px;color:#1387ec}.hp-benefits p{margin:0}.hp-benefits b{display:block;font-size:15px;color:#111}.hp-benefits small{display:block;font-size:14px;color:#416084}.hp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.hp-plan{position:relative;border:1px solid #bad7eb;border-radius:18px;padding:24px 24px 18px;box-shadow:0 8px 25px rgba(15,66,110,.08);display:flex;flex-direction:column;min-width:0;background:#fff}.hp-plan-annual{border-color:#efc93f;box-shadow:0 8px 28px rgba(224,177,32,.15)}.hp-plan-lifetime{border-color:#b6a2ff;box-shadow:0 8px 28px rgba(91,47,220,.12)}.hp-badge{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:var(--hp-badge);color:#151515;padding:8px 32px;border-radius:999px;font-weight:900;font-size:15px;box-shadow:0 5px 14px rgba(0,0,0,.12);white-space:nowrap}.hp-plan-top{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;align-items:center}.hp-label{font-weight:900;letter-spacing:.15em;color:#0a77d0;margin-bottom:8px}.hp-plan h3{font-size:28px;line-height:1.02;margin:0 0 8px;color:#091d42}.hp-description{font-size:16px;line-height:1.35;margin:0 0 8px;color:#314867}.hp-price{display:flex;align-items:flex-end;gap:3px;white-space:nowrap;margin-top:8px}.hp-price-prefix{font-size:31px;font-weight:900;line-height:1.2}.hp-price-value{font-size:52px;line-height:.95;color:#081b3f}.hp-price-suffix{font-size:20px;color:#173d70;margin-bottom:4px}.hp-plan-image{width:100%;height:190px;object-fit:contain;display:block}.hp-extra{display:inline-block;align-self:flex-start;border-radius:999px;padding:6px 14px;font-weight:800;margin-top:4px}.hp-extra-1{background:#ffe34c;color:#332600}.hp-extra-2{background:transparent;color:#805c00;padding-left:0}.hp-features{list-style:none;margin:18px 0 20px;padding:0;display:grid;gap:9px;flex:1}.hp-features li{position:relative;padding-left:34px;color:#233f68;font-size:16px;line-height:1.28}.hp-features li:before{content:'✓';position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1688ef;color:#fff;font-weight:900;font-size:13px}.hp-plan-annual .hp-features li:before{background:#ffc527;color:#191300}.hp-plan-lifetime .hp-features li:before{background:#652bea}.hp-plan-button{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none!important;background:var(--hp-btn);color:var(--hp-btn-text)!important;font-weight:900;font-size:20px;padding:15px 18px;border-radius:16px;box-shadow:0 8px 20px color-mix(in srgb,var(--hp-btn) 35%,transparent);transition:transform .2s ease}.hp-plan-button:hover{transform:translateY(-2px)}.hp-note{text-align:center;margin-top:8px;color:#3c5271;font-size:13px}.hp-applied-discount{margin-top:8px;padding:6px 10px;border-radius:8px;background:#eafff0;color:#087a38;text-align:center;font-weight:800}.hp-plan.is-discounted{outline:3px solid #19b96d;outline-offset:2px}.hp-discount-box{margin:26px auto 12px;max-width:1000px;border:1px solid #cfe4f4;background:#f7fbff;border-radius:16px;padding:18px 22px;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center}.hp-discount-box>div:first-child strong{display:block;font-size:19px}.hp-discount-box>div:first-child span{color:#5a6f8b}.hp-discount-form{display:flex;gap:8px}.hp-discount-form input{height:44px;border:1px solid #afcbe0;border-radius:10px;padding:0 12px;text-transform:uppercase}.hp-discount-form button{border:0;border-radius:10px;background:#0b84df;color:#fff;font-weight:900;padding:0 18px}.hp-discount-message{grid-column:1/-1;font-weight:700;font-size:14px}.hp-discount-message.is-success{color:#087a38}.hp-discount-message.is-error{color:#b42318}.hp-discount-message.is-warn{color:#9a6500}.hp-bottom-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dce6ef;border-radius:12px;margin-top:18px;overflow:hidden}.hp-bottom-benefits>div{padding:12px 18px;border-right:1px solid #dce6ef}.hp-bottom-benefits>div:last-child{border-right:0}.hp-bottom-benefits strong{display:block;color:#173967;font-size:15px}.hp-bottom-benefits span{display:block;color:#536a87;font-size:13px;line-height:1.3}
@media(max-width:1050px){.hp-plan-grid{grid-template-columns:1fr}.hp-plan{max-width:700px;width:100%;margin:0 auto}.hp-benefits{grid-template-columns:repeat(2,1fr);gap:12px}.hp-benefits>div{border:1px solid #e0e8ef;border-radius:12px;padding:12px}.hp-bottom-benefits{grid-template-columns:repeat(2,1fr)}.hp-bottom-benefits>div{border-bottom:1px solid #dce6ef}.hp-plan-top{grid-template-columns:1.2fr .8fr}}
@media(max-width:650px){.harmony-pricing-section{padding:48px 0}.hp-head h2{font-size:38px}.hp-head p{font-size:17px}.hp-benefits{grid-template-columns:1fr}.hp-plan{padding:22px 18px 16px}.hp-plan-top{grid-template-columns:1fr}.hp-plan-image{height:165px;order:-1}.hp-price-value{font-size:46px}.hp-price-prefix{font-size:28px}.hp-discount-box{grid-template-columns:1fr}.hp-discount-form{width:100%}.hp-discount-form input{min-width:0;flex:1}.hp-bottom-benefits{grid-template-columns:1fr}.hp-bottom-benefits>div{border-right:0}.hp-eyebrow span{width:48px}.hp-badge{top:-18px}}


/* v10.8 — pricing laptop images: larger, top-right anchored, no other pricing changes. */
@media (min-width:1051px){
  .hp-plan-top{
    grid-template-columns:1.02fr 1.18fr;
    gap:0;
    align-items:start;
    overflow:visible;
  }
  .hp-plan-copy{
    position:relative;
    z-index:2;
  }
  .hp-plan-image{
    width:142%;
    max-width:none;
    height:228px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    align-self:start;
    margin-top:-16px;
    margin-right:-22px;
    transform-origin:top right;
    position:relative;
    z-index:1;
  }
  .hp-plan-lifetime .hp-plan-image{
    width:158%;
    height:244px;
    margin-top:-22px;
    margin-right:-26px;
  }
}

@media (min-width:651px) and (max-width:1050px){
  .hp-plan-top{
    grid-template-columns:1.05fr .95fr;
    gap:4px;
    align-items:start;
    overflow:visible;
  }
  .hp-plan-image{
    width:125%;
    max-width:none;
    height:215px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    margin-top:-10px;
    margin-right:-12px;
  }
  .hp-plan-lifetime .hp-plan-image{
    width:135%;
    height:225px;
  }
}


/* v10.9 — Monthly pricing laptop only: preserve title clearance. */
@media (min-width:1051px){
  .hp-plan-monthly .hp-plan-top{
    grid-template-columns:58% 42%;
    gap:0;
    align-items:start;
    overflow:visible;
  }

  .hp-plan-monthly .hp-plan-image{
    width:118%;
    max-width:235px;
    height:205px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    align-self:start;
    margin-top:-6px;
    margin-right:-8px;
    position:relative;
    z-index:1;
  }

  .hp-plan-monthly .hp-plan-copy{
    position:relative;
    z-index:2;
  }
}


/* v11.0 — Monthly laptop only: larger, with protected text/border clearance. */
@media (min-width:1051px){
  .hp-plan-monthly .hp-plan-top{
    grid-template-columns:61% 39%;
    gap:0;
    align-items:start;
    overflow:visible;
  }

  .hp-plan-monthly .hp-plan-copy{
    position:relative;
    z-index:2;
    padding-right:8px;
  }

  .hp-plan-monthly .hp-plan-image{
    width:132%;
    max-width:250px;
    height:218px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    align-self:start;
    margin-top:-8px;
    margin-right:2px;
    transform:none;
    position:relative;
    z-index:1;
  }
}

/* v11.1 — Pricing plan laptops refined to match approved mockup.
   Goal: larger image presentation in the top-right of each pricing card,
   while keeping the full laptop visible and clear of text/borders. */
@media (min-width:1051px){
  .hp-plan-monthly .hp-plan-top,
  .hp-plan-annual .hp-plan-top,
  .hp-plan-lifetime .hp-plan-top{
    align-items:start;
  }

  .hp-plan-monthly .hp-plan-top{
    grid-template-columns:55% 45%;
    gap:4px;
  }
  .hp-plan-monthly .hp-plan-copy{
    position:relative;
    z-index:2;
    padding-right:8px;
  }
  .hp-plan-monthly .hp-plan-image{
    width:126%;
    max-width:292px;
    height:222px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    align-self:start;
    margin-top:-2px;
    margin-right:-2px;
    position:relative;
    z-index:1;
  }

  .hp-plan-annual .hp-plan-top{
    grid-template-columns:53% 47%;
    gap:4px;
  }
  .hp-plan-annual .hp-plan-image{
    width:136%;
    max-width:314px;
    height:232px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    align-self:start;
    margin-top:-12px;
    margin-right:-2px;
    position:relative;
    z-index:1;
  }

  .hp-plan-lifetime .hp-plan-top{
    grid-template-columns:57% 43%;
    gap:4px;
  }
  .hp-plan-lifetime .hp-plan-copy{
    position:relative;
    z-index:2;
    padding-right:4px;
  }
  .hp-plan-lifetime .hp-plan-image{
    width:136%;
    max-width:318px;
    height:232px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    align-self:start;
    margin-top:-14px;
    margin-right:0;
    position:relative;
    z-index:1;
  }
}

@media (min-width:651px) and (max-width:1050px){
  .hp-plan-monthly .hp-plan-top,
  .hp-plan-annual .hp-plan-top,
  .hp-plan-lifetime .hp-plan-top{
    grid-template-columns:56% 44%;
    gap:8px;
    align-items:start;
  }
  .hp-plan-monthly .hp-plan-image,
  .hp-plan-annual .hp-plan-image,
  .hp-plan-lifetime .hp-plan-image{
    width:118%;
    max-width:260px;
    height:205px;
    object-fit:contain;
    object-position:top right;
    justify-self:end;
    align-self:start;
    margin-top:-4px;
    margin-right:0;
  }
}

/* v11.2 — Harmony Trading Edge conversion landing page. */
.hte-page{font-family:inherit;color:#0a1f42;background:#fff}.hte-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.hte-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 30%,rgba(0,158,255,.28),transparent 30%),linear-gradient(135deg,#06152e 0%,#082349 54%,#041329 100%);color:#fff;padding:58px 0 34px}.hte-hero:before{content:"";position:absolute;inset:0;opacity:.38;background:linear-gradient(140deg,transparent 0 56%,rgba(25,135,255,.14) 56% 60%,transparent 60%)}.hte-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center}.hte-kicker,.hte-section-kicker{font-size:14px;font-weight:900;letter-spacing:.22em;color:#28c6ff;margin-bottom:16px}.hte-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:.98;margin:0 0 18px;letter-spacing:-.045em}.hte-hero h1 span,.hte-process-section h2 span,.hte-value-section h2 span,.hte-lifetime-section h2 span{color:#0ca7ff}.hte-hero-lead{max-width:650px;font-size:22px;line-height:1.45;color:#e6f2ff;margin:0 0 28px}.hte-hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hte-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border-radius:12px;padding:0 24px;text-decoration:none!important;font-weight:900;font-size:17px;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:transform .2s ease,filter .2s ease}.hte-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.hte-btn-nt{background:linear-gradient(135deg,#ff7a00,#ff4d00);color:#fff!important}.hte-btn-trial{background:linear-gradient(135deg,#14c968,#03a84f);color:#fff!important}.hte-trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;color:#d7ebff;font-weight:700;font-size:14px}.hte-hero-media{position:relative;min-height:390px;display:grid;place-items:center}.hte-hero-media img{position:relative;z-index:2;width:118%;max-width:760px;margin-right:-90px;filter:drop-shadow(0 25px 36px rgba(0,0,0,.45))}.hte-hero-glow{position:absolute;width:480px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,255,.28),transparent 67%);filter:blur(12px)}.hte-handnote{position:absolute;right:-8px;bottom:12px;z-index:3;font-size:28px;line-height:1.05;font-style:italic;transform:rotate(-7deg);color:#fff;text-shadow:0 2px 10px #000}.hte-process-section{padding:56px 0 44px;background:linear-gradient(#fff,#f7fbff)}.hte-process-section h2,.hte-value-section h2,.hte-lifetime-section h2{font-size:clamp(38px,4.2vw,60px);line-height:1.02;letter-spacing:-.035em;margin:0 0 28px;color:#081c3e}.hte-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hte-process-card{background:#fff;border:1px solid #dbe9f6;border-radius:18px;padding:22px;box-shadow:0 12px 28px rgba(19,80,129,.08)}.hte-step-head{display:flex;align-items:center;gap:12px}.hte-step-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0d72ff;color:#fff;font-size:22px;font-weight:900}.hte-step-icon{font-size:34px;color:#0d72ff}.hte-process-card h3{font-size:28px;margin:12px 0 6px;color:#071d42}.hte-process-card p{font-size:17px;line-height:1.42;color:#31517b;min-height:72px;margin:0 0 16px}.hte-process-card img{width:100%;height:230px;object-fit:cover;border-radius:10px;border:1px solid #d2deea;background:#07182e}.hte-process-card ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}.hte-process-card li{position:relative;padding-left:30px;color:#173967;font-weight:650}.hte-process-card li:before{content:"✓";position:absolute;left:0;top:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0d72ff;color:#fff;font-size:12px;font-weight:900}.hte-process-strip{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border:1px solid #d4e6f5;border-radius:16px;background:#eef7ff;color:#0d2f63}.hte-process-strip span{display:flex;align-items:center;gap:8px}.hte-process-strip i{font-size:28px;color:#0d72ff}.hte-value-section{padding:48px 0 54px;background:linear-gradient(135deg,#06152e,#082a56);color:#fff}.hte-value-section .hte-section-kicker,.hte-lifetime-section .hte-section-kicker{color:#27d2ff}.hte-value-section h2,.hte-lifetime-section h2{color:#fff}.hte-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hte-value-card{overflow:hidden;border:1px solid rgba(61,178,255,.5);border-radius:18px;background:linear-gradient(180deg,rgba(16,58,100,.85),rgba(5,25,52,.96));box-shadow:0 16px 35px rgba(0,0,0,.24)}.hte-value-card img{width:100%;height:220px;object-fit:cover;display:block}.hte-value-card h3{font-size:26px;margin:18px 20px 6px}.hte-value-card p{font-size:17px;color:#d6e7fb;margin:0 20px 22px}.hte-lifetime-section{padding:58px 0;background:radial-gradient(circle at 65% 30%,rgba(255,181,37,.12),transparent 30%),linear-gradient(135deg,#051329,#071e3c);color:#fff}.hte-lifetime-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.hte-lifetime-lead{font-size:20px;line-height:1.45;color:#deebf9;max-width:720px}.hte-lifetime-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:24px;color:#f2f6fb}.hte-lifetime-benefits span{display:block}.hte-lifetime-offer{position:relative;border:1px solid rgba(255,190,45,.75);border-radius:20px;padding:30px;background:linear-gradient(180deg,rgba(12,36,66,.95),rgba(4,16,33,.98));text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.35)}.hte-bonus{display:inline-block;padding:7px 16px;border-radius:999px;background:#ffc22e;color:#1f1600;font-weight:900;margin-bottom:16px}.hte-price{font-size:70px;font-weight:950;line-height:1;color:#fff}.hte-price small{font-size:34px}.hte-price-note{font-size:13px;letter-spacing:.14em;color:#d9e7f4;margin:8px 0 20px}.hte-btn-lifetime{width:100%;background:linear-gradient(135deg,#ffd34d,#ffae16);color:#161000!important}.light{color:#27d2ff}
@media(max-width:980px){.hte-hero-grid,.hte-lifetime-grid{grid-template-columns:1fr}.hte-hero-media{min-height:280px}.hte-hero-media img{width:100%;margin:0}.hte-process-grid,.hte-value-grid{grid-template-columns:1fr}.hte-process-card p{min-height:0}.hte-process-card img{height:auto}.hte-process-strip{flex-wrap:wrap;justify-content:center}.hte-process-strip i{display:none}.hte-lifetime-benefits{grid-template-columns:1fr}}
@media(max-width:640px){.hte-wrap{width:min(100% - 24px,1180px)}.hte-hero{padding-top:38px}.hte-hero h1{font-size:46px}.hte-hero-lead{font-size:18px}.hte-btn{width:100%;font-size:15px}.hte-trust-row{gap:10px;display:grid}.hte-hero-media{min-height:220px}.hte-handnote{font-size:20px}.hte-process-section,.hte-value-section,.hte-lifetime-section{padding:40px 0}.hte-process-section h2,.hte-value-section h2,.hte-lifetime-section h2{font-size:38px}.hte-process-card{padding:16px}.hte-value-card img{height:auto}.hte-price{font-size:56px}}

/* v11.3 — Approved Harmony Edge composition.
   The full design is locked to the approved mockup.
   Only Environment / Setup / Risk chart images are replaceable. */
.hte-approved-page{
  background:#fff;
  padding:0;
  margin:0;
  overflow-x:hidden;
}
.hte-approved-stage{
  position:relative;
  width:min(100%, 1240px);
  margin:0 auto;
  line-height:0;
  background:#fff;
}
.hte-approved-master{
  display:block;
  width:100%;
  height:auto;
}
.hte-approved-hotspot{
  position:absolute;
  display:block;
  z-index:4;
  border-radius:12px;
  cursor:pointer;
  text-decoration:none!important;
}
.hte-approved-hotspot:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(0,136,255,.65);
}
/* Button locations based on the approved 992×1586 master artwork. */
.hte-approved-nt{
  left:4.64%;
  top:19.04%;
  width:28.83%;
  height:3.53%;
}
.hte-approved-trial{
  left:34.58%;
  top:19.04%;
  width:23.39%;
  height:3.53%;
}
.hte-approved-chart{
  position:absolute;
  z-index:3;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:4px;
  background:#07152f;
}
/* Editable chart windows under “Three Steps. A Clearer Way to Trade.” */
.hte-approved-chart-environment{
  left:4.13%;
  top:48.36%;
  width:27.02%;
  height:12.29%;
}
.hte-approved-chart-setup{
  left:34.58%;
  top:48.36%;
  width:27.12%;
  height:12.29%;
}
.hte-approved-chart-risk{
  left:65.52%;
  top:48.36%;
  width:27.32%;
  height:12.29%;
}
@media (max-width:720px){
  .hte-approved-stage{
    width:100%;
  }
  .hte-approved-chart{
    border-radius:2px;
  }
}

/* v11.6 — Harmony Trading Edge: exact single editable chart per card. */
.hte-v116-page{background:#fff;margin:0;padding:0;overflow-x:hidden;}
.hte-v116-band{position:relative;width:min(100%,1240px);margin:0 auto;line-height:0;background:#fff;}
.hte-v116-art{display:block;width:100%;height:auto;}
.hte-v116-hotspot{position:absolute;z-index:5;display:block;border-radius:12px;text-decoration:none!important;}
.hte-v116-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px rgba(0,136,255,.65);}
/* Hero crop is 992×520; hotspot coordinates converted from the approved full-page artwork. */
.hte-v116-nt{left:4.64%;top:58.08%;width:28.83%;height:10.77%;}
.hte-v116-trial{left:34.58%;top:58.08%;width:23.39%;height:10.77%;}
.hte-v116-live-chart{position:absolute;z-index:3;display:block;object-fit:cover;object-position:center;border-radius:5px;background:#07152f;box-shadow:none!important;transform:none!important;}
/* Exact chart windows on the 992×498 Three Steps background. */
.hte-v116-env{left:7.06%;top:43.37%;width:25.81%;height:35.34%;}
.hte-v116-setup{left:35.69%;top:43.37%;width:26.61%;height:35.14%;}
.hte-v116-risk{left:65.22%;top:43.37%;width:27.72%;height:35.14%;}
@media (max-width:720px){.hte-v116-live-chart{border-radius:3px;}}



/* v11.9 — footer separation is embedded as white pixels in hte-v116-bottom.webp. */


/* v12.0 dark video hero homepage refresh */
.hero-video-dark{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(31,137,255,.22),transparent 34%),radial-gradient(circle at 50% 100%,rgba(16,89,255,.12),transparent 34%),linear-gradient(180deg,#041225 0%,#021228 48%,#031329 100%);padding:26px 0 60px;color:#fff}
.hero-video-dark:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(61,164,255,.08),transparent 120px,transparent calc(100% - 150px),rgba(17,111,255,.06) 100%);pointer-events:none}
.hero-video-dark-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:34px}
.hero-video-frame{width:min(1200px,100%);aspect-ratio:16/9;position:relative;border-radius:26px;padding:10px;background:linear-gradient(180deg,rgba(40,160,255,.85),rgba(0,84,208,.35));box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 0 1px rgba(77,175,255,.45);overflow:hidden}
.hero-video-frame:before{content:"";position:absolute;inset:1px;border-radius:24px;border:1px solid rgba(120,204,255,.35);pointer-events:none}
.hero-video-frame-media,.hero-video-frame-poster{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#000;border-radius:18px}
.hero-video-frame-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.hero-video-frame-play{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.58);color:#fff;font-size:48px;backdrop-filter:blur(6px);box-shadow:0 18px 36px rgba(0,0,0,.35)}
.hero-video-dark-copy{max-width:1040px;text-align:center}
.hero-video-dark-copy .eyebrow{margin-bottom:14px;letter-spacing:.22em;font-weight:900;color:#16c6ff}
.hero-video-dark-copy h1{font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-.05em;margin:0 0 18px;color:#fff}
.hero-video-dark-copy h1 span{color:#19a8ff}
.hero-video-dark-copy .lead{font-size:clamp(19px,2.1vw,25px);line-height:1.48;color:#d9ebff;max-width:980px;margin:0 auto 20px}
.hero-video-dark-copy .meta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 0 24px;color:#9fd8ff;font-weight:700}
.hero-video-dark-copy .actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.hero-video-dark .btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 26px;border-radius:14px;text-decoration:none!important;font-weight:900;font-size:18px;box-shadow:0 14px 30px rgba(0,0,0,.28);transition:transform .2s ease,filter .2s ease}
.hero-video-dark .btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.hero-video-dark .btn-trial{background:linear-gradient(135deg,#12d16f,#06b658);color:#fff!important}
.hero-video-dark .btn-secondary{background:rgba(8,22,44,.7);border:1px solid rgba(126,206,255,.7);color:#fff!important}
.hero-video-dark-wave{position:absolute;bottom:-40px;width:420px;height:180px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(45,170,255,.28),transparent 58%);filter:blur(4px);opacity:.95}
.hero-video-dark-wave-left{left:-60px}
.hero-video-dark-wave-right{right:-60px}
.hero-video-dark-wave-left:before,.hero-video-dark-wave-right:before,.hero-video-dark-wave-left:after,.hero-video-dark-wave-right:after{content:"";position:absolute;inset:auto 0 0 0;height:170px;border-top:1px solid rgba(54,171,255,.36);border-radius:50%}
.hero-video-dark-wave-left:before,.hero-video-dark-wave-right:before{transform:translateY(-14px) scaleX(1.02)}
.hero-video-dark-wave-left:after,.hero-video-dark-wave-right:after{transform:translateY(-32px) scaleX(.92);opacity:.65}
@media(max-width:980px){.hero-video-dark{padding:18px 0 46px}.hero-video-dark-wrap{gap:26px}.hero-video-frame{padding:8px;border-radius:20px}.hero-video-frame-media,.hero-video-frame-poster{border-radius:14px}.hero-video-frame-play{width:84px;height:84px;font-size:36px}.hero-video-dark-copy .lead{font-size:18px}.hero-video-dark .btn{font-size:16px}}
@media(max-width:640px){.hero-video-dark{padding:10px 0 38px}.hero-video-dark-wrap{gap:20px}.hero-video-dark-copy h1{font-size:44px}.hero-video-dark-copy .meta{display:grid;gap:8px}.hero-video-dark .btn{width:100%}.hero-video-dark-wave{width:240px;height:110px;bottom:-18px;opacity:.7}}


/* v12.2 — full-bleed hero video + blue aura */
.hero-video-frame{
  padding:0!important;
  overflow:hidden!important;
  background:#00152f!important;
  border:2px solid #2aa8ff!important;
  box-shadow:
    0 0 0 2px rgba(20,145,255,.35),
    0 0 18px rgba(34,167,255,.95),
    0 0 42px rgba(0,113,255,.70),
    0 24px 70px rgba(0,0,0,.48)!important;
}
.hero-video-frame:before{
  inset:0!important;
  border-radius:inherit!important;
  border:1px solid rgba(150,225,255,.55)!important;
  box-shadow:inset 0 0 18px rgba(54,180,255,.35)!important;
  z-index:4;
}
.hero-video-frame-media,
.hero-video-frame-poster{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  border-radius:22px!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.18)!important;
  transform-origin:center center!important;
  background:transparent!important;
}
@media(max-width:980px){
  .hero-video-frame-media,.hero-video-frame-poster{transform:scale(1.18)!important;border-radius:18px!important}
}
@media(max-width:640px){
  .hero-video-frame{border-width:1px!important;box-shadow:0 0 14px rgba(34,167,255,.9),0 0 28px rgba(0,113,255,.55),0 16px 40px rgba(0,0,0,.42)!important}
  .hero-video-frame-media,.hero-video-frame-poster{transform:scale(1.18)!important;border-radius:16px!important}
}


/* v12.3 — Market phase chart side preview.
   Desktop: preview opens to the LEFT of the active card at the same vertical level.
   Mobile/tablet: preview opens directly BELOW the active card so it remains fully visible. */
@media (min-width: 1001px){
  #market-phases .phase-card .phase-preview{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .harmony-phase-side-preview{
    position:fixed;
    z-index:99999;
    width:min(430px,32vw);
    max-height:72vh;
    padding:12px;
    border:1px solid #d8e6f2;
    border-radius:18px;
    background:#fff;
    box-shadow:0 22px 58px rgba(9,38,70,.22),0 4px 16px rgba(9,38,70,.10);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(10px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  }
  .harmony-phase-side-preview.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
  }
  .harmony-phase-side-preview:after{
    content:"";
    position:absolute;
    right:-11px;
    top:44px;
    width:20px;
    height:20px;
    background:#fff;
    border-top:1px solid #d8e6f2;
    border-right:1px solid #d8e6f2;
    transform:rotate(45deg);
  }
  .harmony-phase-side-preview-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 10px;
    padding:0 2px;
  }
  .harmony-phase-side-preview-title{
    margin:0;
    color:#0a1f42;
    font-size:20px;
    line-height:1.2;
    font-weight:850;
  }
  .harmony-phase-side-preview-close{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:#eef6fc;
    color:#24435f;
    font-size:22px;
    line-height:1;
    cursor:pointer;
  }
  .harmony-phase-side-preview img{
    display:block;
    width:100%;
    height:auto;
    max-height:calc(72vh - 66px);
    object-fit:contain;
    border-radius:12px;
    background:#f7fafc;
  }
}
@media (max-width: 1000px){
  #market-phases .phase-card .phase-preview{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:16px 0 0!important;
    transform:none!important;
    z-index:2!important;
  }
  #market-phases .phase-card[aria-expanded="true"] .phase-preview{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .harmony-phase-side-preview{display:none!important;}
}


/* v12.4 — homepage hero NinjaTrader affiliate CTA */
.hero-video-dark .btn-ninjatrader{
    background:linear-gradient(135deg,#ff8a00 0%,#ff5a00 52%,#f04400 100%);
    border:1px solid rgba(255,190,95,.92);
    color:#fff!important;
    box-shadow:0 14px 34px rgba(255,92,0,.28),0 0 20px rgba(255,123,0,.16);
}
.hero-video-dark .btn-ninjatrader:hover{
    filter:brightness(1.06);
    box-shadow:0 16px 38px rgba(255,92,0,.34),0 0 26px rgba(255,123,0,.22);
}


/* v12.5 fallback: hide any rendered We Are Live navigation link. */
header li:has(> a[href*="we-are-live"]),
nav li:has(> a[href*="we-are-live"]) { display:none !important; }


/* v12.7 — Hands-On Trading Education page */
.hte-education-page{background:#f8fbff;color:#0a1d43;font-family:inherit}.hte-education-page .wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}.hte-edu-hero{padding:54px 0 0;background:linear-gradient(110deg,#fff 0%,#fff 38%,#edf7ff 62%,#e9f6ff 100%);overflow:hidden}.hte-edu-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:22px}.hte-edu-kicker,.hte-edu-section-kicker{font-size:13px;letter-spacing:.22em;font-weight:900;color:#137fe3;margin-bottom:10px}.hte-edu-copy h1{font-size:clamp(48px,5.8vw,76px);line-height:.96;letter-spacing:-.045em;margin:0;color:#07194c}.hte-edu-copy h2{font-size:30px;margin:12px 0 16px;color:#1689ef}.hte-edu-copy p{font-size:19px;line-height:1.45;color:#3c567c;margin:0;max-width:600px}.hte-edu-laptop-wrap{position:relative;min-height:360px;display:flex;align-items:end;justify-content:center}.hte-edu-laptop{display:block;width:118%;max-width:710px;margin-right:-50px;filter:drop-shadow(0 20px 32px rgba(6,45,94,.22))}.hte-edu-pillars{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(135deg,#0c73e8,#0b8cff 60%,#0b73e5);border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 16px 35px rgba(8,99,199,.2);margin-top:-18px}.hte-edu-pillar{display:flex;gap:16px;align-items:center;padding:24px 28px;color:#fff;border-right:1px solid rgba(255,255,255,.28)}.hte-edu-pillar:last-child{border-right:0}.hte-edu-pillar-icon{font-size:34px;line-height:1;color:#fff}.hte-edu-pillar strong{display:block;font-size:20px;line-height:1.05}.hte-edu-pillar small{display:block;font-size:14px;line-height:1.35;color:#eaf5ff;margin-top:5px}.hte-edu-section{padding:46px 0}.hte-edu-library{background:#f7fbff}.hte-edu-learning{background:#fff}.hte-edu-section h2,.hte-edu-advantage h2,.hte-edu-cta h2{font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.035em;margin:0 0 8px;color:#07194c}.hte-edu-intro{font-size:17px;line-height:1.5;color:#4e6484;max-width:960px;margin:0 0 24px}.hte-edu-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hte-edu-module{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #dbeafb;border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(35,84,134,.07)}.hte-edu-module-icon{flex:0 0 56px;width:56px;height:56px;border-radius:16px;background:#edf7ff;color:#1386ed;display:grid;place-items:center;font-size:30px;font-weight:900}.hte-edu-module h3{font-size:18px;line-height:1.1;margin:4px 0 5px;color:#07194c}.hte-edu-module p{font-size:14px;line-height:1.4;color:#4e6484;margin:0}.hte-edu-module p strong{color:#07194c}.hte-edu-learning-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hte-edu-learning-grid article{background:#fff;border:1px solid #dbeafb;border-radius:18px;padding:20px 14px;text-align:center;box-shadow:0 8px 22px rgba(35,84,134,.06)}.hte-edu-learning-grid article>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:15px;background:#edf7ff;color:#1187ef;font-size:25px;font-weight:900}.hte-edu-learning-grid h3{font-size:17px;line-height:1.15;margin:0 0 7px;color:#07194c}.hte-edu-learning-grid p{font-size:14px;line-height:1.4;color:#4e6484;margin:0}.hte-edu-advantage{padding:44px 0;background:radial-gradient(circle at 80% 30%,rgba(29,147,255,.28),transparent 32%),linear-gradient(135deg,#041a3c,#073873 68%,#041b3d);color:#fff;overflow:hidden}.hte-edu-advantage-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:20px}.hte-edu-section-kicker.light{color:#74d5ff}.hte-edu-advantage h2{color:#fff}.hte-edu-adv-copy>p{font-size:17px;color:#d3e6fb;max-width:720px}.hte-edu-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.hte-edu-results div{border-left:3px solid #1ea9ff;padding-left:12px}.hte-edu-results strong{display:block;font-size:15px}.hte-edu-results span{display:block;font-size:13px;line-height:1.35;color:#c7dcf5;margin-top:4px}.hte-edu-adv-visual{height:240px;position:relative;display:flex;align-items:end;justify-content:center}.hte-edu-screen-glow{position:absolute;inset:18px 0 0;background:radial-gradient(circle at center,rgba(25,171,255,.38),transparent 60%)}.hte-edu-adv-bars{position:relative;display:flex;gap:12px;align-items:end;height:170px}.hte-edu-adv-bars i{display:block;width:28px;border-radius:8px 8px 0 0;background:linear-gradient(#7edcff,#168cff);box-shadow:0 0 24px rgba(27,163,255,.45)}.hte-edu-adv-bars i:nth-child(1){height:55px}.hte-edu-adv-bars i:nth-child(2){height:82px}.hte-edu-adv-bars i:nth-child(3){height:112px}.hte-edu-adv-bars i:nth-child(4){height:142px}.hte-edu-adv-bars i:nth-child(5){height:170px}.hte-edu-cta{padding:26px 0;background:linear-gradient(135deg,#052453,#063c83);color:#fff}.hte-edu-cta-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px}.hte-edu-cta h2{color:#fff;font-size:34px;margin-bottom:5px}.hte-edu-cta p{margin:0;color:#d6e9ff;font-size:16px}.hte-edu-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:270px;min-height:60px;border-radius:14px;background:linear-gradient(135deg,#10cd6b,#08ad54);color:#fff!important;text-decoration:none!important;font-size:18px;font-weight:900;box-shadow:0 12px 30px rgba(2,198,101,.25);transition:transform .2s ease,filter .2s ease}.hte-edu-cta-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
@media(max-width:980px){.hte-edu-hero-grid{grid-template-columns:1fr}.hte-edu-copy{text-align:center}.hte-edu-copy p{margin-left:auto;margin-right:auto}.hte-edu-laptop-wrap{min-height:260px}.hte-edu-laptop{width:95%;margin:0}.hte-edu-pillars{grid-template-columns:1fr;margin-top:0;border-radius:18px}.hte-edu-pillar{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.hte-edu-pillar:last-child{border-bottom:0}.hte-edu-module-grid{grid-template-columns:repeat(2,1fr)}.hte-edu-learning-grid{grid-template-columns:repeat(2,1fr)}.hte-edu-learning-grid article:last-child{grid-column:1/-1}.hte-edu-advantage-grid{grid-template-columns:1fr}.hte-edu-adv-visual{height:150px}.hte-edu-results{grid-template-columns:repeat(2,1fr)}.hte-edu-cta-inner{grid-template-columns:1fr;text-align:center}.hte-edu-cta-btn{justify-self:center}}
@media(max-width:640px){.hte-edu-hero{padding-top:34px}.hte-edu-copy h1{font-size:46px}.hte-edu-copy h2{font-size:25px}.hte-edu-copy p{font-size:17px}.hte-edu-laptop-wrap{min-height:200px}.hte-edu-section{padding:36px 0}.hte-edu-module-grid,.hte-edu-learning-grid,.hte-edu-results{grid-template-columns:1fr}.hte-edu-learning-grid article:last-child{grid-column:auto}.hte-edu-module{padding:15px}.hte-edu-module-icon{width:48px;height:48px;flex-basis:48px;font-size:25px}.hte-edu-adv-visual{display:none}.hte-edu-cta-btn{width:100%;min-width:0}.hte-edu-pillars{border-radius:14px}.hte-edu-pillar{padding:18px 20px}}


/* v13.0 — approved Hands-On Trading Education page */
.hte-education-v13{background:#f7fbff;color:#0a1d43}
.hte-education-v13 .wrap{width:min(1240px,calc(100% - 36px));margin:0 auto}
.hte-education-v13 .hte-edu-hero{padding:34px 0 0;background:linear-gradient(100deg,#fff 0%,#fff 42%,#edf7ff 67%,#dfefff 100%);overflow:hidden}
.hte-education-v13 .hte-edu-hero-grid{grid-template-columns:.92fr 1.08fr;gap:8px;min-height:430px}
.hte-education-v13 .hte-edu-brandmark{min-height:46px;margin-bottom:18px;display:flex;align-items:center}
.hte-education-v13 .hte-edu-brandmark .custom-logo-link{display:inline-flex}.hte-education-v13 .hte-edu-brandmark img{max-height:52px;width:auto!important}
.hte-education-v13 .hte-edu-copy h1{font-size:clamp(52px,5.8vw,82px);line-height:.93;letter-spacing:-.052em}
.hte-education-v13 .hte-edu-copy h2{font-size:30px;color:#1689ef;margin:10px 0 14px}
.hte-education-v13 .hte-edu-copy p{font-size:19px;line-height:1.42;max-width:585px}
.hte-education-v13 .hte-edu-laptop-wrap{min-height:410px;align-items:end;overflow:visible}
.hte-education-v13 .hte-edu-laptop{width:124%;max-width:780px;margin-right:-92px;margin-bottom:-10px;filter:drop-shadow(0 20px 34px rgba(6,45,94,.23))}
.hte-education-v13 .hte-edu-pillars{margin-top:-4px;border-radius:18px;background:linear-gradient(100deg,#0c6ce7,#1089f5 62%,#0a72df);box-shadow:0 18px 40px rgba(8,99,199,.24)}
.hte-education-v13 .hte-edu-pillar{padding:22px 28px;border-right:1px solid rgba(255,255,255,.35)}
.hte-education-v13 .hte-edu-pillar-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;color:#fff}.hte-education-v13 .hte-edu-pillar-icon svg{width:48px;height:48px}
.hte-education-v13 .hte-edu-pillar strong{font-size:19px}.hte-education-v13 .hte-edu-pillar small{font-size:14px}
.hte-education-v13 .hte-edu-section{padding:18px 0 0}
.hte-education-v13 .hte-edu-panel{background:linear-gradient(180deg,#f1f8ff,#eaf5ff);border:1px solid #dceafa;border-radius:22px;padding:28px 28px 30px;box-shadow:0 12px 30px rgba(31,91,145,.05)}
.hte-education-v13 .hte-edu-learning .hte-edu-panel{background:linear-gradient(180deg,#f5faff,#eef7ff)}
.hte-education-v13 .hte-edu-section h2{font-size:clamp(34px,3.7vw,52px);margin-bottom:7px}
.hte-education-v13 .hte-edu-intro{max-width:1000px;margin-bottom:20px}
.hte-education-v13 .hte-edu-module-grid{gap:14px}
.hte-education-v13 .hte-edu-module{position:relative;min-height:102px;align-items:center;padding:16px 42px 16px 14px;border-radius:16px;background:#fff}
.hte-education-v13 .hte-edu-module-icon{width:58px;height:58px;flex-basis:58px;border-radius:15px}.hte-education-v13 .hte-edu-module-icon svg{width:36px;height:36px}
.hte-education-v13 .hte-edu-module h3{font-size:17px;margin:0 0 4px}.hte-education-v13 .hte-edu-module p{font-size:13.5px}
.hte-education-v13 .hte-edu-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:700;color:#1187ef}
.hte-education-v13 .hte-edu-learning-grid{gap:12px}.hte-education-v13 .hte-edu-learning-grid article{min-height:190px;padding:18px 12px;border-radius:16px}.hte-education-v13 .hte-edu-learning-grid article>span{background:transparent;width:58px;height:58px;color:#1187ef}.hte-education-v13 .hte-edu-learning-grid article>span svg{width:48px;height:48px}.hte-education-v13 .hte-edu-learning-grid h3{font-size:17px}.hte-education-v13 .hte-edu-learning-grid p{font-size:13.5px}
.hte-education-v13 .hte-edu-advantage{margin-top:18px;padding:26px 0 0;background:linear-gradient(105deg,#051b3d 0%,#063770 65%,#0a4f8c 100%);position:relative;overflow:hidden}
.hte-education-v13 .hte-edu-advantage:after{content:"";position:absolute;right:0;bottom:0;width:40%;height:100%;background:radial-gradient(circle at 65% 60%,rgba(43,173,255,.3),transparent 45%);pointer-events:none}
.hte-education-v13 .hte-edu-advantage-grid{grid-template-columns:1.2fr .8fr;min-height:300px}
.hte-education-v13 .hte-edu-adv-copy{padding-bottom:26px;position:relative;z-index:2}.hte-education-v13 .hte-edu-advantage h2{font-size:clamp(34px,3.4vw,48px)}
.hte-education-v13 .hte-edu-results{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.hte-education-v13 .hte-edu-results div{border-left:0;padding-left:0}.hte-education-v13 .hte-result-icon{display:grid!important;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid #19adff;color:#4dc8ff;margin-bottom:8px}.hte-education-v13 .hte-result-icon svg{width:25px;height:25px}.hte-education-v13 .hte-edu-results strong{font-size:14px}.hte-education-v13 .hte-edu-results span:not(.hte-result-icon){font-size:12.5px}
.hte-education-v13 .hte-edu-adv-visual{height:300px;position:relative;z-index:2;align-items:end}.hte-education-v13 .hte-edu-adv-visual img{width:115%;max-width:540px;transform:translate(40px,35px);filter:drop-shadow(0 24px 45px rgba(0,0,0,.45))}.hte-education-v13 .hte-edu-adv-brandmark{position:absolute;right:18px;top:22px;opacity:.92}.hte-education-v13 .hte-edu-adv-brandmark img{max-height:42px;width:auto!important}.hte-education-v13 .hte-edu-adv-brandmark .custom-logo-link{display:block}
.hte-education-v13 .hte-edu-cta{padding:20px 0;background:linear-gradient(105deg,#062654,#08468d);border-top:1px solid rgba(255,255,255,.18)}.hte-education-v13 .hte-edu-cta-inner{grid-template-columns:1fr auto}.hte-education-v13 .hte-edu-cta h2{font-size:34px}.hte-education-v13 .hte-edu-cta-btn{min-width:330px;min-height:62px;background:linear-gradient(135deg,#0e94ff,#1977ef);box-shadow:0 12px 28px rgba(18,126,238,.34)}
@media(max-width:980px){.hte-education-v13 .hte-edu-hero-grid{grid-template-columns:1fr;min-height:0}.hte-education-v13 .hte-edu-brandmark{justify-content:center}.hte-education-v13 .hte-edu-laptop-wrap{min-height:260px}.hte-education-v13 .hte-edu-laptop{width:96%;margin:0}.hte-education-v13 .hte-edu-pillars{grid-template-columns:1fr;margin-top:0}.hte-education-v13 .hte-edu-module-grid{grid-template-columns:repeat(2,1fr)}.hte-education-v13 .hte-edu-learning-grid{grid-template-columns:repeat(2,1fr)}.hte-education-v13 .hte-edu-learning-grid article:last-child{grid-column:1/-1}.hte-education-v13 .hte-edu-advantage-grid{grid-template-columns:1fr}.hte-education-v13 .hte-edu-adv-visual{height:210px}.hte-education-v13 .hte-edu-adv-visual img{max-width:460px;transform:translate(0,45px)}.hte-education-v13 .hte-edu-adv-brandmark{display:none}.hte-education-v13 .hte-edu-cta-inner{grid-template-columns:1fr;text-align:center}.hte-education-v13 .hte-edu-cta-btn{justify-self:center}}
@media(max-width:640px){.hte-education-v13 .wrap{width:min(100% - 22px,1240px)}.hte-education-v13 .hte-edu-hero{padding-top:24px}.hte-education-v13 .hte-edu-copy h1{font-size:44px}.hte-education-v13 .hte-edu-copy h2{font-size:24px}.hte-education-v13 .hte-edu-copy p{font-size:16.5px}.hte-education-v13 .hte-edu-panel{padding:22px 14px}.hte-education-v13 .hte-edu-module-grid,.hte-education-v13 .hte-edu-learning-grid,.hte-education-v13 .hte-edu-results{grid-template-columns:1fr}.hte-education-v13 .hte-edu-learning-grid article:last-child{grid-column:auto}.hte-education-v13 .hte-edu-adv-visual{display:none}.hte-education-v13 .hte-edu-cta-btn{width:100%;min-width:0}.hte-education-v13 .hte-edu-pillars{border-radius:14px}.hte-education-v13 .hte-edu-pillar{padding:18px 18px}.hte-education-v13 .hte-edu-module{min-height:94px}}


/* ==========================================================
   v13.1 — APPROVED HANDS-ON EDUCATION MOCKUP MATCH
   Scope: /hands-on-trading-education/ only
   ========================================================== */
.hte-education-v131{background:#f7fbff;color:#0a1b42;overflow:hidden}
.hte-education-v131 .wrap{width:min(1180px,calc(100% - 34px));margin:0 auto}
.hte-education-v131 .hte-edu-hero{position:relative;padding:22px 0 0;background:#fff;overflow:hidden}
.hte-education-v131 .hte-edu-hero:before{content:"";position:absolute;z-index:0;right:0;top:0;width:58%;height:430px;background:radial-gradient(circle at 78% 28%,rgba(53,178,255,.28),transparent 34%),linear-gradient(135deg,#f8fbff 0%,#eaf5ff 32%,#1787f3 72%,#0752b8 100%);filter:none}
.hte-education-v131 .hte-edu-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:8px;min-height:385px;align-items:center}
.hte-education-v131 .hte-edu-copy{padding:10px 0 42px;position:relative;z-index:3}
.hte-education-v131 .hte-edu-brandmark{min-height:48px;margin:0 0 17px;display:flex;align-items:center}
.hte-education-v131 .hte-edu-brandmark .custom-logo-link{display:inline-flex;align-items:center}
.hte-education-v131 .hte-edu-brandmark img{height:48px!important;max-height:48px!important;width:auto!important;object-fit:contain}
.hte-education-v131 .hte-edu-copy h1{font-size:clamp(54px,5.4vw,78px);line-height:.91;letter-spacing:-.052em;color:#07163b;margin:0 0 9px;font-weight:950}
.hte-education-v131 .hte-edu-copy h2{font-size:30px;line-height:1.1;color:#167fef;margin:0 0 15px;font-weight:900}
.hte-education-v131 .hte-edu-copy p{font-size:18.5px;line-height:1.43;color:#445a78;max-width:555px;margin:0}
.hte-education-v131 .hte-edu-laptop-wrap{position:relative;z-index:2;min-height:365px;display:flex;align-items:flex-end;justify-content:center;overflow:visible}
.hte-education-v131 .hte-edu-laptop{display:block;width:117%;max-width:720px;margin:0 -65px -8px 0;filter:drop-shadow(0 22px 34px rgba(0,25,60,.26))}

.hte-education-v131 .hte-edu-pillars{position:relative;z-index:4;margin:-4px auto 0;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(100deg,#0b6cdf,#0d84f3 58%,#0969d5);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(12,103,214,.24)}
.hte-education-v131 .hte-edu-pillar{display:flex;align-items:center;gap:18px;padding:21px 28px;color:#fff;border-right:1px solid rgba(255,255,255,.32)}
.hte-education-v131 .hte-edu-pillar:last-child{border-right:0}
.hte-education-v131 .hte-edu-pillar-icon{display:grid;place-items:center;width:55px;height:55px;flex:0 0 55px;color:#fff}
.hte-education-v131 .hte-edu-pillar-icon svg{width:48px;height:48px}
.hte-education-v131 .hte-edu-pillar strong{display:block;font-size:19px;line-height:1.05;margin-bottom:5px;color:#fff}
.hte-education-v131 .hte-edu-pillar small{display:block;font-size:13.5px;line-height:1.32;color:#eaf5ff}

.hte-education-v131 .hte-edu-section{padding:15px 0 0}
.hte-education-v131 .hte-edu-panel{background:linear-gradient(180deg,#f3f9ff 0%,#eaf4fe 100%);border:1px solid #dceafa;border-radius:22px;padding:22px 22px 24px;box-shadow:none}
.hte-education-v131 .hte-edu-section-kicker{font-size:12px;letter-spacing:.26em;font-weight:900;color:#35537e;margin-bottom:8px}
.hte-education-v131 .hte-edu-section h2{font-size:clamp(34px,3.2vw,46px);line-height:1;letter-spacing:-.035em;color:#091947;margin:0 0 6px;font-weight:950}
.hte-education-v131 .hte-edu-intro{font-size:16.5px;line-height:1.35;color:#536987;margin:0 0 18px;max-width:930px}
.hte-education-v131 .hte-edu-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hte-education-v131 .hte-edu-module{position:relative;display:flex;align-items:center;gap:12px;min-height:88px;padding:12px 34px 12px 12px;border-radius:16px;background:#fff;border:1px solid #e8f0f8;box-shadow:0 4px 14px rgba(22,92,155,.04)}
.hte-education-v131 .hte-edu-module-icon{width:56px;height:56px;flex:0 0 56px;border-radius:14px;background:#eef7ff;display:grid;place-items:center;color:#1186ef}
.hte-education-v131 .hte-edu-module-icon svg{width:36px;height:36px}
.hte-education-v131 .hte-edu-module h3{font-size:15.5px;line-height:1.1;color:#0a1c4e;margin:0 0 4px;font-weight:900}
.hte-education-v131 .hte-edu-module p{font-size:12.4px;line-height:1.25;color:#5e7088;margin:0}
.hte-education-v131 .hte-edu-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:27px;color:#0e89ef;font-weight:700}

.hte-education-v131 .hte-edu-learning .hte-edu-panel{padding-bottom:22px}
.hte-education-v131 .hte-edu-learning-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.hte-education-v131 .hte-edu-learning-grid article{background:#fff;border:1px solid #e6eff8;border-radius:14px;min-height:155px;padding:13px 10px 14px;text-align:center;display:flex;flex-direction:column;align-items:center}
.hte-education-v131 .hte-edu-learning-grid article>span{display:grid;place-items:center;width:46px;height:46px;color:#0f87ef;margin-bottom:5px}
.hte-education-v131 .hte-edu-learning-grid article>span svg{width:40px;height:40px}
.hte-education-v131 .hte-edu-learning-grid h3{font-size:14.5px;line-height:1.1;color:#091a4b;margin:2px 0 5px;font-weight:900}
.hte-education-v131 .hte-edu-learning-grid p{font-size:12.2px;line-height:1.25;color:#5d708b;margin:0}

.hte-education-v131 .hte-edu-advantage{position:relative;margin:15px auto 0;padding:0;background:linear-gradient(100deg,#041936 0%,#052b58 60%,#0b4f8a 100%);color:#fff;overflow:hidden}
.hte-education-v131 .hte-edu-advantage:before{content:"";position:absolute;right:0;top:0;width:46%;height:100%;background:radial-gradient(circle at 74% 52%,rgba(32,162,255,.28),transparent 40%),linear-gradient(135deg,rgba(8,64,126,.18),rgba(15,108,203,.45));opacity:1}
.hte-education-v131 .hte-edu-advantage-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .7fr;min-height:245px;align-items:center}
.hte-education-v131 .hte-edu-adv-copy{padding:22px 0 22px}
.hte-education-v131 .hte-edu-section-kicker.light{color:#b8ddff}
.hte-education-v131 .hte-edu-advantage h2{font-size:clamp(32px,3.1vw,43px);line-height:1.02;letter-spacing:-.035em;color:#fff;margin:0 0 7px;font-weight:950}
.hte-education-v131 .hte-edu-advantage p{font-size:15px;line-height:1.35;color:#e3effc;max-width:680px;margin:0}
.hte-education-v131 .hte-edu-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.hte-education-v131 .hte-edu-results>div{display:grid;grid-template-columns:38px 1fr;grid-template-areas:"icon strong" "icon text";column-gap:8px;align-items:start}
.hte-education-v131 .hte-result-icon{grid-area:icon;display:grid!important;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid #14a8ff;color:#2dc1ff}
.hte-education-v131 .hte-result-icon svg{width:21px;height:21px}
.hte-education-v131 .hte-edu-results strong{grid-area:strong;font-size:12.5px;line-height:1.08;color:#fff}
.hte-education-v131 .hte-edu-results span:not(.hte-result-icon){grid-area:text;font-size:11.2px;line-height:1.2;color:#d9e9fb}
.hte-education-v131 .hte-edu-adv-visual{min-height:245px}
.hte-education-v131 .hte-edu-adv-visual img,.hte-education-v131 .hte-edu-adv-brandmark{display:none!important}

.hte-education-v131 .hte-edu-cta{padding:18px 0;background:linear-gradient(100deg,#05234c,#0a4a91);border-top:1px solid rgba(255,255,255,.18)}
.hte-education-v131 .hte-edu-cta-inner{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}
.hte-education-v131 .hte-edu-cta h2{font-size:31px;line-height:1.05;color:#fff;margin:0 0 5px;font-weight:900}
.hte-education-v131 .hte-edu-cta p{font-size:14.5px;color:#dcecff;margin:0}
.hte-education-v131 .hte-edu-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:330px;min-height:58px;padding:0 28px;border-radius:13px;background:linear-gradient(135deg,#0f96ff,#176eea);box-shadow:0 10px 24px rgba(9,113,231,.32);color:#fff!important;text-decoration:none!important;font-size:18px;font-weight:950}
.hte-education-v131 .hte-edu-cta-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}

@media(max-width:980px){
 .hte-education-v131 .hte-edu-hero:before{width:100%;height:56%;top:44%;opacity:.5}
 .hte-education-v131 .hte-edu-hero-grid{grid-template-columns:1fr;min-height:0}
 .hte-education-v131 .hte-edu-copy{text-align:center;padding-bottom:12px}
 .hte-education-v131 .hte-edu-brandmark{justify-content:center}
 .hte-education-v131 .hte-edu-copy p{margin:0 auto}
 .hte-education-v131 .hte-edu-laptop-wrap{min-height:260px}
 .hte-education-v131 .hte-edu-laptop{width:95%;margin:0 auto -5px}
 .hte-education-v131 .hte-edu-pillars{grid-template-columns:1fr;margin-top:0}
 .hte-education-v131 .hte-edu-pillar{border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}
 .hte-education-v131 .hte-edu-pillar:last-child{border-bottom:0}
 .hte-education-v131 .hte-edu-module-grid{grid-template-columns:repeat(2,1fr)}
 .hte-education-v131 .hte-edu-learning-grid{grid-template-columns:repeat(2,1fr)}
 .hte-education-v131 .hte-edu-learning-grid article:last-child{grid-column:1/-1}
 .hte-education-v131 .hte-edu-advantage:before{width:100%;opacity:.22}
 .hte-education-v131 .hte-edu-advantage-grid{grid-template-columns:1fr}
 .hte-education-v131 .hte-edu-results{grid-template-columns:repeat(2,1fr)}
 .hte-education-v131 .hte-edu-adv-visual{display:none}
 .hte-education-v131 .hte-edu-cta-inner{grid-template-columns:1fr;text-align:center}
 .hte-education-v131 .hte-edu-cta-btn{justify-self:center}
}
@media(max-width:640px){
 .hte-education-v131 .wrap{width:min(100% - 20px,1180px)}
 .hte-education-v131 .hte-edu-hero{padding-top:20px}
 .hte-education-v131 .hte-edu-copy h1{font-size:43px}
 .hte-education-v131 .hte-edu-copy h2{font-size:24px}
 .hte-education-v131 .hte-edu-copy p{font-size:16px}
 .hte-education-v131 .hte-edu-laptop-wrap{min-height:205px}
 .hte-education-v131 .hte-edu-module-grid,.hte-education-v131 .hte-edu-learning-grid,.hte-education-v131 .hte-edu-results{grid-template-columns:1fr}
 .hte-education-v131 .hte-edu-learning-grid article:last-child{grid-column:auto}
 .hte-education-v131 .hte-edu-panel{padding:18px 12px}
 .hte-education-v131 .hte-edu-section h2{font-size:33px}
 .hte-education-v131 .hte-edu-module{min-height:86px}
 .hte-education-v131 .hte-edu-cta-btn{width:100%;min-width:0}
}


/* v13.2 - remove people photography from Hands-On Education page */
.hte-education-v131 .hte-edu-hero{background:linear-gradient(135deg,#ffffff 0%,#f3f9ff 48%,#e6f3ff 100%)}
.hte-education-v131 .hte-edu-hero:after{content:"";position:absolute;right:-8%;top:10%;width:46%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(20,139,246,.14),rgba(20,139,246,0) 68%);pointer-events:none}
.hte-education-v131 .hte-edu-advantage{background:linear-gradient(105deg,#041936 0%,#06386f 62%,#0b5aa5 100%)}
.hte-education-v131 .hte-edu-adv-visual{position:relative;min-height:245px;background:linear-gradient(145deg,rgba(15,130,239,.15),rgba(31,180,255,.04));border-left:1px solid rgba(255,255,255,.08)}
.hte-education-v131 .hte-edu-adv-visual:before,.hte-education-v131 .hte-edu-adv-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(59,180,255,.18)}
.hte-education-v131 .hte-edu-adv-visual:before{width:300px;height:300px;right:-80px;top:-70px}
.hte-education-v131 .hte-edu-adv-visual:after{width:210px;height:210px;right:-20px;bottom:-90px}
@media(max-width:980px){.hte-education-v131 .hte-edu-hero:before{width:100%;height:46%;top:54%;opacity:.34}.hte-education-v131 .hte-edu-adv-visual{display:none}}


/* v13.3: What You Get — three locked cards after Education Library removal. */
.harmony-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media(max-width:980px){.harmony-value-grid{grid-template-columns:1fr!important;}}


/* v13.4 Harmony Inner Circle */
.harmony-inner-circle-page{background:#020d1f;color:#fff;overflow:hidden}
.harmony-inner-circle-page *{box-sizing:border-box}
.hic-wrap{width:min(1500px,calc(100% - 40px));margin:0 auto}
.hic-hero{padding:54px 0 64px;background:radial-gradient(circle at 18% 42%,rgba(0,119,255,.17),transparent 34%),linear-gradient(180deg,#031226 0%,#061529 100%)}
.hic-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:48px;align-items:center}
.hic-art-wrap{position:relative}
.hic-network-art{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 55px rgba(0,128,255,.14)}
.hic-eyebrow{font-size:13px;letter-spacing:.22em;font-weight:900;color:#ffc83d;margin-bottom:14px}
.hic-copy h1,.hic-section-head h2,.hic-cta-card h2{margin:0;color:#fff;letter-spacing:-.04em}
.hic-copy h1{font-size:clamp(42px,5vw,74px);line-height:.98}
.hic-copy h1 span{color:#1ca8ff}
.hic-lead{font-size:22px!important;color:#eaf6ff!important;margin:22px 0 16px!important}
.hic-copy>p{color:#c9d8eb;font-size:17px;line-height:1.65;margin:0 0 22px}
.hic-values{display:grid;gap:12px}
.hic-values article{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid rgba(255,255,255,.10)}
.hic-values article>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffca3a;color:#ffca3a;font-weight:900}
.hic-values h3{margin:1px 0 4px;color:#ffd052;font-size:19px}
.hic-values p{margin:0;color:#c9d8eb;line-height:1.48}
.hic-interaction{padding:68px 0 78px;background:linear-gradient(180deg,#061529,#020c1c)}
.hic-section-head{text-align:center;max-width:920px;margin:0 auto 34px}
.hic-section-head h2{font-size:clamp(34px,4vw,58px)}
.hic-section-head p{font-size:19px;color:#b8cbe2;margin:12px 0 0}
.hic-interaction-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.hic-interaction-grid article{padding:26px 22px;border:1px solid rgba(42,155,255,.45);border-radius:18px;background:linear-gradient(180deg,rgba(7,30,58,.92),rgba(4,17,35,.96));min-height:240px}
.hic-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1ca8ff,#006de8);font-weight:900;font-size:22px;margin-bottom:18px}
.hic-interaction-grid h3{font-size:19px;margin:0 0 10px;color:#fff}
.hic-interaction-grid p{margin:0;color:#bcd0e8;line-height:1.55}
.hic-cta-section{padding:0 0 76px;background:#020c1c}
.hic-cta-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 42px;border-radius:22px;border:1px solid rgba(255,198,47,.42);background:radial-gradient(circle at 85% 50%,rgba(255,192,42,.12),transparent 30%),linear-gradient(135deg,#081a35,#071328)}
.hic-cta-card h2{font-size:clamp(30px,3.4vw,48px)}
.hic-cta-card p{color:#bfd0e5;margin:10px 0 0;font-size:17px}
.hic-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:350px;min-height:64px;padding:0 28px;border-radius:16px;background:linear-gradient(135deg,#ffd95a,#ffb91f);color:#101010!important;text-decoration:none!important;font-weight:950;box-shadow:0 14px 34px rgba(255,188,31,.25)}
.hic-cta:hover{transform:translateY(-2px);filter:brightness(1.03)}
@media(max-width:1120px){.hic-hero-grid{grid-template-columns:1fr}.hic-copy{max-width:900px;margin:0 auto}.hic-interaction-grid{grid-template-columns:repeat(2,1fr)}.hic-cta-card{flex-direction:column;text-align:center}}
@media(max-width:680px){.hic-wrap{width:min(100% - 24px,1500px)}.hic-hero{padding:28px 0 44px}.hic-art-wrap{margin:0 -4px}.hic-copy h1{font-size:46px}.hic-lead{font-size:19px!important}.hic-interaction{padding:48px 0}.hic-interaction-grid{grid-template-columns:1fr}.hic-cta-card{padding:28px 20px}.hic-cta{width:100%;min-width:0;font-size:15px}.hic-values article{grid-template-columns:44px 1fr}}


/* v13.5 Inner Circle approved tall visual alignment */
@media (min-width:1121px){
  .hic-hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);
    gap:48px;
    align-items:stretch;
  }
  .hic-art-wrap{
    position:relative;
    align-self:stretch;
    min-height:0;
    overflow:hidden;
    border-radius:26px;
  }
  .hic-network-art{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    border-radius:26px;
  }
}
@media (max-width:1120px){
  .hic-network-art{
    position:static;
    width:100%;
    height:auto;
    object-fit:contain;
  }
}

/* v13.6 — Harmony Trading Edge: approved top and bottom banner asset replacements only. */

/* v14.0 — Professional Harmony legal pages (content preserved, presentation only). */
.harmony-legal-page{--hl-navy:#04172c;--hl-navy2:#062849;--hl-blue:#1496f6;--hl-cyan:#31c3ff;--hl-ink:#10233f;--hl-muted:#60748b;--hl-line:#dbe8f3;background:#f5f9fd;color:var(--hl-ink)}
.harmony-legal-page *{box-sizing:border-box}
.harmony-legal-wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}
.harmony-legal-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(34,166,255,.22),transparent 34%),linear-gradient(135deg,var(--hl-navy),var(--hl-navy2));padding:68px 0 64px;border-bottom:1px solid rgba(44,182,255,.3)}
.harmony-legal-hero:after{content:"";position:absolute;inset:auto -12% -85px 34%;height:190px;background:linear-gradient(90deg,transparent,rgba(38,174,255,.12),transparent);transform:skewY(-8deg);pointer-events:none}
.harmony-legal-hero-grid{display:grid;grid-template-columns:1fr 150px;gap:48px;align-items:center}
.harmony-legal-eyebrow{font-size:13px;letter-spacing:.22em;font-weight:900;color:#46c6ff;margin-bottom:18px}
.harmony-legal-hero h1{margin:0;color:#fff;font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-.035em;max-width:900px}
.harmony-legal-subtitle{margin:20px 0 0;max-width:820px;font-size:19px;line-height:1.55;color:#d9ebfa}
.harmony-legal-symbol{width:120px;height:120px;border-radius:28px;display:grid;place-items:center;color:#65d4ff;background:linear-gradient(145deg,rgba(28,153,247,.18),rgba(255,255,255,.04));border:1px solid rgba(84,202,255,.38);box-shadow:0 20px 45px rgba(0,0,0,.18),0 0 36px rgba(30,167,255,.16)}
.harmony-legal-symbol svg{width:64px;height:64px}
.harmony-legal-body{padding:52px 0 72px;background:linear-gradient(#f7fbff,#fff)}
.harmony-legal-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;align-items:start}
.harmony-legal-aside{position:sticky;top:28px}
.harmony-legal-aside-card{border:1px solid var(--hl-line);border-radius:20px;background:#fff;padding:24px;box-shadow:0 14px 36px rgba(25,76,118,.08)}
.harmony-legal-doc-label,.harmony-legal-toc-title{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--hl-blue)}
.harmony-legal-aside-card>strong{display:block;font-size:20px;line-height:1.2;margin:8px 0 5px;color:#071b35}
.harmony-legal-aside-card>span{font-size:13px;color:var(--hl-muted)}
.harmony-legal-divider{height:1px;background:#e4edf5;margin:20px 0}
.harmony-legal-toc{display:grid;gap:5px;margin-top:10px}
.harmony-legal-toc a{display:block;padding:8px 10px;border-radius:9px;color:#50667d;text-decoration:none;font-size:13px;line-height:1.3;transition:.2s ease}
.harmony-legal-toc a:hover{background:#eef7ff;color:#087fe1}
.harmony-legal-content{background:#fff;border:1px solid var(--hl-line);border-radius:22px;padding:48px 54px;box-shadow:0 18px 50px rgba(23,69,108,.09);font-size:16px;line-height:1.75;color:#344a61;overflow-wrap:anywhere}
.harmony-legal-content>h1:first-child{display:none}
.harmony-legal-content h2{scroll-margin-top:26px;margin:40px 0 14px;padding-top:8px;font-size:26px;line-height:1.2;color:#071c37;border-top:1px solid #edf2f7;padding-top:28px}
.harmony-legal-content h2:first-child{margin-top:0;border-top:0;padding-top:0}
.harmony-legal-content h3{scroll-margin-top:26px;margin:28px 0 10px;font-size:20px;color:#0a61aa}
.harmony-legal-content p{margin:0 0 17px}
.harmony-legal-content ul,.harmony-legal-content ol{padding-left:24px;margin:0 0 20px}
.harmony-legal-content li{margin:7px 0}
.harmony-legal-content a{color:#0d87e8;text-decoration-thickness:1px;text-underline-offset:2px}
.harmony-legal-content strong{color:#0e2845}
.harmony-legal-content blockquote{margin:26px 0;padding:20px 24px;border-left:4px solid var(--hl-blue);background:#f2f8fe;border-radius:0 12px 12px 0;color:#27445f}
.harmony-legal-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.harmony-legal-content th,.harmony-legal-content td{border:1px solid #dce8f2;padding:12px 14px;text-align:left;vertical-align:top}
.harmony-legal-content th{background:#eef7ff;color:#0b3157}
@media(max-width:900px){.harmony-legal-hero-grid{grid-template-columns:1fr}.harmony-legal-symbol{display:none}.harmony-legal-layout{grid-template-columns:1fr}.harmony-legal-aside{position:static}.harmony-legal-aside-card{padding:20px}.harmony-legal-content{padding:36px 28px}}
@media(max-width:600px){.harmony-legal-wrap{width:min(100% - 20px,1180px)}.harmony-legal-hero{padding:44px 0 40px}.harmony-legal-hero h1{font-size:39px}.harmony-legal-subtitle{font-size:16px}.harmony-legal-body{padding:28px 0 48px}.harmony-legal-content{padding:28px 20px;border-radius:16px}.harmony-legal-content h2{font-size:23px}}

/* =========================================================
   v14.2 — Harmony FAQ Page
   ========================================================= */
.harmony-faq-page{background:#f6faff;color:#10223c;}
.hfaq-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;}
.hfaq-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#03182d 0%,#062b54 54%,#064a84 100%);color:#fff;padding:96px 0 92px;border-bottom:1px solid rgba(36,154,255,.25);}
.hfaq-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(0,168,255,.28),transparent 34%),linear-gradient(155deg,transparent 55%,rgba(27,145,255,.13));pointer-events:none;}
.hfaq-hero:after{content:"";position:absolute;right:-7%;bottom:-46%;width:620px;height:620px;border:1px solid rgba(36,166,255,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(36,166,255,.04),0 0 0 140px rgba(36,166,255,.03);}
.hfaq-hero-inner{position:relative;z-index:2;text-align:center;max-width:900px;}
.hfaq-kicker,.hfaq-eyebrow{font-size:13px;line-height:1.2;letter-spacing:.22em;font-weight:800;color:#22a9ff;text-transform:uppercase;}
.hfaq-hero h1{margin:18px auto 20px;font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.045em;color:#fff;font-weight:900;}
.hfaq-hero h1 span{color:#24a8ff;}
.hfaq-hero p{max-width:820px;margin:0 auto;font-size:20px;line-height:1.62;color:#d8e7f6;}
.hfaq-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;}
.hfaq-primary-btn,.hfaq-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 28px;border-radius:12px;font-size:14px;font-weight:900;letter-spacing:.03em;text-decoration:none!important;transition:.18s ease;}
.hfaq-primary-btn{background:linear-gradient(135deg,#09c868,#08a957);color:#fff!important;box-shadow:0 12px 30px rgba(2,177,93,.28);}
.hfaq-primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(2,177,93,.34);}
.hfaq-secondary-btn{border:1px solid rgba(120,195,255,.5);background:rgba(4,35,65,.55);color:#fff!important;}
.hfaq-secondary-btn:hover{border-color:#24a8ff;background:rgba(14,92,149,.42);}
.hfaq-main{padding:74px 0 92px;}
.hfaq-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end;margin-bottom:30px;}
.hfaq-intro h2{margin:8px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.035em;color:#071f3d;font-weight:900;}
.hfaq-search-wrap{position:relative;}
.hfaq-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:28px;color:#168ee7;font-weight:700;}
#hfaq-search{width:100%;height:60px;padding:0 20px 0 52px;border:1px solid #cae3f5;border-radius:14px;background:#fff;color:#10223c;font-size:16px;box-shadow:0 10px 28px rgba(18,70,109,.06);outline:none;}
#hfaq-search:focus{border-color:#24a8ff;box-shadow:0 0 0 3px rgba(36,168,255,.12),0 10px 28px rgba(18,70,109,.08);}
.hfaq-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px;}
.hfaq-tab{border:1px solid #cbe5f7;border-radius:999px;background:#eef8ff;color:#185781;font-size:13px;font-weight:800;padding:11px 17px;cursor:pointer;transition:.15s ease;}
.hfaq-tab:hover,.hfaq-tab.is-active{background:#0b88e8;color:#fff;border-color:#0b88e8;box-shadow:0 7px 18px rgba(9,132,225,.2);}
.hfaq-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start;}
.hfaq-side-card{position:sticky;top:110px;background:linear-gradient(150deg,#061f3b,#073a67);border-radius:20px;color:#fff;padding:28px;box-shadow:0 18px 46px rgba(7,42,73,.16);overflow:hidden;}
.hfaq-side-card:after{content:"";position:absolute;right:-65px;bottom:-85px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(28,166,255,.32),transparent 68%);}
.hfaq-side-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#0d93ef;color:#fff;font-size:28px;font-weight:900;margin-bottom:20px;}
.hfaq-side-card h3{font-size:24px;line-height:1.1;margin:0 0 12px;color:#fff;}
.hfaq-side-card p{font-size:15px;line-height:1.65;color:#d3e4f2;margin:0 0 20px;}
.hfaq-side-card a{color:#52c4ff!important;font-size:13px;font-weight:900;text-decoration:none!important;}
.hfaq-side-rule{height:1px;background:rgba(255,255,255,.14);margin:24px 0 18px;}
.hfaq-side-card small{color:#89a9c1;font-weight:700;letter-spacing:.03em;}
.hfaq-accordion{display:grid;gap:12px;}
.hfaq-item{background:#fff;border:1px solid #d9eaf6;border-radius:16px;box-shadow:0 7px 24px rgba(17,70,107,.055);overflow:hidden;transition:.18s ease;}
.hfaq-item:hover{border-color:#b7daf2;box-shadow:0 10px 28px rgba(17,70,107,.08);}
.hfaq-item.is-open{border-color:#9ed3f8;box-shadow:0 12px 30px rgba(18,117,187,.09);}
.hfaq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;padding:22px 24px;color:#0b2848;text-align:left;font-size:18px;line-height:1.35;font-weight:850;cursor:pointer;}
.hfaq-plus{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf8ff;color:#168ee7;font-size:25px;line-height:1;transition:.18s ease;}
.hfaq-item.is-open .hfaq-plus{transform:rotate(45deg);background:#0b8ce9;color:#fff;}
.hfaq-answer{padding:0 24px 24px;color:#526a7d;font-size:16px;line-height:1.72;border-top:1px solid #edf4f9;margin-top:0;padding-top:18px;}
.hfaq-answer p{margin:0;}
.hfaq-no-results,.hfaq-empty{background:#fff;border:1px dashed #bedff4;border-radius:16px;padding:28px;text-align:center;color:#60778a;}
.hfaq-bottom-cta{background:linear-gradient(125deg,#051b35,#063765 70%,#075188);color:#fff;padding:58px 0;}
.hfaq-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:34px;}
.hfaq-eyebrow-light{color:#58c6ff;}
.hfaq-bottom-cta h2{margin:10px 0 0;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.03em;}
.hfaq-bottom-cta h2 span{color:#37b8ff;}
.hfaq-primary-btn-large{min-width:330px;min-height:66px;text-align:center;}
@media(max-width:920px){.hfaq-intro{grid-template-columns:1fr}.hfaq-layout{grid-template-columns:1fr}.hfaq-side-card{position:relative;top:auto}.hfaq-bottom-inner{flex-direction:column;align-items:flex-start}.hfaq-primary-btn-large{min-width:0;width:100%}}
@media(max-width:640px){.hfaq-shell{width:min(100% - 28px,1180px)}.hfaq-hero{padding:72px 0 66px}.hfaq-hero p{font-size:17px}.hfaq-hero-actions{flex-direction:column}.hfaq-primary-btn,.hfaq-secondary-btn{width:100%}.hfaq-main{padding:54px 0 64px}.hfaq-question{font-size:16px;padding:19px}.hfaq-answer{font-size:15px;padding:16px 19px 20px}.hfaq-tabs{gap:8px}.hfaq-tab{font-size:12px;padding:9px 13px}}


/* ============================================================
   v14.4 — Mobile footer proportion pass
   Mobile-only. Keeps the existing footer content/disclaimer and
   desktop presentation intact while reducing excess vertical size.
   ============================================================ */
@media (max-width: 600px) {
    footer,
    #colophon,
    .site-footer {
        padding-top: 26px !important;
        padding-bottom: 16px !important;
    }

    footer .container,
    footer .wrap,
    footer .footer-wrap,
    footer .footer-wrapper,
    footer .footer-inner,
    footer .footer-content,
    #colophon .container,
    .site-footer .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    footer .footer-main,
    footer .footer-top,
    #colophon .footer-main,
    .site-footer .footer-main {
        padding-top: 18px !important;
        padding-bottom: 14px !important;
    }

    footer .footer-bottom,
    #colophon .footer-bottom,
    .site-footer .footer-bottom {
        padding-top: 12px !important;
        padding-bottom: 10px !important;
    }

    footer .footer-inner,
    footer .footer-content,
    footer .footer-grid,
    footer .footer-columns,
    #colophon .footer-inner,
    .site-footer .footer-inner {
        gap: 12px !important;
        row-gap: 12px !important;
    }

    footer .harmony-v144-footer-logo {
        display: block !important;
        width: 150px !important;
        max-width: 46vw !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    footer p,
    footer address,
    footer li,
    #colophon p,
    .site-footer p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    footer p,
    footer address,
    #colophon p,
    .site-footer p {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    footer a[href^="mailto:"],
    footer a[href^="tel:"] {
        line-height: 1.45 !important;
    }

    footer .harmony-v144-footer-trial {
        min-height: 50px !important;
        height: auto !important;
        padding: 12px 20px !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
    }

    footer .harmony-v144-footer-disclaimer {
        margin-top: 14px !important;
        margin-bottom: 0 !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(255,255,255,.16) !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
        opacity: .82 !important;
    }

    footer .harmony-v144-footer-disclaimer * {
        font-size: inherit !important;
        line-height: inherit !important;
    }
}


/* ============================================================
   v14.5 — About George mobile portrait framing
   Mobile-only. Keeps desktop untouched and removes the fixed/cropped
   portrait treatment on the About page so George remains centered and
   the available body/desk area in the original photo is visible.
   ============================================================ */
@media (max-width: 600px) {
    .harmony-v145-about-photo-wrap {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    .harmony-v145-about-photo-wrap picture {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    img.harmony-v145-about-photo {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: 50% 50% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
    }
}


/* ============================================================
   v14.6 — About George mobile portrait: robust real-source fix
   Runs from the unique About heading rather than depending on the page slug.
   Supports either an IMG/picture portrait or a CSS background-image portrait.
   Desktop remains unchanged.
   ============================================================ */
@media (max-width: 700px) {
    .harmony-v146-about-media {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: clamp(430px, 116vw, 520px) !important;
        min-height: 430px !important;
        max-height: 520px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: 68% 44% !important;
    }

    .harmony-v146-about-media > picture,
    .harmony-v146-about-media picture {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .harmony-v146-about-media img,
    img.harmony-v146-about-photo {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: 68% 44% !important;
        transform: none !important;
    }

    .harmony-v146-about-bg {
        background-size: cover !important;
        background-position: 68% 44% !important;
    }
}


/* ============================================================
   v14.7 — About George mobile portrait: zoom out / full-source view
   Keeps the v14.6 targeting but stops using a cover crop on phones.
   Shows the entire available source image whenever an IMG is present.
   Desktop remains unchanged.
   ============================================================ */
@media (max-width: 700px) {
    .harmony-v146-about-media {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        background-color: #061a2d !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
    }

    .harmony-v146-about-media > picture,
    .harmony-v146-about-media picture {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .harmony-v146-about-media img,
    img.harmony-v146-about-photo {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center top !important;
        transform: none !important;
    }

    /* Background-image fallback: preserve a portrait-like viewport while
       fitting the whole source inside it instead of zooming/cropping. */
    .harmony-v146-about-media.harmony-v146-about-bg,
    .harmony-v146-about-bg {
        height: clamp(440px, 125vw, 560px) !important;
        min-height: 440px !important;
        max-height: 560px !important;
        background-size: contain !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }
}

/* ============================================================
   v14.8 — About George mobile portrait: centered full-pose framing
   Keeps the entire source portrait visible in the foreground, shifts the
   portrait left so George is centered, and uses a softened copy of the same
   photo behind it to fill the remaining width without cropping an arm.
   Desktop remains unchanged.
   ============================================================ */
@media (max-width: 700px) {
    .harmony-v146-about-media.harmony-v148-about-centered {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        background: #071d30 !important;
        isolation: isolate !important;
    }

    .harmony-v146-about-media.harmony-v148-about-centered::before {
        content: "" !important;
        position: absolute !important;
        inset: -18px !important;
        z-index: 0 !important;
        pointer-events: none !important;
        background-image: var(--harmony-v148-about-photo, none) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        filter: blur(14px) brightness(.64) saturate(.9) !important;
        transform: scale(1.06) !important;
        opacity: .92 !important;
    }

    .harmony-v146-about-media.harmony-v148-about-centered::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        pointer-events: none !important;
        background: linear-gradient(90deg, rgba(3,18,31,0) 0%, rgba(3,18,31,.02) 68%, rgba(3,18,31,.30) 100%) !important;
    }

    .harmony-v146-about-media.harmony-v148-about-centered > picture,
    .harmony-v146-about-media.harmony-v148-about-centered picture {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        width: 76% !important;
        max-width: 76% !important;
        height: auto !important;
        margin: 0 auto 0 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .harmony-v146-about-media.harmony-v148-about-centered > img,
    .harmony-v146-about-media.harmony-v148-about-centered picture img,
    .harmony-v146-about-media.harmony-v148-about-centered img.harmony-v146-about-photo {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        width: 76% !important;
        max-width: 76% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto 0 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: left top !important;
        transform: none !important;
    }

    /* If the image is inside a picture element, let the picture control the
       width and keep the image full-width inside that picture. */
    .harmony-v146-about-media.harmony-v148-about-centered picture img,
    .harmony-v146-about-media.harmony-v148-about-centered > picture img {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}


/* ============================================================
   v14.9 — About George mobile exact-photo centering
   Mobile-only. Uses George's supplied source portrait, cropped only from
   empty left-side background so his seated pose is centered while both arms
   and the full desk pose remain visible. Desktop remains unchanged.
   ============================================================ */
@media (max-width: 700px) {
    .harmony-v146-about-media,
    .harmony-v146-about-media.harmony-v148-about-centered,
    .harmony-v146-about-media.harmony-v146-about-bg {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1481 / 1193 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        isolation: auto !important;
        background-color: #071d30 !important;
        background-image: url('assets/images/about-george-mobile-centered.jpg') !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    .harmony-v146-about-media.harmony-v148-about-centered::before,
    .harmony-v146-about-media.harmony-v148-about-centered::after {
        content: none !important;
        display: none !important;
        background: none !important;
        filter: none !important;
        opacity: 0 !important;
    }

    .harmony-v146-about-media > picture,
    .harmony-v146-about-media picture,
    .harmony-v146-about-media > img,
    .harmony-v146-about-media img,
    img.harmony-v146-about-photo {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* v15.0 — Mobile market-phase chart modal.
   Mobile only: tap Trending / Transition / Consolidation to open the existing editable chart
   centered over the tapped card. Desktop side-preview behavior is unchanged. */
@media (max-width: 1000px){
  /* Disable the parent theme's older mobile inline/backdrop treatment. */
  #market-phases .phase-card .phase-preview{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #market-phases .phase-card[aria-expanded="true"] .phase-preview{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  #market-phases .phase-modal-backdrop{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  html.harmony-phase-mobile-open,
  body.harmony-phase-mobile-open{
    overflow:hidden!important;
  }

  .harmony-phase-mobile-backdrop{
    position:fixed;
    inset:0;
    z-index:2147483000;
    background:rgba(3,16,33,.68);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease;
  }
  .harmony-phase-mobile-backdrop.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .harmony-phase-mobile-preview{
    --phase-accent:#168cf1;
    --phase-accent-soft:#e9f5ff;
    position:fixed;
    left:50%;
    z-index:2147483001;
    width:min(420px,calc(100vw - 28px));
    max-height:calc(100dvh - 28px);
    overflow:auto;
    padding:16px;
    border:1px solid rgba(201,219,235,.95);
    border-radius:20px;
    background:#fff;
    box-shadow:0 26px 72px rgba(0,18,46,.34),0 4px 16px rgba(0,18,46,.14);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-50%) scale(.97);
    transform-origin:center center;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    -webkit-overflow-scrolling:touch;
  }
  .harmony-phase-mobile-preview.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) scale(1);
  }
  .harmony-phase-mobile-preview.phase-transition{
    --phase-accent:#8b3cf0;
    --phase-accent-soft:#f3eaff;
  }
  .harmony-phase-mobile-preview.phase-consolidation{
    --phase-accent:#168d99;
    --phase-accent-soft:#e7f6f5;
  }

  .harmony-phase-mobile-close{
    position:absolute;
    top:12px;
    right:12px;
    z-index:3;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #dce6ef;
    border-radius:50%;
    background:#f5f8fb;
    color:#172b3d;
    font-size:25px;
    line-height:1;
    font-weight:500;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(4,26,52,.06);
  }
  .harmony-phase-mobile-close:focus-visible{
    outline:3px solid rgba(22,140,241,.30);
    outline-offset:2px;
  }

  .harmony-phase-mobile-heading{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:13px;
    align-items:start;
    padding:1px 44px 13px 0;
  }
  .harmony-phase-mobile-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:var(--phase-accent-soft);
    color:var(--phase-accent);
  }
  .harmony-phase-mobile-icon svg{
    width:31px;
    height:31px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .harmony-phase-mobile-kicker{
    margin:1px 0 3px;
    color:var(--phase-accent);
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .harmony-phase-mobile-title{
    margin:0!important;
    color:#07182e!important;
    font-size:24px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    font-weight:850!important;
  }
  .harmony-phase-mobile-subtitle{
    margin:5px 0 0;
    color:#3f5871;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
  }
  .harmony-phase-mobile-body{
    margin:2px 0 0!important;
    color:#60748a!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  .harmony-phase-mobile-chart{
    overflow:hidden;
    border-radius:14px;
    background:#061a31;
    box-shadow:inset 0 0 0 1px rgba(125,162,196,.22);
  }
  .harmony-phase-mobile-chart img{
    display:block;
    width:100%;
    height:auto;
    max-height:min(52dvh,430px);
    object-fit:contain;
    margin:0;
    border:0;
    border-radius:0;
    background:#061a31;
  }
}

@media (max-width: 430px){
  .harmony-phase-mobile-preview{
    width:calc(100vw - 22px);
    padding:13px;
    border-radius:18px;
  }
  .harmony-phase-mobile-heading{
    grid-template-columns:52px minmax(0,1fr);
    gap:11px;
    padding-right:39px;
  }
  .harmony-phase-mobile-icon{width:52px;height:52px;border-radius:13px}
  .harmony-phase-mobile-title{font-size:22px!important}
  .harmony-phase-mobile-close{top:10px;right:10px;width:36px;height:36px}
}

/* v15.1 — Keep mobile market-phase modal markup hidden outside mobile.
   The JS appends this dialog to <body> on all screen sizes so it is ready after resize.
   On desktop it must never render as ordinary page content. */
.harmony-phase-mobile-backdrop,
.harmony-phase-mobile-preview{
  display:none;
}

@media (max-width: 1000px){
  .harmony-phase-mobile-backdrop,
  .harmony-phase-mobile-preview{
    display:block;
  }
}


/* v15.2 — performance-only hero-video loading controls. */
.hero-video-frame { position: relative; }
.hero-video-performance-play {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  display: inline-flex; align-items: center; gap: .55rem; z-index: 4;
  border: 1px solid rgba(255,255,255,.72); border-radius: 999px;
  background: rgba(2,19,38,.84); color: #fff; padding: .7rem 1rem;
  font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 8px 28px rgba(0,0,0,.28);
  backdrop-filter: blur(5px);
}
.hero-video-performance-play.is-playing { opacity: 0; pointer-events: none; }
@media (min-width: 768px) {
  .hero-video-performance-play { opacity: 0; pointer-events: none; }
}


/* v15.3 — final media optimization: hero video is click-to-load on all devices. */
.hero-video-performance-play{opacity:1!important;pointer-events:auto!important;}
.hero-video-performance-play.is-playing{opacity:0!important;pointer-events:none!important;}
.stream-locked-master[data-harmony-defer-src]{background:#031329;}


/* v15.3.1 — video-only hero: native muted autoplay, no poster, no play controls. */
.hero-video-performance-play,
.hero-video-frame-poster,
.hero-video-frame-overlay,
.hero-video-frame-play{display:none!important;}
.hero-video-frame-media{opacity:1!important;visibility:visible!important;pointer-events:none!important;}