/* Layout and motion foundation adapted from the owner-authorized C2Landing reference. */




h1, h2, h3, h4, p, ul, ol { margin: 0; }
ul, ol { padding: 0; }
img, svg { display: block; }
svg { vertical-align: middle; }


.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; font-size: 14px; transition: all .2s ease; }

:root {
  --landing-font-family: Arimo, Arial, sans-serif;
  --ink: #0b1628;
  --ink-2: #101e34;
  --brand: #176bc4;
  --brand-hover: #125aa7;
  --cream: #f5f0e6;
  --paper: #fbfaf7;
  --white: #fff;
  --muted: #647084;
  --line: #d9dedf;
  --green: #53ce9c;
  --red: #ef7267;
  --background: var(--paper);
  --foreground: var(--ink);
  --primary: var(--ink);
  --primary-foreground: var(--white);
  --secondary: #eef0f2;
  --secondary-foreground: var(--ink);
  --border: var(--line);
  --ring: var(--brand);
  --radius: .4rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family:var(--landing-font-family); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, summary { font: inherit; }
.site-shell { overflow: hidden; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.brand { display: inline-flex; align-items: center; width: 166px; line-height: 1; }
.brand img { display: block; width: 100%; height: auto; }

.hero-wrap { position: relative; min-height: 830px; color: #fff; background: var(--ink); }
.hero-wrap::before { content: ""; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(#ffffff10 1px, transparent 1px), linear-gradient(90deg, #ffffff10 1px, transparent 1px); background-size: 72px 72px; -webkit-mask-image: linear-gradient(to bottom, black, transparent 82%); mask-image: linear-gradient(to bottom, black, transparent 82%); }
.nav { position: relative; z-index: 10; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 82px; border-bottom: 1px solid #ffffff20; }
.nav-links { display: flex; gap: 28px; font-size: 13px; color: #c8d0dc; }
.nav-links a, .sign-in { transition: color .2s ease; }
.nav-links a:hover, .sign-in:hover { color: #fff; }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: 22px; font-size: 13px; }
.button { border-radius: 4px !important; font-weight: 700 !important; letter-spacing: -.01em; box-shadow: none !important; }
.button--small { min-height: 42px !important; padding-inline: 18px !important; }
.button--hero { min-height: 54px !important; padding-inline: 26px !important; font-size: 14px !important; }
.button--brand { border: 1px solid var(--brand) !important; background: var(--brand) !important; color: white !important; }
.button--brand:hover { background: var(--brand-hover) !important; transform: translateY(-1px); }
.button--ghost { border-color: #ffffff42 !important; background: transparent !important; color: white !important; }
.button--ghost:hover { background: #ffffff0d !important; }
.button--navy { background: var(--ink) !important; color: #fff !important; }
.button--cream { background: var(--cream) !important; color: var(--ink) !important; }
.button svg { width: 16px; transition: transform .2s ease; }
.button:hover svg { transform: translateX(4px); }
.arrow-up { transform: rotate(-45deg); }
.button:hover .arrow-up { transform: rotate(-45deg) translateX(4px); }
.mobile-menu { display: none; position: relative; justify-self: end; }
.mobile-menu summary { list-style: none; cursor: pointer; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu__panel { position: absolute; top: 40px; right: 0; display: grid; width: 230px; padding: 14px; border: 1px solid #ffffff22; background: var(--ink-2); box-shadow: 0 20px 40px #0005; }
.mobile-menu__panel a { padding: 12px; color: #fff; font-size: 14px; }

.hero { position: relative; z-index: 2; display: grid; grid-template-columns: .94fr 1.06fr; align-items: center; gap: 80px; min-height: 650px; padding-block: 72px 48px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; color: #6e7887; font-size: 11px; font-weight: 780; letter-spacing: .17em; }
.eyebrow > span { width: 26px; height: 1px; background: var(--brand); }
.eyebrow--light { color: #9facbe; }

.manager-section .eyebrow--light { color: var(--ink); }
.manager-section .eyebrow--light > span { background: var(--ink); }
.hero h1, .intro h2, .section-heading h2, .control-copy h2, .manager-copy h2, .final-cta h2 { margin: 0; font-size: clamp(54px, 6.1vw, 82px); line-height: .98; letter-spacing: -.065em; font-weight: 680; }
h1 em, h2 em { color: var(--brand); font-family:var(--landing-font-family); font-weight: 400; letter-spacing: -.045em; }
.hero-description { max-width: 625px; margin: 30px 0 0; color: #c5ced9; font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.hero-note { display: flex; align-items: center; gap: 12px; margin-top: 28px; color: #9eabba; font-size: 12px; }
.hero-note svg { width: 18px; color: var(--green); }

.hero-visual { position: relative; min-height: 520px; }
.grid-glow { position: absolute; inset: -20px -80px -20px -30px; background: radial-gradient(circle at 62% 58%, #176bc42a, transparent 42%), radial-gradient(circle at 30% 30%, #2e5e9444, transparent 38%); }
.hv3-card { position: absolute; z-index: 2; border: 1px solid #ffffff20; background: #111f34e8; box-shadow: 0 34px 80px #020916aa; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.hero-visual { width: 560px; max-width: 100%; height: 540px; margin-left: auto; }
.hv3-canvas { position: relative; width: 560px; height: 540px; }
.hv3-wires { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; }
.hv3-wire { fill: none; stroke: #176bc455; stroke-width: 1.5; transition: stroke .5s ease; }
.hv3-wire--paused { stroke: #ffffff1f; stroke-dasharray: 3 5; }
.hv3-manager { top: 4px; left: 0; display: flex; align-items: center; gap: 13px; width: 264px; padding: 14px; transition: opacity .3s ease; }
.hv3-manager.hv3-fade { opacity: 0; }
.hv3-avatar { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 4px; background: #1e1410; }
.hv3-mtext { min-width: 0; }
.hv3-mtext small, .hv3-hub-label small { display: block; color: #7d8ba0; font-size: 8.5px; letter-spacing: .14em; }
.hv3-mtext strong { display: block; margin-top: 4px; overflow: hidden; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.hv3-alias { display: block; margin-top: 1px; color: #91a0b2; font-size: 10px; }
.hv3-stat { display: inline-block; margin-top: 7px; padding: 3px 8px; border: 1px solid #176bc440; border-radius: 3px; background: #176bc414; color: #a5b4fc; font-size: 9.5px; font-weight: 700; letter-spacing: .02em; }
.hv3-rank { position: absolute; top: -9px; right: 10px; padding: 2px 7px; border-radius: 3px; background: var(--brand); color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.brand-node { position: absolute; z-index: 4; top: 214px; left: 240px; display: grid; place-items: center; width: 88px; height: 92px; filter: drop-shadow(0 0 22px #176bc466); }
.brand-node img { display: block; width: 100%; height: auto; }
.brand-node::after { content: ""; position: absolute; inset: -12px; border: 1px solid #176bc400; border-radius: 50%; opacity: 0; }
.hv3-hub-label { position: absolute; z-index: 2; top: 318px; left: 219px; width: 130px; color: #cbd4df; text-align: center; }
.hv3-hub-label strong { display: block; margin-top: 4px; font-size: 11.5px; line-height: 1.45; }
.hv3-followers-label { position: absolute; z-index: 2; top: 12px; left: 396px; width: 160px; color: #7d8ba0; font-size: 8.5px; letter-spacing: .12em; line-height: 1.5; }
.follower-card { display: grid; gap: 6px; width: 160px; padding: 11px 12px; transition: opacity .5s ease; }
.follower-card--f1 { top: 44px; left: 396px; }
.follower-card--f2 { top: 186px; left: 396px; }
.follower-card--f3 { top: 328px; left: 396px; }
.hv3-broker { display: flex; align-items: center; min-height: 15px; }
.hv3-broker-logo { display: block; max-width: 130px; max-height: 15px; width: auto; height: auto; filter: brightness(0) invert(1); opacity: .92; }
.hv3-broker-fallback { color: #d7dee6; font-size: 10.5px; font-weight: 700; }
.hv3-acct { color: #91a0b2; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.hv3-ctlrow { display: flex; align-items: center; justify-content: space-between; }
.hv3-status { display: flex; align-items: center; gap: 6px; font-size: 9px; letter-spacing: .06em; }
.hv3-status i { width: 6px; height: 6px; border-radius: 50%; }
.hv3-status--on { color: #7fe3b6; }
.hv3-status--on i { background: var(--green); box-shadow: 0 0 8px 2px #53ce9c55; }
.hv3-status--paused { color: #e8c07a; }
.hv3-status--paused i { background: #e8a83e; box-shadow: 0 0 8px 2px #e8a83e44; }
.hv3-chip { padding: 2px 6px; border: 1px solid #ffffff26; border-radius: 3px; background: #ffffff0d; color: #cbd4df; font-size: 9px; font-weight: 800; letter-spacing: .03em; }
.hv3-chip--dim { opacity: .45; }
.hv3-chip--pulse { animation: hv3ChipPulse 1.4s ease-out; }
.follower-card--f3 { border-style: dashed; opacity: .88; }
.follower-card--f3.hv3-live { border-style: solid; opacity: 1; }
.hv3-fol-cap { position: absolute; z-index: 2; top: 414px; left: 396px; width: 160px; margin: 0; color: #aab4c1; font-size: 10.5px; line-height: 1.6; }
.hv3-caption { position: absolute; z-index: 2; bottom: 0; left: 0; width: 252px; margin: 0; color: #aab4c1; font-size: 10.5px; line-height: 1.6; }
.hv3-caption em { display: block; color: #6e7887; font-size: 9px; font-style: normal; letter-spacing: .04em; }
.hv3-dot { position: absolute; z-index: 5; top: 0; left: 0; display: grid; place-items: center; width: 44px; height: 16px; margin: -8px 0 0 -22px; border-radius: 8px; color: #08131f; font-size: 8px; font-weight: 800; letter-spacing: .04em; opacity: 0; offset-rotate: 0deg; }
.hv3-dot--buy { background: var(--green); box-shadow: 0 0 16px 5px #53ce9c59; }
.hv3-dot--sell { background: #ff6d5d; box-shadow: 0 0 16px 5px #ff6d5d59; }
.hv3-dot--in { offset-path: path("M260,66 C296,66 222,260 244,260"); }
.hv3-dot--o1 { offset-path: path("M324,240 C356,200 372,110 396,84"); }
.hv3-dot--o2 { offset-path: path("M324,260 L396,224"); }
.hv3-dot--o3 { offset-path: path("M324,280 C356,320 372,338 396,364"); }
@supports (offset-path: path("M0,0")) {
  .hero-visual.fire .hv3-dot--in { animation: hv3DotIn 1.5s .35s cubic-bezier(.45, 0, .55, 1) both; }
  .hero-visual.fire .hv3-dot--o1 { animation: hv3DotOut 1.2s 2.1s cubic-bezier(.45, 0, .55, 1) both; }

  .hero-visual.fire:not(.fire--noira) .hv3-dot--o2 { animation: hv3DotOut 1.2s 2.2s cubic-bezier(.45, 0, .55, 1) both; }
  .hero-visual.fire.process-complete .hv3-dot--o3 { animation: hv3DotOut 1.2s 2.3s cubic-bezier(.45, 0, .55, 1) both; }
  .hero-visual.fire .brand-node::after { animation: hv3HubPulse 1.1s 1.8s ease-out forwards; }
  .hero-visual.fire:not(.fire--sell) .follower-card--f1 { animation: hv3CardBuy 1.6s 3.15s ease-out both; }
  .hero-visual.fire:not(.fire--sell):not(.fire--noira) .follower-card--f2 { animation: hv3CardBuy 1.6s 3.25s ease-out both; }
  .hero-visual.fire--sell .follower-card--f1 { animation: hv3CardSell 1.6s 3.15s ease-out both; }
  .hero-visual.fire--sell:not(.fire--noira) .follower-card--f2 { animation: hv3CardSell 1.6s 3.25s ease-out both; }
  .hero-visual.fire.process-complete:not(.fire--sell) .follower-card--f3 { animation: hv3CardBuy 1.6s 3.35s ease-out both; }
  .hero-visual.fire.process-complete.fire--sell .follower-card--f3 { animation: hv3CardSell 1.6s 3.35s ease-out both; }
}
@keyframes hv3DotIn { 0% { opacity: 0; offset-distance: 0%; } 10% { opacity: 1; } 92% { opacity: 1; } 100% { opacity: 0; offset-distance: 100%; } }
@keyframes hv3DotOut { 0% { opacity: 0; offset-distance: 0%; } 12% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; offset-distance: 100%; } }
@keyframes hv3HubPulse { 0% { opacity: 1; border-color: #176bc4aa; transform: scale(.72); } 100% { opacity: 0; border-color: #176bc400; transform: scale(1.6); } }
@keyframes hv3CardBuy { 0%, 100% { border-color: #ffffff20; box-shadow: 0 34px 80px #020916aa; } 30% { border-color: var(--green); box-shadow: 0 0 30px #53ce9c3a, 0 34px 80px #020916aa; } }
@keyframes hv3CardSell { 0%, 100% { border-color: #ffffff20; box-shadow: 0 34px 80px #020916aa; } 30% { border-color: #ff6d5d; box-shadow: 0 0 30px #ff6d5d3a, 0 34px 80px #020916aa; } }
@keyframes hv3ChipPulse { 0%, 100% { border-color: #ffffff26; color: #cbd4df; box-shadow: none; } 40% { border-color: var(--brand); color: #a5b4fc; box-shadow: 0 0 12px #176bc455; } }

.broker-strip { position: relative; z-index: 2; display: grid; grid-template-columns: .94fr 1.06fr; gap: 80px; padding-bottom: 24px; }
.broker-rail { grid-column: 2; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; min-height: 74px; overflow: hidden; border-block: 1px solid #ffffff18; }
.broker-rail__label { padding: 0 22px 0 0; color: #7e8ca0; font-size: 8px; font-weight: 800; letter-spacing: .16em; white-space: nowrap; }
.broker-marquee { position: relative; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.broker-track { display: flex; width: max-content; animation: brokerScroll 34s linear infinite; }
.broker-set { display: flex; align-items: center; gap: 52px; padding-right: 52px; }
.broker-logo { display: block; width: auto; height: auto; max-width: 132px; max-height: 28px; flex: 0 0 auto; filter: grayscale(1) brightness(0) invert(1); opacity: .43; }
.broker-rail:hover .broker-track { animation-play-state: paused; }
@keyframes brokerScroll { to { transform: translateX(-50%); } }
.hero-bottom { position: relative; z-index: 2; display: flex; align-items: center; gap: 18px; min-height: 82px; border-top: 1px solid #ffffff1a; color: #8997a9; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.hero-bottom > span { width: 3px; height: 3px; border-radius: 50%; background: var(--brand); }.hero-bottom p { margin: 0; }.hero-risk { margin-left: auto; color: #718096; font-size: 9px; letter-spacing: .08em; }

.intro { display: grid; grid-template-columns: 80px 1.2fr .8fr; gap: 45px; align-items: end; padding-block: 130px 85px; }
.section-index, .manager-number { align-self: start; color: #b0b7c0; font-family:var(--landing-font-family); font-size: 14px; }
.intro h2, .section-heading h2, .control-copy h2, .manager-copy h2, .final-cta h2 { font-size: clamp(46px, 5.2vw, 70px); }
.intro-copy { padding-bottom: 5px; }.intro-copy > p { margin: 0 0 28px; color: #536072; font-size: 16px; line-height: 1.8; }
.arrow-link { display: inline-flex; align-items: center; gap: 20px; padding-bottom: 7px; border-bottom: 1px solid currentColor; color: var(--ink); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.arrow-link svg { width: 16px; transition: transform .2s; }.arrow-link:hover svg { transform: translateX(5px); }

.record-section { display: grid; grid-template-columns: 1fr 330px; gap: 48px; padding-bottom: 140px; }
.record-browser { min-width: 0; border: 1px solid #d7dcde; background: #fff; box-shadow: 0 28px 80px #14213b12; }
.browser-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 50px; padding-inline: 18px; border-bottom: 1px solid #e1e5e7; color: #778191; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.browser-dots { display: flex; gap: 6px; }.browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: #c7ccd1; }.browser-dots i:first-child { background: var(--brand); }
.browser-tag { justify-self: end; display: flex; align-items: center; gap: 7px; padding: 7px 9px; background: #f0f6f3; color: #45866d; letter-spacing: 0; text-transform: none; }.browser-tag span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.record-body { display: grid; grid-template-columns: 180px 1fr; min-height: 540px; }
.record-sidebar { padding: 22px 14px; border-right: 1px solid #e8ebed; background: #f8f8f6; }
.record-id { display: flex; align-items: center; gap: 9px; padding: 4px 8px 26px; }.record-id > div { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 9px; }.record-id span { display: flex; flex-direction: column; }.record-id strong { font-size: 10px; }.record-id small { margin-top: 2px; color: #8d96a2; font-size: 8px; }
.record-nav { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; padding: 10px; color: #7b8592; font-size: 9px; }.record-nav svg { width: 13px; }.record-nav.active { background: #fff; color: var(--ink); box-shadow: 0 4px 14px #1a27400a; font-weight: 700; }
.record-main { min-width: 0; padding: 30px; }
.record-title { display: flex; align-items: start; justify-content: space-between; }.record-title span { color: var(--brand); font-size: 8px; font-weight: 800; letter-spacing: .13em; }.record-title h3 { margin: 7px 0 0; font-size: 18px; letter-spacing: -.02em; }.record-title button { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid #dde1e3; background: transparent; color: #697485; font-size: 9px; }.record-title button svg { width: 11px; }
.record-chart { position: relative; height: 310px; margin-top: 15px; }.record-chart svg { width: 100%; height: 260px; overflow: visible; }.record-grid { stroke: #e7e9e9; stroke-width: 1; }.record-area { fill: url(#recordFill); }.record-path { fill: none; stroke: var(--brand); stroke-width: 2.2; }.loss-point { fill: var(--red); stroke: #fff; stroke-width: 3; }.gain-point { fill: var(--brand); stroke: #fff; stroke-width: 3; }.axis-labels { position: absolute; inset: 9px auto auto 0; display: flex; flex-direction: column; justify-content: space-between; height: 190px; color: #a2a9b1; font-size: 7px; transform: translateX(-5px); }.axis-labels span:last-child { transform: translateY(5px); }
.chart-key { display: flex; gap: 18px; color: #8a939e; font-size: 8px; }.chart-key span { display: flex; align-items: center; gap: 5px; }.chart-key i { width: 10px; height: 2px; }.key-orange { background: var(--brand); }.key-red { background: var(--red); }
.record-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.record-metrics > div { display: flex; gap: 9px; padding: 13px 10px; border: 1px solid #e6e9ea; }.record-metrics svg { width: 15px; color: var(--brand); }.record-metrics span { display: flex; flex-direction: column; }.record-metrics small { color: #9ca3ab; font-size: 6px; letter-spacing: .12em; }.record-metrics strong { margin-top: 4px; font-size: 8px; font-weight: 650; }
.record-disclosure { margin: 0; padding: 12px 18px; border-top: 1px solid #e8ebed; color: #8d95a0; font-size: 8px; line-height: 1.5; }
.proof-list { grid-column: 2; grid-row: 1 / span 2; align-self: center; }.proof-list article { display: grid; grid-template-columns: 34px 1fr; gap: 16px; padding: 27px 0; border-bottom: 1px solid #dfe2e3; }.proof-list article:first-child { border-top: 1px solid #dfe2e3; }.proof-list article > span { padding-top: 4px; color: var(--brand); font-family:var(--landing-font-family); font-size: 11px; }.proof-list h3 { margin: 0; font-size: 15px; letter-spacing: -.02em; }.proof-list p { margin: 10px 0 0; color: #6b7583; font-size: 12px; line-height: 1.7; }

.how-section { padding-block: 130px; background: var(--ink); color: #fff; }
.section-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; column-gap: 70px; }.section-heading .eyebrow { grid-column: 1 / -1; }.section-heading > p:last-child { margin: 0 0 7px; color: #9eabba; font-size: 15px; line-height: 1.8; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 70px; border: 1px solid #ffffff18; }
.step-card { position: relative; min-height: 410px; padding: 36px; background: #0e1b2f; }.step-card + .step-card { border-left: 1px solid #ffffff18; }.step-card--accent { background: var(--brand); }
.step-number { position: absolute; top: 28px; right: 28px; color: #6f7d90; font-family:var(--landing-font-family); font-size: 11px; }.step-card--accent .step-number { color: #ffd8c8; }
.step-icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 70px; border: 1px solid #ffffff22; background: #ffffff08; }.step-icon svg { width: 22px; }
.step-card h3 { margin: 0; font-size: 23px; letter-spacing: -.035em; }.step-card p { min-height: 94px; margin: 16px 0 28px; color: #9eabba; font-size: 13px; line-height: 1.75; }.step-card--accent p { color: #fff2ed; }.step-card .arrow-link { color: #fff; }

.control-section { display: grid; grid-template-columns: .93fr 1.07fr; gap: 120px; align-items: center; padding-block: 140px; }
.control-lead { max-width: 520px; margin: 28px 0 38px; color: #647084; font-size: 16px; line-height: 1.8; }
.control-list { margin-bottom: 38px; }.control-list > div { display: flex; gap: 14px; padding-block: 16px; border-top: 1px solid #dfe2e3; }.control-list svg { width: 18px; color: var(--brand); }.control-list p { display: flex; flex-direction: column; margin: 0; }.control-list strong { font-size: 13px; }.control-list span { margin-top: 5px; color: #7d8692; font-size: 11px; }
.control-panel { padding: 28px; border: 1px solid #d9dedf; background: #fff; box-shadow: 0 32px 90px #0f203319; }
.control-panel__header { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #e5e8e9; color: #7c8692; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.control-panel__header div { display: flex; align-items: center; gap: 7px; color: #4b9579; letter-spacing: 0; }.control-panel__header i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.control-strategy { display: flex; align-items: center; gap: 13px; padding-block: 26px; }.strategy-avatar { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 50%; background: var(--ink); color: #fff; font-family:var(--landing-font-family); }.control-strategy > div:nth-child(2) { display: flex; flex-direction: column; }.control-strategy small { color: #9ca4ae; font-size: 7px; letter-spacing: .11em; }.control-strategy strong { margin-top: 5px; font-size: 13px; }.live-pill { margin-left: auto; padding: 6px 8px; background: #edf7f3; color: #4c9479; font-size: 8px; font-weight: 800; }
.control-scale { padding: 22px; background: #f6f7f6; }.control-scale > div:first-child { display: flex; justify-content: space-between; font-size: 10px; }.control-scale strong { color: var(--brand); }.scale-track { height: 5px; margin-top: 23px; background: #dce1e2; }.scale-track i { display: block; position: relative; width: 62%; height: 5px; background: var(--brand); }.scale-track i::after { content: ""; position: absolute; right: -5px; top: -5px; width: 15px; height: 15px; border: 3px solid #fff; border-radius: 50%; background: var(--brand); box-shadow: 0 1px 4px #0002; }.scale-labels { display: flex; justify-content: space-between; margin-top: 8px; color: #9aa2ab; font-size: 7px; }
.control-buttons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-block: 16px; }.control-buttons button { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 12px; border: 1px solid #dfe3e4; background: #fff; color: #667181; font-size: 9px; }.control-buttons button:last-child { color: var(--red); }.control-buttons svg { width: 13px; }
.panel-note { display: flex; align-items: center; gap: 12px; padding: 17px; border: 1px solid #e7eaeb; }.panel-note svg { width: 18px; color: var(--brand); }.panel-note span { display: flex; flex-direction: column; color: #86909b; font-size: 9px; line-height: 1.6; }.panel-note strong { color: var(--ink); font-size: 10px; }

.manager-section { padding-block: 130px; background: var(--brand); color: #fff; }
.manager-grid { display: grid; grid-template-columns: 70px 1.1fr .75fr; gap: 55px; }.manager-number { color: var(--ink); }.manager-copy h2 { max-width: 670px; }.manager-copy h2 em { color: var(--ink); }.manager-details { padding-top: 40px; }.manager-details > p { color: #fff0ea; font-size: 16px; line-height: 1.8; }.manager-details ul { display: grid; gap: 14px; margin: 30px 0 35px; padding: 0; list-style: none; color: #fff6f2; font-size: 12px; }.manager-details li { display: flex; align-items: center; gap: 10px; }.manager-details li svg { width: 16px; }
.manager-more { margin-top: 26px; }.arrow-link--light { color: #fff6f2; }

.final-cta { display: grid; grid-template-columns: 1.2fr .8fr; gap: 90px; align-items: end; padding-block: 130px; }.final-cta__action { padding-bottom: 8px; }.final-cta__action > p { margin: 0 0 28px; color: #647084; font-size: 15px; line-height: 1.8; }
.risk-section { padding-block: 40px; border-top: 1px solid #dfe2e3; background: #f1efe9; }.risk-grid { display: grid; grid-template-columns: 34px 1fr auto; gap: 20px; align-items: start; }.risk-grid > svg { color: var(--brand); }.risk-grid strong { font-size: 12px; }.risk-grid p { max-width: 780px; margin: 7px 0 0; color: #707987; font-size: 9px; line-height: 1.7; }.risk-grid a { display: flex; align-items: center; gap: 10px; padding-top: 3px; font-size: 10px; font-weight: 700; }.risk-grid a svg { width: 14px; }

.legal-boilerplate { padding-block: 54px; border-top: 1px solid #ffffff12; background: #0e1b2f; color: #8f9bad; }
.legal-boilerplate__inner { max-width: 1180px; }
.legal-boilerplate p { margin: 0 0 18px; font-size: 12px; line-height: 1.75; }
.legal-boilerplate .legal-membership { color: #c9d1dc; font-weight: 700; }
.legal-boilerplate .legal-risk-copy strong { color: #fff; }
.legal-boilerplate h2 { margin: 32px 0 14px; color: #d9e0e8; font-size: 14px; line-height: 1.4; letter-spacing: -.01em; }
.legal-assumptions { display: grid; gap: 12px; margin: 0; padding-left: 20px; }
.legal-assumptions li { padding-left: 3px; color: #8f9bad; font-size: 11px; line-height: 1.75; }
.legal-assumptions strong { color: #c9d1dc; }

footer { padding-top: 70px; background: var(--ink); color: #fff; }.footer-top { display: grid; grid-template-columns: .7fr .75fr 1.55fr; gap: 70px; padding-bottom: 65px; }.footer-brandmark { display: inline-flex; align-self: start; width: 104px; }.footer-brandmark img { display: block; width: 100%; height: auto; }.footer-top > p { margin: 0; color: #8f9bad; font-family:var(--landing-font-family); font-size: 20px; line-height: 1.45; }.footer-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; }.footer-links div { display: flex; flex-direction: column; gap: 11px; }.footer-links strong { margin-bottom: 5px; color: #66758a; font-size: 9px; letter-spacing: .12em; }.footer-links a { color: #b7c0cc; font-size: 11px; }.footer-links a:hover { color: #fff; }.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding-block: 22px; border-top: 1px solid #ffffff18; color: #66758a; font-size: 9px; letter-spacing: .06em; }.footer-legal { display: inline-flex; flex-wrap: wrap; gap: 6px 14px; }.footer-legal a { color: #8f9bad; text-decoration: none; }.footer-legal a:hover { color: #fff; }

@media (max-width: 1000px) {
  .nav { grid-template-columns: 1fr auto; }.nav-links, .nav-actions { display: none; }.mobile-menu { display: block; }
  .hero { grid-template-columns: 1fr; gap: 10px; padding-top: 80px; }.hero-copy { max-width: 720px; }.hero-visual { min-height: 0; height: 540px; max-width: 560px; width: 100%; margin: 24px auto 0; }.hero-wrap { min-height: auto; }
  .broker-strip { grid-template-columns: 1fr; gap: 0; }.broker-rail { grid-column: 1; }
  .intro { grid-template-columns: 50px 1fr; }.intro-copy { grid-column: 2; max-width: 620px; }
  .record-section { grid-template-columns: 1fr; }.proof-list { grid-column: auto; grid-row: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.proof-list article:first-child { border-top: 0; }
  .control-section { gap: 60px; }.manager-grid { grid-template-columns: 40px 1fr; }.manager-details { grid-column: 2; max-width: 650px; padding-top: 0; }
  .footer-top { grid-template-columns: .6fr 1fr; }.footer-top > p { display: none; }.footer-links { grid-column: 2; grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 740px) {
  .shell { width: min(100% - 32px, 580px); }
  .nav { min-height: 70px; }.brand { width: 145px; }
  .hero { padding-top: 58px; }.hero h1 { font-size: clamp(48px, 14vw, 66px); }.hero-description { font-size: 16px; }.hero-actions { flex-direction: column; align-items: stretch; }.hero-actions .button { width: 100%; }
  .hero-visual { width: 100%; max-width: none; min-height: 0; height: 335px; margin: 24px 0 0; overflow: hidden; }.hv3-canvas { transform: scale(.62); transform-origin: left top; }.hero-bottom { flex-wrap: wrap; gap: 12px; padding-block: 22px; }.hero-risk { width: 100%; margin: 6px 0 0; }
  .broker-strip { padding-bottom: 18px; }.broker-rail { grid-template-columns: 1fr; min-height: 76px; }.broker-rail__label { padding: 12px 0 0; }.broker-marquee { align-self: stretch; display: flex; align-items: center; }.broker-set { gap: 38px; padding-right: 38px; }.broker-logo { max-width: 112px; max-height: 24px; }
  .intro { grid-template-columns: 1fr; gap: 20px; padding-block: 95px 55px; }.section-index { display: none; }.intro-copy { grid-column: 1; }.intro h2, .section-heading h2, .control-copy h2, .manager-copy h2, .final-cta h2 { font-size: 46px; }
  .record-section { padding-bottom: 95px; }.record-browser { overflow-x: auto; }.browser-bar, .record-body, .record-disclosure { min-width: 700px; }.proof-list { grid-template-columns: 1fr; gap: 0; }.proof-list article { border-top: 1px solid #dfe2e3; }
  .how-section { padding-block: 95px; }.section-heading { grid-template-columns: 1fr; gap: 24px; }.steps { grid-template-columns: 1fr; }.step-card + .step-card { border-left: 0; border-top: 1px solid #ffffff18; }.step-card { min-height: auto; }.step-icon { margin-bottom: 50px; }
  .control-section { grid-template-columns: 1fr; padding-block: 95px; }.control-panel { padding: 18px; }
  .manager-section { padding-block: 95px; }.manager-grid { grid-template-columns: 1fr; gap: 25px; }.manager-number { display: none; }.manager-details { grid-column: 1; }
  .final-cta { grid-template-columns: 1fr; gap: 35px; padding-block: 95px; }.risk-grid { grid-template-columns: 24px 1fr; }.risk-grid a { grid-column: 2; }
  .footer-top { grid-template-columns: 1fr; gap: 45px; }.footer-links { grid-column: 1; }.footer-bottom { gap: 20px; }.footer-bottom span:last-child { text-align: right; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .broker-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }.broker-track { animation: none; }.broker-set[aria-hidden="true"] { display: none; }
}


.record-slide { display: none; }
.record-slide.active { display: block; animation: slideIn .5s ease; }
@keyframes slideIn { from { opacity: 0; transform: translateX(26px); } to { opacity: 1; transform: none; } }
.record-since { margin: 6px 0 0; color: #9aa3ad; font-size: 9px; }
.record-link { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid #dde1e3; background: transparent; color: #697485; font-size: 9px; text-decoration: none; white-space: nowrap; }
.record-link svg { width: 11px; }
.record-link:hover { color: var(--ink); border-color: var(--ink); }
.record-slide.active .record-metrics > div { animation: chipIn .55s cubic-bezier(.2,.7,.3,1); animation-delay: calc(220ms + var(--d, 0ms)); animation-fill-mode: backwards; }
@keyframes chipIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.record-slide .record-metrics small { color: #9ca3ab; font-size: 6px; letter-spacing: .12em; }
.record-slide .record-metrics strong { margin-top: 4px; font-size: 10px; font-weight: 650; color: var(--ink); }
.chart-dates { margin-left: auto; letter-spacing: .06em; }

.record-sigid { display: inline-block; margin-left: 10px; vertical-align: 2px; font-family:var(--landing-font-family); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: none; color: var(--ink); background: #fff; border: 1px solid #d7dcde; border-radius: 4px; padding: 3px 8px; }
.carousel-bar { grid-column: 1; grid-row: 2; display: flex; align-items: center; gap: 20px; margin-top: 24px; padding: 0 6px; }
.carousel-dots { display: flex; gap: 9px; }
.carousel-dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: #c6ccd2; cursor: pointer; transition: background .2s, transform .2s; }
.carousel-dot.active { background: var(--brand); transform: scale(1.3); }
.carousel-dot:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.carousel-count { color: #8a939e; font-size: 11px; letter-spacing: .12em; }
.carousel-count b { color: var(--ink); }
.carousel-arrows { margin-left: auto; display: flex; gap: 10px; }
.carousel-arrows button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #cfd5d8; border-radius: 50%; background: #fff; color: var(--ink); cursor: pointer; box-shadow: 0 8px 22px #14213b10; transition: color .2s, border-color .2s, transform .15s; }
.carousel-arrows button:hover { color: var(--brand); border-color: var(--brand); transform: translateY(-1px); }
.carousel-arrows button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.carousel-arrows svg { width: 17px; }
.carousel-pause .icon-play { display: none; }
.carousel-pause.paused .icon-play { display: block; }
.carousel-pause.paused .icon-pause { display: none; }

.hv3-pausebtn { position: absolute; right: 8px; bottom: 8px; z-index: 6; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #ffffff29; border-radius: 50%; background: #0a1526b3; color: #9eabba; cursor: pointer; transition: color .2s, border-color .2s; }
.hv3-pausebtn:hover { color: #fff; border-color: #ffffff59; }
.hv3-pausebtn:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.hv3-pausebtn svg { width: 13px; }
.hv3-pausebtn .icon-play { display: none; }
.hv3-pausebtn.paused .icon-play { display: block; }
.hv3-pausebtn.paused .icon-pause { display: none; }
@media (prefers-reduced-motion: reduce) { .hv3-pausebtn { display: none; } }
@media (prefers-reduced-motion: reduce) { .record-slide.active, .record-slide.active .record-metrics > div { animation: none; } }


.fills-section { padding-bottom: 130px; }
.fills-head h2 { margin-top: 20px; font-size: clamp(40px, 4.6vw, 62px); }
.fills-lead { max-width: 780px; margin-top: 26px; color: #536072; font-size: 16px; line-height: 1.8; }
.fills-carousel { margin-top: 60px; position: relative; }
.fills-slides { position: relative; }

.fills-carousel.fills-js .fills-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }
.fills-carousel.fills-js .fills-slide.is-active { opacity: 1; visibility: visible; transition: opacity .45s ease; z-index: 1; }
.fills-panel { border: 1px solid #d7dcde; background: #fff; box-shadow: 0 28px 80px #14213b12; }
.fills-carousel .fills-panel { margin-top: 0; }
.fills-body { padding: 30px; }
.fills-trade { display: flex; align-items: start; justify-content: space-between; gap: 30px; }
.fills-trade > div:first-child > span { color: var(--brand); font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.fills-trade h3 { margin: 7px 0 0; font-size: 18px; letter-spacing: -.02em; }
.fills-when { margin: 6px 0 0; color: #9aa3ad; font-size: 9px; }
.fills-price { flex: 0 0 auto; text-align: right; }
.fills-price small { color: #9ca3ab; font-size: 7px; letter-spacing: .12em; }
.fills-price strong { display: block; margin-top: 4px; color: var(--brand); font-size: 34px; letter-spacing: -.03em; }
.fills-price span { display: block; margin-top: 4px; color: #8a939e; font-size: 9px; }
.fills-chart { margin-top: 24px; }
.fills-chart svg { width: 100%; height: auto; }
.fills-grid { stroke: #e7e9e9; stroke-width: 1; }
.fills-axis { fill: #a2a9b1; font-size: 10px; }
.fills-line-record { stroke: var(--brand); stroke-width: 2.4; }
.fills-line-signal { stroke: #9aa3ad; stroke-width: 1.4; stroke-dasharray: 5 4; }
.fills-line-label { font-size: 10.5px; font-weight: 700; }
.fills-line-sub { font-size: 9px; font-weight: 500; }
.fills-chart circle { opacity: .92; transform-box: fill-box; transform-origin: center; }

.fills-chart.fills-armed circle { opacity: 0; transform: scale(.3); }
.fills-chart.fills-armed.fills-in circle { opacity: .92; transform: none; transition: opacity .45s ease var(--fd, 0ms), transform .45s ease var(--fd, 0ms); }
.fills-legend { display: flex; align-items: center; flex-wrap: wrap; row-gap: 6px; column-gap: 18px; margin-top: 10px; color: #8a939e; font-size: 8px; }
.fills-legend span { display: flex; align-items: center; gap: 5px; }
.fills-legend i { width: 8px; height: 8px; border-radius: 50%; }
.fills-legend em { margin-left: auto; font-style: normal; letter-spacing: .04em; }
.fills-remark { margin-top: 24px; padding: 18px 20px; background: #f6f7f6; }
.fills-remark__label { color: #9ca3ab; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.fills-remark__chain { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 10px; }
.fills-remark__chain b { display: flex; flex-direction: column; font-size: 16px; font-weight: 700; letter-spacing: -.02em; }
.fills-remark__chain small { margin-top: 3px; color: #8d96a2; font-size: 8px; font-weight: 500; }
.fills-remark__chain i { color: #b6bcc4; font-style: normal; }
.fills-remark p { margin: 12px 0 0; color: #6b7583; font-size: 11px; line-height: 1.7; }
.fills-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #eef0f1; }
.fills-sample { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.fills-ticket { padding: 7px 10px; border: 1px solid #e6e9ea; color: #697485; font-size: 9px; }
.fills-ticket b { color: var(--ink); font-weight: 650; }
.fills-sample > span { color: #9aa3ad; font-size: 9px; }

.fills-arrow, .fills-nav { display: none; }
.fills-carousel.fills-js .fills-arrow { display: flex; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #dfe3e4; background: #fff; color: var(--ink); cursor: pointer; align-items: center; justify-content: center; box-shadow: 0 10px 26px #14213b14; }
.fills-carousel.fills-js .fills-arrow:hover { border-color: var(--brand); color: var(--brand); }
.fills-carousel.fills-js .fills-arrow:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.fills-carousel.fills-js .fills-prev { left: -22px; }
.fills-carousel.fills-js .fills-next { right: -22px; }
.fills-arrow svg { width: 18px; height: 18px; }
.fills-carousel.fills-js .fills-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 22px; }
.fills-dots { display: flex; gap: 8px; }
.fills-dots button { width: 26px; height: 4px; border: 0; padding: 0; background: #d7dcde; cursor: pointer; transition: background .3s; }
.fills-dots button.is-active { background: var(--brand); }
.fills-dots button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.fills-autoplay { border: 1px solid #dfe3e4; background: transparent; color: #697485; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; padding: 6px 12px; cursor: pointer; }
.fills-autoplay:hover { border-color: var(--brand); color: var(--brand); }
.fills-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px; }
.fills-points article { display: grid; grid-template-columns: 34px 1fr; gap: 16px; padding-top: 24px; border-top: 1px solid #dfe2e3; }
.fills-points article > span { padding-top: 2px; color: var(--brand); font-family:var(--landing-font-family); font-size: 11px; }
.fills-points h3 { margin: 0; font-size: 15px; letter-spacing: -.02em; }
.fills-points p { margin: 10px 0 0; color: #6b7583; font-size: 12px; line-height: 1.7; }
@media (max-width: 1000px) {
  .fills-points { grid-template-columns: 1fr; gap: 0; }
  .fills-points article { padding: 24px 0; }
  .fills-trade { flex-direction: column; gap: 14px; }
  .fills-price { text-align: left; }
  .fills-foot { flex-direction: column; align-items: start; }
  .fills-carousel.fills-js .fills-prev { left: 6px; }
  .fills-carousel.fills-js .fills-next { right: 6px; }
}
@media (max-width: 740px) {
  .fills-section { padding-bottom: 95px; }
  .fills-head h2 { font-size: 40px; }
  .fills-body { padding: 18px; overflow-x: auto; }
  .fills-chart, .fills-remark, .fills-foot { min-width: 640px; }
  .fills-carousel.fills-js .fills-arrow { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .fills-chart.fills-armed circle { opacity: .92; transform: none; }
  .fills-carousel.fills-js .fills-slide, .fills-carousel.fills-js .fills-slide.is-active { transition: none; }
}


.fills-star { color: var(--brand); font-family:var(--landing-font-family); font-style: normal; font-weight: 700; font-size: .62em; line-height: 0; vertical-align: .58em; margin-left: .05em; }
.fills-section > .record-disclosure { font-size: 10.5px; color: #79828d; }
.fills-asterisk { margin: 0; padding: 4px 18px 14px; display: flex; gap: 9px; color: #79828d; font-size: 11.5px; line-height: 1.55; }
.fills-asterisk .fills-star { font-size: 24px; line-height: .55; vertical-align: 0; margin: 5px 0 0; flex: none; }
.fills-asterisk p { margin: 0; }
.fills-sigid { display: inline-block; margin-left: 10px; vertical-align: 1px; font-family:var(--landing-font-family); font-size: 11.5px; font-weight: 600; letter-spacing: .03em; text-transform: none; color: #3a4354; background: #f1f2f4; border: 1px solid #e2e5e9; border-radius: 4px; padding: 2px 7px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 740px) {
  .fills-asterisk { min-width: 700px; }
}


.commit-section { display: grid; grid-template-columns: 80px 1.1fr .9fr; gap: 55px; align-items: center; padding-bottom: 130px; }
.commit-copy h2 { margin: 20px 0 0; font-size: clamp(40px, 4.6vw, 62px); }
.commit-copy > p { margin: 24px 0 0; color: #536072; font-size: 15px; line-height: 1.85; }
.commit-copy > p:first-of-type { margin-top: 32px; }
.commit-stage { min-width: 0; }
@media (max-width: 1000px) {
  .commit-section { grid-template-columns: 80px 1fr; }
  .commit-stage { grid-column: 2; max-width: 520px; margin-inline: auto; }
}
@media (max-width: 740px) {
  .commit-section { grid-template-columns: 1fr; gap: 30px; padding-bottom: 95px; }
  .commit-stage { grid-column: 1; }
  .commit-copy h2 { font-size: 40px; }
}


.manager-section { background: none; padding-block: 70px; }
.manager-section .manager-grid { background: var(--brand); border-radius: 24px; padding: 80px 72px; box-shadow: 0 34px 90px #14213b1f; }
.manager-section .eyebrow--light { display: inline-block; padding: 9px 18px; background: var(--ink); color: #fff; border-radius: 999px; font-size: 10px; letter-spacing: .16em; }
.manager-section .eyebrow--light > span { display: none; }

.nav-ai span { color: var(--brand); }
@media (max-width: 1000px) {
  .manager-section .manager-grid { padding: 60px 44px; }
}
@media (max-width: 740px) {
  .manager-section { padding-block: 45px; }
  .manager-section .manager-grid { padding: 48px 26px; border-radius: 18px; }
}


@media (max-width: 740px) {

  .record-browser { overflow: visible; }
  .record-browser > .browser-bar { display: none; }
  .browser-bar, .record-body, .record-disclosure { min-width: 0; }
  .record-body { grid-template-columns: 1fr; min-height: 0; }
  .record-sidebar { display: none; }
  .record-main { padding: 18px 16px 20px; }
  .record-title { flex-direction: column; align-items: flex-start; gap: 12px; }
  .record-title h3 { font-size: 21px; }
  .record-sigid { margin: 6px 0 0; }
  .record-chart { height: auto; margin-top: 12px; }
  .record-chart svg { height: 150px; }
  .axis-labels { inset: 10px auto auto 0; height: 128px; font-size: 8px; }
  .chart-key { flex-wrap: wrap; row-gap: 4px; margin-top: 8px; font-size: 9px; }
  .chart-dates { flex-basis: 100%; margin-left: 0; }
  .record-metrics { grid-template-columns: 1fr; gap: 6px; margin-top: 14px; }
  .record-metrics > div { padding: 10px 12px; }
  .record-metrics small, .record-slide .record-metrics small { font-size: 7px; }
  .record-slide .record-metrics strong { font-size: 12px; }
  .record-disclosure { padding: 12px 16px; }
  .carousel-bar { gap: 14px; margin-top: 18px; }

  .fills-panel > .browser-bar { grid-template-columns: 1fr; gap: 6px; min-height: 0; padding: 12px 16px; }
  .fills-panel .browser-dots { display: none; }
  .fills-panel .browser-tag { justify-self: start; }
  .fills-body { padding: 16px; overflow: visible; }
  .fills-chart, .fills-remark, .fills-foot, .fills-asterisk { min-width: 0; }
  .fills-trade h3 { font-size: 17px; }
  .fills-price strong { font-size: 30px; }
  .fills-chart--mobile svg { overflow: visible; }
  .fills-chart--mobile .fills-axis { font-size: 17px; }
  .fills-chart--mobile .fills-line-label, .fills-chart--mobile .fills-line-sub { display: none; }
  .fills-chart--mobile circle, .fills-chart--mobile.fills-armed.fills-in circle { transform: scale(1.5); }
  .fills-chart--mobile.fills-armed circle { transform: scale(.3); }
  .fills-chart--mobile .fills-mkey { display: flex; }
  .fills-legend { font-size: 9px; }
  .fills-legend em { flex-basis: 100%; margin-left: 0; }
  .fills-remark { padding: 14px; }
  .fills-remark__chain { gap: 10px; }
  .fills-remark__chain b { font-size: 14px; }
  .fills-carousel.fills-js { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
  .fills-carousel.fills-js .fills-slides, .fills-carousel.fills-js .fills-nav { grid-column: 1 / -1; }
  .fills-carousel.fills-js .fills-arrow { position: static; transform: none; width: 44px; height: 44px; margin-top: 16px; }
  .fills-carousel.fills-js .fills-prev { justify-self: end; }
  .fills-carousel.fills-js .fills-next { justify-self: start; }
  .fills-carousel.fills-js .fills-nav { margin-top: 14px; }
}

.fills-mkey { display: none; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; color: #6b7583; font-size: 9.5px; font-weight: 600; }
.fills-mkey span { display: flex; align-items: center; gap: 7px; }
.fills-mkey i { flex: none; width: 16px; height: 0; }
.fills-mkey__sig { border-top: 2px dashed #9aa3ad; }
.fills-mkey__rec { border-top: 2.5px solid var(--brand); }
.fills-mkey b { color: var(--brand); font-weight: 700; }
.fills-mkey b.fills-mkey__gray { color: #5c6675; }

@media (max-width: 380px) {
  .hero-visual { height: 318px; }
  .hv3-canvas { transform: scale(.58); }
}
@media (max-width: 360px) {
  .hero-visual { height: 300px; }
  .hv3-canvas { transform: scale(.55); }
}

@font-face{font-family:Arimo;src:url('assets/fonts/Arimo-Variable.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Arimo;src:url('assets/fonts/Arimo-Italic-Variable.ttf') format('truetype');font-weight:400 700;font-style:italic;font-display:swap}
:root{--ink:#10131a;--ink-2:#181d28;--brand:#176bc4;--brand-hover:#125aa7;--sky:#1779be;--violet:#6a5fc4;--paper:#fff;--cream:#f5f6f8;--green:#168a5b;--gradient:linear-gradient(112deg,#176bc4 0%,#176bc4 30%,#1779be 72%,#6a5fc4 100%);--gradient-hover:linear-gradient(112deg,#125aa7 0%,#125aa7 30%,#146aa8 72%,#594dac 100%)}
body{font-family:var(--landing-font-family);line-height:1.5}h1 em,h2 em,.section-index,.proof-list article>span{font-family:var(--landing-font-family);font-style:italic}h1 em,.hero .eyebrow--light{color:#adb5f2}.hero-wrap,.how-section,footer{background:var(--ink)}.hero-wrap{min-height:0}.hero-wrap::after{pointer-events:none}.hero-description{color:#b6becb}.hero-note{color:#b6becb}.nav{gap:24px}.nav-links{gap:24px}.nav-help svg,.sign-in svg{display:none}.brand{width:auto;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.04em;flex-shrink:0}.brand img{width:38px;height:34px;object-fit:contain}.brand-node img{width:58px;height:52px;object-fit:contain}.brand-node{background:#1d2536!important;border-color:#a6b4eb35!important;box-shadow:0 0 65px #6a5fc433!important}.button--orange,.step-card--accent{background:var(--gradient);color:#fff}.button--orange:hover{background:var(--gradient-hover);color:#fff}.button{border-radius:8px;min-height:44px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button--white{background:#fff;color:#155fae}.button--ghost{color:#fff}.button--hero{min-height:52px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:#fff;color:var(--ink);padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6a5fc4;outline-offset:5px}button{cursor:pointer}.hv3-avatar.strategy-emblem{display:grid;place-items:center;background:var(--gradient);border-radius:15px;color:#fff}.strategy-emblem svg{width:34px}.hv3-card{background:#1b2230e8;border-color:#a6b4eb35}.hv3-rank{background:var(--gradient)}.hv3-stat{background:#176bc426;border-color:#8bbff140;color:#9cc6f3}.hv3-wire{stroke:#829de76e}.hv3-status,.hv3-broker-fallback{color:#cbd4df}.hv3-status i{background:#8bbff1}.hv3-dot--buy{background:#b7aff2;color:#171b28;box-shadow:0 0 16px 5px #6a5fc459}.hero-visual.fire .follower-card,.hero-visual.fire .brand-node{border-color:#8bbff1!important}.motion-toggle{position:absolute;bottom:12px;right:12px;z-index:6;display:grid;place-items:center;width:40px;height:40px;border:1px solid #a0aec64d;border-radius:50%;background:#ffffff0b;color:#b7c4d6;font-size:16px}.motion-toggle:hover{background:#176bc426}.hero-visual{position:relative}.broker-strip{align-items:center}.broker-strip>p{font-size:10px;letter-spacing:.1em;color:#9eabba;line-height:1.8}.broker-strip>p strong{font-size:16px;letter-spacing:0;color:#fff}.broker-set{gap:45px;padding-right:45px}.broker-set>span{font-size:14px;color:#a6b4c9;white-space:nowrap}.hero-bottom p{color:#b6becb}.hero-bottom{flex-wrap:wrap}.hero-risk{color:#9ca8ba}.record-slide[hidden]{display:none!important}.record-slide{min-height:400px}.record-body{min-height:0;grid-template-columns:155px 1fr}.record-main{padding:28px}.record-open{display:flex;align-items:center;gap:8px;font-size:11px;color:#155fae;border:1px solid #dce2e9;border-radius:6px;padding:8px 10px;white-space:nowrap}.record-title{gap:15px}.record-title h3{font-size:22px}.record-title span{font-size:9px}.record-title .record-open{flex-shrink:0}.record-since{font-size:11px;color:#707c8e;margin-top:10px}.record-chart{height:auto;margin-bottom:22px}.record-chart svg{height:auto;aspect-ratio:620/240}.record-path{stroke:#168a5b;stroke-width:2.4}.record-slide.active .record-path{stroke-dasharray:1;animation:equityDraw 1.5s ease both}.key-equity{background:#168a5b}.chart-dates{display:flex;justify-content:space-between;margin:4px 0 14px;font-size:10px;color:#7f8997}.chart-key{font-size:10px}.record-metrics small{font-size:9px;letter-spacing:.05em}.record-metrics strong{font-size:18px}.record-metrics .positive{color:#168a5b}.record-disclosure{font-size:11px;line-height:1.6}.record-nav{font-size:11px}.record-nav:hover{color:#155fae;background:#edf4fb}.record-nav svg{display:none}.carousel-controls{grid-column:1;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}.carousel-dots{display:flex;gap:10px}.carousel-dot{width:10px;height:10px;min-height:10px;border:0;border-radius:50%;background:#cfd6e0;padding:0}.carousel-dot.active{background:var(--brand)}.carousel-arrow,.carousel-pause{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8dfe8;border-radius:50%;background:#fff;color:var(--ink)}.carousel-controls>span{font-size:11px;color:#6e7888}.carousel-controls [data-count]{font-weight:400}.carousel-arrow:hover,.carousel-pause:hover{border-color:var(--brand);color:var(--brand)}.package-scene{position:relative;background:#f5f6f8;border:1px solid #e3e7ef;border-radius:22px;min-height:440px;overflow:hidden}.release-orbit{height:350px;position:relative;display:grid;place-items:center;perspective:1000px;background:radial-gradient(ellipse,#6a5fc414,transparent 65%)}.software-box{position:relative;width:180px;height:225px;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(-20deg);animation:packageFloat 7s ease-in-out infinite}.box-face{position:absolute;inset:0;background:linear-gradient(145deg,#202739,#111725);border:1px solid #6a5fc46b;border-radius:6px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 32px 50px #26345132;transform:translateZ(20px)}.box-face img{width:66px;height:60px}.box-face strong{font-size:21px;letter-spacing:-.05em}.box-face small{font-size:8px;letter-spacing:.12em;color:#b7c4d6}.box-face span{font-size:8px;letter-spacing:.08em;color:#b7aff2}.box-side{position:absolute;top:0;left:0;width:40px;height:225px;background:var(--gradient);transform:translateX(-20px) rotateY(-90deg);border:1px solid #7e8ab4;border-radius:4px}.release-tag{position:absolute;z-index:2;padding:7px 12px;border:1px solid #d6ddea;border-radius:7px;background:#ffffffed;font-size:11px;color:#5d6980;box-shadow:0 8px 20px #25345b09;animation:tagFloat 6s ease-in-out infinite}.tag-1{top:46px;left:22px}.tag-2{top:90px;right:20px;animation-delay:-1.5s}.tag-3{bottom:56px;left:18px;animation-delay:-3s}.tag-4{bottom:35px;right:15px;animation-delay:-4.5s}.scene-caption{padding:16px 36px 50px;text-align:center;font-size:12px;color:#718097}.package-scene .motion-toggle{color:#536981;border-color:#d8dfe8;background:#fff}.journey-section{padding-bottom:130px}.journey-section .fills-head{max-width:820px}.journey-section .fills-head>p:last-child{color:#647084;line-height:1.8;font-size:16px;margin:24px 0 36px;max-width:700px}.journey-browser{border:1px solid #d8dfe8;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #1729550b}.journey-body{display:grid;grid-template-columns:270px 1fr;min-height:370px}.journey-tabs{display:flex;flex-direction:column;padding:28px;gap:10px;background:#f5f6f8;border-right:1px solid #e4e8ee}.journey-tabs button{display:flex;align-items:center;gap:16px;text-align:left;min-height:58px;border:1px solid transparent;background:transparent;border-radius:8px;padding:10px 16px;color:#6a7686}.journey-tabs button>span{font-size:11px;color:#929daf}.journey-tabs button[aria-selected=true]{border-color:#c7d9ef;background:white;color:#155fae;box-shadow:0 5px 20px #152f5908}.journey-tabs button:hover{border-color:#c7d9ef}.journey-body [role=tabpanel]{padding:36px 48px;position:relative}.journey-art{position:absolute;right:36px;top:28px;background:var(--gradient);color:white;padding:16px;border-radius:14px}.journey-art svg{width:24px}.journey-kicker{color:#155fae;font-size:10px;letter-spacing:.12em;font-weight:700;margin-bottom:25px}.journey-body h3{font-size:28px;letter-spacing:-.035em;max-width:480px;line-height:1.15;margin-bottom:18px;padding-right:70px}.journey-body [data-journey-copy]{font-size:15px;color:#647084;max-width:540px;line-height:1.8;margin-bottom:24px}.journey-action{font-size:13px}.journey-body [role=tabpanel].changing{animation:slideIn .35s ease both}.control-panel{border-radius:14px}.control-panel__header{font-size:10px}.control-strategy .strategy-avatar{background:var(--gradient)}.live-pill{color:#155fae;background:#edf4fb;border-color:#cbdcf2}.setup-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #edf0f4;font-size:12px}.setup-row>span{color:#7b8596}.setup-row>strong{text-align:right;font-weight:500;color:#344256}.setup-reminder{margin-top:20px;padding:14px;background:#f3f5f9;border-radius:8px;font-size:12px;color:#60708b}.control-note{margin-top:16px;font-size:11px;line-height:1.7;color:#7e8999}.manager-section .manager-grid{background:var(--gradient)}.manager-section .manager-copy h2 em{color:#e5e9ff}.manager-number{color:#d4e3ff}.manager-details>p,.manager-details ul{color:#e5edff}.manager-details .access-note{font-size:11px;line-height:1.7;margin-top:22px}.landing-faq{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:100px 80px}.landing-faq h2{font-size:clamp(36px,4.3vw,56px);line-height:1.05;letter-spacing:-.055em;margin-bottom:24px}.landing-faq h2 em{color:var(--brand)}.faq-list details{border-bottom:1px solid #dfe4ec}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--brand);font-size:20px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:14px;line-height:1.8;color:#6c788a;padding:0 32px 24px 0}.footer-top{grid-template-columns:1fr .8fr 2fr;gap:40px}.footer-brandmark{width:auto}.footer-brandmark img{width:36px}.footer-top>p{font-family:var(--landing-font-family);font-size:18px;line-height:1.6}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-columns h3{font-size:10px;letter-spacing:.08em;color:#c5ccda;margin-bottom:20px}.footer-columns a{display:block;font-size:11px;color:#8f9bad;margin-top:12px;line-height:1.6}.footer-columns a:hover{color:#b7aff2}.footer-columns svg,.footer-legal svg{display:none}.footer-legal{display:flex;gap:24px;flex-wrap:wrap;padding:22px 0;border-top:1px solid #ffffff1a;font-size:11px;color:#9eabba}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#808da3;padding:20px 0 28px}.risk-section p{max-width:870px}.motion-scene.motion-held *,.motion-scene.motion-held::before{animation-play-state:paused!important}.motion-scene.motion-held .fire{animation-play-state:paused!important}
@keyframes equityDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes packageFloat{0%,100%{transform:translateY(0) rotateX(-10deg) rotateY(-20deg)}50%{transform:translateY(-13px) rotateX(-6deg) rotateY(-12deg)}}@keyframes tagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(min-width:1600px){.shell{width:min(1320px,calc(100% - 96px))}.hero{gap:100px}.hero h1{font-size:88px}.hero-visual{justify-self:end;width:560px}}
@media(max-width:1100px){.nav-links{display:none}.nav-actions{margin-left:auto}.hero{gap:40px;grid-template-columns:1fr 1.05fr}.hero h1{font-size:clamp(48px,6vw,72px)}.record-section{grid-template-columns:1fr 280px;gap:28px}.record-body{grid-template-columns:110px 1fr}.record-main{padding:22px}.record-title h3{font-size:19px}.record-open{font-size:10px;padding:6px}.record-metrics small{font-size:8px}.record-metrics strong{font-size:16px}.commit-section{gap:30px;grid-template-columns:40px 1fr 1fr}.control-section{gap:55px}.manager-section .manager-grid{padding:55px 40px;gap:30px}.footer-top{grid-template-columns:1fr 2fr}.footer-top>p{display:none}}
@media(max-width:900px){.record-section{grid-template-columns:1fr}.proof-list{grid-column:auto;grid-row:3}.carousel-controls{grid-row:2}.proof-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.proof-list article{grid-template-columns:1fr;padding:22px 0;border-top:1px solid #dfe2e3}.commit-section{grid-template-columns:1fr 1fr}.commit-section>.section-index{display:none}.record-body{grid-template-columns:155px 1fr}.journey-body{grid-template-columns:220px 1fr}.journey-tabs{padding:20px}.journey-body [role=tabpanel]{padding:30px}.journey-art{right:25px}.landing-faq{gap:40px}.steps .step-card{padding:24px}.steps .step-card h3{font-size:21px}}
@media(max-width:740px){.shell{width:calc(100% - 36px)}.nav{min-height:80px;padding-block:20px}.nav-actions{display:none}.mobile-menu{display:block;margin-left:auto}.brand{font-size:20px}.hero{grid-template-columns:1fr;gap:45px;padding-top:40px;padding-bottom:42px;min-height:0}.hero h1{font-size:clamp(48px,10.5vw,70px)}.hero-description{font-size:16px;margin-top:26px}.hero-visual{width:100%;max-width:560px;justify-self:center}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions .button{font-size:13px}.broker-strip{grid-template-columns:1fr;gap:22px;padding-top:10px}.broker-set{gap:30px;padding-right:30px}.broker-strip>p br{display:none}.broker-strip>p strong{display:block}.hero-bottom{gap:12px;padding-bottom:26px}.hero-bottom p{font-size:11px}.hero-bottom .hero-risk{width:100%;margin-left:0;font-size:10px;line-height:1.6}.intro{padding-top:80px}.record-section{padding-bottom:90px}.record-body{grid-template-columns:1fr}.record-sidebar{display:none}.record-main{padding:20px 16px}.record-title{flex-direction:column;gap:12px}.record-title h3{font-size:23px}.record-open{font-size:11px}.record-slide{min-height:380px}.record-metrics{gap:6px}.record-metrics>div{padding:12px 8px}.record-metrics small{font-size:8px}.record-metrics strong{font-size:17px}.record-since{font-size:10px}.browser-bar>span{font-size:8px}.browser-tag{font-size:8px}.record-disclosure{padding:12px 16px}.proof-list{grid-template-columns:1fr;gap:0}.proof-list article{grid-template-columns:28px 1fr;gap:12px}.carousel-controls{gap:13px}.commit-section{grid-template-columns:1fr;padding-bottom:85px;gap:32px}.commit-copy h2{font-size:44px}.package-scene{min-height:395px}.release-orbit{height:310px}.journey-section{padding-bottom:90px}.journey-section .fills-head h2{font-size:44px}.journey-body{grid-template-columns:1fr}.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:12px;gap:4px;border-right:0;border-bottom:1px solid #e4e8ee}.journey-tabs button{flex-direction:column;gap:5px;padding:8px 3px;font-size:11px;text-align:center;justify-content:center}.journey-body [role=tabpanel]{padding:30px 22px;min-height:350px}.journey-body h3{font-size:27px;padding-right:0;margin-top:30px}.journey-art{right:22px;top:22px;padding:10px}.journey-body [data-journey-copy]{font-size:14px}.journey-kicker{padding-right:55px;font-size:9px}.how-section{padding-block:80px}.steps{grid-template-columns:1fr;margin-top:45px}.step-card{min-height:0!important;padding:28px!important}.step-icon{margin-bottom:35px}.step-card p{min-height:0}.step-card+.step-card{border-left:0;border-top:1px solid #ffffff18}.control-section{grid-template-columns:1fr;gap:35px;padding-block:85px}.control-copy h2{font-size:44px}.control-panel{padding:22px}.manager-section{padding-block:20px}.manager-section .manager-grid{grid-template-columns:1fr;padding:40px 26px;gap:15px;border-radius:16px}.manager-number{display:none}.manager-copy h2{font-size:44px}.manager-details{padding-top:16px}.manager-details ul{font-size:13px}.landing-faq{grid-template-columns:1fr;padding-block:80px 20px;gap:35px}.final-cta{padding-block:80px;gap:28px;grid-template-columns:1fr}.final-cta h2{font-size:44px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-columns{gap:20px}.footer-columns a{font-size:11px}.footer-legal{gap:16px}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.broker-track{width:auto;flex-wrap:wrap}.broker-set{flex-wrap:wrap;gap:15px;padding-right:0}.broker-set[aria-hidden]{display:none}.hv3-dot{display:none}.record-path{stroke-dashoffset:0}.software-box{transform:rotateX(-10deg) rotateY(-20deg)}}

/* Product-specific overrides of the reference record and motion rules. */
.record-slide .record-metrics small{font-size:9px;letter-spacing:.05em}.record-slide .record-metrics strong{font-size:18px}.record-slide .record-metrics strong.positive{color:#168a5b}.record-metrics>div:nth-child(2){--d:140ms}.record-metrics>div:nth-child(3){--d:280ms}.motion-held *,.motion-held::before,.motion-held::after{animation-play-state:paused!important}.motion-held .broker-track{animation-play-state:paused!important}.motion-toggle:disabled{cursor:default}.risk-section{background:#f5f6f8}.step-card--accent .step-number{color:#d9e7ff}.step-card--accent p{color:#e5edff}.manager-details ul{list-style:none}.brand-node img{max-width:58px!important}.hero-visual.fire:not(.alternate-tone) .follower-card{animation-name:hv3CardBuy}.hero-visual.fire .hv3-dot--o3{animation:hv3DotOut 1.2s 2.3s cubic-bezier(.45,0,.55,1) both}@keyframes hv3CardBuy{0%,100%{box-shadow:0 8px 24px #02091626}25%{box-shadow:0 0 0 1px #8bbff14d,0 8px 24px #02091626}}
@media(max-width:740px){.record-slide .record-metrics small{font-size:8px}.record-slide .record-metrics strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-visual.fire .hv3-dot--o3{animation:none!important}}

/* Optional rounded preview. Set before CSS loads to avoid a shape flash. */
html[data-corners="rounded"] {
  --landing-radius-small: 10px;
  --landing-radius-card: 16px;
  --landing-radius-panel: 24px;
  --landing-radius-section: 32px;
}
html[data-corners="rounded"] .button { border-radius: 999px !important; }
html[data-corners="rounded"] :is(.hv3-card, .brand-node, .step-icon, .mobile-menu__panel) {
  border-radius: var(--landing-radius-card);
}
html[data-corners="rounded"] :is(.hv3-rank, .hv3-stat, .hv3-chip, .browser-tag, .live-pill, .release-tag) {
  border-radius: 999px;
}
html[data-corners="rounded"] :is(.record-browser, .journey-browser) {
  border-radius: var(--landing-radius-panel);
  overflow: hidden;
}
html[data-corners="rounded"] :is(.control-panel, .package-scene, .manager-grid) {
  border-radius: var(--landing-radius-panel);
}
html[data-corners="rounded"] :is(.record-open, .record-nav, .record-metrics > div, .journey-tabs button, .setup-reminder) {
  border-radius: var(--landing-radius-small);
}
html[data-corners="rounded"] .hero-wrap {
  border-radius: 0 0 var(--landing-radius-section) var(--landing-radius-section);
}
html[data-corners="rounded"] :is(.how-section, .risk-section) {
  border-radius: var(--landing-radius-section);
}
html[data-corners="rounded"] footer {
  border-radius: var(--landing-radius-section) var(--landing-radius-section) 0 0;
}
html[data-corners="rounded"] .steps { gap: 16px; border: 0; }
html[data-corners="rounded"] .step-card {
  border: 1px solid #ffffff18;
  border-radius: var(--landing-radius-panel);
}
html[data-corners="rounded"] .box-face { border-radius: var(--landing-radius-card); }
@media (max-width: 740px) {
  html[data-corners="rounded"] { --landing-radius-panel: 20px; --landing-radius-section: 24px; }
  html[data-corners="rounded"] .steps { gap: 12px; }
}

/* All customer-facing text follows the application typography. */
input,select,textarea{font-family:var(--landing-font-family)}

/* NinjaTrader routes three illustrative strategy activity paths in the hero. */
.hero-visual .ninja-node {
  grid-template-rows: 1fr;
  padding: 18px;
  border: 1px solid #ffffff50;
  border-radius: 12px;
  background: #fff !important;
}
.hero-visual .ninja-node img {
  width: 52px;
  max-width: 52px !important;
  height: 52px;
  object-fit: contain;
  filter: none;
  opacity: 1;
}
.hero-visual .follower-card--f3 { border-style: solid; opacity: 1; }
.hero-visual .hv3-dot { width: 56px; margin-left: -28px; }

.hero-visual .strategy-emblem img { width: 42px; height: 38px; object-fit: contain; }
.hero-visual .hv3-avatar.strategy-emblem {
  background: #151c28;
  border: 1px solid #8bbff138;
}
.hero-visual .account-mode--sim { color: #b7aff2; border-color: #b7aff245; background: #6a5fc41a; }
.hero-visual .account-mode--live { color: #8bbff1; border-color: #8bbff145; background: #176bc41a; }

/* Original dark design with soft blue/violet depth on dark surfaces only. */
.hero-wrap {
  background:
    radial-gradient(ellipse at 78% 44%, #176bc41c, transparent 58%),
    radial-gradient(ellipse at 12% 0%, #6a5fc414, transparent 52%),
    linear-gradient(125deg, #111b2d 0%, #16253c 58%, #211d35 100%);
}
.hero-wrap::before { opacity: .09; }
.grid-glow {
  background: radial-gradient(ellipse at 58% 52%, #8bbff114, transparent 66%);
}
.hv3-card {
  background: linear-gradient(145deg, #253249, #1b263a 62%, #25233c);
  border-color: #a6b4eb38;
  box-shadow: 0 8px 24px #02091626;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.hv3-mtext small, .hv3-alias, .hv3-acct, .hv3-hub-label small,
.hv3-followers-label, .hv3-caption em { color: #aab7c9; }
.hero-visual .hv3-avatar.strategy-emblem {
  background: linear-gradient(145deg, #24334c, #1b2439);
}
.hero-visual .ninja-node {
  box-shadow: 0 6px 28px #176bc433 !important;
  filter: none;
}
.how-section {
  background: linear-gradient(120deg, #132137, #18283c 58%, #201e35);
}
.step-card:not(.step-card--accent) {
  background: linear-gradient(145deg, #1e2d43, #18243a 65%, #222039);
}
.box-face {
  background: linear-gradient(145deg, #26344b, #1b263b 62%, #27243e);
}
footer {
  background:
    radial-gradient(ellipse at 88% 100%, #6a5fc414, transparent 65%),
    linear-gradient(115deg, #101827, #18233a 62%, #211b34);
}
.footer-bottom { color: #9daac0; }