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