:root{--glass-x:50%;--glass-y:30%}body>header{top:14px;left:2%;width:96%;height:76px;padding:0 3%;border:1px solid #ffffff2b;border-radius:18px;background:linear-gradient(130deg,#4c365a42,#1b142c55);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:inset 0 1px #ffffff18,0 12px 45px #0d071d20}.glass-surface{border:1px solid #ffffff5c;background:linear-gradient(130deg,#fcf7ff9c,#e2d2ec8c);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);box-shadow:inset 0 1px #ffffffb0,0 18px 50px #4f326b14;position:relative;isolation:isolate}.glass-surface:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse 220px 150px at var(--glass-x) var(--glass-y),#ffffff90,transparent 80%);opacity:0;transition:opacity .3s;pointer-events:none}.glass-surface:hover:before,.glass-surface:focus-within:before{opacity:.8}.button,.nav-demo{position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s}.button:before,.nav-demo:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 120px 100px at var(--glass-x) var(--glass-y),#ffffff70,transparent);opacity:0;transition:opacity .25s;pointer-events:none}.button:hover,.nav-demo:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a77ad236}.button:hover:before,.nav-demo:hover:before{opacity:1}.schedule-selector{padding:8px 15px;border-radius:16px;border:1px solid #ffffffa0;background:#ffffff45;backdrop-filter:blur(15px);box-shadow:inset 0 1px #fff8,0 12px 30px #53376609}.schedule-selector button{transition:color .25s,border-color .25s}.vision-readout.glass-surface{position:absolute;padding:18px 22px;left:20px;bottom:54px;min-width:160px;border-radius:18px;background:linear-gradient(130deg,#5e407d4d,#25182b77);border-color:#e8cfff45;box-shadow:inset 0 1px #fff3,0 20px 40px #09030e30;transform-origin:left bottom;transition:transform .3s}.vision-readout.glass-surface:before{background:radial-gradient(ellipse 170px 150px at var(--glass-x) var(--glass-y),#e1bdff40,transparent)}.camera-label{padding:9px 12px;background:#33233d66;backdrop-filter:blur(15px);border:1px solid #f0daff35;border-radius:30px}.vision-selector{display:inline-flex;border:1px solid #e2c4ff22;background:#ffffff06;padding:6px 18px;border-radius:40px}.vision-camera,.product-tv,.swap-screen{--surface-shine:0;position:relative;isolation:isolate}.vision-camera:after,.product-tv:after,.swap-screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse 300px 220px at var(--glass-x) var(--glass-y),#f3dfff24,transparent 75%);opacity:var(--surface-shine);transition:opacity .3s}.vision-camera>img{transform:scale(1.035);transition:transform .3s ease-out}.product-intelligence{position:relative;isolation:isolate;background:linear-gradient(100deg,#efe9f2f5,#e9dfedf0),url('assets/retail.jpg') center/cover}.insights-demo.glass-surface{padding:25px;border-radius:24px;border-color:#ffffffa0;background:linear-gradient(130deg,#fffbffb5,#e7d8ee80);overflow:visible}.insight-summary strong{color:#503064}.insight-controls{display:inline-flex;gap:15px;padding:4px 14px;border-radius:30px;background:#ffffff45;border:1px solid #ffffff95;margin:20px 0}.weekly-chart{--guide-x:50%;isolation:isolate}.chart-columns{border-bottom-color:#bba6ca;position:relative}.chart-column{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;min-width:0;overflow:visible}.chart-columns i{pointer-events:none;background:linear-gradient(0deg,#9463b5bb,#ceb4e4c9);box-shadow:inset 1px 0 #ffffff60,inset -1px 0 #ffffff20;transform:scaleY(var(--bar-growth,1));transform-origin:bottom;transition:height .65s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),opacity .2s,filter .2s}.chart-columns>.chart-column:nth-child(5) i{background:linear-gradient(0deg,#65447ebf,#a37bbe)}.chart-columns.is-hovering .chart-column:not(.is-focus) i{opacity:.32;filter:saturate(.65)}.chart-columns .chart-column.is-focus i{filter:brightness(1.13);box-shadow:inset 1px 0 #ffffffa0,0 0 22px #ba8de355}.chart-columns .chart-column.is-focus .chart-value{color:#47225c}.chart-guide{position:absolute;top:0;bottom:45px;left:var(--guide-x);width:1px;background:linear-gradient(#9567b500,#9464b599);opacity:0;pointer-events:none;z-index:-1}.weekly-chart.is-active .chart-guide{opacity:.8}.chart-tooltip.glass-surface{position:absolute;top:-28px;left:var(--tooltip-x,50%);transform:translateX(-50%);z-index:10;min-width:110px;padding:12px 15px;border-radius:14px;color:#472759;background:#fff8ffb8;pointer-events:none}.chart-tooltip span{font-size:9px;display:block;color:#8f699e;margin-bottom:5px}.chart-tooltip strong{font-size:21px;font-weight:500;letter-spacing:-.04em}.chart-column:focus-visible{outline:2px solid #9e71bc;outline-offset:6px;border-radius:4px}.insight-takeaway{background:#ffffff38;border:1px solid #ffffff70;border-radius:12px;padding:13px 15px}.layered-tv{--tv-reveal:0;background:#110c18!important;isolation:isolate}.layer-ad{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.layer-live-frame{position:absolute;left:0;top:0;width:calc(100% - 26% * var(--tv-reveal));height:calc(100% - 26% * var(--tv-reveal));z-index:3;overflow:hidden;background:#100b16;transform:translateZ(0)}.layer-program{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.layer-live-label{position:absolute;top:5%;left:3%;font-size:5px;color:#fff;letter-spacing:.06em;background:#1c14258c;padding:3px 5px;backdrop-filter:blur(6px);border-radius:20px}.layer-controls{display:flex;gap:20px;align-items:center}.layer-controls button{font-size:9px;background:#ffffff60;color:#775886;border:1px solid #fff;border-radius:24px;padding:9px 13px;backdrop-filter:blur(12px)}.examples-bottom{gap:12px}.television .context-ad{display:none}.stage[data-room="2"] .display{background:#110c18}.television .program-wrap{z-index:3}.example-tv .layer-ad,.example-tv .layer-program{display:block}.fx-ready .fx-enter{transition:opacity .75s ease,translate .85s cubic-bezier(.22,1,.36,1)}.fx-ready .fx-enter:not(.is-inview){opacity:0;translate:0 24px}.fx-ready .fx-enter.is-inview{opacity:1;translate:0 0}
@media(max-width:760px){body>header{top:10px;left:3%;width:94%;height:64px;padding:0 5%;border-radius:16px}header.menu-open nav{top:70px;left:-3%;right:-3%;border:1px solid #ffffff20;border-radius:18px;background:#291c35e8;backdrop-filter:blur(24px)}.insights-demo.glass-surface{padding:20px;border-radius:20px}.chart-columns{gap:6px}.vision-readout.glass-surface{min-width:140px;padding:15px 18px}.vision-readout>strong{font-size:44px}.vision-selector{padding:5px 15px;gap:24px}.examples-bottom{align-items:flex-end}.layer-controls{display:block}.layer-controls button{font-size:8px;white-space:nowrap;padding:9px 10px}.example-navigation{gap:4px 10px}.example-navigation button{font-size:8px}.layer-live-label{font-size:4px}.chart-tooltip.glass-surface{min-width:100px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.button,.nav-demo,.chart-columns i,.vision-readout.glass-surface,.vision-camera>img{transition:none}.button:hover,.nav-demo:hover{transform:none}.fx-ready .fx-enter,.fx-ready .fx-enter:not(.is-inview){opacity:1;translate:none;transition:none}}
@supports not (backdrop-filter:blur(10px)){.glass-surface{background:#eee3f4f2}.vision-readout.glass-surface{background:#30203be8}body>header{background:#25192dea}}
