/* Champagne glass surfaces. The devices and their live app remain unchanged. */
:root{--glass-edge:rgba(202,220,242,.18);--glass-sheen:rgba(240,248,255,.09)}
body{
  background:
    radial-gradient(ellipse 70% 42% at 12% 8%,rgba(44,92,139,.22),transparent 74%),
    radial-gradient(ellipse 52% 36% at 96% 44%,rgba(28,81,125,.26),transparent 72%),
    radial-gradient(ellipse 40% 36% at 16% 75%,rgba(156,124,68,.12),transparent 72%),
    linear-gradient(145deg,#07111f 2%,#101f33 40%,#0a192c 70%,#060e1a 100%);
}
.presentation-header{
  background:linear-gradient(115deg,rgba(179,207,237,.085),rgba(12,29,49,.38) 45%,rgba(198,165,107,.045));
  border-bottom:1px solid rgba(213,229,247,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 40px rgba(0,7,18,.16);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
.language{border:1px solid rgba(209,225,246,.12);background:rgba(226,240,255,.035);border-radius:24px;padding:5px 10px;box-shadow:inset 0 1px 0 #ffffff06}
.language button[aria-pressed=true]{color:#f1d6a5;text-shadow:0 0 18px #e2be7140}
.header-note{color:#a4b5ca}
.enter-link{color:#e4cda7;border-color:#dfc18d66}
.hero-copy h1{color:#f4f1ed;text-shadow:0 4px 30px rgba(0,9,26,.14)}
.hero-copy h1 em{
  color:#dfc492;
  background:linear-gradient(105deg,#fff0ce 0%,#d9b778 35%,#efdab6 66%,#a88755 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.intro{color:#b6c3d4}
.eyebrow{color:#dcc497}
.presentation-hero{isolation:isolate}
.presentation-hero:before{
  content:'';position:absolute;pointer-events:none;z-index:-1;inset:18% 4% 5%;
  background:radial-gradient(ellipse 48% 49% at 56% 45%,rgba(64,112,157,.21),transparent 72%),radial-gradient(ellipse 31% 48% at 27% 53%,rgba(194,157,91,.09),transparent 77%);
}
.scene-orbit{border-color:#b4d3f122;box-shadow:0 0 80px #67a6d509,inset 0 0 60px #7aa5d409}
.scene-label>span{color:#ead2a8}.scene-label small{color:#a4b5c9}
.choose-label{color:#aebcd0}
.device-choices button{
  background:linear-gradient(135deg,rgba(199,225,249,.105),rgba(15,34,55,.40) 48%,rgba(137,169,203,.065));
  border:1px solid rgba(198,218,241,.20);border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(172,204,235,.035),0 10px 28px rgba(0,7,20,.23);
  backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  color:#f0eadf;
}
.device-choices button:hover{background:linear-gradient(135deg,rgba(214,229,246,.16),rgba(28,51,75,.62));border-color:#e3c58e80;box-shadow:inset 0 1px 0 #ffffff26,0 14px 35px #010b1f55,0 0 24px #c5a3680a}
.device-choices button svg{color:#e4c58d}.device-choices button b{color:#bfccda}
.screen-launch span{background:linear-gradient(135deg,#b4cbe126,#0a1b31b3);border-color:#dbc08c99;border-radius:14px;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff2b,0 14px 40px #0005}
.interaction-note{color:#aebcd0}
.live-dot{background:#e7c98f;box-shadow:0 0 0 4px #e4c58b0a,0 0 14px #e4c58b33}
.experience-strip{
  background:linear-gradient(120deg,rgba(185,211,240,.075),rgba(12,30,50,.25) 47%,rgba(198,165,107,.055));
  border:1px solid #c7daf026;border-radius:22px;padding:28px 30px;
  box-shadow:inset 0 1px 0 #ffffff12,0 18px 48px #000b1d33;
  backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);
}
.experience-strip p{color:#c2cddd}.strip-index{color:#dec18b}.strip-separator{background:linear-gradient(transparent,#dcc18a4d,transparent)}
.gold-button{
  background:linear-gradient(125deg,#f0dbb4 0%,#d8b87e 34%,#ebd2a4 59%,#ba9457 100%);
  border-color:#f2d7a8a6;border-radius:12px;box-shadow:inset 0 1px 0 #fff8e38a,inset 0 -1px 0 #80602c40,0 8px 25px #000a1e30;
}
footer{color:#a2b3c7}footer p{color:#aebcd0}
.simulator{
  background:radial-gradient(ellipse 65% 60% at 52% 40%,#24476799,transparent 78%),radial-gradient(ellipse 32% 60% at 8% 74%,#92784a19,transparent 80%),linear-gradient(135deg,#07111f,#122840 58%,#071426);
}
.sim-toolbar,.sim-footer{
  background:linear-gradient(120deg,rgba(160,190,221,.065),rgba(7,20,36,.57));border-color:#c5d8ef20;
  backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
  box-shadow:inset 0 1px 0 #ffffff0a;
}
.sim-device-tabs{background:#b6d3ef0a;border:1px solid #d0e0f225;border-radius:12px;box-shadow:inset 0 1px 0 #fff1}
.sim-device-tabs button{border-radius:8px;color:#b9c7d9}
.sim-device-tabs button[aria-pressed=true]{background:linear-gradient(125deg,#d6e8fa26,#afcce813);color:#f1d6a3;box-shadow:inset 0 1px 0 #ffffff26,0 2px 6px #020d1e33}
.sim-close{border-color:#cddff040;background:linear-gradient(135deg,#d7e9fa13,#14283a33);box-shadow:inset 0 1px 0 #ffffff18}
.sim-close:hover{background:#c7d9ec1c;color:#efd5a6}
.sim-footer{color:#b1bfd2}.zoom-button{color:#bdcadd}.sim-open{color:#e1c593}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .presentation-header,.experience-strip,.sim-toolbar,.sim-footer{background:linear-gradient(120deg,#172b42,#0d1e33)}
  .device-choices button,.screen-launch span{background:linear-gradient(135deg,#213b54,#12283e)}
}
@media(prefers-reduced-transparency:reduce){
  .presentation-header,.experience-strip,.sim-toolbar,.sim-footer,.device-choices button,.screen-launch span{backdrop-filter:none;-webkit-backdrop-filter:none;background:#11253c}
}
@media(max-width:700px){
  .language{padding:3px 7px;gap:5px}
  .device-choices button{border-radius:11px}
  .experience-strip{padding:22px 18px;border-radius:18px;gap:20px 10px}
  .sim-device-tabs{border-radius:10px}
  .sim-device-tabs button{border-radius:7px}
}