.ace-arc-scope--home {
  --bg: #ffffff;
  --panel: #ffffff;
  --text: #15130f;
  --muted: #6e6a61;
  --line: rgba(21, 19, 15, 0.18);
  --line-strong: rgba(21, 19, 15, 0.38);
  --accent: #ff7518;
  --card-bg: rgba(255, 255, 255, 0.92);
  --card-bg-hover: #fff7ef;
  --button-text: #120d08;
  --play-bg: rgba(255, 255, 255, 0.72);
  --progress: 0;
  --font-serif: "Source Serif 4", Georgia, serif;
  --font-sans: "DM Sans", Arial, sans-serif;
}

.case-button {display:none!important;}
.ace-eyebrow {display:none!important;}

[data-theme="dark"] .ace-arc-scope--home, .ace-arc-scope--home[data-theme="dark"] {
  --bg: #0d0d0c;
  --panel: #141311;
  --text: #f7f3eb;
  --muted: #aaa39a;
  --line: rgba(247, 243, 235, 0.18);
  --line-strong: rgba(247, 243, 235, 0.36);
  --card-bg: rgba(20, 19, 17, 0.9);
  --card-bg-hover: #191714;
  --play-bg: rgba(20, 19, 17, 0.74);
}

.ace-arc-scope--home * { box-sizing: border-box; }
.ace-arc-scope--home { background: var(--bg); color: var(--text); font-family: var(--font-sans); }
.ace-arc-scope--home { margin: 0; min-width: 320px; background: var(--bg); transition: background-color 220ms ease, color 220ms ease; }
.ace-arc-scope--home button, .ace-arc-scope--home a { font: inherit; }
.ace-arc-scope--home button { color: inherit; }

.ace-arc-scope--home .ace-page { width: min(100%, 1440px); min-height: 100vh; margin: 0 auto; padding: 0 32px 36px; }
.ace-arc-scope--home .ace-arc-header-shell { min-height: 0; padding-bottom: 0; }
.ace-arc-scope--home .ace-header { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 86px; border-bottom: 1px solid var(--line); }
.ace-arc-scope--home .ace-logo { display: inline-flex; align-items: center; width: 132px; min-height: 42px; }
.ace-arc-scope--home .ace-logo img { display: block; width: 100%; max-height: 48px; object-fit: contain; object-position: left center; }
.ace-arc-scope--home .ace-header-actions, .ace-arc-scope--home .ace-nav { display: flex; align-items: center; }
.ace-arc-scope--home .ace-header-actions { justify-content: flex-end; gap: clamp(18px, 3vw, 36px); }
.ace-arc-scope--home .ace-nav { justify-content: flex-end; gap: clamp(18px, 3vw, 42px); }
.ace-arc-scope--home .ace-nav a { position: relative; color: var(--text); font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.ace-arc-scope--home .ace-nav a:hover, .ace-arc-scope--home .ace-nav a:focus-visible { color: var(--accent); }
.ace-arc-scope--home .ace-theme-toggle { display: inline-grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line-strong); border-radius: 0; background: transparent; color: var(--text); cursor: pointer; transition: border-color 220ms ease, color 220ms ease, background-color 220ms ease; }
.ace-arc-scope--home .ace-theme-toggle:hover, .ace-arc-scope--home .ace-theme-toggle:focus-visible { border-color: var(--accent); color: var(--accent); background: var(--panel); }

.ace-arc-scope--home .ace-hero { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(640px, 1.24fr); gap: clamp(32px, 5vw, 78px); align-items: center; padding: clamp(42px, 7vw, 86px) 0 clamp(30px, 5vw, 54px); }
.ace-arc-scope--home .ace-copy-panel { max-width: 540px; }
.ace-arc-scope--home .ace-eyebrow { margin: 0 0 24px; color: var(--muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.ace-arc-scope--home .ace-title { margin: 0; color: var(--text); font-family: var(--font-serif); font-size: clamp(48px, 6vw, 92px); font-weight: 500; line-height: 0.94; }
.ace-arc-scope--home .ace-copy { max-width: 460px; margin: 28px 0 0; color: var(--muted); font-size: clamp(16px, 1.35vw, 19px); line-height: 1.68; }
.ace-arc-scope--home .ace-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.ace-arc-scope--home .ace-btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 48px; border: 1px solid var(--text); border-radius: 0; padding: 0 20px; background: transparent; cursor: pointer; font-size: 13px; font-weight: 700; text-transform: uppercase; transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease; }
.ace-arc-scope--home .ace-btn:hover, .ace-arc-scope--home .ace-btn:focus-visible { transform: translateY(-2px); }
.ace-arc-scope--home .ace-btn-primary { border-color: var(--accent); background: var(--accent); color: var(--button-text); }
.ace-arc-scope--home .ace-btn-primary:hover, .ace-arc-scope--home .ace-btn-primary:focus-visible { background: #f46607; }
.ace-arc-scope--home .ace-btn-secondary:hover, .ace-arc-scope--home .ace-btn-secondary:focus-visible { border-color: var(--accent); color: var(--accent); }

.ace-arc-scope--home .ace-visual-shell { position: relative; width: 100%; }
.ace-arc-scope--home .ace-image-stage { position: relative; overflow: hidden; width: 100%; aspect-ratio: 1.5 / 1; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); background: var(--panel); isolation: isolate; }
.ace-arc-scope--home .ace-image-stage::before, .ace-arc-scope--home .ace-image-stage::after { position: absolute; top: 0; bottom: 0; z-index: 4; width: 1px; background: var(--line); content: ""; }
.ace-arc-scope--home .ace-image-stage::before { left: 23%; }
.ace-arc-scope--home .ace-image-stage::after { right: 23%; }
.ace-arc-scope--home .ace-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: 0; padding: clamp(8px, 1.4vw, 18px); transition: opacity 420ms ease; }
.ace-arc-scope--home .ace-layer-surface { opacity: 1; }
.ace-arc-scope--home .ace-play { position: absolute; top: 50%; left: 50%; z-index: 10; display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 50%; background: var(--play-bg); color: var(--text); cursor: pointer; transform: translate(-50%, -50%); transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, opacity 260ms ease; backdrop-filter: blur(10px); }
.ace-arc-scope--home .ace-play:hover, .ace-arc-scope--home .ace-play:focus-visible { border-color: var(--accent); background: rgba(255, 117, 24, 0.92); color: #120d08; }
.ace-arc-scope--home .ace-play.is-hidden { pointer-events: none; opacity: 0; }

.ace-arc-scope--home .ace-callouts { position: absolute; inset: 0; z-index: 8; pointer-events: none; }
.ace-arc-scope--home .ace-feature-card { position: absolute; display: grid; grid-template-columns: 24px 1fr; gap: 12px; width: min(224px, 26%); border: 1px solid rgba(21, 19, 15, 0.16); border-radius: 0; padding: 14px; background: var(--card-bg); opacity: 0; pointer-events: auto; cursor: pointer; transform: translateY(12px); transition: opacity 280ms ease, transform 280ms ease, border-color 220ms ease, background-color 220ms ease; backdrop-filter: blur(12px); }
.ace-arc-scope--home .ace-feature-card i, .ace-arc-scope--home .ace-mobile-card i { color: var(--accent); font-size: 16px; }
.ace-arc-scope--home .ace-feature-card h2, .ace-arc-scope--home .ace-mobile-card h2 { margin: 0 0 5px; font-size: 12px; font-weight: 800; line-height: 1.15; text-transform: uppercase; }
.ace-arc-scope--home .ace-feature-card p, .ace-arc-scope--home .ace-mobile-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.38; }
.ace-arc-scope--home .ace-feature-card.is-visible { opacity: 1; transform: translateY(0); }
.ace-arc-scope--home .ace-feature-card:hover, .ace-arc-scope--home .ace-feature-card:focus-visible { border-color: var(--accent); background: var(--card-bg-hover); transform: translateY(-4px); }
.ace-arc-scope--home .feature-calculator { top: 12%; left: 2%; }
.ace-arc-scope--home .feature-course { top: 42%; left: 0; }
.ace-arc-scope--home .feature-navigator { bottom: 11%; left: 5%; }
.ace-arc-scope--home .feature-hub { top: 11%; right: 2%; }
.ace-arc-scope--home .feature-assessment { top: 42%; right: 0; }
.ace-arc-scope--home .feature-portfolio { right: 5%; bottom: 11%; }

.ace-arc-scope--home .ace-view-label { display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.ace-arc-scope--home .ace-view-label i { color: var(--accent); }
.ace-arc-scope--home .ace-slider-wrap { display: none; margin-top: 22px; }
.ace-arc-scope--home .ace-slider-wrap.is-visible { display: block; }
.ace-arc-scope--home .ace-slider { position: relative; height: 34px; cursor: pointer; touch-action: none; }
.ace-arc-scope--home .ace-slider-track, .ace-arc-scope--home .ace-slider-fill { position: absolute; top: 50%; left: 0; height: 1px; transform: translateY(-50%); }
.ace-arc-scope--home .ace-slider-track { right: 0; background: rgba(21, 19, 15, 0.22); }
.ace-arc-scope--home .ace-slider-fill { width: calc(var(--progress) * 1%); background: var(--accent); }
.ace-arc-scope--home .ace-slider-thumb { position: absolute; top: 50%; left: calc(var(--progress) * 1%); display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--text); background: var(--panel); color: var(--text); font-size: 13px; transform: translate(-50%, -50%); transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease; }
.ace-arc-scope--home .ace-slider:hover .ace-slider-thumb, .ace-arc-scope--home .ace-slider:focus-visible .ace-slider-thumb { border-color: var(--accent); background: var(--card-bg-hover); color: var(--accent); }
.ace-arc-scope--home .ace-slider-meta { display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.ace-arc-scope--home .ace-mobile-feature-carousel { display: none; }

.ace-arc-scope--home .ace-trust-bar { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); opacity: 0; transform: translateY(16px); }
.ace-arc-scope--home .ace-trust-bar p { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: center; min-height: 76px; margin: 0; border-right: 1px solid var(--line); padding: 18px; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.35; text-transform: uppercase; }
.ace-arc-scope--home .ace-trust-bar p:last-child { border-right: 0; }
.ace-arc-scope--home .ace-trust-bar i { color: var(--accent); font-size: 16px; }
.ace-arc-scope--home .ace-trust-bar strong { display: block; color: var(--text); font-family: var(--font-serif); font-size: 29px; font-weight: 500; line-height: 1; }

@media (max-width: 1180px) {
  .ace-arc-scope--home .ace-page { padding-inline: 24px; }
  .ace-arc-scope--home .ace-hero { grid-template-columns: 1fr; }
  .ace-arc-scope--home .ace-copy-panel { max-width: 760px; }
  .ace-arc-scope--home .ace-feature-card { width: 218px; }
}

@media (max-width: 900px) {
  .ace-arc-scope--home .ace-feature-card { width: 190px; padding: 12px; }
  .ace-arc-scope--home .ace-feature-card p { font-size: 11px; }
}

@media (max-width: 767px) {
  .ace-arc-scope--home .ace-page { padding: 0 18px 28px; }
  .ace-arc-scope--home .ace-header { align-items: flex-start; gap: 16px; min-height: auto; padding: 18px 0; }
  .ace-arc-scope--home .ace-logo { width: 108px; }
  .ace-arc-scope--home .ace-header-actions { align-items: flex-start; flex-wrap: wrap; }
  .ace-arc-scope--home .ace-nav { flex-wrap: wrap; justify-content: flex-end; gap: 10px 16px; max-width: 190px; }
  .ace-arc-scope--home .ace-nav a { font-size: 11px; }
  .ace-arc-scope--home .ace-hero { gap: 34px; padding-top: 36px; }
  .ace-arc-scope--home .ace-title { font-size: clamp(45px, 14vw, 64px); }
  .ace-arc-scope--home .ace-copy { margin-top: 22px; }
  .ace-arc-scope--home .ace-actions { display: grid; grid-template-columns: 1fr; }
  .ace-arc-scope--home .ace-btn { width: 100%; }
  .ace-arc-scope--home .ace-image-stage { aspect-ratio: 1 / 0.78; }
  .ace-arc-scope--home .ace-image-stage::before, .ace-arc-scope--home .ace-image-stage::after, .ace-arc-scope--home .ace-feature-card { display: none; }
  .ace-arc-scope--home .ace-layer { padding: 8px; }
  .ace-arc-scope--home .ace-play { width: 58px; height: 58px; }
  .ace-arc-scope--home .ace-slider { height: 42px; }
  .ace-arc-scope--home .ace-slider-thumb { width: 38px; height: 38px; font-size: 14px; }
  .ace-arc-scope--home .ace-mobile-feature-carousel { display: grid; grid-template-columns: 44px 1fr 44px; gap: 10px; align-items: stretch; margin-top: 18px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity 240ms ease, transform 240ms ease; }
  .ace-arc-scope--home .ace-mobile-feature-carousel.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .ace-arc-scope--home .ace-mobile-arrow { border: 1px solid var(--line-strong); border-radius: 0; background: var(--panel); cursor: pointer; }
  .ace-arc-scope--home .ace-mobile-arrow:active, .ace-arc-scope--home .ace-mobile-arrow:focus-visible { border-color: var(--accent); color: var(--accent); }
  .ace-arc-scope--home .ace-mobile-card { display: grid; grid-template-columns: 26px 1fr; gap: 12px; min-height: 94px; border: 1px solid rgba(21, 19, 15, 0.18); border-radius: 0; padding: 16px; background: var(--panel); cursor: pointer; transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease; }
  .ace-arc-scope--home .ace-mobile-card:active, .ace-arc-scope--home .ace-mobile-card:focus-visible { border-color: var(--accent); background: var(--card-bg-hover); transform: translateY(-2px); }
  .ace-arc-scope--home .ace-trust-bar { grid-template-columns: repeat(2, 1fr); }
  .ace-arc-scope--home .ace-trust-bar p:nth-child(2) { border-right: 0; }
  .ace-arc-scope--home .ace-trust-bar p:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 440px) {
  .ace-arc-scope--home .ace-header { display: grid; }
  .ace-arc-scope--home .ace-nav { justify-content: flex-start; max-width: none; }
  .ace-arc-scope--home .ace-trust-bar { grid-template-columns: 1fr; }
  .ace-arc-scope--home .ace-trust-bar p { border-right: 0; border-bottom: 1px solid var(--line); }
  .ace-arc-scope--home .ace-trust-bar p:last-child { border-bottom: 0; }
}
