/* A glass display with a machined graphite frame, independent of the old deck. */
#exadvize-study[data-design="fusion"] .ex-screen-hero{
  top:12px;right:0;width:42%;height:auto;min-height:480px;perspective:1400px;isolation:isolate;
  --screen-progress:0;--screen-accent:#ff6600;
}
#exadvize-study .ex-screen-hero{
  .ex-screen-stage{position:relative;width:100%;padding:32px 10px 34px;perspective:1400px}
  .ex-screen-shadow{position:absolute;left:7%;bottom:6px;width:93%;height:36px;background:#000;filter:blur(16px);border-radius:50%;transform:rotate(-4deg)}
  .ex-screen-device{position:relative;transform-style:preserve-3d;transform:rotateX(var(--depth-x,6deg)) rotateY(var(--depth-y,-8deg)) rotateZ(1deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .ex-screen-back{position:absolute;inset:5px -8px -9px 5px;border-radius:25px;transform:translateZ(-12px);background:linear-gradient(125deg,#0b0d10 15%,#20242a 60%,#050608 83%);border:1px solid #40454b;box-shadow:1px 2px #171a1d,2px 4px #060708,15px 30px 45px #000c}
  .ex-screen-frame{position:relative;padding:8px 8px 0;border-radius:24px;background:linear-gradient(130deg,#91969b 0%,#2e3237 9%,#0a0c0f 35%,#1a1c20 73%,#64696d 95%,#191b1e 100%);box-shadow:inset 0 0 0 1px #9ba0a344,0 0 0 1px #000,inset 0 2px 2px #e5e7e84d,2px 4px 1px #040506;transform:translateZ(0)}
  .ex-screen-glass{position:relative;overflow:hidden;isolation:isolate;border-radius:17px 17px 13px 13px;border:1px solid #040506;background:radial-gradient(ellipse at 0% 0%,#272a2e8a,transparent 63%),linear-gradient(130deg,#101114,#070809 76%);box-shadow:inset 0 1px 1px #a1a5a533,inset 1px 0 1px #73777933}
  .ex-screen-glass::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 18px #0006,inset 0 0 0 1px #d9e1e508}
  .ex-screen-reflection{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(122deg,transparent 8%,#e7edee06 25%,#e7edee0c 26%,transparent 26.4%,transparent 65%,#d9e5ed04);mix-blend-mode:screen}
  .ex-screen-toolbar{display:flex;align-items:center;gap:12px;padding:15px 20px 12px;border-bottom:1px solid #ffffff0d;font:8px 'JetBrains Mono',monospace;letter-spacing:.14em;color:#8d9299}
  .ex-screen-brand{font-family:ExadvizeSatoshi,sans-serif;font-size:25px;font-weight:500;line-height:1;letter-spacing:-.055em;color:#ececec;white-space:nowrap;flex-shrink:0}
  .ex-screen-brand>span{color:var(--screen-accent)}
  .ex-screen-signal{margin-left:auto;width:21px;height:3px;background:var(--screen-accent);border-radius:2px;box-shadow:0 0 8px #ff660033}
  .ex-screen-pages{position:relative;min-height:348px}
  .ex-screen-page{padding:20px 22px 18px;animation:ex-screen-arrive .7s ease both}
  .ex-screen-page[hidden]{display:none}
  .ex-screen-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#737981;font:9px 'JetBrains Mono',monospace;letter-spacing:.05em}
  .ex-screen-offer{color:#bfc1c5;border:1px solid #42454a;border-radius:4px;padding:4px 7px;background:linear-gradient(#ffffff07,#ffffff00);font-size:9px}
  .ex-screen-heading{position:relative;margin-top:22px}
  .ex-screen-topic{display:block;color:#aeb2b9;font:10px 'JetBrains Mono',monospace;letter-spacing:.06em}
  .ex-screen-heading h2{margin:11px 0 0!important;max-width:none!important;font-size:22px!important;line-height:1.3!important;letter-spacing:-.04em!important;font-weight:500!important;color:#f3f3f3;text-wrap:wrap}
  .ex-screen-glyph{display:none}
  .ex-screen-rows{display:grid;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid #ffffff15}
  .ex-screen-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;color:#c3c5c9}
  .ex-screen-row-mark{width:5px;height:5px;flex:none;margin-top:5px;border:1px solid #848991;border-radius:1px}
  .ex-screen-foot{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:11px;line-height:1.4;color:#a1a6af}
  .ex-screen-foot>span{color:var(--screen-accent);font-size:15px}
  .ex-screen-reveal{animation:ex-screen-write 1.1s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(.5s + var(--line)*.85s);animation-play-state:paused}
  h2 .ex-screen-reveal{display:block}
  &[data-playing="true"] .ex-screen-reveal{animation-play-state:running}
  .ex-screen-timeline{display:flex;gap:7px;padding:0 21px 10px}
  .ex-screen-timeline button{flex:1;min-width:0;position:relative;height:44px;padding:0;border:0;background:none}
  .ex-screen-timeline button::before,.ex-screen-timeline button>span{content:'';position:absolute;left:0;right:0;top:16px;height:2px;background:#34383e}
  .ex-screen-timeline button>span{transform:scaleX(0);transform-origin:left;background:#e0e1e3}
  .ex-screen-timeline button[aria-pressed="true"]>span{transform:scaleX(var(--screen-progress));background:var(--screen-accent)}
  .ex-screen-chin{display:flex;height:18px;align-items:center;justify-content:center}
  .ex-screen-chin>span{width:39px;height:2px;border-radius:3px;background:#030405;box-shadow:0 1px #959ca121}
  .ex-screen-controls{display:flex;gap:3px;justify-content:center;align-items:center;margin-top:2px;color:#a8abb0}
  .ex-screen-controls button{width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#b0b4ba;font-size:16px}
  .ex-screen-controls button:hover{background:#ffffff08;color:#fff}
  button:focus-visible{outline:2px solid var(--screen-accent);outline-offset:3px}
  .ex-screen-controls button[hidden]{display:none}
  .ex-screen-count{font:9px 'JetBrains Mono',monospace;letter-spacing:.05em;color:#767c83;min-width:48px;text-align:center}
  .ex-screen-pause{margin-left:10px;font-size:12px!important}
  .ex-screen-caption{display:block;margin-top:1px;color:#73777e;text-align:center;font-size:9px;letter-spacing:.025em}
  &[data-reduced="true"] .ex-screen-reveal,&[data-paused="true"] .ex-screen-reveal{animation:none;clip-path:none;opacity:1}
  &[data-reduced="true"] .ex-screen-timeline button[aria-pressed="true"]>span{transform:scaleX(1)}
}
@keyframes ex-screen-write{from{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0);opacity:1}}
@keyframes ex-screen-arrive{from{opacity:0}to{opacity:1}}
@media(min-width:1051px){
  #exadvize-study[data-design="fusion"] [data-page="exadvize"]>.ex-hero{min-height:650px}
}
@media(max-width:1050px){
  #exadvize-study[data-design="fusion"] .ex-screen-hero{position:relative;top:auto;right:auto;width:100%;height:auto;min-height:0;max-width:440px;margin:22px auto 32px}
  #exadvize-study .ex-screen-hero .ex-screen-heading h2{font-size:22px!important}
}
@media(max-width:420px){
  #exadvize-study .ex-screen-hero{
    .ex-screen-stage{padding:25px 8px 24px}
    .ex-screen-device{transform:rotateX(4deg) rotateY(-5deg)}
    .ex-screen-frame{padding:6px 6px 0;border-radius:20px}
    .ex-screen-back{border-radius:21px;inset:4px -5px -7px 4px}
    .ex-screen-toolbar{padding:13px 15px 11px;font-size:7px;gap:9px}
    .ex-screen-brand{font-size:20px}
    .ex-screen-page{padding:17px 15px}
    .ex-screen-heading{margin-top:20px}
    .ex-screen-heading h2{font-size:20px!important}
    .ex-screen-topic{font-size:9px}
    .ex-screen-row{font-size:12px}
    .ex-screen-rows{gap:11px;margin-top:22px}
    .ex-screen-foot{font-size:10px;min-height:28px}
    .ex-screen-pages{min-height:370px}
  }
}
@media(prefers-reduced-motion:reduce){
  #exadvize-study .ex-screen-hero .ex-screen-device{transform:none;transition:none}
  #exadvize-study .ex-screen-hero .ex-screen-reveal,#exadvize-study .ex-screen-hero .ex-screen-page{animation:none!important;clip-path:none}
}