.experienceRoot{color:#eef4ff;background:#050b13;min-height:100vh}.experienceRibbon{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fee;border-bottom:1px solid #25354a;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex;position:sticky;top:0}.experienceRibbon strong,.experienceRibbon span{display:block}.experienceRibbon strong{font-size:14px}.experienceRibbon span{letter-spacing:.14em;color:#d7a64d;margin-top:4px;font-size:9px}.experienceModes{gap:8px;display:flex}.experienceModes button,.directorControls button{color:#bfcddd;cursor:pointer;background:#0d1a2a;border:1px solid #2a3b52;border-radius:9px;min-height:40px;padding:9px 12px}.experienceModes button.active,.directorControls .playControl{color:#191307;background:#e1ad50;border-color:#e1ad50;font-weight:900}.experienceProgress{z-index:59;background:#101d2c;height:4px;position:sticky;top:71px}.experienceProgress i{background:linear-gradient(90deg,#d89930,#ffd883);height:100%;transition:width .25s linear;display:block}.experienceChapters{background:#08121f;border-bottom:1px solid #17263a;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px 18px;display:grid}.experienceChapters button{color:#71849c;text-align:left;cursor:pointer;background:#0a1625;border:1px solid #1e3047;border-radius:10px;align-items:center;gap:9px;min-height:40px;padding:9px 10px;display:flex}.experienceChapters button span{background:#14243a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:grid}.experienceChapters button b{font-size:9px}.experienceChapters button.active{color:#fff;border-color:#dba748;box-shadow:0 0 0 1px #dba74844}.experienceChapters button.active span{color:#1a1308;background:#dba748}.experienceChapters button.complete span{color:#50dd96;background:#17382b}.directorCard{background:radial-gradient(circle at 0 0,#193451,#0b1726 62%);border:1px solid #2a405a;border-radius:15px;justify-content:space-between;align-items:center;gap:24px;margin:14px 18px;padding:18px 20px;display:flex;box-shadow:0 18px 45px #0004}.directorCard span,.presenterPanel>span,.experienceFooter span{letter-spacing:.16em;color:#dda94e;font-size:9px;font-weight:900}.directorCard h2{margin:7px 0 4px;font-size:24px}.directorCard p{color:#8ea1b8;max-width:760px;margin:0}.directorControls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.directorControls button:disabled{opacity:.35;cursor:not-allowed}.presenterPanel{z-index:80;background:#21190fef;border:1px solid #7a5926;border-radius:13px;width:320px;padding:16px;position:fixed;bottom:18px;right:18px;box-shadow:0 20px 55px #0009}.presenterPanel strong{margin:7px 0;display:block}.presenterPanel p{color:#c9b891;font-size:11px;line-height:1.55}.presenterPanel small{color:#8d7d61}.presenterPanel code{color:#ffd17a}.experienceStage{position:relative}.experienceStage[data-scene=portfolio] .demoWorkspace,.experienceStage[data-scene=project] .demoWorkspace,.experienceStage[data-scene=intelligence] .demoWorkspace,.experienceStage[data-scene=evidence] .demoWorkspace,.experienceStage[data-scene=collaboration] .demoWorkspace,.experienceStage[data-scene=trust] .demoWorkspace{animation:.55s both experienceEnter}@keyframes experienceEnter{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}.experienceFooter{background:radial-gradient(circle at 0 0,#3c2a13,#09131f 58%);border-top:1px solid #2f4158;justify-content:space-between;align-items:center;gap:24px;padding:32px 28px;display:flex}.experienceFooter h2{margin:8px 0 0;font-size:27px}.experienceFooter>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.experienceFooter a{color:#191307;background:#e1ad50;border-radius:9px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-block}.experienceFooter a.secondary{color:#d6e0ec;background:#0d1a2a;border:1px solid #31445d}@media (max-width:1050px){.experienceChapters{grid-template-columns:repeat(3,1fr)}.directorCard,.experienceFooter{flex-direction:column;align-items:flex-start}.directorControls{justify-content:flex-start}}@media (max-width:700px){.experienceRibbon{flex-direction:column;align-items:flex-start}.experienceProgress{top:111px}.experienceChapters{grid-template-columns:1fr 1fr;padding:10px}.experienceChapters button b{font-size:8px}.directorCard{margin:10px}.presenterPanel{width:auto;bottom:10px;left:10px;right:10px}.experienceFooter{padding:24px 16px}.experienceFooter>div:last-child,.experienceFooter a{text-align:center;width:100%}}