:root{--bg:#062225;--panel:#10363a;--line:#366466;--orange:#ff8400;--white:#fff;--muted:#d2e1e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(155deg,#041d20,#0b3033);color:var(--white);font:17px/1.45 Calibri,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,label:focus-visible{outline:3px solid var(--orange);outline-offset:3px}a{color:inherit}.shell{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}.header{border-bottom:1px solid #325653}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:17px;padding-bottom:17px}.brand{font-size:28px;font-weight:900;text-decoration:none}.preview,.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.5px}.preview{color:#c1d8d4}.hero{padding-top:24px}.hero h1{font-size:clamp(36px,5.5vw,70px);line-height:1.08;margin:7px 0 12px;letter-spacing:-1px}.hero em{color:var(--orange);font-style:normal}.hero-sub{font-size:clamp(18px,2vw,24px);margin:0 0 18px}.hero-img{display:block;width:100%;max-height:520px;object-fit:cover;object-position:center;border-radius:17px;border:1px solid #4d645c}.workflow{display:grid;gap:18px;margin:22px 0 60px}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#103238,#11383a);border-radius:19px;padding:26px;scroll-margin-top:20px}.panel[hidden]{display:none}.panel-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.number{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:#244c42;border:1px solid #6b9b7a;font-size:20px;font-weight:900}.panel h2{font-size:clamp(25px,3vw,34px);margin:0 0 5px}.panel-head p{margin:0;color:var(--muted);font-size:18px}.upload-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:center}.deck-art{position:relative;border-radius:13px;overflow:hidden;background:#173b40;border:1px solid #4a7170}.deck-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ppt-label{position:absolute;bottom:10px;left:10px;background:#e85b36;color:white;padding:7px 10px;border-radius:7px;font-size:12px;font-weight:900}.upload-actions{display:flex;flex-direction:column;align-items:stretch;gap:11px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #6a8980;padding:13px 17px;min-height:52px;border-radius:11px;font-weight:900;color:white;text-align:center;text-decoration:none;background:#245044}.button.primary{background:var(--orange);color:#162529;border-color:#ffa44d}.button.secondary{background:#204146}.button:hover,.choice:hover{filter:brightness(1.12)}#pptx-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.hint{font-size:13px;color:#c4d6d4;margin:4px 0}.status{font-size:15px;color:#aee8cb;font-weight:800;margin:4px 0}.status.error{color:#ffb7a7}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.choice{min-height:174px;border:1px solid #578076;background:#1a4444;border-radius:13px;color:white;text-align:left;padding:19px;display:flex;flex-direction:column;gap:9px}.choice strong{font-size:22px;line-height:1.12}.choice small{font-size:15px;color:#d5e5e2}.choice-icon{font-size:26px;color:#ffac4a}.choose-arrow{font-size:14px;font-weight:900;color:#ffb45b;margin-top:auto}.output-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}#output-meta{font-size:14px;color:#bcd9d2;font-weight:800}.output-content{border:1px solid #57766f;border-radius:15px;background:#09292f;padding:22px}.result-banner{background:#1c4842;padding:22px;border-radius:13px;border-left:4px solid var(--orange);margin-bottom:17px}.result-banner h3{font-size:28px;margin:0 0 7px}.result-banner p{margin:0}.result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-card,.job-row,.next-step,.topic-detail{padding:17px;border-radius:12px;background:#194044;border:1px solid #446c68}.result-card h3{font-size:20px;margin:7px 0}.result-card ul,.job-row ul{padding-left:20px;margin:9px 0}.result-card li,.job-row li{margin-bottom:6px}.source-id{color:#ffba68;font-size:11px;letter-spacing:1px;font-weight:900}.next-step,.job-row{margin-top:12px}.kiosk-grid,.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kiosk-tile,.answer{border:1px solid #6a9a83;border-radius:12px;background:#245d4c;color:white;font-size:19px;font-weight:800;padding:18px;text-align:left}.topic-detail{margin-top:16px}.footer{border-top:1px solid #305653;padding-top:22px;padding-bottom:35px;color:#bbd1ce;font-size:12px;letter-spacing:1px;font-weight:800}@media(max-width:740px){.shell{padding-left:14px;padding-right:14px}.header-inner{padding-top:13px;padding-bottom:13px}.brand{font-size:24px}.preview{font-size:9px}.hero{padding-top:15px}.hero-img{max-height:310px;object-fit:cover}.panel{padding:18px;border-radius:15px}.panel-head{gap:11px}.number{flex-basis:36px;height:36px;font-size:17px}.panel-head p{font-size:16px}.upload-row,.choices,.result-cards,.kiosk-grid,.quiz-options{grid-template-columns:1fr}.choice{min-height:0;padding:17px;gap:6px}.choice strong{font-size:20px}.output-top{align-items:stretch;flex-direction:column}.output-content{padding:13px}}
/* Category-first Hopper vision showcase */
.category-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.source-option{padding:21px 13px;min-height:77px;background:#153e40;color:#fff;border:1px solid #5d7775;border-radius:13px;font-weight:900;font-size:20px;transition:background .15s,transform .15s}
.source-option:hover{transform:translateY(-2px);background:#205354}
.source-option.selected{background:#ff8400;color:#122729;border-color:#ffb05a;box-shadow:0 0 0 3px #ff840033}
.pick-footer{display:flex;align-items:center;gap:18px;margin-top:20px}.pick-footer .status{margin:0}
.button:disabled{opacity:.45;cursor:not-allowed}
.showcase{border-radius:18px;overflow:hidden;background:#071c25;border:1px solid #355d65}
.showcase-hero{padding:clamp(25px,5vw,56px);background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--category-accent) 20%,transparent),transparent 65%),linear-gradient(135deg,#123842,#091e2c);border-bottom:1px solid #41646a}
.showcase-hero>span:first-child{color:var(--category-accent);font-size:12px;letter-spacing:2px;font-weight:900}
.showcase-hero h3{font-size:clamp(32px,5vw,57px);line-height:1.05;max-width:850px;margin:15px 0}
.showcase-hero p{font-size:clamp(18px,2vw,23px);max-width:750px;color:#e0eae9}
.experience-tiles{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.experience-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-height:190px;padding:23px;border-radius:14px;border:1px solid #52757b;background:linear-gradient(135deg,#1b4a4d,#13323f);color:white}
.experience-tile:hover,.comparison-table button:hover,.storyline button:hover{border-color:var(--category-accent);background:#245457}
.experience-tile strong{font-size:25px}.experience-tile>span:not(.tile-index){font-size:17px;color:#d9e9e7}.experience-tile b{margin-top:auto;color:var(--category-accent)}
.tile-index{font-size:12px;color:var(--category-accent);font-weight:900;letter-spacing:2px}
.showcase-lineage{padding:18px 25px;background:#0b2b33;border-top:1px solid #41646a;color:#d1e3e3;font-size:12px;letter-spacing:1px;font-weight:900}.showcase-lineage span{color:var(--category-accent);padding:0 8px}
.experience-detail{margin:0 20px 20px;padding:26px;background:#23484d;border:1px solid var(--category-accent);border-radius:14px}.experience-detail h3{font-size:30px;margin:9px 0}.experience-detail p{font-size:19px}.detail-foot{font-size:12px;color:#c8e0db}
.comparison-table,.storyline{padding:20px;display:grid;gap:10px}.comparison-table button,.storyline button{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:20px;text-align:left;padding:20px;border:1px solid #426f72;background:#183b47;color:white;border-radius:11px}.comparison-table strong{color:var(--category-accent)}.storyline button{grid-template-columns:110px 1fr 1.4fr}.storyline small{color:var(--category-accent);font-weight:900}.storyline strong{font-size:21px}
.assessment{padding:clamp(25px,4vw,45px)}.assessment h3{font-size:clamp(25px,4vw,37px);max-width:780px}.assessment button{display:block;width:100%;text-align:left;margin:11px 0;padding:18px;border:1px solid #578787;border-radius:12px;background:#17414a;color:#fff;font-size:19px}.assessment button:hover{border-color:var(--category-accent)}.assessment .eyebrow{color:var(--category-accent)}
.immersive{min-height:340px;background:radial-gradient(circle at 85% 55%,color-mix(in srgb,var(--category-accent) 25%,transparent),transparent 40%),linear-gradient(135deg,#091d2e,#133b47)}.pulse{display:inline-block;margin-top:22px;color:var(--category-accent);font-size:12px;font-weight:900;letter-spacing:1px}
@media(max-width:740px){.category-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.source-option{min-height:60px;font-size:17px;padding:12px}.pick-footer{flex-direction:column;align-items:stretch}.experience-tiles{grid-template-columns:1fr;padding:12px}.experience-tile{min-height:145px;padding:18px}.showcase-hero{padding:23px}.comparison-table button,.storyline button{grid-template-columns:1fr;gap:8px;padding:16px}.comparison-table,.storyline{padding:12px}.experience-detail{margin:0 12px 12px}.showcase-lineage{font-size:10px;line-height:1.8;padding:13px}}

/* v1.5: strong selection feedback and full-screen-inspired exhibit */
.choice.chosen,.experience-tile.chosen,.exhibit-scenes button.chosen{border:2px solid #ffad36!important;background:#36533e!important;box-shadow:inset 5px 0 #ff8400,0 0 0 3px #ff840029}
.choice.chosen:after{content:"✓ SELECTED";color:#ffbc64;font-size:12px;font-weight:900;letter-spacing:1px;margin-top:8px}
.exhibit{background:#061924;color:#fff;border-radius:16px;overflow:hidden}
.exhibit-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 23px;border-bottom:1px solid #365768;font-size:11px;font-weight:900;letter-spacing:1.5px}
.exhibit-live{color:#a7f3d0}
.exhibit-stage{position:relative;min-height:440px;padding:clamp(25px,5vw,65px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;isolation:isolate;background:linear-gradient(90deg,#051a27f2 0%,#082634bd 55%,#0a344c55 100%),radial-gradient(circle at 80% 40%,var(--category-accent),transparent 52%),linear-gradient(125deg,#0a2a38,#154c5e)}
.exhibit-stage:after{content:"";position:absolute;right:5%;top:10%;width:36%;height:75%;border:2px solid color-mix(in srgb,var(--category-accent) 70%,white);border-radius:50%;opacity:.25;transform:rotate(-20deg);z-index:-1;box-shadow:0 0 70px var(--category-accent)}
.exhibit-stage .eyebrow{color:var(--category-accent);font-size:12px;letter-spacing:2px}
.exhibit-stage h3{font-size:clamp(39px,6vw,74px);line-height:1.03;max-width:780px;margin:14px 0 18px}
.exhibit-stage p{font-size:clamp(18px,2vw,25px);max-width:590px;color:#e0f0f1}
.exhibit-start{margin-top:18px;background:var(--category-accent);color:#08202a;border:0;border-radius:100px;padding:16px 25px;font-weight:900;font-size:18px;display:flex;gap:35px}
.exhibit-nav{padding:23px;background:#092631}.exhibit-nav>span{font-size:11px;letter-spacing:2px;font-weight:900;color:#b9d3d8}
.exhibit-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:14px}
.exhibit-scenes button{min-height:140px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:15px;padding:17px;border-radius:12px;border:1px solid #547786;background:#173d4c;color:#fff}
.exhibit-scenes button>span:first-child{color:var(--category-accent);font-size:13px;font-weight:900}
.exhibit-scenes strong{font-size:19px;line-height:1.1}.scene-arrow{margin-top:auto;color:var(--category-accent)}
@media(max-width:740px){.exhibit-stage{min-height:440px;padding:25px}.exhibit-stage h3{font-size:40px}.exhibit-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.exhibit-scenes button{min-height:125px;padding:13px}.exhibit-scenes strong{font-size:16px}.exhibit-top{padding:13px;font-size:9px}.exhibit-live{max-width:95px;text-align:right}}

/* Nine distinctly designed interactive showcases */
.ux-demo{background:#071c28;color:#fff;border-radius:15px;overflow:hidden;font-family:Calibri,Arial,sans-serif}
.ux-context{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:14px;background:#0b2b35;border-bottom:1px solid #315461}.ux-chip{font-size:11px;font-weight:900;letter-spacing:.5px;background:#234651;padding:7px 10px;border-radius:30px}.ux-chevron{color:var(--ux-accent);font-size:22px}
.ux-heading{padding:clamp(22px,4vw,44px) clamp(19px,4vw,44px) 15px}.ux-heading h3{font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.6px;margin:10px 0}.ux-heading p{font-size:18px;color:#cde0e4;max-width:700px}.ux-eyebrow{font-size:12px;font-weight:900;letter-spacing:1.8px;color:var(--ux-accent)}
.ux-sales{background:linear-gradient(130deg,#0c2d38,#091e2a)}.ux-sales-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;padding:8px 28px 28px}.ux-choice-stack{display:grid;gap:9px}.ux-item{display:grid;grid-template-columns:38px 1fr 25px;gap:12px;align-items:center;text-align:left;border:1px solid #3f6a72;background:#1b424d;border-radius:12px;color:white;padding:15px}.ux-item:hover,.ux-item.chosen{border-color:var(--ux-accent);background:#27525c}.ux-index,.ux-arrow{color:var(--ux-accent);font-weight:900}.ux-item strong{display:block;font-size:19px}.ux-item small{display:block;font-size:14px;color:#c5d9df;margin-top:4px}.ux-action-bar{display:flex;justify-content:space-around;gap:10px;border-top:1px solid #42616a;padding:16px;font-size:12px;letter-spacing:1px;color:#bad5d7;font-weight:900}
.ux-illustration{position:relative;min-height:280px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ux-accent) 24%,transparent),transparent 65%),linear-gradient(135deg,#123847,#061a29);display:grid;place-items:center}.ux-orbit{position:absolute;width:65%;aspect-ratio:1;border:2px solid var(--ux-accent);opacity:.42;border-radius:50%;transform:rotate(-35deg) scaleY(.65)}.orbit-b{transform:rotate(55deg) scaleY(.65);width:85%;opacity:.22}.ux-center-mark{font-size:clamp(100px,16vw,190px);font-weight:900;color:var(--ux-accent);line-height:1;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--ux-accent) 50%,transparent))}.ux-spark{position:absolute;color:var(--ux-accent);font-size:34px}.s1{top:18%;left:20%}.s2{right:16%;bottom:20%}
.ux-compare{background:#102936}.ux-comparison{padding:12px 25px 30px}.ux-compare-head,.ux-comparison button{display:grid;grid-template-columns:1fr 1.5fr 85px;gap:15px;align-items:center}.ux-compare-head{color:#8fb3c1;font-size:11px;letter-spacing:1.3px;font-weight:900;padding:12px}.ux-comparison button{width:100%;border:1px solid #3d6571;background:#183b4a;color:#fff;text-align:left;padding:20px 14px;margin-bottom:8px;border-radius:10px}.ux-comparison button:hover{border-color:var(--ux-accent)}.ux-comparison button strong{font-size:18px}.ux-comparison button span{color:#d2e4e8}.ux-comparison button b{color:var(--ux-accent)}
.ux-pitch{background:#091e29}.ux-pitch-cover{display:grid;grid-template-columns:1.15fr .85fr;min-height:330px;background:linear-gradient(130deg,#0b2633,#1c4753)}.ux-pitch-cover .ux-illustration{margin:15px}.ux-pitch-chapters{padding:22px}.ux-chapter-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.ux-chapter-list button{min-height:110px;display:flex;flex-direction:column;gap:13px;text-align:left;border:1px solid #416776;background:#173947;border-radius:10px;color:#fff;padding:14px}.ux-chapter-list button span{color:var(--ux-accent);font-weight:900}.ux-chapter-list button strong{font-size:18px}
.ux-learning{background:#112a35}.ux-progress,.ux-quiz-progress{height:7px;background:#294852;margin:0 35px 20px;border-radius:20px;overflow:hidden}.ux-progress span,.ux-quiz-progress span{display:block;width:25%;height:100%;background:var(--ux-accent)}.ux-module-grid{padding:8px 26px 30px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ux-module-grid button{min-height:190px;display:flex;flex-direction:column;gap:12px;text-align:left;background:#204450;border:1px solid #426e75;border-radius:13px;padding:20px;color:#fff}.ux-module-badge{font-size:11px;color:var(--ux-accent);font-weight:900;letter-spacing:1px}.ux-module-grid strong{font-size:24px}.ux-module-grid small{font-size:15px;color:#d1e2e6}.ux-module-grid b{color:var(--ux-accent);margin-top:auto}
.ux-quiz{padding:clamp(23px,5vw,55px);background:#122f3c}.ux-quiz-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ux-accent);font-weight:900;letter-spacing:1px}.ux-quiz-progress{margin:20px 0 35px}.ux-quiz h3{font-size:clamp(28px,4vw,45px);margin-bottom:12px}.ux-quiz blockquote{border-left:4px solid var(--ux-accent);padding:14px 20px;background:#1d4652;margin:0 0 25px;font-size:20px}.ux-quiz-answers{display:grid;gap:10px}.ux-quiz-answers button{display:flex;align-items:center;gap:18px;padding:16px;background:#1c4552;border:1px solid #52717a;border-radius:10px;color:#fff;text-align:left;font-size:18px}.ux-quiz-answers button span{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--ux-accent);border-radius:8px;color:var(--ux-accent);font-weight:900}
.ux-guide{background:#0e2a34}.ux-guide-search{display:flex;align-items:center;gap:12px;background:#21434b;border:1px solid #54727a;padding:15px 22px;border-radius:10px;margin:0 25px 15px;color:#c6dbe0}.ux-guide-search span:first-child{font-size:26px}.ux-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 25px 30px}.ux-guide-grid button{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;border:1px solid #456a72;border-radius:12px;background:#193e48;color:#fff}.ux-guide-icon{color:var(--ux-accent);font-size:26px}.ux-guide-grid strong{font-size:22px}.ux-guide-grid small{color:#d2e4e7;font-size:15px}.ux-guide-grid b{color:var(--ux-accent);margin-top:auto}
.ux-explorer{background:#071e2b}.ux-explorer .ux-illustration{min-height:290px;margin:0 25px 20px}.ux-explorer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 25px 28px}.ux-explorer-grid button{display:flex;flex-direction:column;min-height:135px;gap:12px;text-align:left;background:#1b4250;border:1px solid #4b707c;border-radius:11px;color:white;padding:16px}.ux-explorer-grid button span,.ux-explorer-grid button b{color:var(--ux-accent)}.ux-explorer-grid button strong{font-size:19px}
.ux-finder{background:#102c39}.ux-finder-step{margin:10px 28px 30px;background:#193f4b;padding:28px;border-radius:16px;border:1px solid #49707b}.ux-finder-step>span{font-size:12px;color:var(--ux-accent);font-weight:900}.ux-finder-step h4{font-size:27px;margin:14px 0}.ux-finder-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ux-finder-options button{display:flex;align-items:center;gap:13px;text-align:left;background:#24515b;color:#fff;padding:18px;border:1px solid #5a8185;border-radius:10px}.ux-finder-options button strong{flex:1}.ux-radio{width:20px;height:20px;border:2px solid var(--ux-accent);border-radius:50%}
.ux-immersive{background:#061824}.ux-immersive-top{display:flex;justify-content:space-between;gap:10px;padding:16px 25px;color:#c7e2e7;font-size:11px;letter-spacing:1.2px;font-weight:900}.ux-immersive-top span:last-child{color:var(--ux-accent)}.ux-immersive-stage{display:grid;grid-template-columns:.9fr 1.1fr;min-height:400px;background:linear-gradient(120deg,#0d3542,#0b2432)}.ux-immersive-stage .ux-illustration{border-radius:0}.ux-immersive-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px}.ux-immersive-copy h3{font-size:clamp(35px,5vw,60px);line-height:1.05;margin:13px 0}.ux-immersive-copy p{font-size:19px;color:#d7e8e9}.ux-immersive-copy button{background:var(--ux-accent);color:#061824;border:0;border-radius:30px;padding:15px 20px;font-weight:900;font-size:17px}.ux-immersive-copy button span{margin-left:20px}.ux-scene-nav{padding:20px}.ux-scene-nav>span{font-size:11px;letter-spacing:1px;color:#b8d3d8;font-weight:900}.ux-scene-nav>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.ux-scene-nav button{min-height:120px;display:flex;flex-direction:column;gap:10px;text-align:left;padding:14px;background:#173b4a;border:1px solid #456e79;border-radius:10px;color:#fff}.ux-scene-nav small,.ux-scene-nav b{color:var(--ux-accent)}.ux-scene-nav strong{font-size:17px}
.ux-detail{margin:14px 22px;padding:22px;background:#204652;border:1px solid var(--ux-accent);border-radius:13px}.ux-detail .experience-detail{border:0;background:none;margin:0;padding:0}.ux-detail .experience-detail h3{font-size:27px}.ux-close{border:1px solid #72919a;background:#173b49;color:#fff;border-radius:8px;padding:9px 14px}.ux-footer{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;border-top:1px solid #42626d;color:#abc9d0;font-size:11px;font-weight:900;letter-spacing:1px}.ux-demo button:hover{filter:brightness(1.15)}.ux-demo button.chosen{border-color:var(--ux-accent)!important;box-shadow:inset 4px 0 var(--ux-accent)}
@media(max-width:740px){.ux-sales-layout,.ux-pitch-cover,.ux-immersive-stage{grid-template-columns:1fr}.ux-sales-layout{padding:10px}.ux-sales-layout .ux-illustration{min-height:180px}.ux-pitch-cover .ux-illustration{min-height:190px}.ux-chapter-list,.ux-explorer-grid,.ux-scene-nav>div{grid-template-columns:repeat(2,1fr)}.ux-module-grid,.ux-guide-grid,.ux-finder-options{grid-template-columns:1fr}.ux-compare-head{display:none}.ux-comparison{padding:10px}.ux-comparison button{grid-template-columns:1fr;gap:7px}.ux-illustration{min-height:220px}.ux-immersive-stage .ux-illustration{min-height:210px}.ux-immersive-copy{padding:24px}.ux-immersive-copy h3{font-size:39px}.ux-heading{padding:23px 18px 10px}.ux-guide-search{margin:0 12px 12px}.ux-guide-grid,.ux-module-grid{padding:10px 12px 22px}.ux-finder-step{margin:10px 12px 20px;padding:16px}.ux-footer{font-size:9px;flex-direction:column}.ux-detail{margin:10px;padding:15px}.ux-action-bar{font-size:10px}}

/* Connected golden-light journey: each selection carries light forward */
.workflow{position:relative;isolation:isolate;gap:25px}
.workflow::before{content:"";position:absolute;top:0;bottom:0;left:33px;width:4px;border-radius:10px;background:linear-gradient(180deg,#ffc74a,#ff9900 25%,#ffcc63 55%,#ff8400);box-shadow:0 0 12px 3px #ffae27aa,0 0 35px 9px #ff9a0055;z-index:-1}
.workflow>.panel{position:relative;transition:border-color .28s,box-shadow .28s}
.workflow>.panel.light-passed,.workflow>.panel.light-active{border-color:#e6a63e;box-shadow:0 0 0 1px #ffc95a55,0 0 26px #ffae2622}
.workflow>.panel .number{border:2px solid #ffbc50;color:#ffe2a0;background:#513b17;box-shadow:0 0 13px #ff9b0055}
.workflow>.panel.light-active .number{background:#ffb72d;color:#1c231c;box-shadow:0 0 18px 4px #ffab2c88}
.source-option.selected,.source-option.light-selected{background:#ffb629!important;border:2px solid #ffdc74!important;color:#20271f!important;box-shadow:0 0 0 3px #ffcf5960,0 0 23px #ffaf3880!important}
.choice.chosen,.ux-demo button.chosen,.ux-item.chosen,.ux-comparison button.chosen,.ux-chapter-list button.chosen,.ux-module-grid button.chosen,.ux-guide-grid button.chosen,.ux-explorer-grid button.chosen,.ux-finder-options button.chosen,.ux-scene-nav button.chosen,.ux-quiz-answers button.chosen,.experience-tile.chosen{border:2px solid #ffcd55!important;background:linear-gradient(135deg,#6c4a17,#38452f)!important;box-shadow:0 0 0 2px #ffcc5840,0 0 19px #ffc14266,inset 4px 0 #ffb12b!important;color:#fff!important}
.choice.chosen:after{content:"✓ SELECTED";color:#ffe09a!important}
.ux-demo button.chosen strong,.ux-demo button.chosen b,.ux-demo button.chosen small,.ux-demo button.chosen span{color:#ffe3a0}
.ux-detail{border:2px solid #ffd15b!important;box-shadow:0 0 20px #ffc33b66,0 0 45px #ff9c0029!important}
.ux-detail .eyebrow{color:#ffd15b}
#output-panel.light-active .output-content{border-color:#eab84c;box-shadow:0 0 25px #ffb31f22}
.finish-actions{display:flex;justify-content:flex-end;padding:20px 0 8px}
.finish-actions .button{min-width:180px}
@media(max-width:740px){.workflow::before{left:22px;width:3px;box-shadow:0 0 12px #ffac35aa}.workflow{gap:24px}.finish-actions{padding:18px 0 6px}.finish-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.workflow>.panel{transition:none}}