/* Dark atelier: continuous procedural scenery, fixed galleries, quiet controls. */
:root {--bg:#050b16;--panel:rgba(12,25,46,.88);--panel-strong:rgba(20,37,62,.96);--surface-popover:rgba(11,23,41,.99);color-scheme:dark!important}
body {isolation:isolate;background:var(--bg)}
.ambient-field {position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;contain:strict}
.scene-surface::before,main.scene-surface::before {display:none}
body::before {display:block;content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 0 25%,#102545aa,transparent 55%),radial-gradient(ellipse at 100% 65%,#111d46aa,transparent 55%)}
[data-theme-toggle] {display:none!important}
.motion-toggle {color:var(--muted);opacity:.75}
.motion-toggle:hover,.motion-toggle:focus-visible {opacity:1;color:var(--text)}
.motion-play-icon {display:none}
.motion-toggle[aria-pressed="true"] .motion-play-icon {display:block}
.motion-toggle[aria-pressed="true"] .motion-pause-icon {display:none}
html[data-motion="paused"] :is(.hero-visual,.product-media-thumb,.upgrade-pulse,.flame,.orbit),html[data-motion="paused"] :is(.product-media-thumb,.upgrade-pulse,.flame)::before,html[data-motion="paused"] :is(.product-media-thumb,.upgrade-pulse,.flame)::after {animation-play-state:paused!important}
.hero-visual {min-height:0;aspect-ratio:1;max-width:590px;perspective:none}
.hero-visual::before,.hero-visual .orbit,.hero-visual .floating-tag {display:none}
.globe-control {position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.globe-control:active {cursor:grabbing}
.globe-control:focus-visible {outline:2px solid #72c5ff;outline-offset:-20px}
.globe-control canvas {display:block;width:100%;height:100%;pointer-events:none}
.globe-static {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.globe-control[data-ready="true"] .globe-static {display:none}
.home-course-icon svg {width:28px;height:28px}
.product-media-card {padding:12px;overflow:hidden}
.product-media-stage {width:100%;aspect-ratio:5 / 3;height:auto;min-height:0;transition:none;background:#0a1523;border-radius:17px}
.product-media-stage>img {width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:filter .18s ease;filter:brightness(1)}
.product-media-stage>img[data-framing="inset"] {transform:scale(1.075)}
.product-media-stage>img:hover {transform:none;filter:brightness(1.04)}
.product-media-stage>img[data-framing="inset"]:hover {transform:scale(1.075)}
.product-media-stage>iframe {width:100%;height:100%}
.product-media-thumbs {margin-top:12px;gap:8px}
.product-actions {padding:0 6px 6px}
.product-access-meta {padding-inline:6px}
.product-upgrade-modal {position:relative;width:min(740px,calc(100vw - 32px));padding:50px 26px 28px;border:1px solid rgba(144,182,242,.24);border-radius:30px;background:linear-gradient(160deg,#122238,#091321 80%);box-shadow:0 35px 120px #0009,inset 0 1px 0 #bcdcff12}
.product-upgrade-modal .modal-head {display:block;margin:0;text-align:center}
.product-upgrade-modal h2 {padding:0;margin:4px 0 25px;font-size:clamp(26px,3.6vw,38px);line-height:1.18;letter-spacing:-.04em;overflow-wrap:anywhere}
.product-upgrade-modal .modal-close {position:absolute;top:12px;inset-inline-end:14px;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #98b7e42b;background:#07132277;color:#b8cce7;cursor:pointer;transition:background .2s,transform .2s,color .2s}
.product-upgrade-modal .modal-close:hover {background:#294465;color:#fff;transform:rotate(90deg)}
.product-upgrade-actions {margin:0;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.access-option {appearance:none;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:15px;min-width:0;padding:30px 20px 28px;min-height:290px;border:1px solid #80adff4d;border-radius:22px;background:linear-gradient(145deg,#21467555,#131b3555);color:var(--text);font:inherit;text-decoration:none;text-align:center;cursor:pointer;transition:transform .22s ease,border-color .22s,box-shadow .22s,background .22s}
.access-option:not(:disabled):hover {transform:translateY(-3px);border-color:#80bfff;box-shadow:0 12px 34px #04112499,inset 0 0 24px #3c88ed15}
.access-option:focus-visible,.modal-close:focus-visible,.dashboard-signout:focus-visible {outline:2px solid #8acfff;outline-offset:4px}
.access-option-icon {width:112px;height:98px;border-radius:0;object-fit:contain;flex-shrink:0;margin:0 auto 2px}
.access-plan-mark {display:grid;place-items:center;font-size:86px;font-weight:400;line-height:1;color:#bba4ff;text-shadow:0 0 24px #8d68fa50}
.access-plan-mark[data-plan-mark="lite"] {color:#85d5ff;text-shadow:0 0 24px #57b8ff40;font-size:72px}
.access-plan-mark[data-plan-mark="plus"] {color:#88b5ff;text-shadow:0 0 24px #5994ff50;font-size:76px}
.access-option-name {display:block;font-size:clamp(20px,2.4vw,27px);line-height:1.2;font-weight:750}
.access-option-detail {display:block;font-size:14px;line-height:1.6;color:#b8c8df;text-wrap:pretty}
.access-option-pass {background:linear-gradient(145deg,#6b512a33,#2a221a33);border-color:#d4b26955}
.access-option-pass:not(:disabled):hover {border-color:#f0cb7c;box-shadow:0 12px 34px #04112499,inset 0 0 24px #d4a2480d}
.access-option:disabled {cursor:default;opacity:.66}
.access-preview {margin:4px 0 -6px;padding:10px 18px;font-size:14px}
.dashboard-account-rail {position:sticky;top:98px;align-self:start;min-width:0}
.dashboard-account-rail .dashboard-sidebar {position:static}
.dashboard-signout {margin:14px 0 0 12px;background:transparent;border-color:transparent;opacity:.8;transition:background .2s,opacity .2s}
.dashboard-signout:hover {opacity:1;background:#ff4b5e14;border-color:#ff4b5e40}
.dashboard-account-rail .dashboard-sidebar>.upgrade-pulse {display:flex}
@media(max-width:980px) {.dashboard-account-rail{position:static}.hero-visual{width:min(100%,470px)}.access-option{padding:24px 18px}}
@media(max-width:720px) {.product-media-card{padding:10px}.product-media-stage{border-radius:13px}.product-upgrade-modal{padding:47px 18px 22px}.access-option{padding:24px 15px;min-height:280px}.access-option-icon{width:94px;height:84px}.access-plan-mark{font-size:74px}.access-option-detail{font-size:14px}.dashboard-signout{margin-top:8px}}
@media(max-width:440px) {.product-upgrade-modal{padding-inline:12px}.product-upgrade-actions{gap:9px}.access-option{padding:22px 11px;gap:12px;min-height:278px}.access-option-name{font-size:19px}.access-option-icon{width:80px;height:75px}.access-plan-mark{font-size:68px}.product-upgrade-modal h2{font-size:28px}.access-option-detail{font-size:13px}.motion-toggle{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce) {.access-option,.product-upgrade-modal .modal-close{transition:none}.product-upgrade-modal{animation:none}.product-media-stage>img{transition:none}}