:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#080a0f}body{min-width:320px;margin:0;overflow-x:hidden}button{font:inherit}img,canvas{display:block}main{background:radial-gradient(circle at 16% 12%,#e8593e29,#0000 34rem),radial-gradient(circle at 88% 8%,#70d6c61a,#0000 30rem),linear-gradient(#090b10 0%,#111722 44%,#07090d 100%);min-height:100vh;padding-bottom:4rem}.showroom-header,.dashboard,.controls,.browser-grid,.demo-matrix{width:min(1440px,100% - 2rem);margin-inline:auto}.showroom-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:3.5rem 0 1.5rem;display:grid}.showroom-header h1{color:#f8fbff;letter-spacing:0;max-width:820px;margin:0;font-size:clamp(2.3rem,5vw,5.6rem);line-height:.95}.showroom-header p{color:#b8c2cf;max-width:760px;margin-top:1rem;font-size:1rem;line-height:1.65}.header-status{gap:.65rem;min-width:260px;display:grid}.header-status span,.interaction-note,.source-pill,.risk-badge,.meta-row span{align-items:center;gap:.35rem;display:inline-flex}.header-status span{color:#d6dde7;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;justify-content:flex-start;padding:.72rem .85rem;font-size:.86rem}.dashboard{grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(300px,2fr);gap:.8rem;margin-top:1rem;display:grid}.dashboard>div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-height:108px;padding:1rem}.dashboard span{color:#aeb9c6;font-size:.84rem}.dashboard strong{color:#f8fbff;font-variant-numeric:tabular-nums;margin-top:.4rem;font-size:2.1rem;display:block}.category-summary{flex-wrap:wrap;align-content:center;gap:.55rem;display:flex}.category-summary span{background:#70d6c61a;border-radius:999px;padding:.42rem .58rem}.category-summary strong{margin:0;font-size:.9rem;display:inline}.controls{grid-template-columns:minmax(260px,420px) 1fr;align-items:start;gap:1rem;margin-top:1rem;display:grid}.search-box{background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:.65rem;min-height:46px;padding:0 .85rem;display:flex}.search-box input{color:#f8fbff;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.search-box input::placeholder{color:#808b99}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tabs button,.preview-toolbar button,.card-actions button{color:#dbe3ed;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff21;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;min-height:38px;display:inline-flex}.tabs button{white-space:nowrap;padding:0 .82rem}.tabs button.active,.preview-toolbar button.active,.card-actions button:hover{color:#f8fbff;background:#70d6c624;border-color:#70d6c699}.browser-grid{grid-template-columns:minmax(360px,.95fr) minmax(520px,1.35fr);align-items:start;gap:1rem;margin-top:1rem;display:grid}.component-list{gap:.85rem;display:grid}.component-card{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:8px;gap:.75rem;padding:1rem;display:grid}.component-card.selected{border-color:#e8593ea6;box-shadow:0 0 0 1px #e8593e1f,0 18px 48px #00000038}.card-title-row{justify-content:space-between;gap:1rem;display:flex}.card-title-row h3{color:#f8fbff;margin:.35rem 0 0;font-size:1.08rem;line-height:1.2}.source-pill{color:#aeb9c6;background:#ffffff17;border-radius:999px;width:fit-content;padding:.26rem .5rem;font-size:.72rem}.meta-row,.risk-line{flex-wrap:wrap;gap:.45rem;display:flex}.risk-badge,.meta-row span{color:#cbd5e1;text-transform:capitalize;background:#ffffff14;border-radius:999px;padding:.28rem .46rem;font-size:.74rem}.risk-badge.low{color:#9ee7db;background:#70d6c61f}.risk-badge.medium{color:#f7cf78;background:#f2b84b21}.risk-badge.high{color:#ff9a88;background:#e8593e29}.component-card p{color:#b8c2cf;font-size:.9rem;line-height:1.45}.component-card p strong{color:#f1f5f9}.component-card .caution{color:#f7cf78;gap:.45rem;display:flex}.card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.card-actions button{padding:0 .5rem;font-size:.84rem}.preview-column{gap:.85rem;display:grid;position:sticky;top:1rem}.preview-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b10d1;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.preview-toolbar>span{color:#f8fbff;align-items:center;gap:.45rem;font-weight:800;display:inline-flex}.preview-toolbar div{flex-wrap:wrap;gap:.45rem;display:flex}.preview-toolbar button{padding:0 .7rem}.selected-demo-shell{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;place-items:center;min-height:430px;padding:1rem;display:grid;overflow:hidden}.selected-demo-shell>[data-component],.selected-demo-shell .demo-surface{max-width:100%}.side-panel{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;gap:.85rem;padding:1rem;display:grid}.side-panel h2,.side-panel h3{color:#f8fbff;margin:0;font-size:1.05rem}.side-panel h3{font-size:.86rem}.side-panel p,.side-panel li,.side-panel dd{color:#b8c2cf;line-height:1.5}.side-panel dl{gap:.55rem;display:grid}.side-panel dl div{grid-template-columns:110px minmax(0,1fr);gap:.75rem;display:grid}.side-panel dt{color:#8d99a8;font-size:.82rem}.side-panel ul{margin:0;padding-left:1.1rem}.usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel-warning{background:#f2b84b1a;border-radius:8px;padding:.85rem;color:#f7cf78!important}.demo-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}.demo-matrix .section-heading{grid-column:1/-1}.demo-matrix .section-heading h2{max-width:760px;font-size:clamp(1.8rem,3vw,3.4rem)}.demo-matrix .section-heading p:not(.kicker){color:#b8c2cf;margin-top:.5rem}.matrix-item{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:8px;min-width:0;padding:.85rem;overflow:hidden}.matrix-item>header{color:#f8fbff;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;display:flex}.matrix-item>header span{color:#70d6c6;font-size:.78rem;font-weight:800}.matrix-item .zoom-parallax{height:120vh}.matrix-item .zoom-sticky{height:420px}.demo-surface{background:#080b10db;border-radius:8px;place-items:center;width:min(720px,100%);min-height:300px;display:grid;position:relative;overflow:hidden}.marquee-demo,.text-demo,.pattern-demo,.particles-demo,.dock-demo,.orbit-demo,.gooey-demo,.shader-preview{min-height:320px}.marquee-token{color:#f8fbff;text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;min-width:170px;padding:1rem;font-weight:800}.marquee-token.muted{color:#70d6c6}.magic-marquee{--gap:1rem;--duration:28s;gap:var(--gap);contain:layout paint;width:100%;max-width:100%;padding:.5rem 0;display:flex;overflow:clip hidden}.magic-marquee-vertical{flex-direction:column}.magic-marquee-track{gap:var(--gap);min-width:100%;animation:magic-marquee var(--duration) linear infinite;flex-shrink:0;display:flex}.magic-marquee-track-vertical{flex-direction:column;min-width:0;min-height:100%;animation-name:magic-marquee-vertical}.magic-marquee-track[data-reverse=true]{animation-direction:reverse}.magic-marquee[data-pause-on-hover=true]:hover .magic-marquee-track{animation-play-state:paused}.magic-bento-grid{grid-template-columns:1.2fr .8fr;gap:.85rem;width:100%;padding:.85rem;display:grid}.magic-bento-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:260px;padding:1rem;display:flex;position:relative;overflow:hidden}.magic-bento-background{opacity:.8;position:absolute;inset:0}.magic-bento-copy{z-index:1;gap:.35rem;max-width:280px;display:grid;position:relative}.magic-bento-copy svg{color:#70d6c6}.magic-bento-copy strong{color:#f8fbff;font-size:1.15rem}.magic-bento-copy span{color:#b8c2cf;line-height:1.45}.magic-bento-cta{z-index:1;color:#ff9a88;align-items:center;gap:.35rem;width:fit-content;margin-top:.9rem;font-weight:800;display:inline-flex;position:relative}.magic-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff17;border:1px solid #ffffff24;border-radius:18px;justify-content:center;align-items:center;gap:.45rem;width:max-content;max-width:100%;min-height:70px;margin:0 auto;padding:.55rem;display:flex}.magic-dock-icon{color:#f8fbff;cursor:pointer;background:#ffffff1a;border-radius:999px;place-items:center;display:grid}.dock-demo{align-content:center;gap:1rem}.magic-animated-list{gap:.75rem;width:min(430px,100% - 2rem);display:grid}.magic-list-row{width:100%}.notification-row{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.8rem;padding:.85rem;display:flex}.notification-row svg{color:#70d6c6}.notification-row span{gap:.18rem;display:grid}.notification-row strong{color:#f8fbff}.notification-row small{color:#aeb9c6}.blur-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem}.blur-tile{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;align-content:center;justify-items:start;gap:.45rem;min-height:170px;padding:1rem;display:grid}.blur-tile svg{color:#70d6c6}.blur-tile span{color:#aeb9c6}.magic-text-animate{color:#f8fbff;text-align:center;max-width:650px;font-size:clamp(1.45rem,4vw,3.4rem);line-height:1.08}.magic-text-segment{white-space:pre;display:inline-block}.magic-text-line{display:block}.pattern-demo{isolation:isolate}.pattern-demo>div{z-index:1;text-align:center;gap:.35rem;padding:1rem;display:grid;position:relative}.pattern-demo strong,.particles-demo strong,.shader-preview strong,.orbit-center{color:#f8fbff}.pattern-demo span{color:#aeb9c6}.magic-grid-pattern{pointer-events:none;fill:#70d6c624;stroke:#ffffff21;width:100%;height:100%;position:absolute;inset:0}.magic-grid-squares{overflow:visible}.magic-particles{position:absolute;inset:0}.magic-particles canvas{width:100%;height:100%}.particles-demo strong{z-index:1;background:#0000006b;border-radius:8px;padding:.85rem 1rem;position:relative}.orbit-shell{place-items:center;width:280px;height:280px;display:grid;position:relative}.magic-orbit-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.magic-orbit-path circle{stroke:#ffffff29}.magic-orbit-item{left:calc(50% - var(--icon-size) / 2);top:calc(50% - var(--icon-size) / 2);width:var(--icon-size);height:var(--icon-size);animation:magic-orbit var(--duration) linear infinite;place-items:center;display:grid;position:absolute}.magic-orbit-reverse{animation-direction:reverse}.orbit-icon{color:#70d6c6;background:#ffffff1c;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:100%;height:100%;display:grid}.orbit-center{color:#120b0a;background:#e8593e;border-radius:999px;place-items:center;width:82px;height:82px;font-weight:900;display:grid}.gooey-demo strong{color:#f8fbff;font-size:clamp(1.8rem,5vw,4rem);line-height:1}.shader-preview{isolation:isolate}.shader-preview strong{z-index:1;background:#0000007a;border-radius:8px;padding:.85rem 1rem;position:relative}.magic-scroll-progress{z-index:80;transform-origin:0;background:linear-gradient(90deg,#70d6c6,#f2b84b,#e8593e);height:3px;position:fixed;inset:0 0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes magic-marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes magic-marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}@keyframes magic-orbit{0%{transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1))}to{transform:rotate(calc(var(--angle) + 360deg)) translateY(calc(var(--radius) * -1)) rotate(calc((var(--angle) + 360deg) * -1))}}.hero-section{place-items:center;min-height:92vh;padding:6rem 1.25rem 3rem;display:grid;position:relative;overflow:hidden}.shader-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:1;width:min(980px,100%);position:relative}.kicker{color:#70d6c6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:980px;font-size:clamp(3.3rem,10vw,8.6rem);line-height:.9}h2{color:#f8fbff;letter-spacing:0;max-width:760px;font-size:clamp(1.8rem,4vw,4.8rem);line-height:1}.text-effect{color:#cad3dc;max-width:720px;margin-top:1.5rem;font-size:clamp(1.05rem,2.2vw,1.5rem);line-height:1.45}.text-effect span{margin-right:.34em;display:inline-block}.gooey-text{vertical-align:baseline;min-width:min(48vw,440px);min-height:1em;display:inline-grid;position:relative}.gooey-filter{width:0;height:0;position:absolute}.gooey-stage{min-height:1em;display:inline-grid;position:relative}.gooey-stage span{color:#ff765d;white-space:nowrap;grid-area:1/1;display:inline-block}.component-band{width:min(1180px,100% - 2rem);margin:0 auto;padding:6rem 0}.section-heading{grid-column:1/-1}.compact-grid,.motion-grid,.gallery-grid,.shader-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2rem;display:grid}.motion-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hover-blur-cards{flex-direction:column;gap:15px;display:flex}.hover-blur-card{color:#fff;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:min(250px,100%);height:100px;transition:all .4s;display:flex}.hover-blur-card.red{background-color:#f43f5e}.hover-blur-card.blue{background-color:#3b82f6}.hover-blur-card.green{background-color:#22c55e}.hover-blur-card .tip{font-weight:800}.hover-blur-card .second-text{opacity:.86;font-size:.75rem}.hover-blur-card:hover{transform:scale(1.1)}.hover-blur-cards:hover>.hover-blur-card:not(:hover){filter:blur(10px);transform:scale(.9)}.neon-glow-card{cursor:pointer;isolation:isolate;background-color:#000;border-radius:8px;flex-direction:column;justify-content:flex-end;gap:12px;width:190px;height:254px;padding:12px;display:flex;position:relative}.neon-glow-card:before{content:"";z-index:-2;background:linear-gradient(-45deg,#e81cff 0%,#40c9ff 100%);border-radius:10px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:-5px}.neon-glow-card:after{content:"";z-index:-1;filter:blur(20px);background:linear-gradient(-45deg,#fc00ff 0%,#00dbde 100%);position:absolute;inset:0;transform:scale(.95)}.neon-glow-card .heading{text-transform:capitalize;font-size:20px;font-weight:800}.neon-glow-card p:not(.heading){font-size:14px}.neon-glow-card p:last-child{color:#e81cff;font-weight:800}.neon-glow-card:hover:after{filter:blur(30px)}.neon-glow-card:hover:before{transform:rotate(-90deg)scaleX(1.34)scaleY(.77)}.recipe-flip-card,.mvp-card,.compound-card{perspective:1000px}.recipe-flip-card{width:min(310px,100%);height:380px}.recipe-flip-content{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.recipe-flip-card:hover .recipe-flip-content{transform:rotateY(180deg)}.recipe-back,.recipe-front,.compound-face,.mvp-side{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.recipe-front,.recipe-back{border:1px solid #ffffff1f}.recipe-back{background:linear-gradient(135deg,#20132c,#0b362f);place-items:center;display:grid;transform:rotateY(180deg)}.recipe-back-content{justify-items:center;gap:.7rem;display:grid}.recipe-front img,.mvp-front img,.compound-front img,.waapi-card img,.orbit-card img,.stack-card img,.zoom-layer img{object-fit:cover;width:100%;height:100%}.recipe-gradient{background:linear-gradient(#0000 25%,#000000c7);position:absolute;inset:0}.recipe-front-content{flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:999px;width:fit-content;padding:.35rem .65rem}.recipe-description{background:#00000085;border-radius:10px;padding:.85rem}.recipe-title{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mvp-flipper,.compound-shell{width:min(360px,100%);height:360px;color:inherit;cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;padding:0;position:relative}.mvp-flipper{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.mvp-flipper.is-flipped{transform:rotateY(180deg)}.mvp-side,.compound-face{background:#10131b;border:1px solid #ffffff1f;place-items:end start;display:grid}.mvp-front,.compound-front{transform:rotateY(0)translateZ(1px)}.mvp-front:after,.compound-front:after{content:"";background:linear-gradient(#0000,#000000d1);position:absolute;inset:0}.mvp-copy{z-index:1;text-align:left;gap:.55rem;padding:1.1rem;display:grid;position:relative}.eyebrow{color:#70d6c6;text-transform:uppercase;font-size:.78rem;font-weight:800}.mvp-back,.compound-back{text-align:center;background:linear-gradient(135deg,#18202d,#0d332d);place-items:center;padding:2rem;transform:rotateY(180deg)translateZ(1px)}.mvp-action{color:#ff765d;align-items:center;gap:.4rem;font-weight:800;display:inline-flex}.compound-shell{transform-style:preserve-3d}.compound-front span{z-index:1;padding:1rem;font-weight:800;position:relative}.compound-back{gap:.6rem;display:grid}.waapi-gallery{grid-template-columns:repeat(4,minmax(92px,1fr));gap:.75rem;min-width:0;display:grid}.waapi-card{color:#fff;cursor:pointer;background:#10131b;border:1px solid #ffffff1f;border-radius:10px;height:280px;padding:0;position:relative;overflow:hidden}.waapi-card span{background:#00000094;border-radius:999px;padding:.32rem .55rem;font-size:.76rem;font-weight:800;position:absolute;bottom:.65rem;left:.65rem}.waapi-card.active{outline:2px solid #70d6c6}.circular-gallery,.framer-stack,.display-cards,.three-background{min-height:440px}.orbit-stage{place-items:center;width:min(430px,100%);height:430px;margin:0 auto;display:grid;position:relative}.orbit-card{cursor:pointer;background:#121722;border:1px solid #ffffff24;border-radius:10px;width:118px;height:150px;padding:0;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;overflow:hidden}.orbit-core{color:#120b0a;cursor:pointer;background:#ff765d;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:116px;height:116px;font-weight:900;display:grid}.framer-stack{min-width:0;position:relative}.stack-card{color:#fff;cursor:pointer;background:#10131b;border:1px solid #ffffff21;border-radius:12px;width:min(360px,78vw);height:360px;margin-left:max(-180px,-39vw);padding:0;position:absolute;top:2rem;left:50%;overflow:hidden}.stack-card span{font-weight:900;position:absolute;bottom:1rem;left:1rem}.display-cards{align-content:center;gap:.85rem;display:grid}.display-card{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .8rem;padding:1rem;display:grid}.display-card svg{color:#70d6c6;grid-row:span 2}.display-card span{color:#aeb9c6}.zoom-parallax{height:280vh;position:relative}.zoom-sticky{background:#07090d;height:100vh;position:sticky;top:0;overflow:hidden}.zoom-layer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zoom-layer>div{border-radius:10px;width:25vw;height:25vh;position:relative;overflow:hidden}.zoom-layer-1>div{width:35vw;height:30vh;top:-30vh;left:5vw}.zoom-layer-2>div{width:20vw;height:45vh;top:-10vh;left:-25vw}.zoom-layer-3>div{width:25vw;height:25vh;left:27.5vw}.zoom-layer-4>div{width:20vw;height:25vh;top:27.5vh;left:5vw}.zoom-layer-5>div{width:30vw;height:25vh;top:27.5vh;left:-22.5vw}.zoom-layer-6>div{width:15vw;height:15vh;top:22.5vh;left:25vw}.three-background{background:#090d13;border:1px solid #ffffff1f;border-radius:12px;grid-column:2/-1;position:relative;overflow:hidden}.three-background canvas{width:100%;height:100%}.three-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070aa3;border-radius:8px;gap:.25rem;max-width:360px;padding:.85rem;display:grid;position:absolute;bottom:1rem;left:1rem}.three-caption span{color:#70d6c6;text-transform:uppercase;font-size:.78rem;font-weight:900}.icon-cloud-showcase{background:radial-gradient(circle at 82% 18%,#70d6c62e,#0000 22rem),#ffffff0b;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:center;gap:2rem;padding:1.5rem;display:grid}.icon-cloud-copy{gap:1rem;display:grid}.icon-cloud-copy h2{font-size:clamp(2.4rem,6vw,6rem)}.icon-cloud-copy>p:not(.kicker){color:#c6d0dc;max-width:560px;font-size:1.05rem;line-height:1.55}.interaction-notes{flex-wrap:wrap;gap:.6rem;display:flex}.interaction-notes span{color:#d7e1ea;background:#0000003d;border:1px solid #ffffff1f;border-radius:999px;padding:.55rem .7rem;font-size:.82rem;font-weight:800}.icon-cloud-frame{background:radial-gradient(circle,#ffffff14,#0000 62%);border:1px solid #ffffff1f;border-radius:10px;place-items:center;min-height:420px;display:grid;overflow:hidden}.icon-cloud-frame canvas{width:min(400px,100%);height:auto}.uiverse-glow-search-demo{isolation:isolate;background:#08090d;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:minmax(0,.92fr) minmax(320px,1fr);align-items:center;gap:1.5rem;width:100%;min-height:380px;padding:1.5rem;display:grid;position:relative;overflow:hidden}.uiverse-search-grid{z-index:-1;filter:blur(1px);background-image:linear-gradient(90deg,#11131a 1px,#0000 1px),linear-gradient(#11131a 1px,#0000 1px);background-position:50%;background-size:1rem 1rem;width:800px;height:800px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.uiverse-search-copy{gap:1rem;display:grid}.uiverse-search-copy h2{font-size:clamp(2.6rem,7vw,5.7rem);line-height:.92}.uiverse-search-copy>p:not(.kicker){color:#c6d0dc;max-width:560px;font-size:1.02rem;line-height:1.55}.uiverse-search-stage{justify-items:center;gap:1rem;display:grid}.uiverse-search-shell{justify-content:center;align-items:center;width:min(354px,100%);min-height:130px;display:flex;position:relative}.uiverse-search-glow,.uiverse-dark-border-bg,.uiverse-white-border,.uiverse-border{z-index:0;filter:blur(3px);pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;overflow:hidden}.uiverse-search-glow{filter:blur(30px);opacity:.4;max-width:354px;max-height:130px}.uiverse-search-glow:before,.uiverse-dark-border-bg:before,.uiverse-white-border:before,.uiverse-border:before,.uiverse-filter-border:before{content:"";background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;transition:all 2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(82deg)}.uiverse-search-glow:before{background-image:conic-gradient(#000,#402fb5 5%,#000 38% 50%,#cf30aa 60%,#000 87%);width:999px;height:999px;transform:translate(-50%,-50%)rotate(60deg)}.uiverse-dark-border-bg{max-width:312px;max-height:65px}.uiverse-dark-border-bg:before{background-image:conic-gradient(#0000,#18116a,#0000 10% 50%,#6e1b60,#0000 60%)}.uiverse-white-border{filter:blur(2px);border-radius:10px;max-width:307px;max-height:63px}.uiverse-white-border:before{filter:brightness(1.4);background-image:conic-gradient(#0000 0%,#a099d8,#0000 8% 50%,#dfa2da,#0000 58%);transform:translate(-50%,-50%)rotate(83deg)}.uiverse-border{filter:blur(.5px);border-radius:11px;max-width:303px;max-height:59px}.uiverse-border:before{filter:brightness(1.3);background-image:conic-gradient(#1c191c,#402fb5 5%,#1c191c 14% 50%,#cf30aa 60%,#1c191c 64%);transform:translate(-50%,-50%)rotate(70deg)}.uiverse-search-shell:hover>.uiverse-dark-border-bg:before{transform:translate(-50%,-50%)rotate(-98deg)}.uiverse-search-shell:hover>.uiverse-search-glow:before{transform:translate(-50%,-50%)rotate(-120deg)}.uiverse-search-shell:hover>.uiverse-white-border:before{transform:translate(-50%,-50%)rotate(-97deg)}.uiverse-search-shell:hover>.uiverse-border:before{transform:translate(-50%,-50%)rotate(-110deg)}.uiverse-search-shell:focus-within>.uiverse-dark-border-bg:before{transition:all 4s;transform:translate(-50%,-50%)rotate(442deg)}.uiverse-search-shell:focus-within>.uiverse-search-glow:before{transition:all 4s;transform:translate(-50%,-50%)rotate(420deg)}.uiverse-search-shell:focus-within>.uiverse-white-border:before{transition:all 4s;transform:translate(-50%,-50%)rotate(443deg)}.uiverse-search-shell:focus-within>.uiverse-border:before{transition:all 4s;transform:translate(-50%,-50%)rotate(430deg)}.uiverse-search-main{z-index:1;position:relative}.uiverse-search-input{color:#fff;background-color:#010201;border:0;border-radius:10px;width:min(301px,100vw - 4rem);height:56px;padding-inline:59px;font-size:18px}.uiverse-search-input::placeholder{color:#c0b9c0}.uiverse-search-input:focus{outline:none}.uiverse-search-main:focus-within>.uiverse-input-mask{display:none}.uiverse-input-mask{pointer-events:none;background:linear-gradient(90deg,#0000,#000);width:100px;height:20px;position:absolute;top:18px;left:70px}.uiverse-pink-mask{filter:blur(20px);opacity:.8;pointer-events:none;background:#cf30aa;width:30px;height:20px;transition:all 2s;position:absolute;top:10px;left:5px}.uiverse-search-main:hover>.uiverse-pink-mask{opacity:0}.uiverse-filter-icon{z-index:2;cursor:pointer;isolation:isolate;background:linear-gradient(#161329,#000,#1d1b4b);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:38px;height:40px;padding:0;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}.uiverse-filter-icon[aria-pressed=true]{border-color:#cf30aa;box-shadow:0 0 18px #cf30aa7a}.uiverse-filter-border{pointer-events:none;border-radius:10px;width:40px;height:42px;position:absolute;top:7px;right:7px;overflow:hidden}.uiverse-filter-border:before{filter:brightness(1.35);background-image:conic-gradient(#0000,#3d3a4f,#0000 50% 50%,#3d3a4f,#0000 100%);animation:4s linear infinite uiverse-search-rotate;transform:translate(-50%,-50%)rotate(90deg)}.uiverse-search-icon{pointer-events:none;position:absolute;top:15px;left:20px}.uiverse-search-state{color:#c6d0dc;text-align:center;max-width:320px;font-size:.88rem;line-height:1.5}@keyframes uiverse-search-rotate{to{transform:translate(-50%,-50%)rotate(450deg)}}.uiverse-ring-demo{background:radial-gradient(circle at 70% 28%,#bf86ff29,#0000 20rem),radial-gradient(circle at 85% 80%,#70d6c61f,#0000 18rem),#0a0d13;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:center;gap:1.5rem;width:100%;min-height:440px;padding:1.5rem;display:grid;overflow:hidden}.uiverse-ring-copy{gap:1rem;display:grid}.uiverse-ring-copy h2{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.94}.uiverse-ring-copy>p:not(.kicker){color:#c6d0dc;max-width:560px;font-size:1.02rem;line-height:1.55}.uiverse-ring-wrapper{text-align:center;justify-content:center;align-items:center;width:100%;min-height:390px;display:flex;position:relative;overflow:hidden}.uiverse-ring-inner{--w:100px;--h:150px;--translateZ:calc((var(--w) + var(--h)) + 0px);--rotateX:-15deg;--perspective:1000px;top:25%;left:calc(50% - (var(--w) / 2) - 2.5px);z-index:2;width:var(--w);height:var(--h);transform:perspective(var(--perspective));transform-style:preserve-3d;animation:20s linear infinite uiverse-ring-rotating;position:absolute}.uiverse-ring-wrapper:hover .uiverse-ring-inner{animation-play-state:paused}@keyframes uiverse-ring-rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(1turn)}}.uiverse-ring-card{border:2px solid rgba(var(--color-card));color:inherit;cursor:pointer;transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(var(--translateZ));background:0 0;border-radius:12px;padding:0;position:absolute;inset:0;overflow:hidden}.uiverse-ring-card.active{box-shadow:0 0 28px rgba(var(--color-card), .72)}.uiverse-ring-img{background:#0000 radial-gradient(circle, rgba(var(--color-card), .2) 0%, rgba(var(--color-card), .6) 80%, rgba(var(--color-card), .9) 100%);color:#fff;object-fit:cover;place-items:center;width:100%;height:100%;display:grid}.uiverse-ring-img strong{letter-spacing:0;font-size:.95rem}.uiverse-ring-img span{color:#ffffffb8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:800}.uiverse-ring-status{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080cc7;border:1px solid #ffffff24;border-radius:8px;gap:.25rem;width:min(360px,100% - 2rem);padding:.9rem;display:grid;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.uiverse-ring-status span,.uiverse-ring-status small{color:#aeb9c6;text-transform:uppercase;font-size:.75rem;font-weight:850}.uiverse-ring-status strong{color:#70d6c6;font-size:1.25rem}.uiverse-ring-status p{color:#e6edf5;margin:0;font-size:.88rem;line-height:1.45}.uiverse-ring-picks{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.uiverse-ring-picks button{color:#dfe7ef;min-height:28px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:0 .5rem;font-size:.72rem;font-weight:850}.uiverse-ring-picks button[aria-pressed=true]{color:#f8fbff;background:#70d6c638;border-color:#70d6c6cc}.uiverse-glow-button-demo{background:radial-gradient(circle at 76% 48%,#bf7bff2e,#0000 18rem),#090b11;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:minmax(0,.95fr) minmax(280px,.9fr);align-items:center;gap:1.5rem;width:100%;min-height:340px;padding:1.5rem;display:grid;overflow:hidden}.uiverse-glow-button-copy{gap:1rem;display:grid}.uiverse-glow-button-copy h2{font-size:clamp(2.5rem,7vw,5.2rem);line-height:.94}.uiverse-glow-button-copy>p:not(.kicker){color:#c6d0dc;max-width:560px;font-size:1.02rem;line-height:1.55}.uiverse-glow-button-stage{place-items:center;gap:1.5rem;min-height:230px;display:grid}.uiverse-glow-button-stage p{color:#c6d0dc;text-align:center;font-size:.9rem}.uiverse-glow-button{--glow-color:#d9b0ff;--glow-spread-color:#bf7bffc7;--enhanced-glow-color:#e7ceff;--btn-color:#643d88;border:.25em solid var(--glow-color);background-color:var(--btn-color);box-shadow:0 0 1em .25em var(--glow-color), 0 0 4em 1em var(--glow-spread-color), inset 0 0 .75em .25em var(--glow-color);color:var(--glow-color);cursor:pointer;text-shadow:0 0 .5em var(--glow-color);border-radius:1em;outline:none;padding:1em 3em;font-size:15px;font-weight:800;transition:all .3s;position:relative}.uiverse-glow-button:after{content:"";background-color:var(--glow-spread-color);filter:blur(2em);opacity:.7;pointer-events:none;width:100%;height:100%;position:absolute;top:120%;left:0;transform:perspective(1.5em)rotateX(35deg)scaleY(.6)}.uiverse-glow-button:hover,.uiverse-glow-button[aria-pressed=true]{background-color:var(--glow-color);box-shadow:0 0 1em .25em var(--glow-color), 0 0 4em 2em var(--glow-spread-color), inset 0 0 .75em .25em var(--glow-color);color:var(--btn-color)}.uiverse-glow-button:active{box-shadow:0 0 .6em .25em var(--glow-color), 0 0 2.5em 2em var(--glow-spread-color), inset 0 0 .5em .25em var(--glow-color)}.matrix-item .icon-cloud-showcase{grid-template-columns:1fr}.matrix-item .icon-cloud-copy h2{font-size:clamp(2.8rem,10vw,4.2rem)}.matrix-item .icon-cloud-frame{min-height:300px}.matrix-item .icon-cloud-frame canvas{width:min(320px,100%)}.matrix-item .uiverse-glow-search-demo{grid-template-columns:1fr}.matrix-item .uiverse-search-copy h2{font-size:clamp(2.4rem,9vw,4rem)}.matrix-item .uiverse-search-stage{transform-origin:top;transform:scale(.95)}.matrix-item .uiverse-ring-demo{grid-template-columns:1fr}.matrix-item .uiverse-ring-copy h2{font-size:clamp(2.1rem,8vw,3.5rem)}.matrix-item .uiverse-ring-wrapper{min-height:300px}.matrix-item .uiverse-ring-inner{--w:76px;--h:112px;--translateZ:190px}.matrix-item .uiverse-glow-button-demo{grid-template-columns:1fr}.matrix-item .uiverse-glow-button-copy h2{font-size:clamp(2.2rem,8vw,3.6rem)}@media (width<=900px){.hero-section{place-items:end start;min-height:84vh}.compact-grid,.motion-grid,.gallery-grid,.shader-grid{grid-template-columns:1fr}.component-band{padding:4rem 0}.hover-blur-card,.neon-glow-card,.recipe-flip-card,.mvp-flipper,.compound-shell{width:min(100%,360px);margin-inline:auto}.waapi-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.waapi-card{height:180px}.orbit-stage{height:360px}.orbit-card{width:92px;height:118px;transform:translateY(-110px)}.three-background{grid-column:auto}.icon-cloud-showcase,.uiverse-glow-search-demo,.uiverse-ring-demo,.uiverse-glow-button-demo{grid-template-columns:1fr}.icon-cloud-frame{min-height:340px}.zoom-layer>div,.zoom-layer-1>div,.zoom-layer-2>div,.zoom-layer-3>div,.zoom-layer-4>div,.zoom-layer-5>div,.zoom-layer-6>div{width:52vw;height:30vh;left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.showroom-header,.controls,.browser-grid{grid-template-columns:1fr}.header-status{min-width:0}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-column{position:static}.demo-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.showroom-header,.dashboard,.controls,.browser-grid,.demo-matrix{width:min(100% - 1rem,100%)}.showroom-header{padding-top:2rem}.showroom-header h1{font-size:clamp(2rem,13vw,3.4rem)}.dashboard,.demo-matrix,.usecase-grid,.blur-grid,.magic-bento-grid{grid-template-columns:1fr}.controls{gap:.75rem}.tabs{flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.tabs button{flex:none}.component-card,.side-panel,.selected-demo-shell,.matrix-item{padding:.75rem}.card-actions{grid-template-columns:1fr}.preview-toolbar{flex-direction:column;align-items:stretch}.preview-toolbar div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preview-toolbar button{min-width:0;padding-inline:.35rem;font-size:.78rem}.selected-demo-shell{min-height:320px}.demo-surface{width:100%;min-height:260px}.magic-dock{transform:scale(.9)}.magic-bento-card{min-height:220px}.orbit-shell{width:240px;height:240px}.magic-text-animate{font-size:clamp(1.35rem,8vw,2.2rem)}.side-panel dl div{grid-template-columns:1fr;gap:.2rem}.waapi-gallery{width:100%}.three-background,.circular-gallery,.framer-stack,.display-cards,.three-background{width:100%;min-width:0}.matrix-item .zoom-sticky,.zoom-sticky{height:360px}}.story-page{background:radial-gradient(circle at 12% 18%,#70d6c624,#0000 34rem),radial-gradient(circle at 88% 44%,#e8593e1a,#0000 28rem),linear-gradient(#07090d 0%,#10141b 38%,#080a0f 100%);max-width:100%;overflow-x:clip}.story-hero{isolation:isolate;align-items:end;min-height:92vh;padding:1rem clamp(1rem,4vw,4rem) 7vh;display:grid;position:relative;overflow:hidden}.story-hero>img{z-index:-3;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-hero:after{content:"";z-index:-2;background:linear-gradient(90deg,#05070ae6 0%,#05070a8f 48%,#05070a33 100%),linear-gradient(#05070a3d 0%,#05070adb 100%);position:absolute;inset:0}.story-hero .magic-grid-pattern{z-index:-1;fill:#70d6c614;stroke:#ffffff1c}.story-nav{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:1rem;left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem)}.story-nav span,.story-nav button,.story-close button{color:#f8fbff;min-height:40px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04070a8a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:0 .85rem;font-weight:800;display:inline-flex}.story-nav button,.story-close button{cursor:pointer}.story-hero-copy{width:min(940px,100%)}.story-hero-copy h1,.story-hero-copy .magic-text-animate{color:#f8fbff;text-align:left;max-width:980px;font-size:clamp(3rem,9vw,8.4rem);line-height:.9}.story-hero-copy>p:not(.kicker){color:#d4dde8;max-width:680px;margin-top:1.4rem;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.55}.story-hero-readout{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04070a7a;border:1px solid #ffffff29;border-radius:8px;gap:.25rem;width:min(260px,100% - 2rem);padding:.9rem;display:grid;position:absolute;bottom:7vh;right:clamp(1rem,4vw,4rem)}.story-hero-readout span,.story-hero-readout small{color:#aeb9c6;text-transform:uppercase;font-size:.78rem;font-weight:800}.story-hero-readout strong{color:#70d6c6;font-size:1.5rem}.weather-band{width:min(1360px,100% - 2rem);margin:0 auto;padding:clamp(4rem,9vw,8rem) 0;position:relative}.master-ledger{grid-template-columns:minmax(280px,.72fr) minmax(0,1.2fr);align-items:start;gap:1rem;width:min(1360px,100% - 2rem);margin:0 auto;padding:clamp(3rem,7vw,5rem) 0 1rem;display:grid}.master-ledger h2{color:#f8fbff;font-size:clamp(2rem,4vw,4.4rem);line-height:.98}.master-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.master-ledger-grid span{color:#dbe4ee;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.65rem;min-height:44px;padding:.65rem .75rem;font-size:.88rem;display:flex}.master-ledger-grid strong{color:#70d6c6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.story-section-copy{gap:1rem;max-width:790px;margin-bottom:2rem;display:grid}.story-section-copy h2,.shader-climax-copy h2,.image-crossing h2{color:#f8fbff;max-width:860px;font-size:clamp(2.2rem,5vw,5.6rem);line-height:.96}.story-section-copy p:not(.kicker),.shader-climax-copy p:not(.kicker),.image-crossing p:not(.kicker){color:#b8c2cf;max-width:680px;font-size:1.02rem;line-height:1.65}.station-board{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:stretch;gap:1rem;display:grid}.station-board .uiverse-glow-button-demo{border-radius:8px;grid-column:1/-1}.station-board .uiverse-glow-search-demo,.station-board .magic-bento-grid,.motion-front-grid,.turbulence-grid,.atmosphere-grid{min-width:0}.station-board .uiverse-glow-search-demo{border-radius:8px;min-height:100%}.motion-front{background:linear-gradient(#ffffff09,#ffffff04),#0b1017;width:100%;padding-inline:max(1rem,50vw - 680px)}.motion-front-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);align-items:stretch;gap:1rem;display:grid}.motion-type-panel{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(0,.9fr) minmax(260px,.7fr) minmax(260px,.8fr);align-items:center;gap:1rem;min-height:300px;padding:1rem;display:grid}.motion-type-panel>strong{color:#f8fbff;font-size:clamp(1.8rem,4vw,3.8rem);line-height:1}.motion-type-panel .text-effect{margin:0}.motion-type-panel .display-cards{min-height:260px}.signal-marquee,.weather-feed{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;align-content:center;min-height:340px;display:grid;overflow:hidden}.signal-marquee span{color:#dfe7ef;text-align:center;text-transform:uppercase;background:#04070a80;border:1px solid #ffffff1c;border-radius:8px;min-width:190px;padding:1rem;font-weight:900}.weather-feed{padding:1rem}.weather-feed-row{background:#04070a6b;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto 52px minmax(0,1fr);align-items:center;gap:.55rem .7rem;padding:.85rem;display:grid}.weather-feed-row svg{color:#70d6c6}.weather-feed-row span{color:#f2b84b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.weather-feed-row strong{color:#f8fbff}.weather-feed-row small{color:#aeb9c6;grid-column:3}.turbulence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.case-panel{background:radial-gradient(circle at 22% 18%,#e8593e1f,#0000 18rem),#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;place-items:center;min-height:420px;padding:1rem;display:grid;overflow:hidden}.case-panel.wide{grid-column:span 2}.case-panel .waapi-gallery{width:min(720px,100%)}.neon-case{background:radial-gradient(circle,#e81cff1a,#0000 18rem),#ffffff0b}.registered-parallax{background:#07090d;position:relative;overflow:hidden}.registered-parallax-copy{z-index:2;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto -16vh;padding-top:clamp(4rem,8vw,7rem);display:grid;position:relative}.registered-parallax-copy h2{color:#f8fbff;max-width:840px;font-size:clamp(2.2rem,5vw,5rem);line-height:.98}.registered-parallax .zoom-parallax{height:220vh}.registered-parallax .zoom-sticky{background:linear-gradient(#07090dc7,#07090dfa),#07090d}.image-crossing{grid-template-columns:minmax(260px,.75fr) repeat(3,minmax(0,1fr));align-items:end;gap:1rem;width:min(1360px,100% - 2rem);margin:0 auto;padding:3rem 0 clamp(4rem,8vw,7rem);display:grid}.webgl-weather{isolation:isolate;align-items:end;min-height:72vh;padding:clamp(3rem,7vw,6rem);display:grid;position:relative;overflow:hidden}.webgl-weather:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#07090d0d,#07090dd6);position:absolute;inset:0}.webgl-weather>div{z-index:1;max-width:760px;position:relative}.webgl-weather h2{color:#f8fbff;font-size:clamp(2.2rem,5vw,5.2rem);line-height:.98}.webgl-weather .shader-canvas{z-index:-1}.image-crossing>div{align-self:center}.image-crossing img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.85)contrast(1.04);border-radius:8px;width:100%}.image-crossing img:nth-of-type(2){transform:translateY(2rem)}.image-crossing img:nth-of-type(3){transform:translateY(-1.5rem)}.atmosphere{isolation:isolate;width:100%;padding-inline:max(1rem,50vw - 680px);overflow:hidden}.atmosphere>.magic-particles{z-index:-1}.atmosphere-grid{grid-template-columns:minmax(300px,.7fr) minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.orbit-story{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.atmosphere-grid .icon-cloud-showcase,.atmosphere-grid .uiverse-ring-demo{border-radius:8px}.atmosphere-grid .uiverse-ring-demo{grid-column:1/-1}.shader-climax{isolation:isolate;align-items:end;min-height:88vh;padding:clamp(3rem,7vw,6rem);display:grid;position:relative;overflow:hidden}.shader-climax .three-background{z-index:-1;border:0;border-radius:0;grid-column:auto;min-height:100%;position:absolute;inset:0}.shader-climax .three-caption{display:none}.shader-climax:after{content:"";z-index:-1;background:linear-gradient(#06090e26,#06090ee0);position:absolute;inset:0}.shader-climax-copy{max-width:840px}.forecast-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:clamp(4rem,8vw,7rem) 0 2rem;display:grid}.forecast-grid article{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;align-content:start;gap:.7rem;min-height:190px;padding:1rem;display:grid}.forecast-grid svg{color:#70d6c6}.forecast-grid strong{color:#f8fbff;font-size:1.1rem}.forecast-grid p{color:#b8c2cf;line-height:1.5}.story-close{text-align:center;justify-items:center;gap:1rem;width:min(900px,100% - 2rem);margin:0 auto;padding:2rem 0 5rem;display:grid}.story-close p{color:#9eaab8;max-width:560px;line-height:1.5}@media (width<=1050px){.station-board,.motion-front-grid,.atmosphere-grid,.master-ledger,.image-crossing,.motion-type-panel{grid-template-columns:1fr}.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-crossing img:nth-of-type(2),.image-crossing img:nth-of-type(3){transform:none}}@media (width<=720px){.story-hero{min-height:88vh;padding-bottom:4rem}.story-nav{flex-direction:column;align-items:stretch;right:auto}.story-hero-copy{padding-top:7rem}.story-hero-copy h1,.story-hero-copy .magic-text-animate{font-size:clamp(2.45rem,15vw,4.4rem)}.story-hero-readout{margin-top:1.5rem;position:relative;bottom:auto;right:auto}.weather-band{width:min(100% - 1rem,100%);padding:4rem 0}.master-ledger{width:min(100% - 1rem,100%)}.master-ledger-grid{grid-template-columns:1fr}.motion-front,.atmosphere{padding-inline:.5rem}.turbulence-grid,.forecast-grid{grid-template-columns:1fr}.case-panel.wide{grid-column:auto}.case-panel{min-height:340px}.registered-parallax-copy{margin-bottom:-8vh}.registered-parallax .zoom-parallax{height:150vh}.webgl-weather{min-height:62vh;padding:3rem 1rem}.weather-feed-row{grid-template-columns:auto 1fr}.weather-feed-row span{grid-column:2}.weather-feed-row strong,.weather-feed-row small{grid-column:1/-1}.image-crossing{width:min(100% - 1rem,100%)}.shader-climax{min-height:78vh;padding:3rem 1rem}.story-close .magic-dock{transform:scale(.88)}}.weather-room{color:#f8fbff;background:radial-gradient(circle at 12% 10%,#70d6c624,#0000 34rem),radial-gradient(circle at 84% 46%,#e8593e1a,#0000 30rem),linear-gradient(#06080c 0%,#10151d 42%,#07090d 100%)}.weather-room .component-ledger-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.weather-room .observation-deck{min-height:96vh;padding-bottom:max(4rem,10vh)}.weather-room .story-nav{flex-direction:row;align-items:center}.weather-room .story-nav button,.weather-room .hero-actions button,.weather-room .mode-switcher button{color:#f8fbff;font:inherit;cursor:pointer;background:#04070a94;border:1px solid #ffffff29;border-radius:8px;font-weight:850}.weather-room .hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.weather-room .hero-actions button{min-height:44px;padding:0 1rem}.weather-room .hero-actions button:first-child{color:#071017;background:#f8fbff}.signal-console,.pressure-lab{padding-top:clamp(5rem,9vw,8rem)}.pressure-lab{padding-bottom:clamp(2.5rem,5vw,4rem)}.console-grid,.pressure-layout,.gallery-console{grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr);align-items:stretch;gap:1rem;display:grid}.console-stack{gap:1rem;min-width:0;display:grid}.console-controls{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:1rem;display:grid}.uiverse-glow-search-demo.embedded,.uiverse-glow-button-demo.embedded,.uiverse-ring-demo.embedded{grid-template-columns:1fr;min-height:0}.uiverse-glow-search-demo.embedded,.uiverse-glow-button-demo.embedded{min-height:220px;padding:1rem}.uiverse-ring-demo.embedded{min-height:460px;padding:1rem}.icon-cloud-showcase.embedded{grid-template-columns:1fr;min-height:460px}.condition-panel{background:radial-gradient(circle at 80% 10%,#70d6c629,#0000 16rem),#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;align-content:end;gap:1rem;min-height:100%;padding:clamp(1rem,3vw,1.5rem);display:grid}.condition-panel svg{color:#70d6c6}.condition-panel h3{color:#f8fbff;margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.95}.condition-panel p:not(.kicker){color:#c4ceda;max-width:520px;line-height:1.6}.mode-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.mode-switcher button{min-height:42px}.mode-switcher button.active{color:#071017;background:#70d6c6}.motion-room{grid-template-columns:minmax(0,1.05fr) minmax(320px,.82fr);align-items:stretch;gap:1rem;display:grid}.weather-room .motion-type-panel{grid-column:1/-1;min-height:280px}.pressure-primary{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:1rem;min-width:0;display:grid}.instrument-card{background:radial-gradient(circle at 24% 16%,#e8593e21,#0000 16rem),#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;place-items:center;min-width:0;min-height:398px;padding:1rem;display:grid;overflow:visible}.instrument-card>*{max-width:100%}.instrument-card .mvp-card,.instrument-card .compound-card{width:min(360px,100%);height:364px}.instrument-card .mvp-flipper,.instrument-card .compound-shell{width:100%}.pressure-secondary{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:1rem;min-width:0;display:grid}.pressure-secondary>*{min-width:0;min-height:205px}.pressure-secondary .framer-stack{min-height:330px}.evidence-gallery{gap:1.25rem;width:min(1360px,100% - 2rem);margin:0 auto;padding:clamp(3rem,6vw,5rem) 0 clamp(5rem,10vw,8rem);display:grid}.evidence-copy{gap:1rem;max-width:840px;display:grid}.evidence-copy h2{color:#f8fbff;margin:0;font-size:clamp(2.2rem,5vw,5.3rem);line-height:.96}.evidence-copy p:not(.kicker){color:#b8c2cf;max-width:700px;line-height:1.65}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.evidence-grid article{gap:.65rem;min-width:0;display:grid}.evidence-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.evidence-grid span{color:#f8fbff;font-weight:850}.evidence-grid p{color:#b8c2cf;line-height:1.55}.gallery-console{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:center;padding:1rem}.gallery-console .waapi-gallery,.gallery-console .circular-gallery{width:100%}.weather-room .registered-parallax-copy{margin-bottom:-7vh}.weather-room .registered-parallax .zoom-parallax{height:170vh}.weather-room .webgl-weather{min-height:68vh}.weather-room .atmosphere-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1fr)}.weather-room .story-close p{display:none}.weather-room .magic-dock-icon:focus-visible,.weather-room button:focus-visible{outline-offset:3px;outline:2px solid #70d6c6}.weather-room .orbit-story .orbit-icon{cursor:pointer;padding:0}.weather-room .orbit-story .orbit-icon.active{background:#70d6c638;border-color:#70d6c6db;box-shadow:0 0 24px #70d6c640}.weather-room .orbit-center{color:#120b0a;text-align:center;background:#e8593e;border:1px solid #ffffff29;width:132px;height:132px;padding:.85rem}.weather-room .orbit-center strong{color:inherit;font-size:1rem}.weather-room .orbit-center span{color:#120b0ac7;font-size:.72rem;font-weight:800;line-height:1.25}@media (width<=1050px){.console-grid,.console-controls,.motion-room,.pressure-layout,.gallery-console,.weather-room .atmosphere-grid{grid-template-columns:1fr}.pressure-primary,.pressure-secondary,.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.weather-room .observation-deck{min-height:94vh;padding:1rem 1rem 3rem}.weather-room .story-nav{flex-direction:row;left:1rem;right:1rem}.weather-room .story-nav span,.weather-room .story-nav button{min-height:38px;padding-inline:.7rem;font-size:.88rem}.weather-room .story-hero-copy{padding-top:5.5rem}.weather-room .story-hero-copy h1,.weather-room .story-hero-copy .magic-text-animate{font-size:clamp(2.75rem,15vw,4.25rem)}.weather-room .story-hero-readout{width:100%;margin-top:1rem;padding:.75rem}.weather-room .hero-actions{gap:.5rem}.weather-room .hero-actions button{flex:130px;min-width:0}.weather-room .weather-band,.evidence-gallery{width:min(100% - 1rem,100%)}.pressure-primary,.pressure-secondary,.evidence-grid,.forecast-grid{grid-template-columns:1fr}.instrument-card{min-height:360px;overflow:visible}.pressure-secondary>*{min-height:240px}.gallery-console{padding:.75rem}.gallery-console .waapi-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-console .waapi-card{height:210px}.gallery-console .circular-gallery{min-height:360px}.weather-room .registered-parallax-copy{margin-bottom:0}.weather-room .registered-parallax .zoom-parallax{height:125vh}.weather-room .webgl-weather,.shader-climax{min-height:62vh}.uiverse-ring-demo.embedded{min-height:390px}}