.trading-experience-case-page,.trading-experience-gate-page{--trade-green:#49a85d}
.trading-experience-gate-page .gate-panel h1{letter-spacing:1px;word-spacing:8px}
.request-access{margin-top:24px;padding:0 0 8px;border:0;border-bottom:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;font:500 12px/1.4 "DM Mono",monospace;letter-spacing:.07em;cursor:pointer}.request-access:hover,.request-access:focus-visible{border-color:var(--trade-green);color:var(--trade-green)}
.request-dialog{width:min(680px,calc(100% - 44px));max-height:calc(100svh - 44px);padding:0;border:0;background:#f2f2f2;color:#000}.request-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.request-dialog form{padding:clamp(28px,5vw,58px)}.request-dialog-head{display:flex;align-items:center;justify-content:space-between}.request-dialog-head p{margin:0}.request-dialog-head button{border:0;background:transparent;font:400 30px/1 "DM Sans",sans-serif;cursor:pointer}.request-dialog h2{margin:45px 0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.86;letter-spacing:1px;word-spacing:8px}.request-dialog label{display:block;margin:22px 0 8px;font:500 11px/1.4 "DM Mono",monospace;letter-spacing:.07em}.request-dialog input,.request-dialog textarea{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(0,0,0,.45);border-radius:0;background:transparent;color:#000;font:400 17px/1.5 "DM Sans",sans-serif;resize:vertical;outline:0}.request-dialog input:focus,.request-dialog textarea:focus{border-color:#000}.request-submit{margin-top:32px;padding:16px 20px;border:1px solid #000;background:#000;color:#fff;font:500 12px "DM Mono",monospace;cursor:pointer}.request-submit:hover:not(:disabled),.request-submit:focus-visible:not(:disabled){background:var(--trade-green);color:#000}.request-submit:disabled{background:transparent;color:rgba(0,0,0,.38);border-color:rgba(0,0,0,.24);cursor:not-allowed}.request-hint{max-width:430px;margin:18px 0 0;font-size:12px;line-height:1.5;opacity:.65}
.trading-experience-case-page .workflow-hero h1,.trading-experience-case-page h2{letter-spacing:1px;word-spacing:8px}
.case-intro{max-width:610px;margin:28px 0 0 auto;font-size:17px;line-height:1.6}.trading-experience-hero-image img{object-position:center}
.project-snapshot,.brand-logic,.public-reference{padding:clamp(90px,12vw,170px) var(--case-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,130px);border-bottom:1px solid var(--case-line)}
.project-snapshot h2,.brand-logic h2,.public-reference h2,.trading-experience-action h2,.trading-experience-gallery h2,.trading-experience-outcomes h2{font-size:clamp(2rem,3.7vw,4.15rem);line-height:.95;margin:26px 0;letter-spacing:1px;word-spacing:8px}
.project-snapshot>div>p,.brand-logic>div>p,.public-reference>div>p{font-size:17px;line-height:1.65;margin-top:0}
.project-snapshot dl{margin:45px 0 0;border-top:1px solid var(--case-line)}.project-snapshot dl div{display:grid;grid-template-columns:1fr 1.5fr;padding:13px 0;border-bottom:1px solid var(--case-line)}.project-snapshot dt{font:500 11px "DM Mono",monospace;letter-spacing:.06em}.project-snapshot dd{margin:0;font-size:15px}
.trading-experience-star article>p{max-width:560px;font-size:17px;line-height:1.6}.trading-experience-star article>p+p{margin-top:20px}.trading-experience-star .how-might-we{margin-top:38px;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:500;line-height:1.3}
.chapter-flow{margin-top:35px!important;padding-top:14px;border-top:1px solid var(--case-line);font:500 12px/1.5 "DM Mono",monospace!important;letter-spacing:.04em;text-transform:uppercase}
.trading-experience-action{padding:clamp(90px,12vw,170px) var(--case-gutter)}.action-copy{display:grid;grid-template-columns:1fr 2fr;gap:30px}.action-copy h2,.action-copy>p:last-child{grid-column:2}.action-copy>p:last-child{max-width:620px;font-size:17px;line-height:1.65}.action-steps{margin:clamp(70px,9vw,130px) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--case-line)}.action-steps li{min-height:230px;padding:18px;border-right:1px solid var(--case-line)}.action-steps li:first-child{border-left:1px solid var(--case-line)}.action-steps span,.action-steps b{display:block;font:500 11px/1.4 "DM Mono",monospace;letter-spacing:.06em}.action-steps b{margin-top:65px;font-size:14px}.action-steps p{font-size:15px;line-height:1.5}
.trading-experience-gallery{padding:clamp(90px,12vw,170px) var(--case-gutter);background:#000;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,100px) clamp(22px,4vw,58px)}.trading-experience-gallery header{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid rgba(255,255,255,.35);padding-top:14px}.trading-experience-gallery header h2{margin:0}.trading-experience-screen{margin:0}.trading-experience-screen.wide{grid-column:1/-1}.trading-experience-screen img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}.trading-experience-screen.wide img{aspect-ratio:16/9}.trading-experience-screen figcaption{display:grid;grid-template-columns:40px 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.35);padding-top:10px;margin-top:12px;font:500 11px "DM Mono",monospace}.trading-experience-screen figcaption p{margin:0}.trading-experience-screen figcaption span{opacity:.55}
.logic-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logic-columns article{padding:18px;border-top:1px solid var(--case-line)}.logic-columns article>p:last-child{font-size:17px;line-height:1.75}
.trading-experience-outcomes article>p{max-width:760px}.result-tags{max-width:900px;margin:45px auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}.result-tags span{padding:24px 12px;text-align:center;font:500 12px "DM Mono",monospace;border-right:1px solid var(--case-line)}.result-tags span:last-child{border-right:0}.evidence-note{font-size:14px!important;opacity:.7}.chapter-emphasis{font-size:clamp(1.4rem,2.4vw,2.4rem)!important;font-weight:700;line-height:1.15!important}
.public-reference .disclosure{margin-top:42px;padding-top:15px;border-top:1px solid var(--case-line);font-size:14px;opacity:.75}.public-reference h2{margin-top:0}
@media(max-width:900px){.action-steps{grid-template-columns:1fr 1fr}.action-steps li:nth-child(3){border-left:1px solid var(--case-line)}}
@media(max-width:700px){.case-intro{margin-left:0}.project-snapshot,.brand-logic,.public-reference{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.action-copy{grid-template-columns:1fr}.action-copy h2,.action-copy>p:last-child{grid-column:1}.action-steps{grid-template-columns:1fr}.action-steps li,.action-steps li:nth-child(3){min-height:0;border-left:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}.action-steps b{margin-top:35px}.trading-experience-gallery{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.trading-experience-gallery header,.trading-experience-screen.wide{grid-column:1}.trading-experience-gallery header{grid-template-columns:1fr}.trading-experience-screen img,.trading-experience-screen.wide img{aspect-ratio:4/3}.logic-columns,.result-tags{grid-template-columns:1fr}.result-tags span{border-right:0;border-bottom:1px solid var(--case-line)}.result-tags span:last-child{border-bottom:0}}

/* Match the common internal-case grid and keep every product screen uncropped. */
.trading-experience-case-page .case-intro{margin-left:0;margin-right:0}
.trading-experience-case-page .action-copy{grid-template-columns:1fr}
.trading-experience-case-page .action-copy h2,
.trading-experience-case-page .action-copy>p:last-child{grid-column:1}
.trading-experience-case-page .trading-experience-gallery header{grid-template-columns:1fr}
.trading-experience-case-page .trading-experience-gallery header h2{max-width:900px}
.trading-experience-case-page .trading-experience-screen{background:#111}
.trading-experience-case-page .trading-experience-screen img,
.trading-experience-case-page .trading-experience-screen.wide img{object-fit:contain;object-position:center;background:#111}
.trading-experience-case-page .case-outcomes{background:var(--case-paper)}
.trading-experience-case-page .case-outcomes article{padding:clamp(85px,11vw,160px) var(--case-gutter);border-top:1px solid var(--case-line)}
.trading-experience-case-page .case-outcomes article.dark{background:#000;color:#fff}
.trading-experience-case-page .case-outcomes article>h2,
.trading-experience-case-page .case-outcomes article>p,
.trading-experience-case-page .case-outcomes article>.case-label{max-width:900px;margin-left:0;margin-right:0}
.trading-experience-case-page .case-outcomes article>p{max-width:760px}
.trading-experience-case-page .result-tags{margin-left:0;margin-right:0}

/* An expanding funnel shows how reusable decisions grow into scalable product infrastructure. */
.trading-experience-case-page .system-funnel {
  display: grid;
  width: min(900px, 100%);
  margin: 45px 0;
  justify-items: center;
}

.trading-experience-case-page .system-funnel-step {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  width: 56%;
  min-height: 96px;
  align-items: center;
  padding: 18px clamp(18px, 3vw, 34px);
  border: 1px solid var(--case-line);
  background: transparent;
}

.trading-experience-case-page .system-funnel-step + .system-funnel-step {
  margin-top: -1px;
}

.trading-experience-case-page .system-funnel-step:nth-child(2) { width: 78%; }
.trading-experience-case-page .system-funnel-step:nth-child(3) { width: 100%; }

.trading-experience-case-page .system-funnel-step > span {
  align-self: start;
  padding-top: 5px;
  font: 500 11px/1.4 "DM Mono", monospace;
  letter-spacing: .06em;
  opacity: .55;
}

.trading-experience-case-page .system-funnel-step strong {
  display: block;
  font: 700 clamp(1.25rem, 2.1vw, 2rem)/1 "DM Sans", "Helvetica Neue", Arial, sans-serif;
}

.trading-experience-case-page .system-funnel-step p {
  margin: 7px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 700px) {
  .trading-experience-case-page .system-funnel-step { grid-template-columns: 38px minmax(0, 1fr); width: 76%; }
  .trading-experience-case-page .system-funnel-step:nth-child(2) { width: 88%; }
  .trading-experience-case-page .system-funnel-step:nth-child(3) { width: 100%; }
}
