.equitrack-project-card { position: relative; }
.equitrack-case-trigger { align-items: center; background: none; border: 0; color: #4ed686; display: inline-flex; font: 500 13px "Work Sans", sans-serif; gap: 8px; margin-top: 22px; padding: 0; transition: color .2s ease, transform .2s ease; }
.equitrack-case-trigger:hover { color: #c6ff7a; transform: translateX(3px); }
.equitrack-case-open { overflow: hidden; }
.equitrack-case { color: #eaffef; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .35s ease; z-index: 200; }
.equitrack-case.is-open { opacity: 1; pointer-events: auto; }
.equitrack-case__backdrop { background: rgba(3,8,6,.82); backdrop-filter: blur(12px); inset: 0; position: absolute; }
.equitrack-case__panel { background: #09100c; border-left: 1px solid rgba(226,241,232,.12); box-shadow: -26px 0 80px rgba(0,0,0,.42); height: 100%; margin-left: auto; max-width: 1180px; overflow: auto; position: relative; transform: translateX(4%); transition: transform .45s cubic-bezier(.22,1,.36,1); width: min(100%,1180px); }
.equitrack-case.is-open .equitrack-case__panel { transform: none; }
.equitrack-case__nav, .equitrack-case__footer { align-items: center; border-bottom: 1px solid rgba(226,241,232,.11); display: flex; justify-content: space-between; padding: 22px clamp(24px,4vw,58px); }
.equitrack-case__brand { align-items: center; color: #dceee2; display: flex; font: 600 13px "Space Grotesk",sans-serif; gap: 9px; }.equitrack-case__brand i { background:#4ed686; clip-path:polygon(50% 0,100% 100%,0 100%); height:17px; width:17px; }.equitrack-case__brand em { color:#779182; font: 400 11px "IBM Plex Mono",monospace; font-style:normal; margin-left:4px; }
.equitrack-case__close { align-items:center; background:transparent; border:0; color:#b1c5b8; cursor:pointer; display:flex; font:500 12px "IBM Plex Mono",monospace; gap:10px; text-transform:uppercase; }.equitrack-case__close span { color:#c6ff7a; font:300 28px "Space Grotesk",sans-serif; line-height:.6; }
.equitrack-case__hero { display:grid; grid-template-columns: .9fr 1.1fr; min-height: 560px; overflow:hidden; padding: clamp(55px,9vw,112px) clamp(24px,7vw,90px); position:relative; }.equitrack-case__hero::before { background:radial-gradient(circle,rgba(78,214,134,.11),transparent 68%); content:""; height:650px; position:absolute; right:-130px; top:-170px; width:650px; }
.equitrack-case__hero-copy { align-self:center; position:relative; z-index:1; }.equitrack-case__eyebrow { color:#62e99a; font:500 11px "IBM Plex Mono",monospace; letter-spacing:.15em; margin:0 0 19px; text-transform:uppercase; }.equitrack-case__eyebrow::before { background:#4ed686; content:""; display:inline-block; height:1px; margin:0 9px 3px 0; width:23px; }
.equitrack-case h2 { font:500 clamp(60px,8vw,112px) "Space Grotesk",sans-serif; letter-spacing:-.08em; line-height:.78; margin:0; }.equitrack-case h2 span { color:#4ed686; font-family:Fraunces,serif; font-style:italic; font-weight:400; }.equitrack-case__lead { color:#adc2b3; font:400 17px/1.65 "Work Sans",sans-serif; margin:34px 0 26px; max-width:450px; }.equitrack-case__tags { display:flex; flex-wrap:wrap; gap:8px; }.equitrack-case__tags span { border:1px solid rgba(226,241,232,.17); color:#94ac9d; font:500 10px "IBM Plex Mono",monospace; padding:7px 9px; }
.equitrack-case__visual { min-height:380px; position:relative; }.equitrack-case__field { background-image:linear-gradient(rgba(78,214,134,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(78,214,134,.07) 1px,transparent 1px); background-size:26px 26px; inset:6% 4%; mask-image:radial-gradient(ellipse,black 20%,transparent 72%); position:absolute; }.equitrack-case__phone { background:linear-gradient(150deg,#18241d,#0b130f 58%); border:1px solid rgba(198,255,122,.3); border-radius:24px; box-shadow:0 26px 60px rgba(0,0,0,.42),inset 0 0 24px rgba(78,214,134,.06); height:405px; left:50%; overflow:hidden; padding:22px 18px; position:absolute; top:0; transform:translateX(-50%) rotate(5deg); width:236px; }.equitrack-case__phone-top { color:#91ab9a; display:flex; font:500 8px "IBM Plex Mono",monospace; justify-content:space-between; }.equitrack-case__phone>p { color:#64db95; font:500 8px "IBM Plex Mono",monospace; letter-spacing:.13em; margin:27px 0 6px; }.equitrack-case__phone h3 { font:500 23px "Space Grotesk",sans-serif; margin:0; }.equitrack-case__horse { align-items:center; color:#dceee2; display:flex; font:600 11px "IBM Plex Mono",monospace; justify-content:space-between; margin-top:20px; }.equitrack-case__horse i { color:#7ee5a7; font-size:7px; font-style:normal; }.equitrack-case__map { background:#09120d; border:1px solid rgba(226,241,232,.1); height:145px; margin-top:12px; overflow:hidden; }.equitrack-case__map svg { height:100%; width:100%; }.equitrack-case__map path { fill:none; stroke:#c6ff7a; stroke-width:2; }.equitrack-case__map path.secondary { stroke:#2c8956; stroke-width:1; }.equitrack-case__map circle { fill:#eaffef; }.equitrack-case__phone-stats { border-top:1px solid rgba(226,241,232,.12); display:flex; justify-content:space-between; margin-top:15px; padding-top:13px; }.equitrack-case__phone-stats span { color:#758b7d; font:500 7px "IBM Plex Mono",monospace; text-align:center; }.equitrack-case__phone-stats b { color:#eaffef; display:block; font-size:11px; margin-bottom:4px; }.equitrack-case__visual-label { color:#789383; font:500 8px "IBM Plex Mono",monospace; letter-spacing:.1em; position:absolute; }.equitrack-case__visual-label::before { background:#4ed686; content:""; display:inline-block; height:1px; margin:0 6px 3px 0; width:16px; }.label-a { left:8%; top:68%; }.label-b { right:3%; top:20%; }
.equitrack-case__brief, .equitrack-case__architecture { border-top:1px solid rgba(226,241,232,.11); display:grid; gap:10%; grid-template-columns:1fr 1fr; padding:clamp(60px,9vw,120px) clamp(24px,7vw,90px); }.equitrack-case h3 { font:500 clamp(30px,3.7vw,49px) "Space Grotesk",sans-serif; letter-spacing:-.055em; line-height:1.04; margin:0; }.equitrack-case__brief>p, .equitrack-case__architecture-copy>p:last-child { color:#adc2b3; font:400 16px/1.75 "Work Sans",sans-serif; margin:31px 0 0; }
.equitrack-case__system { background:#0d1811; padding:clamp(60px,8vw,102px) clamp(24px,7vw,90px); }.equitrack-case__system-head { display:flex; justify-content:space-between; margin-bottom:55px; }.equitrack-case__system-head h3 { max-width:470px; }.equitrack-case__flow { border-top:1px solid rgba(226,241,232,.15); display:grid; grid-template-columns:repeat(4,1fr); }.equitrack-case__flow article { border-right:1px solid rgba(226,241,232,.15); min-height:230px; padding:23px 22px; }.equitrack-case__flow article:first-child { border-left:1px solid rgba(226,241,232,.15); }.equitrack-case__flow b { color:#6e8b79; font:500 10px "IBM Plex Mono",monospace; }.equitrack-case__flow i { color:#c6ff7a; display:block; font:300 26px "Space Grotesk",sans-serif; font-style:normal; margin-top:45px; }.equitrack-case__flow h4 { font:500 18px "Space Grotesk",sans-serif; margin:13px 0 8px; }.equitrack-case__flow p { color:#91aa9a; font:400 12px/1.55 "Work Sans",sans-serif; margin:0; }
.equitrack-case__architecture { background:#07100b; }.equitrack-case__architecture-copy h3 span { color:#4ed686; font-family:Fraunces,serif; font-style:italic; font-weight:400; }.equitrack-case__architecture-diagram { min-height:330px; position:relative; }.equitrack-node { background:#0f1d14; border:1px solid rgba(78,214,134,.28); color:#eaffef; padding:13px; position:absolute; width:150px; }.equitrack-node small { color:#6f8c79; display:block; font:500 7px "IBM Plex Mono",monospace; letter-spacing:.12em; margin-bottom:9px; }.equitrack-node b { font:500 13px/1.35 "Space Grotesk",sans-serif; }.node-mobile { left:0; top:13%; }.node-local { left:21%; top:59%; }.node-api { right:0; top:16%; }.node-data { right:18%; top:65%; }.equitrack-line { background:#4ed686; height:1px; opacity:.3; position:absolute; transform-origin:left; }.line-one { left:142px; top:27%; transform:rotate(12deg); width:43%; }.line-two { left:32%; top:69%; transform:rotate(-31deg); width:39%; }.line-three { left:26%; top:55%; transform:rotate(12deg); width:54%; }
.equitrack-case__outcomes { border-top:1px solid rgba(226,241,232,.11); padding:clamp(60px,8vw,102px) clamp(24px,7vw,90px); }.equitrack-case__outcomes>div { align-items:center; border-top:1px solid rgba(226,241,232,.13); display:grid; gap:28px; grid-template-columns:55px 1fr; padding:25px 0; }.equitrack-case__outcomes>div:last-child { border-bottom:1px solid rgba(226,241,232,.13); }.equitrack-case__outcomes span { color:#4ed686; font:500 11px "IBM Plex Mono",monospace; }.equitrack-case__outcomes h3 { font-size:clamp(20px,2.5vw,31px); max-width:780px; }.equitrack-case__footer { border-top:1px solid rgba(226,241,232,.11); color:#718878; font:500 10px "IBM Plex Mono",monospace; }.equitrack-case__footer a { color:#c6ff7a; font:500 13px "Work Sans",sans-serif; text-decoration:none; }
@media(max-width:760px){.equitrack-case__panel{width:100%;}.equitrack-case__nav,.equitrack-case__footer{padding:18px 20px;}.equitrack-case__brand em{display:none;}.equitrack-case__hero{display:block;min-height:0;padding:62px 24px 32px;}.equitrack-case__hero h2{font-size:68px;}.equitrack-case__lead{font-size:15px;margin:25px 0 20px;}.equitrack-case__visual{margin:48px auto 0;min-height:368px;max-width:360px;}.equitrack-case__phone{height:365px;width:215px;}.equitrack-case__map{height:121px;}.equitrack-case__brief,.equitrack-case__architecture{display:block;padding:65px 24px;}.equitrack-case__brief>p{font-size:15px;margin-top:25px;}.equitrack-case__system{padding:65px 24px;}.equitrack-case__system-head{display:block;margin-bottom:36px;}.equitrack-case__system-head h3{font-size:32px;}.equitrack-case__flow{grid-template-columns:1fr 1fr;}.equitrack-case__flow article{min-height:195px;padding:17px 14px;}.equitrack-case__flow article:nth-child(3){border-left:1px solid rgba(226,241,232,.15);}.equitrack-case__flow i{margin-top:25px;}.equitrack-case__architecture-copy>p:last-child{font-size:15px;}.equitrack-case__architecture-diagram{margin-top:48px;min-height:300px;transform:scale(.88);transform-origin:left top;width:114%;}.equitrack-case__outcomes{padding:65px 24px;}.equitrack-case__outcomes>div{gap:14px;grid-template-columns:35px 1fr;}.equitrack-case__footer{align-items:flex-start;flex-direction:column;gap:15px;}.equitrack-case__footer a{font-size:12px;}}

/* Second pass: a denser editorial case study with more intentional contrast and rhythm. */
.equitrack-case__panel { max-width: none; width: 100%; }
.equitrack-case__nav, .equitrack-case__footer { padding-left: max(28px, calc((100vw - 1280px) / 2 + 48px)); padding-right: max(28px, calc((100vw - 1280px) / 2 + 48px)); }
.equitrack-case__hero { grid-template-columns: minmax(0,.94fr) minmax(420px,1.06fr); margin: 0 auto; max-width: 1440px; min-height: 650px; padding-left: clamp(48px,8vw,132px); padding-right: clamp(48px,8vw,132px); }
.equitrack-case__hero::after { border: 1px solid rgba(78,214,134,.12); content:""; height: 440px; position:absolute; right: 9%; top: 104px; transform: rotate(14deg); width: 440px; }
.equitrack-case__hero-copy { padding-bottom: 30px; }.equitrack-case__hero h2 { font-size: clamp(78px,10.2vw,148px); line-height: .72; }.equitrack-case__lead { font-size: 18px; max-width: 430px; }.equitrack-case__visual { align-self:center; min-height: 500px; z-index: 1; }.equitrack-case__phone { height: 452px; padding: 25px 21px; transform: translateX(-50%) rotate(7deg); width: 262px; }.equitrack-case__phone>p { margin-top:32px; }.equitrack-case__phone h3 { font-size: 19px; letter-spacing: -.035em; white-space: nowrap; }.equitrack-case__map { height: 163px; }.equitrack-case__visual-label { opacity:.78; }.label-a { left:3%; top:74%; }.label-b { right:-1%; top:20%; }
.equitrack-case__brief, .equitrack-case__architecture, .equitrack-case__product-proof { margin: 0 auto; max-width: 1440px; padding-left: clamp(48px,8vw,132px); padding-right: clamp(48px,8vw,132px); }.equitrack-case__brief { grid-template-columns: .82fr 1.18fr; min-height: 410px; align-items:center; }.equitrack-case__brief h3 { max-width: 440px; }.equitrack-case__brief>p { font-size: 18px; margin: 0; max-width: 560px; }
.equitrack-case__system { padding: clamp(80px,9vw,130px) max(28px, calc((100vw - 1280px) / 2 + 48px)); }.equitrack-case__system-head { align-items:end; margin:0 auto 62px; max-width: 1184px; }.equitrack-case__system-head .equitrack-case__eyebrow { align-self:flex-start; }.equitrack-case__system-head h3 { font-size: clamp(39px,4.3vw,64px); max-width: 600px; }.equitrack-case__flow { margin:0 auto; max-width:1184px; }.equitrack-case__flow article { min-height: 260px; padding: 27px 25px; position:relative; }.equitrack-case__flow article::after { background:#c6ff7a; bottom:-1px; content:""; height:2px; left:0; opacity:0; position:absolute; transition:opacity .25s ease; width:100%; }.equitrack-case__flow article:hover::after { opacity:1; }.equitrack-case__flow i { font-size:30px; margin-top:57px; }.equitrack-case__flow h4 { font-size:20px; }
.equitrack-case__product-proof { background: radial-gradient(circle at 77% 44%,rgba(78,214,134,.105),transparent 26%), #09140d; border-top: 1px solid rgba(226,241,232,.11); display:grid; gap:9%; grid-template-columns:.85fr 1.15fr; min-height:650px; overflow:hidden; padding-bottom:clamp(70px,9vw,125px); padding-top:clamp(70px,9vw,125px); }.equitrack-case__proof-copy { align-self:center; }.equitrack-case__proof-copy h3 { font-size:clamp(36px,4.5vw,62px); }.equitrack-case__proof-copy h3 span { color:#4ed686; font-family:Fraunces,serif; font-style:italic; font-weight:400; }.equitrack-case__proof-copy>p:last-of-type { color:#a9c0b0; font:400 16px/1.75 "Work Sans",sans-serif; margin:27px 0; max-width:430px; }.equitrack-case__proof-list { display:flex; flex-direction:column; gap:9px; }.equitrack-case__proof-list span { border-bottom:1px solid rgba(226,241,232,.13); color:#b8cfbf; font:500 11px "IBM Plex Mono",monospace; padding:0 0 9px; }.equitrack-case__proof-list span::before { color:#c6ff7a; content:"+"; margin-right:10px; }.equitrack-case__proof-screens { min-height:440px; position:relative; }.equitrack-case__proof-screens::before { border:1px solid rgba(198,255,122,.13); content:""; height:350px; left:50%; position:absolute; top:46px; transform:translateX(-50%) rotate(-9deg); width:350px; }.equitrack-case__proof-screens figure { background:#111; border:1px solid rgba(198,255,122,.25); box-shadow:0 28px 55px rgba(0,0,0,.45); margin:0; overflow:hidden; position:absolute; }.equitrack-case__proof-screens img { display:block; filter:grayscale(.2) contrast(1.06) saturate(.78); height:100%; object-fit:cover; width:100%; }.proof-screen-one { height:365px; left:9%; top:18px; transform:rotate(-8deg); width:180px; }.proof-screen-two { bottom:1px; height:405px; right:7%; transform:rotate(8deg); width:200px; }.proof-cursor { align-items:center; background:#c6ff7a; color:#08100b; display:flex; font:500 23px "Space Grotesk",sans-serif; height:45px; justify-content:center; left:43%; position:absolute; top:42%; width:45px; z-index:2; }
.equitrack-case__architecture { grid-template-columns:.9fr 1.1fr; min-height:520px; align-items:center; }.equitrack-case__architecture-copy h3 { font-size:clamp(39px,4.4vw,61px); }.equitrack-case__architecture-diagram { min-height:390px; }.equitrack-node { padding:16px; width:172px; }.node-mobile { left:3%; top:9%; }.node-local { left:20%; top:62%; }.node-api { right:1%; top:15%; }.node-data { right:18%; top:68%; }
.equitrack-case__outcomes { margin:0 auto; max-width:1440px; padding-left:clamp(48px,8vw,132px); padding-right:clamp(48px,8vw,132px); }.equitrack-case__outcomes>div { grid-template-columns: 72px 1fr; padding:32px 0; }.equitrack-case__outcomes h3 { font-size:clamp(25px,3vw,39px); letter-spacing:-.055em; }.equitrack-case__outcomes>div:hover h3 { color:#c6ff7a; transition:color .2s ease; }
@media(max-width:760px){.equitrack-case__nav,.equitrack-case__footer{padding:18px 20px;}.equitrack-case__hero{display:block;min-height:0;padding:70px 24px 40px;}.equitrack-case__hero::after{height:300px;right:-35px;top:280px;width:300px;}.equitrack-case__hero h2{font-size:74px;}.equitrack-case__visual{min-height:410px;}.equitrack-case__phone{height:385px;width:222px;}.equitrack-case__map{height:132px;}.equitrack-case__brief,.equitrack-case__architecture,.equitrack-case__product-proof{display:block;min-height:0;padding:68px 24px;}.equitrack-case__brief>p{font-size:15px;margin-top:26px;}.equitrack-case__system{padding:68px 24px;}.equitrack-case__system-head h3{font-size:37px;}.equitrack-case__flow article{min-height:205px;}.equitrack-case__product-proof{padding-bottom:58px;}.equitrack-case__proof-screens{margin-top:50px;min-height:410px;}.proof-screen-one{height:310px;left:2%;width:153px;}.proof-screen-two{height:350px;right:1%;width:173px;}.equitrack-case__architecture-diagram{margin-top:50px;}.equitrack-case__outcomes{padding:68px 24px;}.equitrack-case__outcomes>div{grid-template-columns:35px 1fr;padding:28px 0;}.equitrack-case__outcomes h3{font-size:25px;}}

/* Product UI: a brand-native visualization, not a screenshot of the legacy app. */
.equitrack-case__nav { background:rgba(7,16,11,.88); backdrop-filter:blur(18px); position:sticky; top:0; z-index:20; }
.equitrack-case__product-proof { align-items:center; grid-template-columns:minmax(300px,.72fr) minmax(500px,1.28fr); }
.equitrack-product-ui { background:linear-gradient(145deg,rgba(20,38,27,.94),rgba(6,15,10,.98)); border:1px solid rgba(157,255,184,.24); box-shadow:0 35px 80px rgba(0,0,0,.42), inset 0 0 60px rgba(78,214,134,.025); min-height:500px; overflow:visible; padding:24px; position:relative; transform:rotate(1.2deg); }
.equitrack-product-ui::before { border:1px solid rgba(78,214,134,.1); content:""; inset:-18px 18px 18px -18px; pointer-events:none; position:absolute; }
.equitrack-product-ui::after { background:#c6ff7a; content:""; height:7px; position:absolute; right:-4px; top:-4px; width:7px; box-shadow:-548px 0 #4ed686,0 492px #4ed686,-548px 492px #4ed686; }
.equitrack-product-ui__top { align-items:center; border-bottom:1px solid rgba(226,241,232,.12); color:#789383; display:flex; font:500 8px "IBM Plex Mono",monospace; justify-content:space-between; letter-spacing:.12em; padding-bottom:15px; }.equitrack-product-ui__top span:last-child { color:#8be5ad; }.equitrack-product-ui__top i { background:#4ed686; border-radius:50%; box-shadow:0 0 12px #4ed686; display:inline-block; height:5px; margin-right:7px; width:5px; }
.equitrack-product-ui__horse { align-items:end; display:grid; grid-template-columns:1fr auto; padding:22px 0 17px; }.equitrack-product-ui__horse small { color:#6d8877; font:500 8px "IBM Plex Mono",monospace; grid-column:1/-1; letter-spacing:.13em; }.equitrack-product-ui__horse strong { color:#eaffef; font:500 35px "Space Grotesk",sans-serif; letter-spacing:-.055em; line-height:1; margin-top:7px; }.equitrack-product-ui__horse>span { color:#c6ff7a; font:500 8px "IBM Plex Mono",monospace; padding-bottom:3px; }
.equitrack-product-ui__map { background:#07100b; border:1px solid rgba(226,241,232,.1); height:236px; overflow:hidden; position:relative; }.equitrack-product-ui__grid { background-image:linear-gradient(rgba(78,214,134,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(78,214,134,.055) 1px,transparent 1px); background-size:24px 24px; inset:0; position:absolute; }.equitrack-product-ui__map::after { background:linear-gradient(90deg,transparent,rgba(198,255,122,.16),transparent); content:""; height:1px; left:0; position:absolute; top:48%; width:100%; animation:equitrack-scan 4.8s linear infinite; }.equitrack-product-ui__map svg { height:100%; inset:0; overflow:visible; position:absolute; width:100%; }.equitrack-product-ui__map path { fill:none; stroke:#c6ff7a; stroke-linecap:round; stroke-width:2.4; vector-effect:non-scaling-stroke; }.equitrack-product-ui__map path.track-shadow { filter:blur(9px); opacity:.35; stroke:#4ed686; stroke-width:9; }.equitrack-product-ui__map circle { fill:#eaffef; stroke:#4ed686; stroke-width:3; }.map-label { background:#0b1810; border:1px solid rgba(78,214,134,.18); color:#8ea797; font:500 7px "IBM Plex Mono",monospace; padding:5px 7px; position:absolute; }.map-label-a { bottom:13px; left:13px; }.map-label-b { right:13px; top:13px; }
.equitrack-product-ui__metrics { display:grid; grid-template-columns:repeat(3,1fr); }.equitrack-product-ui__metrics article { border-bottom:1px solid rgba(226,241,232,.11); border-right:1px solid rgba(226,241,232,.11); padding:17px 14px 15px; }.equitrack-product-ui__metrics article:last-child { border-right:0; }.equitrack-product-ui__metrics small { color:#637e6d; display:block; font:500 7px "IBM Plex Mono",monospace; letter-spacing:.1em; }.equitrack-product-ui__metrics strong { color:#eaffef; font:500 23px "Space Grotesk",sans-serif; letter-spacing:-.04em; }.equitrack-product-ui__metrics span { color:#4ed686; font:500 7px "IBM Plex Mono",monospace; margin-left:5px; }
.equitrack-product-ui__zones { display:grid; gap:7px; grid-template-columns:repeat(2,1fr); padding-top:15px; }.equitrack-product-ui__zones span { align-items:center; color:#6f8979; display:grid; font:500 7px "IBM Plex Mono",monospace; gap:8px; grid-template-columns:16px 1fr; }.equitrack-product-ui__zones i { background:linear-gradient(90deg,#4ed686 var(--zone),rgba(226,241,232,.08) var(--zone)); height:2px; }
.equitrack-product-ui__annotation { color:#688270; font:500 7px "IBM Plex Mono",monospace; letter-spacing:.12em; position:absolute; }.equitrack-product-ui__annotation::before { background:#4ed686; content:""; display:inline-block; height:1px; margin:0 6px 3px 0; width:22px; }.annotation-a { left:-72px; top:26%; }.annotation-b { bottom:18%; right:-92px; }
@keyframes equitrack-scan { 0%{transform:translateY(-105px);opacity:0} 10%,90%{opacity:1} 100%{transform:translateY(125px);opacity:0} }

/* Stronger section identities and editorial rhythm. */
.equitrack-case__brief { background:linear-gradient(90deg,#09100c 0 49.9%,#0b1510 50%); max-width:none; padding-left:max(48px,calc((100vw - 1176px)/2)); padding-right:max(48px,calc((100vw - 1176px)/2)); }
.equitrack-case__brief>div { padding-right:8%; }.equitrack-case__brief>p { border-left:1px solid rgba(198,255,122,.24); padding-left:10%; }
.equitrack-case__system { position:relative; }.equitrack-case__system::before { color:rgba(78,214,134,.035); content:"04"; font:600 240px "Space Grotesk",sans-serif; line-height:1; pointer-events:none; position:absolute; right:3%; top:4%; }
.equitrack-case__architecture { background:radial-gradient(circle at 75% 55%,rgba(78,214,134,.07),transparent 32%),#07100b; }.equitrack-case__architecture-diagram::before { border:1px dashed rgba(78,214,134,.13); border-radius:50%; content:""; height:300px; left:50%; position:absolute; top:42%; transform:translate(-50%,-50%); width:300px; }.equitrack-node { backdrop-filter:blur(6px); box-shadow:0 14px 35px rgba(0,0,0,.2); z-index:2; }.equitrack-case__outcomes { max-width:1180px; }.equitrack-case__outcomes>div { overflow:hidden; position:relative; }.equitrack-case__outcomes>div::after { background:linear-gradient(90deg,rgba(78,214,134,.09),transparent); content:""; inset:0; opacity:0; position:absolute; transform:translateX(-10%); transition:opacity .25s ease,transform .3s ease; }.equitrack-case__outcomes>div:hover::after { opacity:1; transform:none; }.equitrack-case__outcomes h3,.equitrack-case__outcomes span { position:relative; z-index:1; }
@media(prefers-reduced-motion:reduce){.equitrack-product-ui__map::after{animation:none;}}
@media(max-width:760px){.equitrack-case__product-proof{display:block;padding:68px 24px 78px;}.equitrack-product-ui{margin-top:48px;min-height:440px;padding:17px;transform:none;}.equitrack-product-ui::after{box-shadow:none;}.equitrack-product-ui__map{height:190px;}.equitrack-product-ui__horse strong{font-size:30px;}.equitrack-product-ui__metrics article{padding:14px 8px;}.equitrack-product-ui__metrics strong{font-size:19px;}.equitrack-product-ui__annotation{display:none;}.equitrack-case__brief{background:#09100c;padding:68px 24px;}.equitrack-case__brief>p{border-left:0;padding-left:0;}.equitrack-case__system::before{font-size:130px;}.equitrack-case__architecture-diagram::before{height:245px;width:245px;}}

/* Architecture: device -> resilient sync -> cloud. */
.equitrack-case__architecture { gap:7%; grid-template-columns:minmax(320px,.7fr) minmax(570px,1.3fr); min-height:680px; }
.equitrack-case__architecture-copy>p:last-of-type { max-width:455px; }.equitrack-architecture__principles { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }.equitrack-architecture__principles span { border:1px solid rgba(78,214,134,.2); color:#91ac9a; font:500 8px "IBM Plex Mono",monospace; letter-spacing:.09em; padding:7px 9px; text-transform:uppercase; }
.equitrack-architecture { display:grid; grid-template-columns:1fr 96px 1fr; min-height:470px; padding:28px 22px 72px; position:relative; }.equitrack-architecture::before { background-image:linear-gradient(rgba(78,214,134,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(78,214,134,.045) 1px,transparent 1px); background-size:24px 24px; content:""; inset:0; mask-image:linear-gradient(to bottom,black,transparent 92%); position:absolute; }.equitrack-architecture::after { border:1px solid rgba(78,214,134,.12); content:""; inset:0; pointer-events:none; position:absolute; }
.equitrack-architecture__column { align-self:center; position:relative; z-index:2; }.equitrack-architecture__column-head { align-items:center; color:#66816f; display:grid; font:500 8px "IBM Plex Mono",monospace; gap:8px; grid-template-columns:20px auto 1fr; letter-spacing:.1em; margin-bottom:12px; }.equitrack-architecture__column-head span { color:#c6ff7a; }.equitrack-architecture__column-head i { background:rgba(78,214,134,.2); height:1px; }
.equitrack-architecture__column article { background:linear-gradient(145deg,rgba(16,33,23,.97),rgba(9,20,14,.98)); border:1px solid rgba(78,214,134,.28); min-height:112px; padding:18px; position:relative; }.equitrack-architecture__column article::before,.equitrack-architecture__column article::after { content:""; height:6px; position:absolute; width:6px; }.equitrack-architecture__column article::before { border-left:1px solid #c6ff7a; border-top:1px solid #c6ff7a; left:-1px; top:-1px; }.equitrack-architecture__column article::after { border-bottom:1px solid #4ed686; border-right:1px solid #4ed686; bottom:-1px; right:-1px; }.equitrack-architecture__column article small { color:#63806d; display:block; font:500 7px "IBM Plex Mono",monospace; letter-spacing:.12em; }.equitrack-architecture__column article strong { color:#eaffef; display:block; font:500 19px "Space Grotesk",sans-serif; letter-spacing:-.035em; margin:10px 0 5px; }.equitrack-architecture__column article>span { color:#89a391; font:400 9px "IBM Plex Mono",monospace; }
.equitrack-architecture__vertical { align-items:center; display:flex; flex-direction:column; height:52px; justify-content:center; position:relative; }.equitrack-architecture__vertical i { background:linear-gradient(#4ed686,rgba(78,214,134,.1)); height:100%; position:absolute; width:1px; }.equitrack-architecture__vertical b { background:#08110c; color:#63806d; font:500 6px "IBM Plex Mono",monospace; letter-spacing:.1em; padding:4px; position:relative; z-index:1; }
.equitrack-architecture__sync { align-self:center; height:190px; position:relative; z-index:3; }.sync-track { left:0; position:absolute; right:0; top:50%; transform:translateY(-50%); }.sync-track::before,.sync-track::after { background:linear-gradient(90deg,transparent,#4ed686,transparent); content:""; height:1px; left:0; position:absolute; right:0; }.sync-track::before { top:-12px; }.sync-track::after { top:12px; }.sync-track i { background:#c6ff7a; border-radius:50%; box-shadow:0 0 8px #4ed686; height:3px; left:25%; position:absolute; top:-13px; width:3px; animation:equitrack-packet 2.8s linear infinite; }.sync-track i:nth-child(2){animation-delay:-.9s;top:11px}.sync-track i:nth-child(3){animation-delay:-1.8s}.equitrack-architecture__sync>b,.equitrack-architecture__sync>small { color:#9ab4a2; display:block; font:500 7px "IBM Plex Mono",monospace; left:50%; position:absolute; text-align:center; top:50%; transform:translate(-50%,-50%); }.equitrack-architecture__sync>small { color:#587060; font-size:6px; margin-top:13px; white-space:nowrap; }.equitrack-architecture__sync>em { color:#c6ff7a; font:300 17px "Space Grotesk",sans-serif; font-style:normal; left:50%; position:absolute; top:25%; transform:translateX(-50%); }.sync-packet { border:1px solid rgba(78,214,134,.13); border-radius:50%; height:94px; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); width:94px; }.packet-two { height:132px; opacity:.6; width:132px; }
.equitrack-architecture__domain { align-items:center; border-top:1px solid rgba(78,214,134,.15); bottom:22px; display:flex; gap:10px; left:22px; padding-top:14px; position:absolute; right:22px; z-index:3; }.equitrack-architecture__domain small { color:#597161; font:500 7px "IBM Plex Mono",monospace; letter-spacing:.1em; margin-right:auto; }.equitrack-architecture__domain span { color:#8ca794; font:500 7px "IBM Plex Mono",monospace; }.equitrack-architecture__domain i { background:#4ed686; height:2px; opacity:.4; width:2px; }
@keyframes equitrack-packet { from{left:5%;opacity:0} 15%,85%{opacity:1} to{left:95%;opacity:0} }
@media(prefers-reduced-motion:reduce){.sync-track i{animation:none;}}
@media(max-width:900px){.equitrack-case__architecture{display:block;min-height:0;}.equitrack-architecture{margin-top:55px;}}
@media(max-width:600px){.equitrack-case__architecture{padding:68px 20px;}.equitrack-architecture{grid-template-columns:1fr;margin-top:45px;min-height:750px;padding:22px 16px 82px;}.equitrack-architecture__sync{height:90px;transform:rotate(90deg);}.equitrack-architecture__sync>b,.equitrack-architecture__sync>small,.equitrack-architecture__sync>em{transform:translate(-50%,-50%) rotate(-90deg);}.equitrack-architecture__sync>small{margin-left:13px;margin-top:0}.equitrack-architecture__domain{flex-wrap:wrap;gap:8px;}.equitrack-architecture__domain small{flex:0 0 100%;}.equitrack-architecture__column article{min-height:98px;}.equitrack-architecture__column article strong{font-size:17px;}}
