/* CUE review draft: the pedestal stays still beneath the rotating diamond. */
.cue-stage .signal-sculpture{inset:9% 19% 27%}
.cue-stage .signal-floor{left:14%;right:14%;bottom:4%;height:6%;filter:blur(13px);animation:none}
.cue-platform{position:absolute;left:19%;right:19%;bottom:7%;height:14%;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:linear-gradient(180deg,#102235 0%,#091421 45%,#050b12 100%);border:1px solid #2b5776;border-top-color:#72bce9;border-bottom-color:#183247;border-radius:2px 2px 5px 5px;box-shadow:inset 0 1px 0 #b5e6ff18,0 12px 25px #000b;color:#e5f3fc;text-align:center;isolation:isolate}
.cue-platform:before{content:'';position:absolute;left:-1px;right:-1px;bottom:100%;height:24px;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:linear-gradient(180deg,#28516e 0%,#112b40 7%,#10273c 78%,#3b759d 100%);z-index:-1}
.cue-platform-name{font-size:clamp(24px,2.1vw,31px);font-weight:400;letter-spacing:.2em;text-indent:.2em;line-height:1.1;color:#dff2ff}
.cue-platform-definition{font-size:clamp(10px,.86vw,13px);line-height:1.4;letter-spacing:.045em;color:#a7cce4}
.cue-stage~.signal-caption{margin-top:2px}
@media(max-width:1150px){.cue-platform{left:16%;right:16%;height:15%}.cue-platform:before{height:20px}.cue-platform-name{font-size:25px}.cue-platform-definition{font-size:11px}}
@media(max-width:800px){.cue-platform{left:15%;right:15%;height:16%}.cue-platform-name{font-size:23px}.cue-platform-definition{font-size:10px}.cue-platform:before{height:17px}}
@media(max-width:520px){.cue-stage .signal-sculpture{inset:6% 17% 29%}.cue-platform{left:14%;right:14%;bottom:6%;height:17%;gap:4px}.cue-platform:before{height:18px}.cue-platform-name{font-size:25px}.cue-platform-definition{font-size:11px}.cue-stage .signal-floor{bottom:2%}}

/* Keep the full product name together at every viewport width. */
.cue-product-hero>div:first-child{min-width:0;container-type:inline-size}
.cue-product-hero h1{text-wrap:initial;max-width:none}
.cue-heading-name{display:block;font:400 clamp(26px,5cqw,42px)/1.15 var(--font);letter-spacing:.12em;color:#81cfff;margin-bottom:14px}
.cue-full-name{display:block;white-space:nowrap;font-size:clamp(20px,8.2cqw,70px);line-height:1.12;letter-spacing:-.035em}
.cue-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #263f53;border-radius:12px;overflow:hidden;background:#071019;margin:29px 0}
.cue-context-grid>div{padding:25px 23px;border-bottom:1px solid #263f53;border-right:1px solid #263f53}
.cue-context-grid>div:nth-child(even){border-right:0}
.cue-context-grid>div:nth-last-child(-n+2){border-bottom:0}
.cue-context-number{display:block;font:400 10px/1.5 var(--font);letter-spacing:.09em;color:#73c5f5;margin-bottom:13px}
.cue-context-grid h3{font:400 19px/1.3 var(--font);letter-spacing:-.02em;color:#e3f2fc;margin:0 0 12px}
.cue-context-grid p{font-size:14px;line-height:1.8;color:#aebfce;margin:0}
.cue-context-example{padding:28px 30px;border-left:2px solid #48b8f1;background:linear-gradient(110deg,#0b2030,#080f17);border-radius:0 10px 10px 0;margin-top:30px}
.cue-context-example h3{font:400 28px/1.18 var(--serif);letter-spacing:-.02em;color:#e4f3fc;margin:0 0 18px}
.cue-context-example p{font-size:14px;line-height:1.8;color:#b5c9d8;margin:0}
.cue-context-example .cue-context-takeaway{color:#95d8fb;font-size:13px;margin-top:20px;padding-top:17px;border-top:1px solid #264759}
.cue-context-section .cue-context-scope{font-size:12px;line-height:1.8;color:#8fa6b9;margin-top:19px}
@media(max-width:800px){.cue-product-hero.has-art{grid-template-columns:minmax(0,1fr) 100px;gap:24px}.cue-product-hero .page-product-art img{width:100px;height:110px}.cue-context-grid>div{padding:23px 20px}}
@media(max-width:520px){.cue-product-hero.has-art{display:block}.cue-product-hero .page-product-art{margin-top:28px}.cue-product-hero .page-product-art img{width:85px;height:75px}.cue-heading-name{font-size:29px;margin-bottom:12px}.cue-full-name{font-size:8.7cqw;letter-spacing:-.025em}.cue-context-grid{grid-template-columns:1fr}.cue-context-grid>div{padding:24px 22px;border-right:0}.cue-context-grid>div:nth-last-child(2){border-bottom:1px solid #263f53}.cue-context-grid h3{font-size:20px}.cue-context-grid p,.cue-context-example p{font-size:14px}.cue-context-example{padding:24px 22px}.cue-context-example h3{font-size:26px}}
