:root{--ink:#102a42;--gold:#be8036;--accent:#008f9c;--sublime:#f4f8fa;--hair:#dce7eb;--soft:#6c8090}
.disc-shell{max-width:1450px;margin:0 auto;padding:0 40px}
.disc-hero{margin-top:6px;position:relative;overflow:hidden;min-height:410px;border-radius:25px;background:#10283a;color:white;display:grid;grid-template-columns:48% 52%;align-items:center}
.disc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,32,49,.97) 3%,rgba(10,37,53,.91) 38%,rgba(9,35,47,.19) 75%),url('learning-assets/laboratory.webp') center / cover}
.disc-hero-copy{padding:50px 55px;position:relative;z-index:1}.disc-hero .eyebrow{color:#7cd2db}.disc-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.06;letter-spacing:-2.2px;margin:18px 0}.disc-hero h1 em{font-style:normal;color:#f4c285}.disc-hero p{font-size:17px;line-height:1.7;color:#d4e3eb}.disc-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.disc-hero-actions a:first-child{background:#f5f8fb;color:#0c3049}.disc-hero-note{position:relative;z-index:1;justify-self:end;align-self:end;margin:40px;padding:18px 23px;max-width:320px;background:#071925c9;border:1px solid #ffffff53;border-radius:17px;backdrop-filter:blur(8px);line-height:1.5}
.disc-hero-note strong{display:block;color:#ffe0ad}.disc-head{display:flex;justify-content:space-between;gap:25px;align-items:end}.disc-head h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.3px;margin:10px 0}.disc-section{padding:50px 0}.lab-intro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0}.lab-principle{border:1px solid var(--hair);padding:18px;border-radius:15px;background:white}.lab-principle strong{display:block}.lab-principle span{color:var(--soft);font-size:12px;line-height:1.4}.lab-selector{display:flex;flex-wrap:wrap;gap:10px;padding:22px 0 14px}.lab-tab{border:1px solid #cbdce5;background:white;border-radius:12px;padding:14px 17px;color:var(--ink);font-weight:750;text-align:left}.lab-tab[aria-selected=true]{background:#12314a;color:#fff;border-color:#12314a}.lab-tab small{display:block;font-size:11px;font-weight:500;margin-top:4px;color:inherit;opacity:.8}.experiment{display:none}.experiment.active{display:block}.lab-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px}.lab-scene,.lab-controls,.lab-learning{border:1px solid var(--hair);border-radius:19px;background:white;box-shadow:0 8px 25px #13394a0b}.lab-scene{padding:24px;overflow:hidden}.lab-controls{padding:25px}.lab-scene h3,.lab-controls h3{margin:7px 0 10px;font-size:25px;letter-spacing:-.75px}.lab-description{color:var(--soft);margin:0 0 19px;line-height:1.6;font-size:14px}.scene-stage{background:linear-gradient(160deg,#eaf4f6,#f8faf9 65%,#f7efe3);border-radius:15px;overflow:hidden;position:relative;min-height:250px}.scene-stage svg{width:100%;height:auto;display:block}.run-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.lab-btn{border:1px solid #b8d1db;background:white;color:#12314a;padding:11px 17px;border-radius:22px;font-size:14px;font-weight:750}.lab-btn.primary{background:#173a53;border-color:#173a53;color:#fff}.lab-btn:hover{filter:brightness(.95)}.lab-btn:focus-visible,.lab-tab:focus-visible,.step-button:focus-visible{outline:3px solid #20a5c3;outline-offset:3px}.lab-btn:disabled{opacity:.45;cursor:not-allowed}.lab-slider{margin:23px 0}.lab-slider label{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:14px}.lab-slider output{color:#126b8a}.lab-slider input[type=range]{width:100%;accent-color:#238aa3;margin:11px 0 0}.lab-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.lab-stat{background:#eef5f8;border:1px solid #d7e8ef;border-radius:12px;padding:14px 12px;min-width:0}.lab-stat small{display:block;color:#657e8f;font-size:11px}.lab-stat strong{display:block;font-size:25px;letter-spacing:-.9px;margin-top:5px;overflow-wrap:anywhere}.lab-status{padding:14px 16px;border-radius:12px;background:#eaf5f3;border-left:3px solid #2a9c95;font-size:14px;line-height:1.6}.lab-status[data-risk=true]{background:#fff5e8;border-color:#c79249}.lab-learning{margin-top:20px;padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}.lab-learning h3{margin:5px 0 10px;font-size:20px}.lab-learning p{color:#516e81;line-height:1.55;margin:0}.lab-learning .reveal{margin-top:10px}.lesson-hidden{filter:blur(4px);user-select:none}.hint{font-size:12px;color:#637e8c;line-height:1.5}.lab-linkrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.lab-linkrow a{font-size:13px;color:#0e6588;font-weight:800}.lab-linkrow a:hover{text-decoration:underline}.flow-visual{height:255px;background:linear-gradient(#f7fbfc,#e9f3f8);border:1px solid #dae9ef;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.machine-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:30px;width:100%}.machine{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#fff;border:2px solid #c2dce7;border-radius:13px;min-height:135px;box-shadow:inset 0 -9px #f0f4f6}.machine.active-limit{border-color:#ce8d40;background:#fff3e4}.machine strong{font-size:15px}.machine em{font-size:12px;font-style:normal;color:#647c8e}.machine .wheel{width:43px;height:43px;border:6px dashed #248aa1;border-radius:50%;animation:wheel 3s linear infinite}.machine.active-limit .wheel{border-color:#c58b39}.machine:after{content:'→';position:absolute;right:-19px;font-size:24px;color:#b18143}.machine:last-child:after{content:''}.flow-parcels{position:absolute;bottom:19px;left:7%;right:7%;height:18px;border-top:2px dashed #98bbc6}.flow-parcels i{position:absolute;top:-7px;display:block;width:13px;height:13px;border-radius:3px;background:#ce964d;animation:parcel 5s linear infinite}.flow-parcels i:nth-child(2){animation-delay:-1.7s}.flow-parcels i:nth-child(3){animation-delay:-3.3s}.staff-visual{height:255px;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px;align-items:center;padding:24px}.staff-box{border:1px solid #c8e1e7;border-radius:14px;padding:15px 8px;text-align:center;background:#fff}.staff-box small{display:block;color:#53758a;font-size:11px}.staff-box strong{display:block;font-size:26px}.staff-box .dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:15px;min-height:38px}.staff-box .dots i{display:block;width:12px;height:12px;border-radius:3px;background:#d59b4f;animation:taskglow 1.5s ease-in-out infinite alternate}.staff-box .dots i:nth-child(2n){animation-delay:.3s}.staff-box .dots i:nth-child(3n){animation-delay:.7s}.staff-box.completed .dots i{background:#2f9e99}.staff-box.waiting .dots i{background:#d9a35a}.people-icon{display:flex;align-items:center;justify-content:center;gap:7px;font-size:30px}.cash-visual{display:flex;gap:12px;justify-content:space-around;align-items:end;padding:30px 20px;height:260px}.cash-column{width:25%;height:170px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.cash-bar{width:60%;background:linear-gradient(#3faba9,#1a647d);border-radius:6px 6px 0 0;transition:height .25s;min-height:4px}.cash-column:nth-child(2) .cash-bar{background:linear-gradient(#e9b67d,#b77734)}.cash-column:nth-child(3) .cash-bar{background:linear-gradient(#779dcc,#224d7e)}.cash-column small{font-size:11px;color:#5a7485;text-align:center}.lab-edge{border-top:1px solid #e1eaf0;padding:22px 0;font-size:13px;color:#668093}.featured-strip{margin:20px 0 15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:22px 27px;border-radius:17px;background:linear-gradient(115deg,#0c3047,#204b5d);color:white}.featured-strip p{margin:6px 0;color:#c1dce6}.featured-strip a{color:#143347;background:white;padding:12px 19px;border-radius:30px;font-weight:800}.discovery-nav{background:#edf7f9;border-radius:15px;padding:20px;margin-top:14px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}.discovery-nav p{margin:0;color:#556c7c}.discovery-nav a{font-weight:800;color:#0d6687}
@keyframes wheel{to{transform:rotate(360deg)}}@keyframes parcel{0%{left:0;opacity:0}8%{opacity:1}95%{opacity:1}100%{left:97%;opacity:0}}@keyframes taskglow{from{opacity:.4}to{opacity:1}}
#ball-stage .lever{transform-origin:365px 275px;transition:transform .4s ease}#ball-stage.trigger .lever{transform:rotate(-18deg)}#ball-stage .gear{transform-box:fill-box;transform-origin:center;transition:transform 1.4s ease}#ball-stage.trigger .gear.one{transform:rotate(240deg)}#ball-stage.trigger .gear.two{transform:rotate(-330deg)}#ball-stage .output-fill{transition:width .65s ease}#ball-stage .glowpath{stroke-dasharray:13 13;stroke-dashoffset:120;opacity:0}#ball-stage.trigger .glowpath{opacity:1;animation:glowdash 1s linear infinite}#ball-stage .tag{font-size:16px;fill:#527789;font-weight:700}#ball-stage .faint{stroke:#8fb2bb;stroke-width:5;stroke-linecap:round}#ball-stage .rail{stroke:#b67c3c;stroke-width:9;stroke-linecap:round}#ball-stage .outline{stroke:#325b6c;stroke-width:3;fill:none}@keyframes glowdash{to{stroke-dashoffset:0}}
@media(max-width:950px){.disc-shell{padding:0 20px}.disc-hero{grid-template-columns:1fr}.disc-hero:before{background:linear-gradient(90deg,#0e2735ef,#123b44aa),url('learning-assets/laboratory.webp') center/cover}.disc-hero-note{justify-self:start;margin:0 35px 30px}.lab-grid{grid-template-columns:1fr}.lab-intro{grid-template-columns:repeat(2,1fr)}}
@media(max-width:590px){.disc-shell{padding:0 15px}.disc-hero-copy{padding:28px}.disc-hero h1{font-size:41px}.lab-intro{grid-template-columns:1fr 1fr}.lab-tab{flex:1 1 40%;padding:12px}.lab-scene,.lab-controls{padding:16px}.lab-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-stat{padding:12px 6px}.lab-stat strong{font-size:21px}.machine-row{padding:15px;gap:10px}.machine{min-height:110px}.machine strong{font-size:12px}.machine .wheel{width:30px;height:30px}.staff-visual{padding:9px;gap:7px}.staff-box{padding:9px 4px}.staff-box strong{font-size:19px}.lab-learning{grid-template-columns:1fr}.featured-strip{grid-template-columns:1fr}.cash-visual{padding:20px 10px}}
@media(prefers-reduced-motion:reduce){.machine .wheel,.flow-parcels i,.staff-box .dots i,#ball-stage .glowpath{animation:none!important}#ball-stage .lever,#ball-stage .gear{transition:none!important}}

.discovery-home{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:linear-gradient(120deg,#f5fafb,#e8f4f6);border:1px solid #dce9ed;border-radius:20px;padding:30px!important;margin-top:32px}.discovery-home h2{font-size:clamp(28px,3vw,41px);letter-spacing:-1.5px;margin:9px 0}.discovery-home .muted{line-height:1.65}.discovery-home-image{position:relative;border-radius:16px;overflow:hidden;display:block;min-height:230px}.discovery-home-image img{width:100%;height:240px;object-fit:cover;display:block}.discovery-home-image span{position:absolute;bottom:0;left:0;right:0;background:#0b293cd9;color:white;padding:13px 17px;font-weight:700;font-size:13px}.thinking-method-preview{background:#f6fafb;border-radius:18px;padding:26px!important;margin-top:26px}.thinking-method-preview .section-head{align-items:center}.method-inline-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.method-inline-steps span{padding:14px 6px;background:#fff;border:1px solid #dce7ed;border-radius:9px;text-align:center;font-weight:800;color:#174663}
.approach-hero{background:linear-gradient(105deg,#112b40e8,#112b4099),url('learning-assets/laboratory.webp') center/cover;border-radius:23px;padding:70px 50px;color:#fff;margin-top:7px}.approach-hero .eyebrow{color:#7fd7d5}.approach-hero h1{font-size:clamp(39px,4.6vw,66px);max-width:900px;letter-spacing:-2px;line-height:1.1;margin:20px 0}.approach-hero h1 em{color:#f4c88d;font-style:normal}.approach-hero p{max-width:720px;color:#d7e8f2;font-size:18px;line-height:1.75}.approach-hero .secondary{border-color:#fff8;color:#fff}
.method-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;margin-top:23px}.method-nav{display:flex;flex-direction:column;gap:9px}.step-button{border:1px solid #d7e5e9;border-radius:12px;padding:15px;text-align:left;background:white;color:#173449;display:grid;grid-template-columns:34px 1fr;column-gap:9px;row-gap:2px}.step-button span{grid-row:span 2;background:#eff5f7;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#64818f;font-size:12px}.step-button strong{font-size:15px}.step-button small{font-size:11px;color:#678190}.step-button.selected{background:#12324a;color:white;border-color:#12324a}.step-button.selected span{background:#f4bb77;color:#122d40}.step-button.selected small{color:#c9d9e0}.method-card{background:#fff;border:1px solid #d8e6eb;border-radius:18px;padding:29px}.method-card h3{font-size:clamp(25px,3vw,34px);margin:12px 0}.method-card>p{color:#506d81;line-height:1.65}.method-scene{display:flex;align-items:center;gap:8px;margin:27px 0;padding:23px 15px;border-radius:13px;background:linear-gradient(120deg,#edf6f9,#fdf6ed)}.method-node{flex:1;text-align:center;background:#fff;border:1px solid #c7dde7;border-radius:12px;padding:18px 8px;min-width:0;transition:transform .2s,background .2s}.method-node span{font-size:11px;color:#648495}.method-node strong,.method-node small{display:block}.method-node strong{font-size:15px;margin:5px 0}.method-node small{color:#557b8b;font-size:12px}.method-node.end{background:#daf1ea}.method-node.current{outline:2px solid #d39e53;transform:translateY(-4px)}.method-arrow{font-size:27px;color:#c18c44}.method-observation,.method-output{padding:18px 20px;border-radius:12px;margin:17px 0}.method-observation{background:#f0f7f9}.method-output{background:#fff5e9;border-left:4px solid #be863d}.method-observation p,.method-output p{margin:7px 0 0;color:#38586c;line-height:1.55}.method-output small{color:#98682e;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.method-whatif{border:1px solid #dbe9ed;border-radius:14px;padding:19px;margin:17px 0}.method-whatif[hidden]{display:none}.method-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:19px;flex-wrap:wrap}.method-actions>span{font-size:12px;color:#738998}
@media(max-width:850px){.method-grid,.discovery-home{grid-template-columns:1fr}.method-nav{flex-direction:row;overflow-x:auto}.step-button{min-width:138px}.method-scene{flex-wrap:wrap}.method-node{flex-basis:30%}.method-inline-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:550px){.approach-hero{padding:35px 22px}.method-card{padding:18px}.method-nav{gap:5px}.method-node{flex-basis:37%;padding:10px 5px}.method-arrow{font-size:16px}.method-inline-steps{grid-template-columns:repeat(2,1fr)}}
