:root{--experience-accent:#f37b3a;--experience-soft:#f37b3a24;--experience-paper:#e8d8c9}
.version-switch{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#121316;border-bottom:1px solid #ffffff12}.version-switch>span{font-size:8px;letter-spacing:1.4px;color:#777982;margin-right:14px}.version-switch>a{font-size:10px;padding:7px 12px;border:1px solid #373438;border-radius:4px;color:#aaa7b1;transition:background .2s}.version-switch>a[aria-current=page]{background:#f37b3a17;border-color:#b56537;color:#ffbd8f}.version-switch>a:hover{color:#fff;border-color:#999}
.bundle-inner{transform-style:preserve-3d}.bundle-card.course-cover{position:absolute}.bundle-card{animation:card-hover 6s ease-in-out infinite;animation-delay:calc(var(--float-index,0)*-.7s);transform-origin:50% 55%}.bundle-card-2{--float-index:1}.bundle-card-3{--float-index:2}.bundle-card-4{--float-index:3}.bundle-card-5{--float-index:4}.bundle-card-6{--float-index:5}.bundle-card-7{--float-index:6}.bundle-card-8{--float-index:7}.bundle-presenter{object-fit:cover;object-position:50% 30%;mask-image:radial-gradient(ellipse at 50% 43%,#000 30%,#000e 45%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 43%,#000 30%,#000e 45%,transparent 72%)}
.course-cover{position:relative;container-type:inline-size;overflow:hidden;aspect-ratio:2/3;background:linear-gradient(155deg,color-mix(in srgb,var(--cover-accent) 40%,#17181e),#0b0c10 74%);color:#fff;isolation:isolate}.course-cover>.cover-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:50% 40%;opacity:.95;z-index:-2;aspect-ratio:auto;border:0}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090a0d 0,#090a0dd9 25%,#090a0d05 60%),linear-gradient(120deg,color-mix(in srgb,var(--cover-accent) 30%,transparent),transparent 65%);z-index:-1}.native-cover-header{position:absolute;left:7%;right:7%;top:5%;font:700 4.5cqw/1.3 Inter;letter-spacing:.5px;color:#eee;z-index:2}.cover-glyph{position:absolute;right:7%;top:32%;font:800 42cqw/1 Inter;color:var(--cover-accent);opacity:.65;transform:rotate(-12deg);text-shadow:1px 2px #0009,3px 5px #0006;z-index:-1}.native-cover-title{position:absolute;left:7%;right:7%;bottom:11%;font-size:15cqw;font-weight:950;letter-spacing:-.06em;line-height:.94;text-transform:uppercase;font-style:italic;overflow-wrap:normal;text-shadow:0 2px 8px #0005}.native-cover-foot{position:absolute;left:7%;right:7%;bottom:4.5%;font-size:3.2cqw;line-height:1.3;letter-spacing:.5px;border-top:1px solid var(--cover-accent);padding-top:5%;color:var(--cover-accent)}
.course-cover[data-cover="1"] .cover-photo,.course-cover[data-cover="2"] .cover-photo,.course-cover[data-cover="6"] .cover-photo,.course-cover[data-cover="7"] .cover-photo{opacity:.08}.course-cover[data-cover="1"] .cover-glyph,.course-cover[data-cover="2"] .cover-glyph,.course-cover[data-cover="6"] .cover-glyph,.course-cover[data-cover="7"] .cover-glyph{font-size:60cqw;top:23%;right:16%;opacity:.95;transform:perspective(300px) rotateY(-20deg) rotate(-8deg)}.course-cover[data-cover="1"] .native-cover-title,.course-cover[data-cover="5"] .native-cover-title{font-size:12cqw}.course-cover[data-cover="2"] .cover-glyph{box-shadow:8px 7px 0 #fff2,16px 14px 0 #fff1}.course-cover[data-cover="4"] .cover-photo{object-position:50% 32%}.course-cover[data-cover="4"] .cover-glyph{opacity:.18;right:-10%;font-size:95cqw}.course-cover[data-cover="5"] .cover-photo{object-position:50% 37%}
.deck-stage>.course-cover{position:absolute;width:280px;height:420px;border:1px solid #8c654c;border-radius:13px;box-shadow:0 20px 60px #0008}.deck-stage>.deck-back{width:248px;height:372px}.deck-thumbnails .thumb-cover{display:block;position:relative;right:auto;bottom:auto;padding:0;min-width:0;width:100%;height:auto;aspect-ratio:2/3;border-radius:4px}.deck-thumbnails button>span:not(.thumb-cover){z-index:5}.deck-thumbnails .cover-photo{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.product-demo{margin-top:24px;border:1px solid #ffffff15;border-radius:8px;min-height:140px;background:#ffffff03;overflow:hidden}.product-demo .mini-scene{position:relative;min-height:140px;padding:20px;display:flex;align-items:center;justify-content:center;gap:10px;perspective:700px;isolation:isolate}.mini-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,var(--experience-soft),transparent 70%);z-index:-1}.mini-caption{font-size:7px;color:#7c7c85;letter-spacing:1px;position:absolute;bottom:8px;left:12px}.mini-scene .demo-file{padding:16px 13px;border:1px solid #6b6060;border-radius:5px;background:#24242a;font-size:11px;font-weight:700;box-shadow:0 10px 20px #0005;transform:rotateY(-15deg) rotate(-5deg);animation:file-turn 6s ease-in-out infinite}.mini-scene .demo-file b{display:block;color:var(--experience-accent);font-size:26px;line-height:1.1;margin-bottom:6px}.mini-scene .demo-arrow{color:var(--experience-accent);font-size:23px;animation:arrow-pass 3s ease-in-out infinite}.mini-scene .demo-finish{background:var(--experience-accent);color:#101010;padding:14px;border-radius:5px;font-size:11px;box-shadow:0 8px 18px #0006}.kinetic-demo{font-size:27px;font-weight:900;letter-spacing:-1px;text-transform:uppercase;transform-style:preserve-3d;animation:kinetic-word 6s ease-in-out infinite;text-shadow:1px 2px #777,2px 4px #333,3px 6px #111}.kinetic-demo span{color:var(--experience-accent);display:block;font-size:34px}.mini-clone img{width:65px;height:85px;object-fit:cover;object-position:50% 30%;border:1px solid #555;border-radius:5px;box-shadow:0 6px 18px #0008}.mini-clone img:first-of-type{transform:rotateY(25deg) rotate(-8deg)}.mini-clone img:last-of-type{transform:rotateY(-25deg) rotate(8deg)}.mini-chat{display:block!important;padding:16px 20px 27px!important}.mini-chat p{font-size:10px!important;line-height:1.5!important;padding:7px 11px;background:#303037;border-radius:7px;max-width:85%;margin:0 0 7px!important}.mini-chat p:last-of-type{margin-left:auto!important;background:#2c5538;color:#e9f3ea}.mini-page{width:180px;transform:rotateY(-16deg) rotate(-3deg);border:1px solid #555;box-shadow:10px 13px 20px #0006;background:#eee3d7;padding:8px 10px;color:#1d1c1b;border-radius:4px}.mini-page header{font-size:6px;border-bottom:1px solid #aaa;padding-bottom:5px}.mini-page strong{font-size:18px;line-height:1;display:block;margin:8px 0}.mini-page i{height:7px;width:52%;display:block;background:var(--experience-accent);margin-top:8px}.mini-script{gap:6px!important}.mini-script div{border:1px solid #574b41;background:#211c18;border-radius:5px;padding:10px 8px;font-size:8px;line-height:1.5;transform:rotateY(-12deg);box-shadow:3px 8px 15px #0007}.mini-script b{display:block;font-size:12px;color:var(--experience-accent);margin-bottom:7px}
.carousel-lab{background:radial-gradient(ellipse at 70% 60%,#59331a1c,transparent 65%),#0d0e12;border-block:1px solid #262329}
.course-cover[data-cover="1"] .cover-photo,.course-cover[data-cover="2"] .cover-photo,.course-cover[data-cover="6"] .cover-photo,.course-cover[data-cover="7"] .cover-photo{height:68%;opacity:1;object-position:50% 0}.course-cover[data-cover="1"] .cover-photo,.course-cover[data-cover="6"] .cover-photo{object-position:50% 100%}.course-cover[data-cover="1"] .cover-glyph,.course-cover[data-cover="2"] .cover-glyph,.course-cover[data-cover="6"] .cover-glyph,.course-cover[data-cover="7"] .cover-glyph{display:none}
.bundle-presenter{object-fit:contain;mask-image:linear-gradient(#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 72%,transparent 100%)}
@keyframes card-hover{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes file-turn{0%,100%{transform:rotateY(-15deg) rotate(-5deg)}50%{transform:rotateY(10deg) rotate(3deg) translateY(-4px)}}@keyframes arrow-pass{0%,100%{opacity:.3;translate:-3px 0}50%{opacity:1;translate:3px 0}}@keyframes kinetic-word{0%,100%{transform:rotateY(-13deg) rotate(-3deg)}50%{transform:rotateY(14deg) rotate(2deg) translateZ(20px)}}@keyframes beam-sweep{0%,100%{rotate:-12deg;opacity:.4}50%{rotate:16deg;opacity:1}}@keyframes case-emerge{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:1100px){.deck-stage>.course-cover{width:250px;height:375px}.deck-stage>.deck-back{width:220px;height:330px}.dossier-wordmark>strong{font-size:78px}.dossier-wordmark>span{font-size:25px;letter-spacing:12px}.case-scene{height:560px}.case-file{width:118px;height:177px}.case-folder{height:150px}.case-folder>strong{font-size:25px}.case-file-stack{inset:240px 5px 0}}
@media(max-width:760px){.version-switch{padding:9px 10px;gap:6px}.version-switch>span{display:none}.version-switch>a{font-size:8px;padding:7px 9px}.deck-stage>.course-cover{width:210px;height:315px}.deck-stage>.deck-back{width:181px;height:271px}.product-demo{margin-top:20px;min-height:135px;text-align:left}.product-demo .mini-scene{min-height:135px}.dossie-mode .dossier-hero{display:flex;flex-direction:column;gap:0;padding:29px 0 26px;min-height:0}.dossier-copy{text-align:center;width:100%}.case-eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:21px}.dossier-wordmark{font-size:9px;letter-spacing:5px}.dossier-wordmark>strong{font-size:77px;letter-spacing:-4px;margin-top:8px}.dossier-wordmark>span{font-size:24px;letter-spacing:10px;padding-left:10px}.dossier-copy h1{font-size:26px;letter-spacing:-.8px;line-height:1.15;margin-top:26px}.dossier-copy>p:not(.case-eyebrow){font-size:12px;margin-top:17px}.classified-date{justify-content:center;font-size:8px;letter-spacing:.7px;margin:23px 0}.dossier-copy>small{font-size:9px;margin-top:14px}.case-scene{height:465px;width:100%;margin-top:16px}.case-portrait{height:370px;top:-5px;left:0;width:100%}.case-coordinates{top:45px;right:1%;font-size:6px;letter-spacing:1px}.case-file-stack{inset:220px -5px 0}.case-file{width:90px;height:135px}.case-file:nth-child(1){left:8%;top:8px}.case-file:nth-child(2){left:36%;top:-10px}.case-file:nth-child(3){left:65%;top:5px}.case-folder{height:122px;left:4%;right:0;bottom:25px;padding:18px 20px}.case-folder>span{font-size:6px;letter-spacing:1.2px}.case-folder>strong{font-size:25px;margin-top:9px}.case-folder>p{font-size:6px;letter-spacing:2px;margin-top:7px}.case-folder>b{right:18px;bottom:22px;font-size:35px}.case-stamp{font-size:6px;bottom:-3px;letter-spacing:1.5px;left:17%}.case-orbit{inset:55px -10px 80px}.native-cover-header{font-size:4.2cqw}.native-cover-foot{font-size:3.4cqw}}
@media(max-width:365px){.deck-stage>.course-cover{width:195px;height:292px}.deck-stage>.deck-back{width:169px;height:253px}.case-file{width:80px;height:120px}.case-folder>strong{font-size:22px}.version-switch>a{font-size:7px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.bundle-card,.demo-file,.demo-arrow,.kinetic-demo,.case-beam,.case-file{animation:none!important}}