@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(./public/operator-stack/assets/fonts/bricolage-grotesque-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(./public/operator-stack/assets/fonts/instrument-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Spline Sans Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(./public/operator-stack/assets/fonts/spline-sans-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Phone chrome follows Operator mobile's Atelier tokens and native components
   at af404ea62d2cd7dde3ddcb69b56eca98e184773e. The larger Pro Max viewport keeps its size throughout the reel. */
#operator-explore .ex-phone-reel{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);gap:clamp(40px,6vw,100px);align-items:center;isolation:isolate}
#operator-explore .ex-phone-story{min-width:0;max-width:590px;display:grid;gap:24px;align-content:center}
#operator-explore .ex-phone-story h3{font:500 clamp(28px,3.1vw,44px)/1.15 'Space Grotesk','IBM Plex Sans Arabic',sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0}
#operator-explore .ex-phone-story p{font-size:15px;line-height:1.85;color:#9cb0bf;margin:0}
#operator-explore .ex-phone-story .ex-eyebrow{font:500 11px/1.6 'JetBrains Mono',monospace;color:#d9ac72;letter-spacing:.16em}
#operator-explore .ex-phone-story .ex-transcript{max-height:320px;overflow-y:auto;padding:20px;border:1px solid #304355;border-radius:14px;background:#101d29}
#operator-explore .ex-phone-story .ex-transcript p+p{margin-top:14px}
#operator-explore .ex-phone-story .ex-transcript strong{color:#dfb478}
#operator-explore .ex-phone-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
#operator-explore .ex-phone-controls button{font-size:13px;min-height:44px;border-radius:999px;padding:9px 17px}
#operator-explore .ex-phone-controls button:disabled{opacity:.38;cursor:default}
#operator-explore .ex-phone{
 --phone-ink:#191a2d;--phone-ink2:#4a4c6b;--phone-ink3:#7a7d92;--phone-line:#e8e4d8;--phone-gold:#d98e3e;--phone-soft:#e6a868;
 position:relative;isolation:isolate;container-type:inline-size;box-sizing:border-box;width:440px;max-width:100%;aspect-ratio:440/956;height:auto;margin:0 auto;padding:8px;
 border:2px solid #93918d;border-radius:60px;outline:none;transform:none;background:linear-gradient(125deg,#8c8b88 0%,#383837 12%,#151619 45%,#66676a 85%,#adaca8 100%);
 box-shadow:0 0 0 1px #080a0d,0 0 0 4px #85827b45,inset 0 0 0 2px #bab6ae50,0 36px 75px #0009,14px 13px 25px #0004;
}
#operator-explore .ex-phone::before{content:'';position:absolute;inset:6px;border:3px solid #090b0e;border-radius:51px;transform:none;width:auto;height:auto;background:transparent;pointer-events:none;z-index:3}
#operator-explore .ex-phone::after{content:'';position:absolute;top:24%;inset-inline-end:-5px;width:3px;height:74px;border-radius:0 3px 3px 0;background:linear-gradient(#797b7c,#2b2d30,#737576);box-shadow:0 -72px 0 -1px #4c4e51;pointer-events:none}
#operator-explore .ex-phone-screen{height:100%;min-height:0;border-radius:48px;padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column;background:#fbfaf7;color:var(--phone-ink);font:400 clamp(11px,3.05cqw,13px)/1.5 'Instrument Sans','IBM Plex Sans Arabic',sans-serif;-webkit-font-smoothing:antialiased;text-align:start}
#operator-explore .ex-phone-screen *,#operator-explore .ex-phone-screen *::before,#operator-explore .ex-phone-screen *::after{box-sizing:border-box}
#operator-explore .ex-phone-screen p{font:inherit;line-height:1.5;color:inherit;margin:0;overflow-wrap:anywhere}
#operator-explore .ex-phone-screen h3{font:500 5.15cqw/1.25 'Bricolage Grotesque','IBM Plex Sans Arabic',sans-serif;color:var(--phone-ink);letter-spacing:-.015em;margin:0}
#operator-explore .ex-phone-screen h4{font:600 3.5cqw/1.4 'Instrument Sans','IBM Plex Sans Arabic',sans-serif;color:var(--phone-ink);margin:0}
#operator-explore .ex-phone-screen button{font:500 clamp(10.5px,2.95cqw,12.5px)/1.35 'Instrument Sans','IBM Plex Sans Arabic',sans-serif;cursor:pointer;white-space:normal;overflow-wrap:anywhere;color:var(--phone-ink);min-height:40px;max-width:100%}
#operator-explore .ex-phone-screen button:disabled{cursor:default;opacity:.45}
#operator-explore .ex-phone-screen button:focus-visible,#operator-explore .ex-phone-content:focus-visible{outline:2px solid #986120;outline-offset:2px}
#operator-explore .ex-phone-screen [hidden]{display:none!important}
#operator-explore .ex-phone-status{position:relative;direction:ltr;display:flex;align-items:center;justify-content:space-between;min-height:55px;height:14cqw;padding:0 6.9cqw;flex:none;color:#101117;font:600 14px/1 -apple-system,BlinkMacSystemFont,sans-serif}
#operator-explore .ex-phone-status::before{content:'';position:absolute;inset-inline-start:50%;top:10px;transform:translateX(-50%);width:30cqw;height:8cqw;min-height:25px;border-radius:30px;background:#08090b;box-shadow:inset 0 1px 2px #ffffff0d;z-index:2}
#operator-explore .ex-phone-status::after{content:'';position:absolute;left:calc(50% + 9cqw);top:calc(10px + 2.6cqw);width:2.7cqw;height:2.7cqw;border-radius:50%;background:radial-gradient(circle at 42% 40%,#253955,#111b2a 35%,#020205 65%);z-index:3}
#operator-explore .ex-phone-status>span:last-child{display:flex;align-items:center;gap:5px;font-size:11px}
#operator-explore .ex-phone-status svg{width:17px;height:13px}
#operator-explore .ex-phone-app-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:62px;padding:7px 5cqw 12px;border-bottom:1px solid var(--phone-line)}
#operator-explore .ex-phone-app-header img{width:30px;height:30px;object-fit:contain;border-radius:50%;flex:none}
#operator-explore .ex-phone-app-header strong{display:block;font:500 clamp(14px,4.7cqw,18px)/1.2 'Bricolage Grotesque','IBM Plex Sans Arabic',sans-serif}
#operator-explore .ex-phone-app-header small{display:block;font:400 clamp(9px,2.6cqw,10.5px)/1.45 'Spline Sans Mono',monospace;color:var(--phone-ink3);margin-top:4px;overflow-wrap:anywhere}
#operator-explore .ex-phone-app-header>div{min-width:0;flex:1}
#operator-explore .ex-phone-modes{display:flex;gap:3px;flex:none;margin:12px 4cqw 4px;padding:4px;background:#efede6;border:1px solid var(--phone-line);border-radius:999px;min-height:42px}
#operator-explore .ex-phone-modes button{flex:1;padding:7px 6px;border:0;border-radius:999px;background:transparent;color:var(--phone-ink3);font-size:clamp(9px,2.85cqw,11px);min-height:32px;line-height:1.2}
#operator-explore .ex-phone-modes button[aria-pressed=true]{background:#fff;color:var(--phone-ink);box-shadow:0 2px 8px #191a2d14;font-weight:600}
#operator-explore .ex-phone-content{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4cqw 4.2cqw 3.5cqw;scrollbar-width:thin;scrollbar-color:#c9c3b7 transparent;overflow-anchor:none;overscroll-behavior:auto}
#operator-explore .ex-phone-content>div{min-width:0}
#operator-explore .ex-phone-message{margin:0 0 16px;position:relative;overflow-wrap:anywhere}
#operator-explore .ex-phone-message.is-user{max-width:84%;width:fit-content;margin-inline-start:auto;background:#eeedea;border:1px solid #e5e1d9;border-radius:18px 18px 5px 18px;padding:11px 15px;color:var(--phone-ink)}
#operator-explore [dir=rtl] .ex-phone-message.is-user{border-radius:18px 18px 18px 5px}
#operator-explore .ex-phone-message.is-assistant{display:flex;align-items:flex-start;gap:9px;max-width:100%;color:var(--phone-ink2)}
#operator-explore .ex-phone-message.is-assistant>img{width:24px;height:24px;flex:none;border-radius:50%;margin-top:2px}
#operator-explore .ex-phone-message.is-assistant>div{flex:1;min-width:0}
#operator-explore .ex-phone-message.is-assistant .ex-phone-speaker{display:block;color:var(--phone-gold);font:500 9px/1.5 'Spline Sans Mono',monospace;margin-bottom:7px}
#operator-explore .ex-phone-via-voice{font-size:10px!important;color:var(--phone-ink3)!important;margin-top:5px!important}
#operator-explore .ex-phone-orb{width:80px;aspect-ratio:1;border-radius:50%;margin:14px auto 18px;background:radial-gradient(circle at 30% 22%,#ffebcb,#e9b071 30%,#b27038 63%,#513322);box-shadow:0 12px 34px #d98e3e45,inset 0 1px 2px #fff9}
#operator-explore .ex-phone-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
#operator-explore .ex-phone-kpi{min-width:0;padding:10px;border:1px solid var(--phone-line);border-radius:14px;background:#fff}
#operator-explore .ex-phone-kpi span,#operator-explore .ex-phone-kpi small{display:block;font:400 clamp(8px,2.5cqw,10px)/1.45 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;letter-spacing:.02em;color:var(--phone-ink3);overflow-wrap:anywhere}
#operator-explore .ex-phone-kpi strong{display:block;margin:5px 0 2px;font:500 clamp(14px,4.1cqw,18px)/1.3 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;color:var(--phone-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:normal}
#operator-explore .ex-phone-kpi.is-positive strong{color:#3f8f68}
#operator-explore .ex-phone-run{border:1px solid #d5bf9c;border-radius:16px;padding:14px 15px;margin:12px 0 18px;background:linear-gradient(145deg,#fff,#f7f2e8);box-shadow:0 6px 18px #191a2d06;color:var(--phone-ink2)}
#operator-explore .ex-phone-run>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#operator-explore .ex-phone-run>header img{max-width:105px;height:auto;max-height:22px;object-fit:contain}
#operator-explore .ex-phone-run>header span{font:500 10px/1.4 'Spline Sans Mono',monospace;letter-spacing:.08em;color:#a56a2f}
#operator-explore .ex-phone-run-step{display:flex;gap:9px;align-items:flex-start;margin:10px 0;font-size:12px;color:#8c8b8a}
#operator-explore .ex-phone-run-step::before{content:'';display:block;flex:none;width:13px;height:13px;border:1.5px solid #d3cec3;border-radius:50%;margin-top:3px}
#operator-explore .ex-phone-run-step[data-state=active]{color:var(--phone-ink);font-weight:600}
#operator-explore .ex-phone-run-step[data-state=active]::before{border-color:#d98e3e33;border-top-color:#d98e3e;animation:ex-phone-spin 1s linear infinite}
#operator-explore .ex-phone-run-step[data-state=complete]{color:#3f8f68}
#operator-explore .ex-phone-run-step[data-state=complete]::before{content:'✓';display:grid;place-items:center;border:0;background:#3f8f6814;font-size:10px;line-height:1}
#operator-explore .ex-phone-run [role=progressbar]{height:4px;background:#ded8cd;border-radius:5px;overflow:hidden;margin:15px 0 10px}
#operator-explore .ex-phone-run [role=progressbar]>span{display:block;height:100%;background:#d98e3e;border-radius:5px;transition:width .12s linear}
#operator-explore .ex-phone-run>small{font-size:9px;color:var(--phone-ink3)}
#operator-explore .ex-phone-review-title{display:grid;gap:10px;margin-bottom:14px}
#operator-explore .ex-phone-review-title>span{font:500 10px/1.5 'Spline Sans Mono',monospace;color:#b8722e}
#operator-explore .ex-phone-review-title h3{font-size:5.2cqw}
#operator-explore .ex-phone-review-tabs{display:flex;gap:5px;margin:14px 0;border-radius:999px;background:#efede6;padding:4px}
#operator-explore .ex-phone-review-tabs button{flex:1;border:0;border-radius:999px;padding:7px 10px;background:transparent;min-height:34px}
#operator-explore .ex-phone-review-tabs button[aria-pressed=true]{background:white;box-shadow:0 2px 6px #191a2d12}
#operator-explore .ex-phone-action{display:flex;width:100%;align-items:flex-start;gap:11px;text-align:start;padding:12px 13px;margin:8px 0;border:1px solid #e2ded1;background:#fff;border-radius:14px;transition:border-color .16s,background .16s}
#operator-explore .ex-phone-action::before{content:'✓';display:grid;place-items:center;flex:none;width:20px;height:20px;background:var(--phone-gold);border:1px solid var(--phone-gold);color:#fff;font:600 12px/1 sans-serif;border-radius:7px;margin-top:1px}
#operator-explore .ex-phone-action[aria-checked=false]{background:#f8f7f3;color:var(--phone-ink3)}
#operator-explore .ex-phone-action[aria-checked=false]::before{content:'';background:transparent;border-color:#c9c4b9}
#operator-explore .ex-phone-action>span{flex:1;min-width:0}
#operator-explore .ex-phone-action strong{font-weight:500;display:block}
#operator-explore .ex-phone-action small{display:block;font:400 10px/1.5 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;color:var(--phone-ink3);margin-top:4px}
#operator-explore .ex-phone-diff{border:1px solid var(--phone-line);background:#fff;border-radius:12px;padding:12px 13px;margin:8px 0;font:400 11px/1.6 'Spline Sans Mono','IBM Plex Sans Arabic',monospace}
#operator-explore .ex-phone-diff strong{display:block;font:600 12px/1.5 'Instrument Sans',sans-serif;margin-bottom:6px}
#operator-explore .ex-phone-composer,#operator-explore .ex-phone-footer{flex:none;padding:10px 4.7cqw 8px;border-top:1px solid var(--phone-line);background:#fbfaf7;display:flex;gap:9px;align-items:center;min-height:65px}
#operator-explore .ex-phone-composer>div{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid #e2ded1;border-radius:999px;padding:12px 14px;color:var(--phone-ink3);min-height:44px}
#operator-explore .ex-phone-composer svg{width:18px;height:18px;flex:none}
#operator-explore .ex-phone-footer>.ex-phone-button{flex:1;min-height:45px;border:0;border-radius:999px;padding:11px 14px;background:#e6a868;font-weight:600;color:var(--phone-ink)}
#operator-explore .ex-phone-footer>.ex-phone-button:last-child{box-shadow:0 5px 17px #d98e3e25}
#operator-explore .ex-phone-footer button[data-variant=ghost]{background:#eeede8;box-shadow:none}
#operator-explore .ex-phone-home-indicator{flex:none;position:relative;height:22px;background:#fbfaf7}
#operator-explore .ex-phone-home-indicator::after{content:'';position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:35%;height:5px;border-radius:20px;background:#101014}
#operator-explore .ex-phone-created{padding:14px 4px}
#operator-explore .ex-phone-created>span:first-child{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#d98e3e1a;color:#b8722e;font-size:24px;margin-bottom:18px}
#operator-explore .ex-phone-created h3{font-size:6.2cqw;margin-bottom:10px}
#operator-explore .ex-phone-created>p{color:var(--phone-ink3);font-size:13px}
#operator-explore .ex-phone-scenario-card{margin:20px 0 16px;padding:15px;border:1px solid #e2ded1;border-radius:16px;background:#fff;box-shadow:0 4px 16px #191a2d0a}
#operator-explore .ex-phone-scenario-card h4{font:500 4.3cqw/1.35 'Bricolage Grotesque',sans-serif;margin-bottom:8px;overflow-wrap:anywhere}
#operator-explore .ex-phone-scenario-card small{font:400 10px/1.5 'Spline Sans Mono',monospace;color:var(--phone-ink3)}
#operator-explore .ex-phone-comparison{width:100%;border-collapse:collapse;margin:15px 0;font-size:11px;table-layout:fixed}
#operator-explore .ex-phone-comparison th,#operator-explore .ex-phone-comparison td{padding:10px 5px;border-bottom:1px solid var(--phone-line);text-align:end;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#operator-explore .ex-phone-comparison th:first-child,#operator-explore .ex-phone-comparison td:first-child{text-align:start;width:40%}
#operator-explore .ex-phone-comparison th{font-weight:500;color:var(--phone-ink3);font-size:10px}
#operator-explore .ex-phone-reel[data-paused=true] *,#operator-explore .ex-phone-reel[data-visible=false] *{animation-play-state:paused!important}
#operator-explore .ex-phone-brand{display:flex;align-items:center;gap:7px;flex:none}
#operator-explore .ex-phone-app-header .ex-phone-brand strong{font-size:clamp(13px,4.25cqw,16.5px)}
#operator-explore .ex-phone-org{margin-inline-start:auto;font-size:clamp(10px,3.1cqw,12px);white-space:nowrap;background:#191a2d0a;padding:6px 9px;border-radius:999px}
#operator-explore .ex-phone-avatar{flex:none;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#191a2d;color:#e6a868;font-size:10px;font-weight:600}
#operator-explore .ex-phone-modes>span{display:grid;place-items:center;text-align:center;flex:1;min-width:0;padding:7px 4px;font-size:clamp(9px,2.85cqw,11px);line-height:1.2;border-radius:999px;color:#7a7d92}
#operator-explore .ex-phone-modes>span[aria-current=page]{background:#fff;color:#191a2d;box-shadow:0 2px 8px #191a2d14;font-weight:600}
#operator-explore .ex-phone-button{border:1px solid #304355;border-radius:999px;background:#101d29;color:#dce9f4;padding:10px 17px;min-height:44px;cursor:pointer;font:500 13px/1.4 'Instrument Sans',sans-serif}
#operator-explore .ex-phone-button.is-primary{background:#e6a868;border-color:#d98e3e;color:#191a2d}
/* Chrome the page drives: the product's control, drawn, with no cursor or
   hover promising that a tap moves the story. */
#operator-explore .ex-phone-button.is-chrome{display:flex;align-items:center;justify-content:center;text-align:center;cursor:default;-webkit-user-select:none;user-select:none}
#operator-explore .ex-phone-screen .ex-phone-button{border:1px solid #e2ded1;background:#eeede8;color:#4a4c6b;border-radius:999px;padding:10px 15px}
#operator-explore .ex-phone-screen .ex-phone-button.is-primary{background:#e6a868;border-color:#e6a868;color:#191a2d}
#operator-explore .ex-phone-state{flex-basis:100%;font:400 11px/1.6 'Spline Sans Mono',monospace!important;color:#d9ac72!important;margin-top:8px!important}
#operator-explore .ex-phone-prepared{font-size:12px!important;line-height:1.65!important}
#operator-explore .ex-phone-welcome{padding:12px 8px;text-align:center}
#operator-explore .ex-phone-welcome h2{font:500 7.2cqw/1.15 'Bricolage Grotesque','IBM Plex Sans Arabic',sans-serif;letter-spacing:-.015em;margin:0 0 12px;color:#191a2d}
#operator-explore .ex-phone-welcome>p{color:#7a7d92;font-size:13px}
#operator-explore .ex-phone-orb{position:relative;display:grid;place-items:center}
#operator-explore .ex-phone-orb img{width:64%;height:64%;border-radius:50%;mix-blend-mode:multiply;opacity:.8}
#operator-explore .ex-phone-orb.is-listening{width:104px;box-shadow:0 0 0 9px #d98e3e0d,0 0 0 20px #d98e3e06,0 12px 34px #d98e3e45}
#operator-explore .ex-phone-starter{margin-top:24px;padding:14px 16px;border:1px solid #e2ded1;border-radius:16px;background:#fff;text-align:start;font-size:13px;box-shadow:0 4px 16px #191a2d08}
#operator-explore .ex-phone-voice{padding:6cqw 8px;text-align:center;display:grid;gap:20px}
#operator-explore .ex-phone-voice-state{font:500 10px/1.5 'Spline Sans Mono',monospace!important;text-transform:uppercase;letter-spacing:.12em;color:#b8722e!important}
#operator-explore .ex-phone-heard{min-height:120px;font:400 clamp(16px,5cqw,20px)/1.5 'Bricolage Grotesque','IBM Plex Sans Arabic',sans-serif!important;color:#191a2d}
#operator-explore .ex-phone-message.is-assistant>p{flex:1;min-width:0}
#operator-explore .ex-phone-message.is-assistant>p:empty{display:none}
#operator-explore .ex-phone-message.is-assistant>.ex-typing-indicator{align-self:center}
#operator-explore .ex-phone-via-voice{margin-top:-15px!important;text-align:end;margin-bottom:20px!important}
#operator-explore .ex-phone-run ol{list-style:none;padding:0;margin:0}
#operator-explore .ex-phone-run-step>span[aria-hidden=true]{display:none}
#operator-explore .ex-phone-run>p{font:400 9px/1.5 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;color:#7a7d92}
#operator-explore .ex-phone-result{padding:12px 0;color:#4a4c6b}
#operator-explore .ex-phone-result>p{margin-bottom:10px;font-size:12px}
#operator-explore .ex-phone-result>p:first-child{color:#3f8f68;font:500 10px/1.5 'Spline Sans Mono',monospace}
#operator-explore .ex-phone-result>.ex-phone-button{width:100%;margin-top:6px}
#operator-explore .ex-phone-review-title>p{font:500 10px/1.5 'Spline Sans Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#7a7d92;display:flex;align-items:center;gap:8px}
#operator-explore .ex-phone-version{border-radius:999px;padding:3px 8px;background:#e6a868;color:#191a2d;font-size:9.5px;letter-spacing:0;text-transform:none}
#operator-explore .ex-phone-review-tabs button[aria-selected=true]{background:white;box-shadow:0 2px 6px #191a2d12;color:#191a2d}
#operator-explore .ex-phone-content>h4{font:500 10px/1.5 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;text-transform:uppercase;letter-spacing:.08em;color:#7a7d92;margin:18px 0 10px}
#operator-explore .ex-phone-action::before{display:none}
#operator-explore .ex-phone-action>.ex-phone-checkbox{display:grid;place-items:center;flex:none;width:20px;height:20px;background:#d98e3e;border:1px solid #d98e3e;color:#fff;border-radius:7px;font:600 12px/1 sans-serif;margin-top:1px}
#operator-explore .ex-phone-action[aria-checked=false]>.ex-phone-checkbox{border-color:#c9c4b9;background:transparent;color:transparent}
#operator-explore .ex-phone-options{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}
#operator-explore .ex-phone-options button{flex:1;padding:8px 10px;min-height:40px;font-size:11px}
#operator-explore .ex-phone-options button[aria-pressed=true]{background:#d98e3e1a;border-color:#d98e3e;color:#b8722e}
#operator-explore .ex-phone-composer>span:first-child{flex:1;min-width:0;color:#7a7d92;font-size:12px;background:#fff;padding:11px 13px;border:1px solid #e2ded1;border-radius:999px}
#operator-explore .ex-phone-send{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:#191a2d;color:#e6a868;font-size:20px}
#operator-explore .ex-phone-content>.ex-phone-footer{position:sticky;bottom:-3.5cqw;margin:16px -4.2cqw -3.5cqw;padding:10px 4.2cqw 8px;z-index:2;box-shadow:0 -8px 14px #fbfaf7ee}
#operator-explore .ex-phone-created h2{font:500 6.2cqw/1.2 'Bricolage Grotesque','IBM Plex Sans Arabic',sans-serif;margin:0 0 10px;color:#191a2d}
#operator-explore .ex-phone-created>.ex-phone-button{width:100%;margin-top:5px}
#operator-explore .ex-phone-scenario-card>h3{font-size:4.9cqw;margin-bottom:9px}
#operator-explore .ex-phone-scenario-card>p{font-size:11px;color:#7a7d92;margin-bottom:7px}
#operator-explore section.ex-phone-comparison{font-size:12px;table-layout:auto}
#operator-explore section.ex-phone-comparison>p{margin-bottom:12px;color:#7a7d92;font-size:12px}
#operator-explore section.ex-phone-comparison>h3{font-size:5.1cqw;margin-bottom:14px}
#operator-explore section.ex-phone-comparison>h4{margin-top:19px;font-size:12px}
#operator-explore [data-phone-paused=true] .ex-phone *,#operator-explore [data-phone-paused=true] .ex-phone *::before{animation-play-state:paused!important}
@keyframes ex-phone-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){#operator-explore .ex-phone-reel{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:35px}#operator-explore .ex-phone{width:400px}#operator-explore .ex-phone-story h3{font-size:32px}}
@media(max-width:760px){#operator-explore .ex-phone-reel{grid-template-columns:minmax(0,1fr);gap:32px}#operator-explore .ex-phone-story{gap:18px}#operator-explore .ex-phone-story h3{font-size:27px}#operator-explore .ex-phone-story p{font-size:13px}#operator-explore .ex-phone{width:400px;max-width:calc(100% - 8px);border-radius:49px;padding:8px}#operator-explore .ex-phone::before{inset:6px;border-radius:42px}#operator-explore .ex-phone-screen{border-radius:39px}#operator-explore .ex-phone-app-header{min-height:54px}#operator-explore .ex-phone-status{font-size:12px;min-height:49px}#operator-explore .ex-phone-modes{margin-top:8px}#operator-explore .ex-phone-controls button{font-size:12px;padding:8px 13px}}
@media(prefers-reduced-motion:reduce){#operator-explore .ex-phone-reel *,#operator-explore .ex-phone-reel *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Current mobile reference e522058: flat citations, one ASGnet card and a
   proportionally scaled Pro Max frame. The surrounding page owns scroll prose. */
#operator-explore .ex-phone-reel{grid-template-columns:minmax(0,1fr) minmax(0,320px)}
#operator-explore .ex-phone{--phone-frame-padding:6px;width:320px;max-width:calc(100% - 8px);padding:var(--phone-frame-padding);border-radius:13.6% / 6.3%;aspect-ratio:440/956;align-self:start}
#operator-explore .ex-phone::before{inset:4px;border-width:2px;border-radius:13% / 6%}
#operator-explore .ex-phone::after{height:17cqw;inset-inline-end:-4px}
/* Keep the flex screen out of the frame's intrinsic block sizing. Otherwise
   WebKit can size a height:100% child before resolving the grid item's ratio. */
#operator-explore .ex-phone-screen{position:absolute;inset:var(--phone-frame-padding);height:auto;border-radius:11.7cqw;font-size:3.2cqw;line-height:1.55}
#operator-explore .ex-phone-status{height:14cqw;min-height:0;font-size:3.2cqw}
#operator-explore .ex-phone-status::before{top:2.3cqw;min-height:0}
#operator-explore .ex-phone-status::after{top:4.9cqw}
#operator-explore .ex-phone-status-icons{gap:1.15cqw}
#operator-explore .ex-phone-status svg{width:3.9cqw;height:3cqw}
#operator-explore .ex-phone-app-header{min-height:0;padding:1.6cqw 5cqw 2.7cqw;gap:2cqw}
#operator-explore .ex-phone-app-header img{width:6.8cqw;height:6.8cqw}
#operator-explore .ex-phone-app-header .ex-phone-brand strong{font-size:3.75cqw}
#operator-explore .ex-phone-org{font-size:2.7cqw;padding:1.35cqw 2cqw}
#operator-explore .ex-phone-avatar{width:6.6cqw;height:6.6cqw;font-size:2.3cqw}
#operator-explore .ex-phone-modes{min-height:0;margin:2.7cqw 4cqw 1cqw;padding:.9cqw;gap:.7cqw}
#operator-explore .ex-phone-modes>span{font-size:2.6cqw;padding:1.6cqw .9cqw}
#operator-explore .ex-phone-screen button{font-size:3cqw;min-height:10cqw;padding:2.5cqw 3cqw}
#operator-explore .ex-phone-message.is-user{max-width:78%;padding:2.5cqw 3.4cqw;border-radius:4.1cqw 4.1cqw 1.15cqw 4.1cqw}
#operator-explore [dir=rtl] .ex-phone-message.is-user{border-radius:4.1cqw 4.1cqw 4.1cqw 1.15cqw}
#operator-explore .ex-phone-message.is-assistant{max-width:94%;gap:2cqw}
#operator-explore .ex-phone-message.is-assistant>img{width:5.5cqw;height:5.5cqw}
#operator-explore .ex-phone-message{margin-bottom:3.7cqw}
#operator-explore .ex-phone-message>p{min-width:0;flex:1}
#operator-explore .ex-phone-citations{display:flex;flex-wrap:wrap;gap:1.4cqw;margin:2cqw 0 4cqw;max-width:100%}
#operator-explore .ex-phone-citations>span{display:inline-block;max-width:100%;padding:1.15cqw 2.3cqw;border:1px solid #e8e4d8;border-radius:20px;background:#efede6;color:#7a7d92;font:400 2.45cqw/1.4 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;overflow-wrap:anywhere}
#operator-explore .ex-phone-citations b{font-weight:500;color:#b8722e}
#operator-explore .ex-phone-run{border-radius:3.7cqw;padding:3cqw 3.7cqw;margin:3cqw 0 4cqw;background:#fff;box-shadow:none;border-color:#e8e4d8}
#operator-explore .ex-phone-run>header{align-items:flex-start;margin-bottom:2.7cqw;gap:2cqw}
#operator-explore .ex-phone-run>header>span{font-size:2.65cqw;letter-spacing:.025em;line-height:1.5}
#operator-explore .ex-phone-run time{flex:none;color:#7a7d92;font:400 2.45cqw/1.5 'Spline Sans Mono',monospace}
#operator-explore .ex-phone-run ol{list-style:none;margin:0;padding:0}
#operator-explore .ex-phone-run-step{gap:2cqw;margin:2.6cqw 0;font-size:2.95cqw;line-height:1.5}
#operator-explore .ex-phone-run-step[data-state]::before{display:none}
#operator-explore .ex-phone-run-step>span[aria-hidden=true]{display:inline-block;flex:none;width:3cqw;color:#b8722e;text-align:center}
#operator-explore .ex-phone-run-step[data-state=active]>span{animation:ex-phone-pulse 1.5s ease-in-out infinite}
#operator-explore .ex-phone-run[data-complete=true]>header>span{color:#3f8f68}
#operator-explore .ex-phone-run .ex-phone-result{padding:0}
#operator-explore .ex-phone-result>p{font-size:2.7cqw;line-height:1.55;margin-bottom:2cqw}
#operator-explore .ex-phone-kpis{gap:1.8cqw;margin:2.7cqw 0}
#operator-explore .ex-phone-kpi{padding:2.3cqw;border-radius:2.7cqw}
#operator-explore .ex-phone-kpi span{font-size:2.3cqw;line-height:1.45}
#operator-explore .ex-phone-kpi strong{font-size:4cqw;line-height:1.35;margin-top:1.2cqw;overflow-wrap:normal}
#operator-explore .ex-phone-kpi bdi{overflow-wrap:anywhere}
#operator-explore .ex-phone-network-effect{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1cqw 2cqw;border-bottom:1px solid #e8e4d8;padding:2cqw 0;font-size:2.7cqw}
#operator-explore .ex-phone-network-effect span{flex:1;min-width:45%;overflow-wrap:anywhere}
#operator-explore .ex-phone-network-effect bdi{font:500 2.8cqw/1.4 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;overflow-wrap:anywhere}
#operator-explore .ex-phone-run .ex-phone-prepared-note{font-size:2.2cqw;margin-top:2.5cqw}
#operator-explore .ex-phone-diff{font-size:2.5cqw;padding:2.7cqw;margin:2cqw 0}
#operator-explore .ex-phone-diff strong{font-size:2.8cqw}
#operator-explore .ex-phone-action{gap:2.5cqw;margin:2cqw 0}
#operator-explore .ex-phone-action small{font-size:2.3cqw}
#operator-explore .ex-phone-action>.ex-phone-checkbox{width:4.6cqw;height:4.6cqw;flex:0 0 4.6cqw!important}
#operator-explore .ex-phone-footer{min-height:0;padding:2.3cqw 4.2cqw}
#operator-explore .ex-phone-footer>.ex-phone-button{min-height:10cqw;font-size:2.8cqw}
#operator-explore .ex-phone-composer{min-height:0;gap:2cqw;padding:2.3cqw 4.7cqw 1.8cqw}
#operator-explore .ex-phone-composer>span:first-child{font-size:2.8cqw;padding:2.5cqw 3cqw}
#operator-explore .ex-phone-send{width:7.3cqw;height:7.3cqw;font-size:4.6cqw}
#operator-explore .ex-phone-home-indicator{height:5cqw}
#operator-explore .ex-phone-home-indicator::after{height:1.15cqw;bottom:1.6cqw}
#operator-explore .ex-phone-thinking{width:100%;padding:3cqw 3.7cqw;background:#fff;border:1px solid #e8e4d8;border-radius:3.7cqw;font:400 2.8cqw/1.5 'Instrument Sans',sans-serif}
#operator-explore .ex-phone-thinking-head{display:flex;gap:1.6cqw;align-items:center;font:500 2.5cqw/1.4 'Spline Sans Mono',monospace;color:#b8722e}
#operator-explore .ex-phone-thinking-head>span:first-child{display:flex;gap:1cqw}
#operator-explore .ex-phone-thinking-head i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#d98e3e;animation:ex-phone-pulse 1.4s ease-in-out infinite}
#operator-explore .ex-phone-thinking-head i:nth-child(2){animation-delay:.15s}#operator-explore .ex-phone-thinking-head i:nth-child(3){animation-delay:.3s}
#operator-explore .ex-phone-thinking>p{margin-top:2cqw;color:#7a7d92}
#operator-explore .ex-phone-message[data-stream-state=thinking]>img,#operator-explore .ex-phone-message[data-stream-state=thinking]>[data-phone-reply]{display:none}
#operator-explore [data-phone-visible=false] .ex-phone *,#operator-explore [data-phone-visible=false] .ex-phone *::before{animation-play-state:paused!important}
#operator-explore [data-phone-scroll-driven=true] .ex-phone-reel{position:relative;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:center}
#operator-explore [data-phone-scroll-driven=true] .ex-phone-story{display:contents}
#operator-explore [data-phone-scroll-driven=true] .ex-phone-story>[data-phone-slot=eyebrow],#operator-explore [data-phone-scroll-driven=true] .ex-phone-story>[data-phone-slot=title],#operator-explore [data-phone-scroll-driven=true] .ex-phone-story>[data-phone-slot=description],#operator-explore [data-phone-scroll-driven=true] .ex-phone-story>[data-phone-slot=prepared]{display:none}
#operator-explore [data-phone-scroll-driven=true] .ex-phone{grid-row:1}
/* The page is the scroll surface: a finger on the device moves the story, so
   the pane never traps the gesture in an inner scroller. */
#operator-explore [data-phone-scroll-driven=true] .ex-phone-content{overflow-y:hidden;overscroll-behavior:auto;touch-action:pan-y}
#operator-explore .ex-phone-reel [hidden]{display:none!important}
@keyframes ex-phone-pulse{50%{opacity:.35}}
@media(max-width:760px){#operator-explore .ex-phone-reel{grid-template-columns:minmax(0,1fr)}}
/* Keep every remaining native label proportional when the phone is scaled. */
#operator-explore .ex-phone-content>h4{font-size:2.85cqw;margin:5cqw 0 2.8cqw}
#operator-explore .ex-phone-review-title>p{font-size:2.85cqw;gap:2cqw}
#operator-explore .ex-phone-version{font-size:2.7cqw;padding:.85cqw 2.3cqw}
#operator-explore .ex-phone-via-voice{font-size:2.85cqw!important;margin-top:1.4cqw!important}
#operator-explore .ex-phone-welcome>p,#operator-explore .ex-phone-created>p{font-size:3.7cqw}
#operator-explore .ex-phone-orb{width:23cqw;margin:4cqw auto 5cqw}
#operator-explore .ex-phone-orb.is-listening{width:30cqw}
#operator-explore .ex-phone-voice{gap:5.7cqw}
#operator-explore .ex-phone-voice-state{font-size:2.85cqw!important}
#operator-explore .ex-phone-heard{min-height:34cqw;font-size:5cqw!important}
#operator-explore .ex-phone-starter{font-size:3.7cqw;margin-top:6.8cqw;padding:4cqw 4.6cqw}
#operator-explore .ex-phone-created>span:first-child{width:15.4cqw;height:15.4cqw;font-size:6.8cqw;margin-bottom:5cqw}
#operator-explore .ex-phone-scenario-card{margin:5.7cqw 0 4.6cqw;padding:4.3cqw;border-radius:4.6cqw}
#operator-explore .ex-phone-scenario-card>p{font-size:3.1cqw;margin-bottom:2cqw}
#operator-explore section.ex-phone-comparison,#operator-explore section.ex-phone-comparison>p,#operator-explore section.ex-phone-comparison>h4{font-size:3.4cqw}
#operator-explore .ex-phone-comparison th{font-size:2.85cqw}
/* Blocks a story can carry beside its prose: the aircraft check, the ranked
   programs and the timing pass. Sized in cqw like the rest of the screen. */
#operator-explore .ex-phone-content>section{min-width:0}
#operator-explore .ex-phone-card,#operator-explore .ex-phone-sweep{border:1px solid #e8e4d8;border-radius:3.7cqw;padding:3cqw 3.7cqw;margin:0 0 3.7cqw;background:#fff;min-width:0}
#operator-explore .ex-phone-card-title{font:500 2.65cqw/1.5 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;color:#a56a2f;letter-spacing:.025em;margin-bottom:2cqw}
#operator-explore .ex-phone-check{display:flex;gap:2.5cqw;padding:2cqw 0;border-top:1px solid #e8e4d8;font-size:2.7cqw;min-width:0}
#operator-explore .ex-phone-check>div{min-width:0;flex:1}
#operator-explore .ex-phone-check-mark{flex:none;width:4.6cqw;height:4.6cqw;border-radius:1.4cqw;display:grid;place-items:center;font-size:2.6cqw;background:#3f8f6814;color:#3f8f68;margin-top:.4cqw}
#operator-explore .ex-phone-check[data-result=limited] .ex-phone-check-mark{background:#b8722e14;color:#b8722e}
#operator-explore .ex-phone-check strong,#operator-explore .ex-phone-rank-row strong{display:block;font-size:2.8cqw;line-height:1.4;overflow-wrap:anywhere}
#operator-explore .ex-phone-check small,#operator-explore .ex-phone-rank-row small{display:block;font:400 2.45cqw/1.5 'Spline Sans Mono','IBM Plex Sans Arabic',monospace;color:#7a7d92;overflow-wrap:anywhere;margin-top:.6cqw}
#operator-explore .ex-phone-rank{list-style:none;margin:2cqw 0;padding:0}
#operator-explore .ex-phone-rank-row{display:flex;gap:2.5cqw;align-items:flex-start;padding:2cqw 1.5cqw;border-bottom:1px solid #e8e4d8;min-width:0}
#operator-explore .ex-phone-rank-row[data-selected=true]{background:#d98e3e12;border-radius:2cqw}
#operator-explore .ex-phone-rank-n{flex:none;width:5cqw;font:600 2.8cqw/1.5 'Spline Sans Mono',monospace;color:#b8722e}
#operator-explore .ex-phone-rank-row>div{min-width:0;flex:1}
#operator-explore .ex-phone-rank-row small bdi:last-child{color:#191a2d;font-weight:600}
#operator-explore .ex-phone-sweep h5{font:600 2.65cqw/1.5 'Instrument Sans','IBM Plex Sans Arabic',sans-serif;margin:2.5cqw 0 0;color:#191a2d}
#operator-explore .ex-phone-sweep .ex-phone-network-effect[data-best=true]{color:#3f8f68;font-weight:600}
#operator-explore .ex-phone-sweep-result{font-size:2.5cqw;color:#7a7d92;margin-top:2cqw}
#operator-explore .ex-phone-action.is-fixed{cursor:default;background:#f8f7f3}
#operator-explore .ex-phone-action.is-fixed>.ex-phone-checkbox{background:#c9c4b9;border-color:#c9c4b9}
#operator-explore .ex-phone-note{font-size:2.5cqw;color:#7a7d92;margin:2cqw 0 3cqw}
#operator-explore .ex-phone-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
