.example-takeover{--demo:#c8a8ff;color:#f6f4ec;background:#07070c;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.demo-ribbon{background:var(--demo);color:#100b18;letter-spacing:.13em;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:8px 18px;font-size:.66rem;font-weight:900;display:flex}.example-nav{letter-spacing:.06em;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:18px;height:64px;padding:0 clamp(18px,4vw,62px);font-size:.72rem;display:flex}.example-nav a{color:#f6f4ec;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.example-brand{letter-spacing:.1em;font-weight:800}.example-brand i{border:1px solid var(--demo);border-radius:50%;width:16px;height:16px}.example-nav>span{color:#a8a4ad;align-items:center;gap:7px;display:flex}.example-stage{isolation:isolate;background:radial-gradient(circle at 72% 38%,#ad77ff47,#0000 27%),radial-gradient(circle at 28% 84%,#522daa4d,#0000 33%),#08070d;grid-template-columns:1.3fr .7fr;align-items:end;gap:6vw;min-height:calc(100svh - 98px);padding:clamp(86px,10vw,140px) max(22px,7vw) clamp(38px,7vw,96px);display:grid;position:relative;overflow:hidden}.example-grid{z-index:-3;background-color:#0000;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:74px 74px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:-10%;transform:perspective(540px)rotateX(63deg)translateY(20%);-webkit-mask-image:linear-gradient(#0000,#000 38%,#0000);mask-image:linear-gradient(#0000,#000 38%,#0000)}.example-planet{z-index:-2;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#e2d1ff 0 3%,#a778e0 12%,#5a2c8d 42%,#1d102c 68%,#07050c 76%);border-radius:50%;width:min(54vw,680px);position:absolute;top:8%;right:7vw;box-shadow:inset -70px -35px 95px #09040f,0 0 140px #aa68ff38}.example-planet:after{content:"";border:2px solid #d4b7ff8c;border-radius:50%;position:absolute;inset:-11% -21%;transform:rotate(-17deg)scaleY(.28)}.example-glow{z-index:-1;aspect-ratio:1;border:1px solid #c8a8ff59;border-radius:50%;width:min(58vw,730px);position:absolute;top:5%;right:4.5vw;box-shadow:0 0 0 76px #c8a8ff09,0 0 180px #c8a8ff24}.example-status{letter-spacing:.1em;justify-content:space-between;align-items:center;gap:18px;font-size:.65rem;font-weight:800;display:flex;position:absolute;inset:28px max(22px,7vw) auto}.example-status span,.example-status strong{align-items:center;gap:7px;display:flex}.example-status span{color:var(--demo)}.example-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.example-status strong{color:#a8a4ad}.example-copy,.example-side{z-index:1;position:relative}.example-copy p,.example-side p{color:var(--demo);letter-spacing:.14em;margin:0;font-size:.67rem;font-weight:800}.example-copy h1{letter-spacing:-.085em;text-transform:uppercase;max-width:850px;margin:18px 0;font-size:clamp(5rem,11vw,11rem);line-height:.72}.example-copy>span{color:#c1bdc8;max-width:500px;font-size:1.12rem;line-height:1.45;display:block}.example-copy>a{background:var(--demo);color:#08070d;letter-spacing:.06em;align-items:center;gap:12px;min-height:52px;margin-top:29px;padding:0 20px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.example-side{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09080eb3;border:1px solid #ffffff2e;justify-self:end;max-width:310px;padding:25px}.example-side>b{background:var(--demo);color:#100b18;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:18px;display:grid}.example-side strong{margin:8px 0;font-size:1.4rem;display:block}.example-side>span{color:#aaa6b1;font-size:.78rem;line-height:1.5}.example-side .share-actions.is-compact button{color:var(--demo);border-color:#c8a8ff6b}.example-detail{color:#121018;background:#f2efe8;grid-template-columns:1fr 1fr;gap:10vw;padding:clamp(62px,9vw,130px);display:grid}.example-detail p{font-size:.83rem;line-height:1.68}.example-detail>div:first-child>p{letter-spacing:.13em;font-size:.66rem;font-weight:800}.example-detail h2{letter-spacing:-.07em;margin:16px 0 0;font-size:clamp(2.5rem,5vw,5.7rem);line-height:.88}.example-detail>div:last-child{align-self:end;max-width:450px}.example-detail nav{gap:9px;margin-top:24px;display:grid}.example-detail nav a{color:#121018;align-items:center;gap:9px;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.example-detail nav a svg:last-child{margin-left:auto}.example-detail small{color:#77727c;margin-top:28px;font-size:.7rem;line-height:1.5;display:block}.example-exit{text-align:center;background:radial-gradient(circle at 50% 120%,#b57aff4d,#0000 42%),#0a0710;padding:clamp(66px,10vw,130px) 22px}.example-exit p{color:var(--demo);letter-spacing:.16em;font-size:.66rem;font-weight:800}.example-exit h2{letter-spacing:-.07em;margin:18px auto 30px;font-size:clamp(2.8rem,7vw,7rem);line-height:.88}.example-exit a{background:var(--demo);color:#100b18;align-items:center;gap:10px;min-height:54px;padding:0 22px;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.example-footer{color:#a8a4ad;letter-spacing:.12em;justify-content:space-between;gap:18px;padding:22px max(22px,7vw);font-size:.64rem;display:flex}.example-footer a{color:#f6f4ec;text-decoration:none}@media (max-width:720px){.demo-ribbon{min-height:38px;font-size:.58rem}.example-nav{height:60px;padding-inline:16px}.example-nav>span{display:none}.example-brand{font-size:.66rem}.example-stage{flex-direction:column;align-items:stretch;gap:34px;min-height:auto;padding:94px 20px 44px;display:flex}.example-status{align-items:flex-start;font-size:.57rem;inset:20px 20px auto}.example-status strong{text-align:right;font-size:.54rem}.example-planet{width:108vw;top:12%;right:-39vw}.example-glow{width:112vw;top:10%;right:-41vw}.example-copy{margin-top:260px}.example-copy h1{font-size:clamp(4rem,20vw,6rem);line-height:.76}.example-copy>span{font-size:.96rem}.example-copy>a{justify-content:center;width:100%}.example-side{justify-self:start;width:100%;max-width:none;padding:20px}.example-detail{grid-template-columns:1fr;gap:28px;padding:60px 20px}.example-detail h2{font-size:2.75rem}.example-exit{padding-inline:20px}.example-footer{flex-wrap:wrap;padding:24px 20px;line-height:1.5}.example-footer span:first-child{display:none}}.example-tabs{background:#ffffff1f;border-bottom:1px solid #ffffff21;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;height:62px;padding:0 max(18px,7vw);display:grid}.example-tabs button{color:#918d9a;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#0b0910;border:0;justify-content:center;align-items:center;gap:9px;font-size:.72rem;font-weight:800;display:flex}.example-tabs button:hover{color:#f6f4ec;background:#100d17}.example-tabs button.active{color:#100b18;background:var(--demo)}.example-stage{background:radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--demo) 28%,transparent),transparent 27%),radial-gradient(circle at 28% 84%,color-mix(in srgb,var(--demo) 20%,transparent),transparent 33%),#08070d;min-height:calc(100svh - 160px)}.example-planet{background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--demo) 35%,white) 0 3%,var(--demo) 12%,color-mix(in srgb,var(--demo) 55%,#12091c) 42%,#1d102c 68%,#07050c 76%);box-shadow:inset -70px -35px 95px #09040f,0 0 140px color-mix(in srgb,var(--demo) 22%,transparent);transition:background .3s,box-shadow .3s}.example-glow{border-color:color-mix(in srgb,var(--demo) 45%,transparent);box-shadow:0 0 0 76px color-mix(in srgb,var(--demo) 5%,transparent),0 0 180px color-mix(in srgb,var(--demo) 18%,transparent)}@media (max-width:720px){.example-tabs{height:58px;padding:0;overflow-x:auto}.example-tabs button{gap:6px;min-width:82px;font-size:.62rem}.example-stage{min-height:auto}}.example-side{background:#08070dd1;width:min(370px,100%);max-width:370px;padding:16px}.example-side>div>p{margin-top:15px}.example-side>div>strong{letter-spacing:-.02em;font-size:1.35rem}.asset-frame,.album-shell,.poster-shell{background:#120f18;border:1px solid #ffffff24;position:relative;overflow:hidden}.asset-frame{aspect-ratio:1}.asset-frame img,.album-shell img,.poster-shell img{object-fit:cover;width:100%;height:100%;display:block}.creator-logo,.luma-logo,.film-logo{color:#08070d;background:var(--demo);letter-spacing:-.08em;place-items:center;font-weight:950;display:grid;position:absolute}.creator-logo{border-radius:50%;width:49px;height:49px;bottom:14px;left:14px}.creator-demo dl{border:1px solid #ffffff21;grid-template-columns:repeat(3,1fr);margin:18px 0 0;display:grid}.creator-demo dl div{text-align:center;padding:12px 7px}.creator-demo dl div+div{border-left:1px solid #ffffff21}.creator-demo dt{color:#f6f4ec;font-size:.88rem;font-weight:900}.creator-demo dd{color:#807c89;text-transform:uppercase;letter-spacing:.08em;margin:4px 0 0;font-size:.56rem}.product-demo{position:relative}.product-logo{align-items:center;gap:10px;height:48px;margin-bottom:12px;display:flex}.product-logo>b{border:1px solid var(--demo);width:42px;height:42px;color:var(--demo);place-items:center;font-size:1.35rem;display:grid;transform:rotate(-8deg)}.product-logo>span{color:#f6f4ec;letter-spacing:.13em;font-size:.64rem;font-weight:900;line-height:.92}.product-demo .asset-frame{aspect-ratio:1.25}.planet-code{border:1px dashed var(--demo);background:color-mix(in srgb,var(--demo) 7%,transparent);justify-content:space-between;align-items:center;margin:16px 0 10px;padding:11px 13px;display:flex}.planet-code small{color:#8e8997;letter-spacing:.1em;font-size:.54rem}.planet-code b{color:var(--demo);letter-spacing:.12em;font-size:1rem}.product-demo>button,.trailer-button{background:var(--demo);color:#0a0710;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;font-size:.68rem;font-weight:900;display:flex}.album-shell{aspect-ratio:1}.luma-logo{width:42px;height:42px;font-size:1.35rem;top:15px;left:15px}.music-demo>span{margin-top:2px;display:block}.music-player{background:#0f0b13;border:1px solid #ffffff29;grid-template-columns:43px 1fr;align-items:center;gap:12px;margin-top:17px;padding:12px;display:grid}.music-player>button{color:#130914;background:var(--demo);cursor:pointer;border:0;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.music-player>div>i{background:#ffffff24;height:4px;display:block;overflow:hidden}.music-player>div>i>b{background:var(--demo);height:100%;transition:width .6s linear;display:block}.music-player small{color:#77717e;justify-content:space-between;margin-top:7px;font-size:.55rem;display:flex}.music-demo>nav{color:#8f8995;letter-spacing:.06em;justify-content:space-between;margin-top:12px;font-size:.5rem;font-weight:900;display:flex}.poster-shell{aspect-ratio:3/4}.poster-shell>button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#00000061;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.poster-shell>button svg{margin-left:3px}.film-logo{width:44px;height:44px;top:14px;right:14px}.video-demo>span{display:block}.trailer-button{margin-top:17px}.example-creator .example-copy h1{font-style:italic}.example-music .example-copy h1{font-weight:500}.example-video .example-stage{background:linear-gradient(90deg,#050304e6,transparent 63%),radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--demo) 24%,transparent),transparent 27%),#080608}.example-video .example-copy h1{letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}.example-product .example-copy h1{letter-spacing:-.1em}@media (max-width:720px){.example-side{width:100%;max-width:none;padding:16px}.creator-demo .asset-frame,.album-shell{max-height:58vh}.product-demo .asset-frame{aspect-ratio:1.35}.poster-shell{aspect-ratio:4/5;max-height:68vh}.music-demo>nav{flex-wrap:wrap;gap:8px}.example-copy{margin-top:235px}}