/* Cinematic product stories: authentic TF2 material and clearly marked concepts. */
.case-page .case-cover-image{aspect-ratio:1.86;isolation:isolate}
.case-page.tf2 .case-cover-image{padding:0;aspect-ratio:1.86;background:#0b0b0e}
.case-page.tf2 .case-cover-image .case-cover-art{position:relative;object-fit:cover;object-position:center 56%;box-shadow:none;border:0;z-index:0}
.case-page .case-cover-image .exhibit-trigger{display:block;width:100%;height:100%;position:relative;padding:0;overflow:hidden;background:transparent}
.case-terminal-screen{position:absolute;display:flex;flex-direction:column;left:5.2%;top:27%;width:44%;transform:perspective(1200px) rotateY(8deg) rotateX(2deg) rotateZ(-1.2deg);transform-origin:center;border:1px solid #8d8d946b;box-shadow:0 20px 55px #000d,0 0 0 5px #101117a6,0 0 25px #ff26380e;background:#0e0e12;z-index:5;text-align:left;pointer-events:none}
.case-terminal-screen:before{content:'';position:absolute;inset:-6px;pointer-events:none;border-left:2px solid #ff3b4877;border-bottom:2px solid #ff3b4866}
.case-terminal-screen{view-transition-name:tf2-screen}
.case-terminal-top,.case-terminal-base{display:flex;align-items:center;gap:8px;font:9px var(--mono,monospace);letter-spacing:1px;line-height:1.5;color:#acacb4;padding:8px 11px;background:linear-gradient(110deg,#ffffff05,transparent)}
.case-terminal-top i{width:4px;height:4px;background:#ff3b48;box-shadow:0 0 8px #ff3b4899}
.case-terminal-base{color:#737581;font-size:8px;border-top:1px solid #ffffff17}
.case-page.tf2 .case-terminal-screen img{position:static;width:100%;height:auto;object-fit:contain;border:0;box-shadow:none;display:block}
.case-story{display:grid;gap:26px}
.case-story-scene{position:relative;display:grid;grid-template-columns:.58fr 1fr;align-items:center;gap:clamp(30px,4vw,65px);padding:45px 36px;border:1px solid #ffffff21;background:linear-gradient(115deg,#ffffff03,transparent 55%),#101015;isolation:isolate;overflow:hidden}
.case-story-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 30%,#ff35430c,transparent 60%);pointer-events:none}
.case-story-scene:after,.case-exchange-scene:after{content:'';position:absolute;left:0;top:0;width:80px;height:2px;background:#ff3b48;box-shadow:0 0 20px #ff3b4833}
.case-story-copy{position:relative}
.case-story-number{font:11px var(--mono,monospace);letter-spacing:1.4px;color:#fa6873;display:block;line-height:1.5}
.case-story-copy h3,.case-exchange-title h3,.case-dialog-title h3,.case-gpu-promise h3{font-family:var(--display,'Unbounded',sans-serif);font-size:clamp(23px,2.15vw,32px);font-weight:500;line-height:1.4;letter-spacing:-1.2px;margin:25px 0 24px}
.case-story-copy p{font-size:14px;line-height:1.85;color:#a3a6b1;max-width:350px;margin:0}
.case-story-label{display:block;color:#7d818d;font:10px var(--mono,monospace);line-height:1.8;letter-spacing:.7px;margin-top:35px}
.case-screen-frame{position:relative;border:1px solid #ffffff25;background:#0b0b0e;margin:0;box-shadow:0 22px 55px #0005;transform:perspective(1400px) rotateY(-2.8deg);transform-origin:left;min-width:0}
.case-screen-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;font:9px var(--mono,monospace);letter-spacing:.5px;line-height:1.5;color:#b8bac3;border-bottom:1px solid #ffffff20;background:#16161d}
.case-screen-bar>span:first-child{display:flex;align-items:center;gap:8px}
.case-screen-bar>span:last-child{color:#757a86;font-size:8px}
.case-screen-bar i{height:4px;width:4px;background:#ff3b48;box-shadow:0 0 12px #ff3b4877}
.case-screen-frame>img{width:100%;display:block;height:auto;aspect-ratio:1265/712;object-fit:cover;border:0}
.case-screen-frame figcaption{font-size:11px;line-height:1.7;color:#818591;padding:14px 15px;margin:0;border-top:1px solid #ffffff1a;max-width:none}
.case-story-history .case-screen-frame{transform:perspective(1400px) rotateY(2.5deg);transform-origin:right}
.case-exchange-scene{position:relative;padding:43px 36px 30px;border:1px solid #ff3b4833;background:radial-gradient(ellipse at 60% 70%,#ff3b4810,transparent 70%),#111116;overflow:hidden}
.case-exchange-title{display:grid;grid-template-columns:.8fr 1fr;align-items:end;gap:18px 40px}
.case-exchange-title .case-story-number{grid-column:1/-1}
.case-exchange-title h3{margin:0;font-size:27px;letter-spacing:-1px}
.case-exchange-title .case-story-label{margin:0;justify-self:end;text-align:right;padding-bottom:4px}
.case-exchange-path{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr 60px 1fr;align-items:start;margin:50px 0 30px;position:relative}
.case-exchange-node{position:relative;text-align:center;min-width:0}
.case-exchange-symbol{width:66px;height:66px;border:1px solid #ff3b484f;background:linear-gradient(145deg,#ff3b480e,transparent 70%),#15151b;display:grid;place-items:center;margin:0 auto 24px;color:#ff7982;font:22px var(--mono,monospace);box-shadow:inset 0 0 18px #ff3b4806;position:relative}
.case-exchange-symbol:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff09}
.case-exchange-symbol svg{width:37px;height:37px;stroke-width:1.5}
.case-exchange-kicker{font:9px var(--mono,monospace);letter-spacing:1.7px;color:#777d89;display:block;margin-bottom:9px}
.case-exchange-node strong{font-weight:500;font-size:18px;line-height:1.5;color:#e6e6eb}
.case-exchange-node p{font-size:12px;color:#8d939f;line-height:1.6;margin:9px 0 0}
.case-exchange-connector{height:1px;background:#ff3b4840;margin-top:33px;position:relative}
.case-exchange-connector:before{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;transform:rotate(45deg);border-right:1px solid #ff3b4877;border-top:1px solid #ff3b4877}
.case-exchange-connector:after{content:'';position:absolute;left:0;top:-1px;width:13px;height:3px;background:#ff727c;box-shadow:0 0 12px #ff3b48;opacity:0}
.case-exchange-note{margin:0;border-top:1px solid #ffffff15;padding-top:25px;font-size:12px;line-height:1.85;color:#9196a2;max-width:none}
.case-chat-workspace,.case-compare-workspace{position:relative;padding:30px 38px 35px;border:1px solid #ffffff29;background:radial-gradient(ellipse at 0 50%,#ff3b480c,transparent 65%),#101015;box-shadow:0 30px 70px -45px #000c;overflow:hidden}
.case-chat-workspace:before,.case-compare-workspace:before{content:'';position:absolute;left:0;top:0;width:80px;height:2px;background:#ff3b48}
.case-dialog-layout{display:grid;grid-template-columns:.56fr 1fr;gap:50px;align-items:center;padding:45px 0 8px}
.case-dialog-core{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #ffffff13;padding-right:35px;min-height:390px}
.case-neural-orbit{position:relative;width:clamp(140px,17vw,235px);aspect-ratio:1;display:grid;place-items:center}
.case-neural-orbit>span{position:absolute;inset:0;border:1px solid #ff3b4835;border-radius:50%;transform:rotateX(58deg) rotateZ(-28deg)}
.case-neural-orbit>span:nth-child(2){transform:rotateY(58deg) rotateZ(28deg);border-color:#ffffff26}
.case-neural-orbit>span:nth-child(3){inset:17%;transform:rotateY(28deg) rotateZ(55deg);border-color:#ff3b4885}
.case-neural-orbit>span:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;top:14%;left:14%;background:#ff4755;box-shadow:0 0 13px #ff3b48}
.case-neural-orbit>i{position:relative;font-size:clamp(55px,7vw,100px);font-style:normal;color:#ff3b48;text-shadow:0 0 35px #ff3b484f;line-height:1}
.case-neural-caption{font:10px var(--mono,monospace);letter-spacing:2px;color:#7e8390;margin-top:25px}
.case-neural-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:38px;margin-top:20px}
.case-neural-wave i{width:2px;height:8px;background:#ff3b4866;transform-origin:center}
.case-neural-wave i:nth-child(3n){height:20px}.case-neural-wave i:nth-child(4n){height:31px}.case-neural-wave i:nth-child(5n){height:14px}
.case-dialog-title h3{font-size:clamp(23px,2.5vw,35px);margin:18px 0 30px}
.case-dialog-message{display:grid;grid-template-columns:30px 1fr;gap:17px;padding:21px 23px;line-height:1.8;border:1px solid #ffffff22;position:relative}
.case-dialog-message>span{font:10px var(--mono,monospace);letter-spacing:1px;color:#9499a4;padding-top:6px}
.case-dialog-message p{font-size:14px;line-height:1.9;margin:0;color:#bdc0ca}
.case-dialog-message p+p{margin-top:14px}
.case-dialog-you{margin-left:45px;margin-bottom:20px;background:#ffffff04;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.case-dialog-gpt{border-color:#ff3b483d;border-left:2px solid #ff3b48;background:linear-gradient(110deg,#ff3b4808,transparent 80%);margin-right:15px}
.case-dialog-gpt>span{color:#ff7982}
.case-dialog-gpt p{color:#e1e2e8}
.case-dialog-footer{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff17;margin-top:26px;padding-top:21px;color:#7f8592;font-size:11px;line-height:1.6}
.case-dialog-footer>span:last-child{margin-left:auto;font-size:23px;color:#ff3b48}
.case-dialog-dot{width:4px;height:4px;background:#ff3b4877;flex:none}
.case-gpu-models{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:0;margin:40px 0 33px}
.case-gpu-promise{padding:16px 24px 10px 0}
.case-gpu-promise h3{font-size:clamp(20px,2vw,29px);margin:21px 0 20px;letter-spacing:-1px}
.case-gpu-promise p{font-size:12px;line-height:1.9;color:#9096a3;margin:0}
.case-gpu-model{position:relative;padding:16px 25px 23px;border-left:1px solid #ffffff17;min-width:0}
.case-model-id{font:9px var(--mono,monospace);letter-spacing:1.3px;color:#7c828f;display:block}
.case-gpu-model>strong{display:block;font-size:18px;font-weight:500;line-height:1.5;margin-top:18px}
.case-gpu-memory{font-family:var(--display,'Unbounded',sans-serif);font-size:36px;line-height:1.3;letter-spacing:-1px;color:#cbced6;margin-top:11px;display:block}
.case-gpu-memory small{font-family:var(--mono,monospace);font-size:11px;letter-spacing:1px;color:#777f8c}
.case-gpu-model-b .case-gpu-memory{color:#ff7780}
.case-mini-gpu{position:relative;display:flex;align-items:center;justify-content:center;gap:12%;width:100%;aspect-ratio:2.15;background:linear-gradient(150deg,#343641,#0d0e13 25%,#1f222b 56%,#08090d 85%);border:1px solid #45495470;box-shadow:5px 8px 0 #06070b,7px 10px 0 #ffffff0a,0 17px 22px #0007;margin:27px 0 23px;transform:perspective(900px) rotateX(7deg) rotateY(-7deg) rotateZ(-5deg);clip-path:polygon(0 9%,4% 0,96% 0,100% 9%,100% 92%,96% 100%,4% 100%,0 92%)}
.case-mini-gpu:after{content:'';position:absolute;left:9%;right:9%;bottom:2px;height:1px;background:#ff3b4888}
.case-mini-fan{width:34%;aspect-ratio:1;border-radius:50%;position:relative;box-shadow:0 0 0 3px #08090c,0 0 0 4px #55596377,inset 0 0 0 2px #0009;background:repeating-conic-gradient(from 13deg,#0b0c12 0deg 13deg,#484a5799 15deg 21deg,#151720 25deg 40deg)}
.case-mini-fan:after{content:'';position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#535761,#171923 60%,#0a0b10);border:1px solid #7478814d}
.case-mini-gpu-seam{position:absolute;top:0;right:0;width:25%;height:2px;background:linear-gradient(90deg,transparent,#ff3b48)}
.case-comparison-v13 .case-compare-head strong{font-size:16px}
.case-comparison-v13 .case-compare-row{padding-block:23px;position:relative;overflow:hidden}
.case-comparison-v13 .case-compare-row:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff3b4866,transparent);transform:translateX(-100%);opacity:0;pointer-events:none}
.case-compare-highlight{position:relative}
.case-compare-highlight i{font-style:normal;font-size:13px;display:inline-block;margin-left:12px;opacity:.5}
.case-compare-disclaimer{font-size:11px;line-height:1.8;color:#808793;margin:25px 0 0;max-width:700px}
.case-sequence-managed [data-dialog-part]{transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.25,1);transition-delay:calc(var(--case-part,0)*.24s)}
.case-sequence-managed:not(.is-sequence-active) [data-dialog-part]{opacity:0;transform:translateY(10px)}
.case-sequence-managed .case-screen-frame{transition:transform 1.2s cubic-bezier(.2,.7,.25,1),opacity 1s;transition-delay:.1s}
.case-sequence-managed:not(.is-sequence-active) .case-screen-frame{opacity:.15;transform:perspective(1400px) rotateY(-8deg) translateY(20px)}
.is-sequence-active.is-case-visible .case-exchange-connector:after{animation:case-signal-pass 1.4s ease-in-out 2 both}
.is-sequence-active .case-exchange-connector:nth-of-type(2):after{animation-delay:.7s}.is-sequence-active .case-exchange-connector:nth-of-type(3):after{animation-delay:1.4s}
.is-sequence-active.is-case-visible .case-neural-orbit>span{animation:case-orbit-light 3s ease-in-out 2}
.is-sequence-active.is-case-visible .case-neural-wave i{animation:case-wave-pulse 1.6s ease-in-out 3;animation-delay:calc(var(--case-wave,0)*.1s)}
.is-sequence-active.is-case-visible .case-comparison-v13 [data-compare-part]:after{animation:case-spec-scan 1.1s ease 1 both;animation-delay:calc(var(--case-part,0)*.45s)}
.is-sequence-active .case-compare-highlight{animation:case-highlight-rise .9s ease both;animation-delay:calc(var(--case-part,0)*.45s)}
@keyframes case-signal-pass{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:calc(100% - 13px);opacity:0}}
@keyframes case-orbit-light{0%,100%{border-color:#ff3b4835}50%{border-color:#ff6872a8;box-shadow:0 0 17px #ff3b480b}}
@keyframes case-wave-pulse{0%,100%{transform:scaleY(.65);opacity:.35}50%{transform:scaleY(1.1);opacity:1}}
@keyframes case-spec-scan{0%{transform:translateX(-100%);opacity:0}20%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes case-highlight-rise{0%{background:#ff3b4800;color:#b8bfcc}65%{background:#ff3b4826;color:#ffa1a8}100%{background:#ff3b480c;color:#ff7c85}}
@media(max-width:1000px){.case-story-scene{grid-template-columns:.68fr 1fr;gap:25px;padding:34px 25px}.case-story-copy h3{font-size:23px}.case-dialog-layout{grid-template-columns:.4fr 1fr;gap:30px}.case-dialog-core{padding-right:25px}.case-gpu-models{grid-template-columns:1fr 1fr}.case-gpu-promise{grid-column:1/-1;padding:0 0 27px}.case-gpu-promise h3{font-size:27px}.case-gpu-promise h3 br{display:none}.case-gpu-promise p{display:none}.case-gpu-model{border-left:0}.case-gpu-model+.case-gpu-model{border-left:1px solid #ffffff17}.case-mini-gpu{max-width:240px}.case-exchange-path{grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr}.case-exchange-title h3{font-size:25px}}
@media(max-width:760px){.case-page .case-cover-image,.case-page.tf2 .case-cover-image{aspect-ratio:1.35}.case-terminal-screen{left:4%;top:36%;width:48%;transform:rotate(-2deg)}.case-terminal-top{font-size:7px;padding:6px;letter-spacing:0}.case-terminal-base{display:none}.case-story-scene{grid-template-columns:1fr;gap:28px;padding:29px 22px}.case-story-copy h3{font-size:clamp(24px,4.8vw,29px);margin:20px 0 20px}.case-story-copy p{max-width:550px;font-size:14px}.case-story-label{margin-top:22px;font-size:9px}.case-screen-frame,.case-story-history .case-screen-frame{transform:none}.case-exchange-scene{padding:30px 22px}.case-exchange-title{display:block}.case-exchange-title h3{font-size:25px;margin-top:22px}.case-exchange-title .case-story-label{margin-top:22px;text-align:left}.case-exchange-path{grid-template-columns:1fr 27px 1fr;gap:26px 0;margin-top:37px}.case-exchange-connector:nth-of-type(2){display:none}.case-exchange-symbol{height:57px;width:57px;margin-bottom:18px}.case-exchange-connector{margin-top:29px}.case-exchange-node strong{font-size:17px}.case-exchange-node p{font-size:11px;margin-top:7px}.case-exchange-note{font-size:12px;padding-top:21px}.case-chat-workspace,.case-compare-workspace{padding:25px 22px 29px}.case-chat-workspace .case-demo-top,.case-compare-workspace .case-demo-top{font-size:10px}.case-chat-workspace .case-demo-top>span:last-child,.case-compare-workspace .case-demo-top>span:last-child{font-size:9px;max-width:150px}.case-dialog-layout{grid-template-columns:1fr;padding-top:30px;gap:27px}.case-dialog-core{min-height:0;border:0;padding:0;display:block;text-align:center}.case-neural-orbit{width:135px;margin:auto}.case-neural-orbit>i{font-size:55px}.case-neural-caption{font-size:8px;margin-top:18px;display:block}.case-neural-wave{display:none}.case-dialog-title h3{font-size:25px;margin-bottom:26px}.case-dialog-title .case-story-number{font-size:10px}.case-dialog-message{padding:18px 16px;grid-template-columns:25px 1fr;gap:13px}.case-dialog-message p{font-size:13px}.case-dialog-you{margin-left:20px}.case-dialog-gpt{margin-right:0}.case-dialog-footer{font-size:10px}.case-gpu-promise h3{font-size:25px;line-height:1.45}.case-gpu-model{padding:13px 13px 20px}.case-gpu-model>strong{font-size:16px}.case-gpu-memory{font-size:30px}.case-model-id{font-size:8px;letter-spacing:.7px}.case-mini-gpu{margin-top:23px;margin-bottom:19px;gap:10%}.case-mini-fan{box-shadow:0 0 0 2px #08090c,0 0 0 3px #55596377}.case-comparison-v13 .case-compare-head strong{font-size:13px}.case-comparison-v13 .case-compare-row{padding:19px 12px;gap:9px;grid-template-columns:1.12fr 1fr 1fr;font-size:13px}.case-comparison-v13 .case-compare-row>span:first-child{font-size:11px}.case-compare-highlight i{margin-left:3px;font-size:10px}.case-compare-disclaimer{font-size:10px;line-height:1.9}.case-screen-bar{padding:11px 12px;font-size:8px}.case-screen-bar>span:last-child{display:none}.case-screen-frame figcaption{font-size:10px;padding:12px;line-height:1.8}.case-story{gap:19px}}
@media(max-width:380px){.case-chat-workspace,.case-compare-workspace,.case-story-scene,.case-exchange-scene{padding-inline:17px}.case-dialog-title h3,.case-story-copy h3,.case-gpu-promise h3{font-size:22px;letter-spacing:-.8px}.case-dialog-message{padding-inline:12px;gap:10px}.case-terminal-screen{width:51%;left:3%}.case-gpu-model{padding-inline:10px}.case-gpu-model>strong{font-size:14px}.case-gpu-memory{font-size:28px}.case-comparison-v13 .case-compare-row{padding-inline:10px;gap:7px;font-size:12px}.case-comparison-v13 .case-compare-head strong{font-size:12px}.case-compare-highlight i{display:none}}
@media(max-width:1000px){.case-gpu-promise h3 br{display:initial}.case-gpu-promise h3{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){.case-sequence-managed [data-dialog-part],.case-sequence-managed .case-screen-frame{transition:none;opacity:1;transform:none}.case-neural-orbit>span,.case-neural-wave i,.case-exchange-connector:after,.case-comparison-v13 [data-compare-part]:after,.case-compare-highlight{animation:none!important}.case-terminal-screen{transform:none}}