@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#203c41;font-synthesis:none;--ink:#203c41;--muted:#677c7c;--line:#dde5df;--green:#277263;--pale:#eef4eb;--gold:#be8744;background:#fafaf5;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #cc9650}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{letter-spacing:-2.7px;font-size:clamp(40px,5vw,68px);font-weight:750;line-height:1.12}h1:focus{outline:0}p{line-height:1.6}svg{display:block}.hardware-art{width:100%;height:100%;overflow:visible}.site-header{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;height:88px;margin:auto;padding:0 48px;display:flex}.brand{letter-spacing:-1px;align-items:center;font-size:23px;font-weight:750;display:flex}.brand-light{color:#7b9189;font-weight:400}.brand-mark{letter-spacing:-2px;background:var(--green);color:#fff;border-radius:9px 9px 9px 2px;place-items:center;width:31px;height:34px;margin-right:10px;font-family:Manrope;font-size:26px;display:grid}.header-note{letter-spacing:2px;color:#7a8d87;font-size:10px}.quiet-link{color:var(--muted);font-size:13px}.home{max-width:1240px;margin:0 auto;padding:45px 40px 20px}.home-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;min-height:350px;display:grid}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:11px;font-weight:700;line-height:1.5}.home h1{margin:20px 0 24px}.intro-text{color:var(--muted);max-width:540px;font-size:18px}.home-art{isolation:isolate;height:310px;position:relative}.home-art:before{content:"";z-index:-1;background:#eaf1e5;border-radius:50%;position:absolute;inset:25px 35px;transform:rotate(-15deg)}.hero-part{filter:drop-shadow(0 20px 14px #274d4016);position:absolute}.hero-cpu{width:175px;height:150px;top:0;left:40px;transform:rotate(-12deg)}.hero-ram{width:230px;height:150px;bottom:6px;left:0;transform:rotate(-18deg)}.hero-gpu{width:250px;height:205px;top:89px;right:-7px;transform:rotate(10deg)}.orbit-label{letter-spacing:3px;color:#6c8270;font-size:10px;position:absolute;top:29px;right:36px;transform:rotate(8deg)}.orbit-dot{background:#dca764;border-radius:50%;width:12px;height:12px;position:absolute;top:101px;right:8px}.section-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:36px 0 24px;padding-top:26px;display:flex}.section-line h2{letter-spacing:-.5px;font-size:21px}.section-line>span{color:var(--muted);font-size:13px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:265px;padding:22px 25px;transition:transform .18s,box-shadow .18s;display:flex}.lesson-card[href]:hover{border-color:#9cb7a9;transform:translateY(-4px);box-shadow:0 14px 30px #24493e0c}.lesson-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.lesson-no{color:#93a49c;font:600 15px Manrope}.lesson-symbol{width:70px;height:54px}.lesson-card h3{letter-spacing:-.65px;margin:10px 0;font-size:22px;line-height:1.25}.lesson-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.card-link{color:var(--green);margin-top:auto;padding-top:23px;font-size:13px;font-weight:700;display:block}.unavailable{background:#f5f6f0}.unavailable .card-link{color:#8b9993}.unavailable .lesson-symbol{opacity:.65}.home-footer{color:#8b9993;justify-content:space-between;padding:35px 0 12px;font-size:12px;display:flex}.primary,.secondary{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:15px;min-height:46px;padding:13px 20px;font-size:14px;font-weight:600;line-height:1.35;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:#1f6053}.secondary{color:var(--ink);background:#fff;border-color:#cbd9d0}.text-button{color:var(--green);background:0 0;border:0;padding:13px 4px;font-size:13px;font-weight:600}.start-layout{grid-template-columns:1.3fr 1fr;align-items:center;gap:95px;max-width:1110px;margin:64px auto;padding:0 40px;display:grid}.start-layout h1{margin:18px 0;font-size:52px}.activity-outline{margin:0;padding:28px 0 0;list-style:none}.activity-outline li{gap:20px;margin:24px 0;display:flex}.activity-outline li>span{color:#73917c;background:#eaf1e6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.activity-outline b{font-size:16px}.activity-outline p{color:var(--muted);margin-top:4px;font-size:14px}.name-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:34px}.start-icon{width:130px;height:104px;margin:0 auto 15px}.name-card h2{letter-spacing:-.6px;margin-bottom:30px;font-size:23px}.name-card label,.login-form label{margin-bottom:9px;font-size:14px;font-weight:600;display:block}input,select{color:var(--ink);background:#fff;border:1px solid #cad8d0;border-radius:8px;min-height:46px;padding:12px}input{width:100%}.name-card .primary{justify-content:space-between;width:100%;margin-top:24px}.form-hint{color:#7e8f88;margin-top:12px;font-size:12px}.feedback{border-radius:9px;margin-top:20px;padding:14px 18px;font-size:15px}.feedback.success{color:#356746;background:#e9f2e7}.feedback.error{color:#965c2f;background:#f7ece0}.activity-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:24px 48px;display:flex}.activity-progress{text-align:center;width:280px;color:var(--muted);font-size:12px}.activity-progress>div{background:#e2e9e2;border-radius:2px;height:3px;margin-top:12px}.activity-progress i{background:#3f8066;height:3px;display:block}.student-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;overflow:hidden}.exercise{max-width:1030px;margin:40px auto;padding:0 35px 50px}.exercise-heading{margin-bottom:28px}.exercise h1{letter-spacing:-1.5px;margin:10px 0 14px;font-size:40px}.exercise-heading>p:last-child{color:var(--muted);max-width:780px;font-size:15px}.inspect-strip{background:#eef3e9;border-radius:17px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:24px;height:210px;margin-bottom:24px;padding:12px 38px;display:grid}.inspect-strip b{margin:10px 0;font-size:22px;display:block}.inspect-tabs{gap:8px;margin-top:14px;display:flex}.chip-button{color:var(--ink);background:#fff;border:1px solid #c5d5c8;border-radius:7px;padding:7px 14px}.chip-button.active{background:var(--green);color:#fff;border-color:var(--green)}.mini-model{height:190px;position:relative;overflow:hidden}.mini-model canvas{width:100%;height:100%}.model-placeholder{position:absolute;inset:15% 20%}.model-control{color:#49675b;background:#ffffffba;border:1px solid #cbd8ca;border-radius:30px;padding:7px 13px;font-size:11px;position:absolute;bottom:12px;right:14px}.model-tip{color:#6f8478;font-size:11px;position:absolute;bottom:16px;left:24px}.mini-model .model-tip{display:none}.match-list{gap:12px;display:grid}.match-row{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:1fr 32px 1fr;align-items:center;gap:18px;padding:10px 20px;display:grid}.match-item{align-items:center;gap:19px;display:flex}.match-item svg{width:78px;height:65px}.match-item b{font-size:16px}.match-row select{background:#fafcf7;width:100%}.match-arrow{color:#abc0af;font-size:26px}.jobs-list{grid-template-columns:1fr 1fr}.jobs-list .match-row{grid-template-columns:1fr;gap:8px;padding:17px}.jobs-list .match-arrow{display:none}.jobs-list .match-item svg{width:65px;height:56px}.exercise-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:26px;display:flex}.exercise-actions>span{color:var(--muted);font-size:12px}.needs-look{outline-offset:1px;outline:2px solid #cf9458}.sort-bank{background:#edf2e8;border:1px dashed #bfcebb;border-radius:15px;flex-wrap:wrap;justify-content:center;gap:12px;min-height:132px;margin-bottom:22px;padding:17px;display:flex}.sort-tile{cursor:grab;width:103px;min-height:96px;color:var(--ink);background:#fff;border:1px solid #d4dfd3;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:12px;display:flex;box-shadow:0 3px 5px #284e3905}.sort-tile svg{width:74px;height:60px}.sort-tile.selected{border:2px solid var(--green);background:#e3f0e9}.sort-groups{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sort-zone{background:#fff;border:2px solid #d5dfd5;border-radius:16px;min-height:280px;padding:18px}.sort-zone.drag-over{border-color:var(--green);background:#e9f2e5}.zone-target{text-align:left;color:#3d6452;background:#f1f6ed;border:0;border-radius:9px;width:100%;padding:13px 16px;font-weight:700}.zone-target span{margin-top:5px;font-size:12px;font-weight:400;display:block}.zone-items{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.sort-complete-label{color:#708577;align-self:center;font-size:14px}.small-note{color:#7a8b80;margin-top:16px;font-size:12px;line-height:1.5}.choice-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;margin-top:45px;display:grid}.question-art{aspect-ratio:1.1;background:#edf3e9;border-radius:25px;padding:55px}.choice-options{gap:14px;display:grid}.choice{text-align:left;color:var(--ink);background:#fff;border:1px solid #d0dcd1;border-radius:12px;align-items:center;gap:17px;min-height:74px;padding:18px;display:flex}.choice span{color:#779076;background:#f0f4eb;border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.choice b{font-size:17px;font-weight:500}.choice:not(:disabled):hover{background:#f0f6ec;border-color:#7caa91}.choice:disabled{opacity:.6}.choice.chosen{border:2px solid var(--green);opacity:1;background:#eaf3e7}.completion{text-align:center;max-width:740px;margin:50px auto;padding:25px}.completion h1{margin:16px 0 24px;font-size:46px}.completion>p:not(.eyebrow){color:var(--muted)}.completion-art{width:170px;height:150px;margin:0 auto 30px}.completion .primary{margin-top:26px}.score-circle{background:#edf3e7;border:1px solid #c2d3c0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;margin:30px auto;display:flex}.score-circle strong{font:750 72px/1.1 Manrope}.score-circle span{color:#76906f;font-size:15px}.score-breakdown{justify-content:center;gap:40px;margin:25px 0;display:flex}.score-breakdown>div{gap:8px;display:grid}.score-breakdown b{font-size:23px}.score-breakdown span{color:var(--muted);font-size:13px}.admin-login{max-width:440px;margin:85px auto;padding:25px}.admin-login h1{margin:16px 0}.admin-login>p{color:var(--muted)}.login-form{gap:12px;margin-top:30px;display:grid}.admin-page{max-width:1180px;margin:55px auto;padding:0 35px}.admin-title{justify-content:space-between;align-items:center;display:flex}.admin-title h1{margin:12px 0;font-size:46px}.admin-title p{color:var(--muted);font-size:14px}.admin-tools{justify-content:space-between;align-items:end;gap:25px;padding:28px 0;display:flex}.admin-tools label{font-size:13px;font-weight:600}.admin-tools select{min-width:300px;margin-top:8px;display:block}.admin-tools>div{gap:12px;display:flex}.results-count{margin:15px 0;font-size:14px}.table-scroll{border:1px solid var(--line);background:#fff;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#72846e;background:#edf2e8;padding:17px;font-size:12px;font-weight:500}td{border-top:1px solid #e6ece3;padding:14px 17px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:70px}.answer-detail{background:#f0f4eb;border-radius:12px;margin:20px 0;padding:20px}.answer-detail pre{white-space:pre-wrap;font-size:13px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}body.teaching{overflow:hidden}.presentation{flex-direction:column;height:100dvh;min-height:0;padding:0 48px 28px;display:flex}.presentation-nav{color:#7b8e81;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:48px;font-size:11px;display:flex}.presentation-nav span{letter-spacing:1.2px;text-transform:uppercase;font-size:10px}.presentation-nav button{color:inherit;background:0 0;border:0;padding:7px;font-size:11px}.slide{flex:1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:30px 55px;width:100%;max-width:1700px;min-height:0;margin:auto;padding:35px 25px 12px;display:grid}.slide-heading{padding-left:8px}.slide .eyebrow{font-size:clamp(10px,.8vw,14px)}.slide h1{letter-spacing:-.045em;margin:20px 0 28px;font-size:clamp(34px,4.4vw,77px);line-height:1.09}.slide-body{color:#48666a;font-size:clamp(20px,2vw,34px);line-height:1.45}.slide-detail{color:#738880;max-width:560px;margin-top:22px;font-size:clamp(14px,1.12vw,20px);line-height:1.55}.slide-visual{flex-direction:column;justify-content:center;gap:20px;width:100%;height:100%;min-height:0;max-height:660px;display:flex;position:relative}.model-stage{background:#edf2e7;border-radius:32px;height:100%;min-height:300px;overflow:hidden}.model-stage:before{content:"";aspect-ratio:1;background:#e3ecdc;border-radius:50%;width:58%;position:absolute;top:18%;left:21%}.model-stage canvas{z-index:1;position:absolute;inset:0}.model-stage .model-control,.model-stage .model-tip{z-index:2}.class-question{border-top:1px solid #d6e1d2;grid-column:1/-1;align-items:baseline;gap:30px;padding-top:21px;display:flex}.class-question>span{color:#a57942;letter-spacing:1.8px;flex-shrink:0;font-size:10px;font-weight:700}.class-question>p{color:#46655b;font-size:clamp(16px,1.65vw,27px);line-height:1.4}.slide-nav{pointer-events:none;justify-content:space-between;display:flex;position:fixed;top:50%;left:7px;right:7px}.slide-nav button{pointer-events:auto;color:#839686;background:0 0;border:0;border-radius:8px;max-width:46px;padding:12px 6px;font-size:25px}.slide-nav button[aria-label=Finish\ lesson]{font-size:12px}.slide-nav button:disabled{visibility:hidden}.slide-nav button:hover{background:#e8f0e1}.wide-slide{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:20px;padding-top:12px}.wide-slide .slide-heading{max-width:none}.wide-slide h1{margin:9px 0 13px;font-size:clamp(30px,3.4vw,57px)}.wide-slide .slide-body{max-width:1150px;font-size:clamp(17px,1.4vw,24px)}.wide-slide .slide-visual{min-height:0;max-height:none;overflow:auto}.wide-slide .slide-detail{max-width:none;margin-top:9px;font-size:13px}.inside-computer{background:#eef3e9;border:3px solid #bdcdbf;border-radius:22px;width:min(100%,540px);margin:auto;padding:20px 23px;box-shadow:15px 15px #e2eadd}.case-top{letter-spacing:1.5px;color:#6a826d;border-bottom:1px solid #cbd9c9;align-items:center;gap:12px;padding-bottom:16px;font-size:10px;display:flex}.case-top>span{background:#d0a366;border-radius:50%;width:8px;height:8px}.case-interior{grid-template-columns:1fr 1.3fr;gap:14px;padding-top:13px;display:grid}.inside-board{background:#dce8d7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.inside-board svg{height:215px}.inside-board small{color:#587455;margin-top:8px;font-size:11px}.inside-parts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.part-tile{background:#f7faf2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.part-tile svg{width:100%;max-width:170px;height:125px}.part-tile b{font-family:Manrope;font-size:clamp(15px,1.3vw,23px)}.part-tile span{color:#6f8375;text-align:center;font-size:clamp(11px,1.04vw,18px)}.inside-parts .part-tile{padding:7px}.inside-parts svg{height:70px}.inside-parts b,.inside-bottom b{font-size:12px}.inside-bottom{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;display:grid}.inside-bottom svg{height:67px}.inside-bottom .part-tile{flex-direction:row;padding:8px}.inside-bottom .part-tile svg{width:75px}.device-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.device-grid .part-tile{background:#edf3e8;min-height:180px;padding:22px}.device-grid svg{height:130px}.direction-label{text-align:center;letter-spacing:2px;color:#769070;margin-top:5px;font-size:12px}.class-options{grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:1160px;margin:auto;display:grid}.class-options button{text-align:left;color:var(--ink);background:#fff;border:1px solid #ccdace;border-radius:14px;align-items:center;gap:22px;padding:28px;font-size:clamp(18px,1.8vw,30px);line-height:1.45;display:flex}.class-options button span{color:#91a08c;flex-shrink:0;font-size:17px}.class-options .correct{background:#e1edde;border-color:#699565}.class-answer{text-align:center;color:#557752;max-width:1100px;margin:15px auto;font-size:clamp(16px,1.5vw,25px);line-height:1.5}.recap-parts{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.recap-parts .part-tile{background:#edf3e8;min-height:180px}.recap-parts .part-tile:last-child:nth-child(3){grid-column:1/-1}.journey-diagram{grid-template-columns:1fr 35px 1.25fr 35px 1fr;align-items:center;gap:20px;width:100%;max-width:1280px;margin:0 auto;display:grid}.journey-node{text-align:center;background:#fff;border:1px solid #cdd9cc;border-radius:16px;flex-direction:column;justify-content:center;gap:12px;min-height:220px;padding:18px 24px;display:flex}.journey-node>div{justify-content:center;align-items:center;gap:8px;display:flex}.journey-node svg{width:85px;height:70px}.journey-node b{letter-spacing:1px;font-size:15px}.journey-node>span,.journey-node label{color:#6a806a;font-size:14px}.journey-node input{text-align:center;font-size:21px}.journey-node small{color:#809079;font-size:12px}.file-content{background:#f6f4e7;border-radius:7px;min-height:50px;padding:9px;font-size:23px}.active-memory{background:#edf4f3;border-color:#b7cece}.journey-arrow{color:#94aaa1;text-align:center;font-size:33px}.journey-controls{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:8px;display:flex}.danger-outline{color:#a56847;border-color:#d4ab95}.journey-status{text-align:center;color:#5a7b6b;max-width:1200px;min-height:40px;margin:0 auto;font-size:clamp(15px,1.4vw,24px)}.units-rail{background:#edf3e7;border-radius:20px;flex-direction:column;gap:17px;padding:22px 40px;display:flex}.units-rail>div{justify-content:space-between;align-items:center;display:flex}.units-rail strong{min-width:65px;font:700 25px Manrope}.units-rail span{color:#85a17a;font-size:17px}.example-equation{text-align:center;font-size:clamp(20px,2.2vw,36px);font-weight:700}.example-equation span{color:#bb945c;margin:0 14px}.size-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.size-grid>div{background:#edf3e7;border-radius:17px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.size-grid svg{height:100px}.size-grid span{color:#6d876c;font-size:14px}.size-grid strong{font-size:25px}.drive-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.drive-pair .part-tile{background:#eaf1e6;padding:30px 14px}.drive-pair svg{height:190px}.concept-strip{text-align:center;color:#66815b;background:#f1f2e7;border-radius:12px;gap:14px;padding:24px;font-size:clamp(16px,1.5vw,26px);line-height:1.5;display:grid}.drive-matrix{text-align:center;grid-template-columns:70px 1fr 1fr;align-items:center;gap:15px;display:grid}.drive-matrix>div:not(:first-child){background:#eef3e8;border-radius:13px;padding:12px}.drive-matrix svg{height:120px}.drive-matrix span{font-size:13px}.drive-matrix>b{color:#5c795c;font-size:14px}.game-data{grid-template-columns:1fr 1fr;gap:16px;display:grid}.game-data>div{text-align:center;background:#edf2e7;border-radius:16px;gap:11px;padding:22px;display:grid}.game-data svg{height:100px}.game-data span{letter-spacing:2px;color:#798f6e;font-size:11px}.game-data b{font-size:18px}.game-result{gap:12px;display:grid}.game-result span{color:#68815b;justify-content:space-between;gap:10px;font-size:14px;display:flex}.profile-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-grid>div{background:#eef3e8;border-radius:16px;padding:22px}.profile-grid svg{height:85px;margin-bottom:12px}.profile-grid h3{letter-spacing:-.4px;margin-bottom:10px;font-size:18px}.profile-grid p{color:#6c8165;font-size:14px}.processor-pair{text-align:center;grid-template-columns:1fr 30px 1fr;align-items:center;gap:12px;display:grid}.processor-pair>div{background:#edf3e8;border-radius:18px;padding:25px 10px}.processor-pair svg{height:160px}.processor-pair h3{margin:16px 0;font-size:29px}.processor-pair p{color:#688160;font-size:15px}.processor-pair>span{color:#91aa86;font-size:26px}.power-flow{align-items:center;gap:15px;display:flex}.power-flow .part-tile{background:#edf3e8;flex:1;min-width:0;padding:16px 8px}.power-flow svg{height:115px}.power-flow b{text-align:center;font-size:15px}.power-flow>span{color:#91aa86;font-size:24px}.server-room{background:#edf3e8;border-radius:24px;justify-content:center;gap:19px;padding:45px 30px;display:flex}.server-rack{background:#d3e1d6;border:6px solid #93afa3;border-radius:12px;flex:1;padding:12px}.server-rack>div{background:#f3f7ed;border:1px solid #bed0bd;border-radius:4px;align-items:center;gap:7px;height:43px;margin:10px 0;padding:8px;display:flex}.server-rack i{background:#a5bd88;border-radius:50%;width:6px;height:6px}.server-rack span{background:#bfccbb;width:32px;height:4px;margin-left:auto}.budget-total{text-align:center;background:#ecf2e6;border-radius:22px;padding:50px 20px}.budget-total>span{letter-spacing:2px;color:#6e8969;font-size:11px}.budget-total strong{letter-spacing:-3px;margin-top:12px;font:750 clamp(48px,5vw,85px) Manrope;display:block}.budget-split{justify-content:space-around;align-items:center;gap:20px;padding:22px;display:flex}.budget-split>div{text-align:center;gap:9px;display:grid}.budget-split strong{font-size:29px}.budget-split span{color:#7c916c;font-size:13px}.catalogue-grid{grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:1280px;margin:0 auto;display:grid}.catalogue-grid section{background:#fff;border:1px solid #d6e1ce;border-radius:14px;padding:18px 22px}.catalogue-grid h3{color:#728867;margin-bottom:13px;font-size:14px}.catalogue-grid section>div{align-items:center;gap:16px;margin:11px 0;font-size:15px;display:flex}.catalogue-grid section>div b{color:#9aa68d;font-size:12px}.catalogue-grid section>div strong{margin-left:auto}.catalogue-grid+p{text-align:center}.planner{background:#fff;border:1px solid #d5dfd0;border-radius:18px;width:100%;max-width:1250px;margin:0 auto;padding:22px 30px}.planner-user{grid-template-columns:auto 1fr 1fr;align-items:center;gap:20px;margin-bottom:20px;display:grid}.planner-user label{color:#718368;font-size:13px}.planner-user p{color:#65805b;font-size:14px}.planner-fields{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.planner-fields label{color:#77906e;letter-spacing:1px;flex-direction:column;gap:7px;font-size:11px;display:flex}.planner-fields select{letter-spacing:0;width:100%;font-size:14px}.fit{letter-spacing:0;font-size:12px;font-weight:500}.fit.yes{color:#568156}.fit.no{color:#b27842}.planner-total{border-top:1px solid #dce5d5;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px 0;display:flex}.planner-total>div{gap:8px;display:grid}.planner-total small{color:#7d8e73;font-size:11px}.planner-total strong{font-size:27px}.planner-total strong span{color:#acb59f;font-size:18px;font-weight:400}.spend-summary{color:#788a6a;margin:2px 0 18px;font-size:12px}.planner-actions{align-items:center;gap:15px;display:flex}.planner-actions>span{font-size:12px}.file-label{cursor:pointer;position:relative;overflow:hidden}.file-label input{opacity:0;cursor:pointer;position:absolute;inset:0}.reason-example{flex-direction:column;align-items:center;gap:12px;display:flex}.reason-example>div{background:#edf3e7;border-radius:14px;gap:12px;width:100%;padding:22px 30px;display:grid}.reason-example strong{font-size:23px;line-height:1.4}.reason-example span{color:#869b78;letter-spacing:1.5px;font-size:11px}.reason-example>span{font-size:25px}.tradeoff-card{text-align:center;align-items:center;gap:20px;display:flex}.tradeoff-card>div{background:#eef3e8;border-radius:17px;flex:1;padding:30px 18px}.tradeoff-card span{color:#78906f}.tradeoff-card strong{margin:16px 0;font-size:34px;display:block}.tradeoff-card p{color:#6f8564;font-size:13px}.tradeoff-card>b{color:#91a586;font-size:24px}.teaching-steps{counter-reset:step;gap:23px;max-width:1000px;margin:0 auto;padding:0;list-style:none;display:grid}.teaching-steps li{align-items:center;gap:26px;font-size:clamp(19px,1.8vw,31px);line-height:1.5;display:flex}.teaching-steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);color:#b79562;border:1px solid #dacfb7;border-radius:50%;padding:15px;font-size:15px}.activity-invitation{text-align:center;background:#ecf2e6;border-radius:24px;padding:22px}.activity-icons{justify-content:center;gap:25px;height:100px;margin-bottom:16px;display:flex}.activity-icons svg{width:100px}.activity-invitation h2{margin:10px 0;font-size:32px}.activity-invitation p{color:#708966;margin:16px 0;font-size:17px}.activity-invitation .primary{padding:17px 24px;font-size:17px}.activity-invitation .text-button{margin:5px auto;display:block}.visual-activity>.primary{align-self:center;margin-top:15px}@media (width>=1600px){.slide{gap:35px 70px}.slide-visual{max-height:750px}.part-tile svg{height:160px}.inside-computer{transform:scale(1.13)}.device-grid .part-tile{min-height:230px}.device-grid svg{height:150px}.journey-node{min-height:300px}.journey-node svg{width:110px;height:105px}.journey-node b{font-size:20px}.journey-node small{font-size:15px}.journey-node input{font-size:26px}.planner{padding:35px 40px}.planner-fields select{font-size:18px}.planner-user p{font-size:17px}}@media (height<=750px) and (width>=800px){.presentation{padding-bottom:17px}.slide{gap:16px 35px;padding-top:13px}.slide h1{margin:12px 0 18px;font-size:clamp(30px,4vw,53px)}.slide-body{font-size:clamp(18px,1.9vw,26px)}.slide-detail{margin-top:14px;font-size:13px}.class-question{padding-top:15px}.class-question>p{font-size:18px}.model-stage{min-height:240px}.inside-computer{transform:scale(.83)}.device-grid .part-tile{min-height:145px;padding:12px}.device-grid svg{height:90px}.slide-visual{gap:13px}.wide-slide h1{font-size:34px}.wide-slide .slide-body{font-size:17px}.journey-node{gap:8px;min-height:180px;padding:12px}.journey-node svg{width:60px;height:50px}.planner{padding:15px 22px}.planner-user{margin-bottom:12px}.planner-fields{gap:9px 18px}.planner-fields select{min-height:37px;padding:8px}.planner-total{margin-top:10px;padding:10px 0}.planner-actions button,.planner-actions label{min-height:36px;padding:9px 15px}.spend-summary{margin-bottom:10px}.profile-grid>div{padding:14px}.profile-grid svg{height:60px;margin-bottom:7px}.profile-grid h3{font-size:16px}.processor-pair svg{height:120px}.activity-icons{height:70px}.activity-invitation{padding:15px}.activity-invitation h2{font-size:26px}.class-options button{padding:19px}}@media (width<=800px){.site-header{height:70px;padding:0 24px}.header-note{display:none}.home{padding:30px 24px}.home-intro{grid-template-columns:1fr 1fr;gap:20px}.home-art{height:210px}.hero-cpu{width:110px;height:100px;left:0}.hero-ram{width:150px;height:100px}.hero-gpu{width:145px;height:120px;top:70px}.orbit-label{font-size:8px;right:10px}.home h1{font-size:42px}.intro-text{font-size:16px}.lesson-grid{grid-template-columns:1fr 1fr}.start-layout{gap:30px;margin:35px auto;padding:0 25px}.start-layout h1{font-size:38px}.name-card{padding:24px}.activity-header{gap:20px;padding:20px 25px}.activity-progress{width:200px}.student-name{max-width:130px}.exercise{margin-top:25px;padding:0 22px 35px}.jobs-list{grid-template-columns:1fr}.admin-page{padding:0 22px}.admin-tools{flex-direction:column;align-items:stretch}.admin-tools select{width:100%}body.teaching{overflow:auto}.presentation{height:auto;min-height:100dvh;padding:0 32px 25px}.slide{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:20px;padding:20px 0}.slide h1{margin:13px 0 18px;font-size:38px}.slide-body{font-size:22px}.slide-detail{font-size:15px}.slide-visual{min-height:250px;max-height:none}.model-stage{height:380px}.class-question{display:block}.class-question p{margin-top:9px;font-size:18px}.class-question span{font-size:10px}.presentation-nav span{display:none}.wide-slide .slide-visual{overflow:visible}.inside-computer{max-width:440px}.journey-diagram{grid-template-columns:1fr;max-width:480px}.journey-arrow{transform:rotate(90deg)}.journey-node{min-height:160px}.class-options{grid-template-columns:1fr;gap:12px}.class-options button{padding:18px;font-size:20px}.class-answer{font-size:18px}.planner-user{grid-template-columns:1fr}.planner-user p{font-size:13px}.planner{padding:20px}.planner-fields{grid-template-columns:1fr}.planner-actions{flex-wrap:wrap}.catalogue-grid{grid-template-columns:1fr}.teaching-steps li{font-size:20px}.part-tile svg{height:125px}.processor-pair svg{height:100px}}@media (width<=560px){.brand{font-size:19px}.brand-mark{width:26px;height:29px;font-size:21px}.quiet-link{font-size:11px}.home-intro{grid-template-columns:1fr}.home-art{display:none}.home h1{font-size:48px}.section-line>span{display:none}.lesson-grid{grid-template-columns:1fr}.lesson-card{min-height:230px}.lesson-card-top{margin-bottom:0}.home-footer{gap:25px;font-size:10px}.start-layout{grid-template-columns:1fr}.activity-outline{padding-top:8px}.start-layout h1{font-size:42px}.activity-header{flex-wrap:wrap;padding:18px 20px}.activity-progress{order:3;width:100%}.exercise h1{font-size:31px}.exercise-heading>p:last-child{font-size:14px}.inspect-strip{grid-template-columns:1fr 1.2fr;gap:5px;height:180px;padding:15px}.inspect-strip .eyebrow{font-size:8px}.inspect-strip b{font-size:16px}.mini-model{height:170px}.chip-button{padding:5px 10px;font-size:12px}.model-control{padding:5px 8px;font-size:9px;bottom:7px;right:4px}.match-row{grid-template-columns:1fr 17px 1.1fr;gap:8px;padding:10px}.match-item{gap:8px}.match-item svg{width:48px;height:48px}.match-item b{font-size:13px}.match-row select{padding:8px;font-size:13px}.match-arrow{font-size:18px}.jobs-list .match-row{grid-template-columns:1fr}.exercise-actions{flex-direction:column;align-items:stretch}.sort-groups{gap:10px}.sort-zone{padding:9px}.zone-target{padding:10px;font-size:12px}.zone-target span{font-size:10px}.sort-tile{width:79px;min-height:86px;font-size:11px}.sort-tile svg{width:58px;height:50px}.sort-bank{gap:8px;padding:12px}.choice-layout{grid-template-columns:1fr;gap:22px;margin-top:20px}.question-art{width:100%;max-width:230px;max-height:180px;margin:auto;padding:25px}.choice{min-height:65px;padding:13px}.choice b{font-size:15px}.completion h1{font-size:36px}.admin-title h1{font-size:35px}.admin-tools>div{flex-wrap:wrap}.model-stage{height:300px}.power-flow{gap:7px}.power-flow .part-tile{padding:12px 5px}.power-flow b{font-size:11px}.power-flow svg{height:78px}.device-grid{gap:12px}.device-grid .part-tile{min-height:160px;padding:16px 10px}.device-grid svg{height:95px}.part-tile span{font-size:11px}.drive-matrix{grid-template-columns:50px 1fr 1fr;gap:8px}.drive-matrix svg{height:90px}.drive-matrix span{font-size:10px}.budget-split{gap:12px;padding:14px}.budget-split strong{font-size:24px}.profile-grid{gap:12px}.profile-grid>div{padding:15px}.profile-grid h3{font-size:15px}.profile-grid p{font-size:12px}.game-result span{gap:5px;display:grid}.slide h1{font-size:34px}.class-question>p{font-size:17px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.model-stage canvas{width:100%;height:100%;display:block}@media (width>=1600px){.inside-parts .part-tile svg{height:80px}.inside-bottom .part-tile svg{height:75px}}@media (height<=850px) and (width>=800px){.planner{padding:15px 22px}.planner-user{margin-bottom:12px}.planner-user p{font-size:13px}.planner-fields{gap:9px 18px}.planner-fields select{min-height:37px;padding:8px}.planner-total{margin-top:10px;padding:10px 0}.planner-actions button,.planner-actions label{min-height:36px;padding:9px 15px}.spend-summary{margin-bottom:10px}}.lesson-one .slide{grid-template-rows:minmax(0,1fr);padding-bottom:28px}.lesson-one .wide-slide{grid-template-rows:auto minmax(0,1fr)}.component-fullname{letter-spacing:-1.3px;margin-top:14px;font-size:clamp(27px,3vw,49px);line-height:1.18;display:block}.lesson-one .slide-body{max-width:590px;font-size:clamp(21px,2vw,32px)}.lesson-one .wide-slide .slide-body{max-width:1200px;font-size:clamp(19px,1.6vw,27px)}.lesson-one .model-stage{max-height:650px}.model-replay{color:var(--green);background:#fffffff0;border:1px solid #bdcfc1;border-radius:22px;padding:9px 16px;font-size:13px;position:absolute;bottom:18px;left:18px}.mixed-grid{grid-template-columns:repeat(4,1fr);gap:22px;width:100%;max-width:1180px;margin:auto;display:grid}.mix-card{transform-origin:0 0;background:#fff;border:1px solid #d5e0d5;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:175px;padding:17px;display:flex;position:relative;box-shadow:0 5px #203c4105}.mix-card svg{width:125px;height:98px}.mix-card b{font-size:21px}.sorted-columns{grid-template-columns:1fr 1fr;gap:35px;width:100%;max-width:1200px;margin:auto;display:grid}.sorted-columns section{background:#edf3e8;border-radius:22px;padding:20px}.sorted-columns section+section{background:#f1eee8}.sorted-columns h2{font-size:28px}.sorted-columns p{color:var(--muted);margin:4px 0 18px;font-size:16px}.sorted-items{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sorted-items .mix-card{min-height:150px}.sorted-items svg{height:75px}.touch-demo{flex-direction:column;align-items:center;gap:32px;display:flex}.touch-demo>svg{max-width:440px;height:330px}.touch-labels{gap:30px;font-size:22px;display:flex}.touch-labels span{background:#e6eee2;border-radius:13px;padding:16px;animation:.45s ease-out label-arrive}.touch-labels[hidden]{display:none}@keyframes label-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.worksheet-shell{grid-template-columns:244px minmax(0,1fr);max-width:1600px;min-height:100dvh;margin:auto;display:grid}.worksheet-sidebar{border-right:1px solid var(--line);background:#f0f4ec;flex-direction:column;align-items:stretch;gap:16px;height:100dvh;padding:25px 20px;display:flex;position:sticky;top:0;overflow:auto}.worksheet-sidebar .brand{font-size:21px}.progress-ring{--progress:0%;background:conic-gradient(var(--green) var(--progress),#dce5d9 0);border-radius:50%;align-self:center;width:105px;height:105px;padding:7px;transition:background .4s}.progress-ring>div{background:#f0f4ec;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.progress-ring strong{letter-spacing:-1px;font-size:30px}.progress-ring small{font-size:14px;font-weight:400}.progress-ring span{font-size:10px}.learner-label{text-align:center;overflow-wrap:anywhere;font-size:13px}.worksheet-sidebar nav{gap:5px;display:grid}.page-jump{text-align:left;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:7px 10px;display:flex}.page-jump>span{border:1px solid #baccc1;border-radius:8px;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.page-jump b{font-size:12px;font-weight:600}.page-jump small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400;display:block}.page-jump.active{background:#fff;border-color:#9fbcab}.page-jump.finished>span{background:var(--green);color:#fff;border-color:var(--green)}.worksheet-sidebar>.text-button{margin-top:auto;font-size:13px}.worksheet-main{width:100%;max-width:950px;margin:0 auto;padding:42px 45px}.worksheet-main h1{letter-spacing:-1.4px;font-size:clamp(30px,3.2vw,47px)}.worksheet-main .exercise-heading{margin-bottom:26px}.worksheet-main .inspect-strip{height:165px;margin:0 0 22px}.worksheet-main .mini-model{height:160px}.worksheet-main .match-list{gap:13px}.worksheet-main .match-row{grid-template-columns:minmax(120px,.8fr) 25px minmax(190px,1.2fr);gap:12px;padding:14px 17px;transition:border-color .2s,background .2s;position:relative}.worksheet-main .jobs-list .match-row{grid-template-columns:minmax(120px,.8fr) 25px minmax(190px,1.2fr)}.worksheet-main .match-item svg{width:65px;height:57px}.worksheet-main .match-item b{font-size:16px}.answer-picker{position:relative}.picker-toggle{width:100%;min-height:47px;color:var(--ink);text-align:left;background:#f5f8f1;border:1px solid #c9d8cb;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;font-size:15px;display:flex}.picker-toggle i{color:var(--green);font-size:19px;font-style:normal}.picker-options{background:#fff;border:1px solid #d3e0d3;border-radius:13px;max-height:260px;margin-top:8px;padding:8px;animation:.16s ease-out label-arrive;overflow:auto;box-shadow:0 10px 24px #24493e12}.picker-options button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:14px;display:block}.picker-options button:hover,.picker-options button:focus-visible{background:#eaf2e4}.picker-options button[aria-pressed=true]{background:#dcecdf;font-weight:700}.picker-options .clear-answer{color:#78877f;border-top:1px solid var(--line);border-radius:0;margin-top:5px;font-size:12px}.answer-status{grid-column:3;min-height:0;font-size:11px}.answer-status:empty{display:none}.is-wrong{background:#fff0ed!important;border:2px solid #c85e5e!important}.is-wrong .answer-status{color:#ab3737}.is-correct{background:#f2f8ed!important;border-color:#7da98f!important}.is-correct .answer-status{color:#397958}.choice.is-wrong,.choice.is-correct{opacity:1}.worksheet-actions{justify-content:space-between;align-items:center;gap:13px;margin-top:30px;display:flex}.worksheet-actions .save-page{min-width:95px;margin-left:auto}.worksheet-hint{color:var(--muted);margin-top:15px;font-size:12px}.worksheet-main .choice-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.worksheet-main .choice{min-height:75px;padding:17px}.worksheet-main .choice b{font-size:18px}.worksheet-main .sort-bank{min-height:120px}.worksheet-main .sort-tile{width:106px}.review-page{max-width:1060px;margin:35px auto;padding:20px 35px 60px}.review-page h1{margin:15px 0;font-size:44px}.review-page>p{margin-bottom:20px}.review-grid{grid-template-columns:1fr 1fr;gap:12px;margin:30px 0;display:grid}.review-item{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:13px;grid-template-columns:25px 1fr;gap:8px 10px;padding:18px;display:grid}.review-item small{color:var(--green);grid-column:2}.celebration{z-index:1000;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.celebration i{background:var(--colour);width:9px;height:15px;animation:celebrate-burst 1.35s var(--delay) cubic-bezier(.16,.7,.3,1) both;border-radius:3px;position:absolute;top:45%;left:50%}.celebration-label{color:#fff;background:#277263;border-radius:30px;padding:15px 30px;font-weight:700;animation:1.6s both celebrate-label;position:absolute;top:30px;box-shadow:0 7px 30px #203c4120}@keyframes celebrate-burst{0%{opacity:0;transform:translate(0)scale(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--spin)) scale(.5)}}@keyframes celebrate-label{0%{opacity:0;transform:translateY(-15px)}20%,70%{opacity:1;transform:translateY(0)}to{opacity:0}}@media (height<=850px) and (width>=800px){.lesson-one .model-stage{max-height:560px}.mix-card{min-height:150px}.mix-card svg{height:80px}.sorted-items .mix-card{min-height:125px}.sorted-items svg{height:62px}.sorted-columns section{padding:18px}.sorted-columns p{margin-bottom:12px}.worksheet-sidebar{gap:10px;padding:18px 16px}.progress-ring{width:90px;height:90px}.page-jump{padding:5px 8px}.worksheet-main{padding-top:32px}.lesson-one .slide{padding-bottom:12px}}@media (width<=1000px){.worksheet-shell{grid-template-columns:200px minmax(0,1fr)}.worksheet-main{padding:30px 24px}.worksheet-sidebar{padding:20px 13px}.worksheet-main .choice-layout{grid-template-columns:1fr}.worksheet-main .question-art{max-width:150px;margin:auto}.worksheet-main .match-row,.worksheet-main .jobs-list .match-row{grid-template-columns:1fr}.worksheet-main .match-arrow{display:none}.answer-status{grid-column:1}.mixed-grid{gap:13px}.mix-card b{font-size:17px}.sorted-columns{gap:16px}.sorted-columns p{font-size:13px}}@media (width<=799px){.lesson-one .slide,.lesson-one .wide-slide{grid-template-rows:auto auto}.mixed-grid{grid-template-columns:repeat(2,1fr)}.sorted-columns{grid-template-columns:1fr}.worksheet-shell{display:block}.worksheet-sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:10px;height:auto;display:grid;position:static}.worksheet-sidebar .brand{align-self:center}.progress-ring{grid-area:1/2/3;width:75px;height:75px}.progress-ring strong{font-size:24px}.progress-ring span{font-size:8px}.learner-label{text-align:left}.worksheet-sidebar nav{grid-column:1/-1;gap:5px;display:flex;overflow:auto}.page-jump{padding:4px}.page-jump b{display:none}.worksheet-sidebar>.text-button{grid-column:1/-1;justify-self:start;padding:0}.worksheet-main{padding:26px 20px}.worksheet-main .match-row,.worksheet-main .jobs-list .match-row{grid-template-columns:1fr}.worksheet-main .match-item svg{width:58px;height:44px}.worksheet-actions{gap:9px}.worksheet-actions button{padding:12px}.review-grid{grid-template-columns:1fr}.touch-labels{flex-direction:column}.component-fullname{font-size:29px}}.model-stage .model-replay{z-index:2}.site-nav{align-items:center;gap:24px;display:flex}.record-status{white-space:nowrap;background:#fff1cf;border-radius:20px;padding:6px 10px}.record-status.submitted{background:#dceddf}.admin-tools{flex-wrap:wrap}@media (width<=650px){.site-nav{gap:12px;font-size:12px}.site-header{gap:12px}}.worksheet-main .jobs-list .match-row{grid-template-columns:minmax(0,1fr);align-content:start}.worksheet-main .jobs-list .answer-status{grid-column:1}.worksheet-main .answer-picker{min-width:0}.real-part{cursor:zoom-in;width:100%;min-width:0;height:150px;color:var(--ink);background:0 0;border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.real-part img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.real-part-badge{letter-spacing:.5px;opacity:.7;background:#ffffffd9;border:1px solid #cbd5ce;border-radius:20px;padding:3px 7px;font-size:10px;position:absolute;bottom:4px;right:5px}.real-part:hover .real-part-badge,.real-part:focus-visible .real-part-badge{opacity:1;background:#e6eee5}.hero-part .real-part,.lesson-symbol .real-part{height:100%}.lesson-symbol .real-part-badge{display:none}.hero-part .real-part{pointer-events:none}.part-tile>.real-part{height:145px}.recap-parts .real-part{height:165px}.mix-card>.real-part{height:100px}.sorted-items .real-part{height:78px}.size-grid .real-part{height:100px}.profile-grid .real-part{height:115px}.processor-pair .real-part{height:220px}.drive-pair .real-part{height:190px}.drive-matrix .real-part{height:110px}.power-flow .real-part{height:170px}.activity-icons .real-part{width:120px;height:90px}.journey-node .real-part{width:140px;height:95px}.game-data .real-part{height:110px}.touch-demo>.real-part{height:280px}.model-stage,.real-board-stage,.real-dialog-stage{background:radial-gradient(at 48% 46%,#fff 10%,#f0f1ec 85%);border-radius:22px;position:relative;overflow:hidden}.model-stage:before{display:none!important}.model-stage canvas,.real-board-stage canvas,.real-dialog-stage canvas{touch-action:none;width:100%;height:100%;display:block}.model-placeholder{place-items:center;display:grid;position:absolute;inset:0}.model-placeholder img{object-fit:contain;width:100%;height:100%}.model-placeholder span{text-align:center;color:#64716c;font-size:13px;position:absolute;bottom:70px;left:0;right:0}.real-model-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:15px;left:15px;right:15px}.real-model-controls button,.real-model-controls a{color:#314942;background:#fffffff0;border:1px solid #cbd5cc;border-radius:20px;padding:9px 14px;font-size:12px;text-decoration:none}.real-model-controls a{background:0 0;border:0;font-size:10px}.real-model-dialog{width:min(1100px,94vw);height:min(820px,92vh);max-height:92vh;color:var(--ink);background:#fafbf8;border:1px solid #dce2db;border-radius:20px;padding:0}.real-model-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#102a25ab}.real-model-dialog header{justify-content:space-between;align-items:center;height:65px;padding:15px 25px;display:flex}.real-model-dialog header button{background:0 0;border:0;padding:8px;font-size:22px}.real-dialog-stage{border-radius:0;height:calc(100% - 65px)}.real-assembly{grid-template-rows:minmax(0,1fr) 130px;gap:10px;width:100%;height:100%;display:grid}.real-board-stage{min-height:210px}.real-connect-parts{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.real-connect-parts>div{text-align:center;background:#fff;border:1px solid #dce2db;border-radius:14px;padding:4px}.real-connect-parts .real-part{height:95px}.real-connect-parts b{font-size:12px}@media (width<=799px){.real-part{height:100px}.real-model-controls{gap:5px;bottom:8px}.real-model-controls button{padding:8px;font-size:10px}.real-assembly{min-height:400px}.real-connect-parts .real-part{height:80px}.real-model-dialog{width:96vw}.site-nav{flex-wrap:wrap}}.real-model-controls{z-index:3}.handin-card{text-align:left;background:#ecf2e6;border-radius:18px;max-width:520px;margin:22px auto;padding:20px 26px}.handin-card b{font-size:18px}.handin-card ol{margin:8px 0 14px;padding-left:22px;line-height:1.6}.results-drop{cursor:pointer;text-align:center;background:#fff;border:2px dashed #b9cdbf;border-radius:16px;flex-direction:column;align-items:center;gap:4px;margin:22px 0 6px;padding:28px;display:flex}.results-drop input{opacity:0;width:1px;height:1px;position:absolute}.results-drop b{color:var(--green);font-size:18px}.results-drop span{color:var(--muted);font-size:14px}.results-drop.drag-over{border-color:var(--green);background:#eef4eb}.results-problems{background:#fbf3ea;border-radius:12px;margin:10px 0;padding:10px 16px;font-size:14px}.results-problems ul{margin:6px 0 0;padding-left:20px}.results-tabs{flex-wrap:wrap;gap:8px;display:flex}.results-tabs button{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;padding:7px 14px;font-size:14px}.results-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.results-tabs small{opacity:.7;margin-left:4px}.results-page .admin-tools>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.results-note{color:#8a5a2b;background:#fbf3ea;border-radius:8px;margin:2px 0;padding:2px 8px;font-size:12px;display:inline-block}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-two .wide-slide{grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:14px;padding-top:5px}.lesson-two .slide-heading h1{letter-spacing:-1.5px;margin:5px 0;font-size:clamp(30px,3.3vw,50px)}.lesson-two .slide-heading .eyebrow{margin:0;font-size:11px}.lesson-two .slide-body{max-width:none;margin:8px 0 0;font-size:clamp(18px,1.6vw,25px);line-height:1.35}.lesson-two .slide-visual{justify-content:flex-start;padding:0 2px 4px;overflow:auto}.document-lab{flex-direction:column;gap:12px;height:100%;min-height:420px;display:flex}.lab-context{color:#53645f;letter-spacing:.3px;justify-content:space-between;gap:15px;font-size:12px;display:flex}.lab-context>span:first-child{letter-spacing:1.2px;font-size:10px}.document-workspace{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:24px;min-height:265px;display:grid}.document-window{background:#f2f4f5;border:1px solid #bccbc7;border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 22px #213c3410}.document-titlebar{color:#203b49;background:#e3e9ed;align-items:center;gap:12px;min-height:40px;padding:9px 16px;display:flex}.document-titlebar strong{font-size:15px}.doc-app-icon{color:#fff;background:#3c657a;border-radius:3px;padding:2px 7px;font-size:15px;font-weight:700}.window-dots{color:#526a75;letter-spacing:7px;margin-left:auto;font-size:13px}.document-toolbar{background:#fafbfd;border-bottom:1px solid #dde3e6;align-items:center;gap:10px;padding:7px 12px;display:flex}.document-toolbar button{color:#264954;background:#fff;border:1px solid #c7d2d6;border-radius:5px;padding:6px 12px;font-size:13px}.save-state{color:#36735a;margin-left:auto;font-size:12px}.save-state.unsaved{color:#916009}.document-page{background:linear-gradient(90deg,#f0f2f4 0 3%,#fff 3% 97%,#f0f2f4 97%);flex:1;min-height:130px;padding:16px 28px;display:flex}.document-page textarea{resize:none;width:100%;box-shadow:none;color:#20322c;background:#fff;border:0;border-radius:0;min-height:130px;padding:16px 10px;font:clamp(22px,2.1vw,34px)/1.7 Georgia,serif}.document-page textarea:focus{outline-offset:3px;outline:2px solid #91afa3}.document-statusbar{color:#5a6f79;background:#edf0f3;justify-content:space-between;gap:12px;padding:7px 12px;font-size:10px;display:flex}.document-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:auto;display:flex}.document-empty b{font-size:24px}.document-empty p{color:#5d7268;margin:0;font-size:15px}.document-empty .primary{padding:10px 18px;font-size:14px}.file-icon{color:#527865;background:#fff;border:1px solid #ccd7d0;border-radius:4px;place-items:center;width:37px;height:44px;font-size:12px;display:grid}.power-symbol{color:#94a8ac;font-size:48px}.computer-off .document-page{color:#f4f7f6;background:#24343c}.computer-off .document-empty p{color:#d0ddd7}.document-memory{flex-direction:column;gap:5px;min-height:0;display:flex}.memory-card{background:#f5f8f1;border:1px solid #d0dbd3;border-radius:11px;flex:1;min-height:0;padding:9px 14px}.memory-card header{align-items:center;gap:13px;margin-bottom:5px;display:flex}.memory-card header img{object-fit:contain;mix-blend-mode:multiply;width:65px;height:40px}.memory-card header b{font-size:20px;display:block}.memory-card header span{color:#4f655b;font-size:12px}.ssd-card{background:#eef4f6;border-color:#c8d6dd}.mini-paper{background:#fff;border:1px solid #e0e6df;border-radius:5px;min-height:65px;padding:7px 13px}.mini-paper>span{color:#7c8584;padding-bottom:3px;font-size:10px;display:block}.mini-paper>p{color:#283c37;overflow-wrap:anywhere;white-space:normal;max-height:92px;margin:0;font:clamp(16px,1.5vw,23px)/1.5 Georgia,serif;overflow:auto}.empty-copy{color:#738278;border:1px dashed #c8d4c5;border-radius:5px;place-items:center;min-height:65px;margin:0;font-size:15px;display:grid}.copy-direction{text-align:center;color:#426c59;padding:2px;font-size:12px;font-weight:700}.document-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.document-actions button{min-height:38px;padding:10px 13px;font-size:13px}.document-actions .text-button{margin-left:auto;padding-right:0}.document-actions button:disabled,.document-toolbar button:disabled{opacity:.4;cursor:not-allowed}.document-explanation{color:#224c3a;background:#eaf1e9;border-left:3px solid #6c9b87;min-height:46px;margin:0;padding:11px 16px;font-size:clamp(15px,1.35vw,21px);line-height:1.4}.cpu-caption{color:#596f63;font-size:12px;line-height:1.4}.cpu-caption b{color:#254e3b;margin-right:7px}.cpu-caption span{margin-left:8px}.file-recall-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin:auto 0;display:grid}.file-recall-grid section{text-align:center;background:#fff;border:1px solid #d5dfd5;border-radius:16px;flex-direction:column;align-items:center;gap:18px;padding:25px;display:flex}.file-recall-grid .real-part{max-width:230px;height:140px}.file-recall-grid svg{height:120px}.file-recall-grid h2{font-size:24px;line-height:1.25}.file-recall-grid p{color:#2b6b51;font-size:23px}.file-recall-grid button{margin-top:auto}.teaching-file-flow{width:100%;margin:auto 0}.flow-step-buttons{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.flow-step-buttons button{color:#2a4a3c;background:#fff;border:1px solid #cbd8cd;border-radius:13px;padding:20px 12px;position:relative}.flow-step-buttons button:not(:last-child):after{content:"→";font-size:21px;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.flow-step-buttons button[aria-pressed=true]{background:#e4efdf;border:2px solid #6c9577}.flow-step-buttons span{margin-bottom:6px;font-size:12px;display:block}.flow-step-buttons strong{font-size:clamp(18px,1.8vw,26px);display:block}.flow-step-buttons small{margin-top:7px;font-size:14px;display:block}.flow-comparison{background:#edf2e8;border-radius:18px;margin-top:24px;padding:20px 25px}.flow-comparison h2{margin-bottom:18px;font-size:25px}.flow-comparison>div{grid-template-columns:1fr 1fr;gap:25px;display:grid}.flow-comparison section>b{margin-bottom:12px;display:block}.flow-comparison .mini-paper{padding:20px}.flow-footnote{color:#526b5b;margin-top:14px;font-size:14px;line-height:1.5}.file-video-card{text-align:center;background:#eef3e8;border:1px solid #c8d6c9;border-radius:20px;max-width:900px;margin:auto;padding:35px}.video-duration{letter-spacing:1px;color:#62794c;font-size:12px}.file-video-card h2{margin:20px 0;font-size:clamp(28px,3vw,42px)}.file-video-card>p{margin:15px 0 25px;font-size:21px}.file-video-card .small-note{margin:18px 0;font-size:14px;line-height:1.6}.video-takeaway{background:#fff;border-radius:9px;padding:20px;font-size:20px}.video-takeaway span{margin:0 15px}@media (width>=1200px){.student-flow-grid:not(.flow-lanes){grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.student-flow-grid:not(.flow-lanes) .student-flow-node{min-height:245px;padding:16px}.student-flow-grid:not(.flow-lanes) .student-flow-node:not(:last-child):after{content:"→";color:#617763;font-size:21px;position:absolute;top:50%;right:-19px}.student-flow-grid:not(.flow-lanes) .student-flow-node h2{font-size:17px}.student-flow-grid:not(.flow-lanes) .flow-drop{font-size:16px}}.lesson-two-worksheet .worksheet-main{max-width:1120px}.flow-wordbank{background:#edf3e7;border-radius:14px;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding:18px;display:flex}.flow-word{color:#294d3a;cursor:grab;background:#fff;border:1px solid #aebfad;border-radius:9px;padding:14px 22px;font-size:17px;font-weight:650}.flow-word small{color:#6d8073;margin-top:4px;font-size:10px;font-weight:400;display:block}.flow-word.selected{outline-offset:2px;background:#fff9e9;outline:3px solid #ab7935}.flow-word.placed:not(.selected){background:#f9fcf5;border-style:dashed}.student-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 35px;display:grid}.student-flow-node{background:#fff;border:1px solid #c6d5c9;border-radius:15px;flex-direction:column;min-height:205px;padding:20px;display:flex;position:relative}.student-flow-node:nth-child(odd):after{content:"→";color:#617763;font-size:23px;position:absolute;top:50%;right:-29px}.student-flow-node h2{margin:8px 0;font-size:18px;line-height:1.3}.student-flow-node p{color:#61776a;margin:0 0 15px;font-size:14px}.node-number{color:#77887d;font-size:11px}.flow-drop{color:#677d62;background:#f5f9f0;border:2px dashed #aebfac;border-radius:9px;width:100%;min-height:62px;margin-top:auto;padding:12px;font-size:16px}.flow-drop.filled{color:#25543f;background:#edf5e6;border-style:solid;font-weight:700}.flow-drop.drag-over{background:#f8e4ae;border-color:#b68135}.flow-node-bottom{justify-content:space-between;align-items:center;gap:5px;min-height:22px;margin-top:8px;display:flex}.flow-node-bottom .text-button{padding:0;font-size:11px}.flow-node-bottom .answer-status{font-size:12px}.flow-lanes .student-flow-node:nth-child(3),.flow-lanes .student-flow-node:nth-child(4){background:#f2f7fb}.flow-hint{color:#6e531e;background:#fff4d9;border-radius:10px;padding:15px;font-size:15px}.flow-hint[hidden]{display:none}.lesson-two-worksheet .choice-layout.with-scenario{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:25px}.document-scenario{background:#fff;border:1px solid #c4d2d9;border-radius:11px;align-self:start;overflow:hidden}.scenario-title{background:#e2e9ed;padding:13px 16px;font-size:15px;font-weight:700}.scenario-title span{color:#5f7780;letter-spacing:1px;margin-top:5px;font-size:9px;display:block}.document-scenario section{border-bottom:1px solid #e4e9e9;padding:20px}.document-scenario small{color:#58736c;font-size:11px}.document-scenario section p{margin:12px 0 0;font:22px/1.5 Georgia,serif}.scenario-event{color:#775923;background:#fff5dc;padding:18px;font-size:14px;line-height:1.6}.lesson-two-worksheet .choice-options{min-width:0}.lesson-two-worksheet .choice{height:auto;min-height:68px}.lesson-two-worksheet .choice b{font-size:17px;line-height:1.5}.lesson-two-worksheet .worksheet-sidebar .progress-ring{flex-shrink:0}.lesson-two-worksheet .worksheet-sidebar nav{padding-bottom:10px}@media (width>=1400px) and (height>=850px){.document-lab{gap:18px}.document-workspace{min-height:380px}.memory-card{padding:15px 20px}.memory-card header img{width:85px;height:60px}.mini-paper{padding:13px 18px}.document-actions button{font-size:16px}.document-titlebar strong{font-size:18px}.document-toolbar button{font-size:15px}.save-state{font-size:14px}.cpu-caption{font-size:15px}}@media (width<=1000px){.document-workspace{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);gap:15px}.memory-card header img{width:44px}.memory-card header span{font-size:10px}.document-actions{gap:6px}.document-actions button{padding:8px 10px;font-size:12px}.lesson-two-worksheet .choice-layout.with-scenario{grid-template-columns:1fr}.document-scenario{width:100%}.document-scenario section{padding:13px 20px}.document-scenario section p{font-size:18px}}@media (width<=799px){.lesson-two .wide-slide{flex-direction:column;display:flex}.lesson-two .slide-visual{overflow:visible}.document-lab{height:auto}.document-workspace{grid-template-columns:1fr}.document-window{min-height:330px}.document-memory{grid-template-columns:1fr 1fr;gap:10px;display:grid}.copy-direction{grid-area:2/1/auto/-1}.document-actions .text-button{margin-left:0}.document-page textarea{font-size:22px}.lab-context{font-size:10px}.lab-context>span:first-child{font-size:8px}.cpu-caption span{margin:4px 0;display:block}.file-recall-grid{grid-template-columns:1fr}.flow-step-buttons{grid-template-columns:1fr 1fr;gap:12px}.flow-step-buttons button:after{display:none}.flow-comparison>div{grid-template-columns:1fr}.file-video-card{padding:22px}.file-video-card h2{font-size:27px}.video-takeaway span{display:block}.student-flow-grid{gap:15px}.student-flow-node{min-height:200px;padding:14px}.student-flow-node:after{display:none}.flow-word{padding:11px 15px;font-size:14px}.flow-wordbank{gap:9px;padding:13px}.flow-comparison{padding:18px}.memory-card{padding:8px}.memory-card header{gap:5px}.mini-paper{padding:8px}.mini-paper>p{font-size:15px}}@media (width<=460px){.student-flow-grid{grid-template-columns:1fr}.student-flow-node{min-height:165px}.memory-card header img{width:35px}.memory-card header span{font-size:9px}.document-statusbar{font-size:8px}.document-page{padding:15px}.document-toolbar{gap:5px}.document-toolbar button{padding:6px 8px}.save-state{font-size:10px}.lesson-two .presentation-nav{gap:10px}.file-recall-grid section{padding:18px}}.game-loading-lab{flex-direction:column;gap:14px;width:100%;height:100%;min-height:430px;display:flex}.game-window{background:#c4e2e4;border:1px solid #b5ccc9;border-radius:13px;flex:1;min-height:210px;overflow:hidden}.game-window-bar{color:#325347;letter-spacing:1px;background:#eff5f0;align-items:center;gap:10px;height:32px;padding:0 17px;font-size:11px;display:flex}.game-window-bar>span:last-child{margin-left:auto;font-size:9px}.game-window-dot{background:#72977e;border-radius:50%;width:8px;height:8px}.game-scene{height:calc(100% - 32px);min-height:178px;position:relative;overflow:hidden}.island-scene{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.island-map,.island-pictures,.island-player{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .9s,transform .9s;transform:translateY(12px)}.has-map .island-map,.has-pictures .island-pictures,.is-ready .island-player{opacity:1;transform:translateY(0)}.game-loading-panel{background:#f9fcf1ed;border:1px solid #fff;border-radius:14px;width:37%;max-width:430px;padding:clamp(15px,1.7vw,27px);position:absolute;top:50%;right:4%;transform:translateY(-50%);box-shadow:0 6px 35px #254d4a12}.game-kicker{letter-spacing:1.8px;color:#607f67;font-size:10px;font-weight:700}.game-loading-panel h2{letter-spacing:-.7px;margin:9px 0;font-size:clamp(23px,2.2vw,34px);line-height:1.12}.game-loading-panel>p{color:#476354;min-height:2.8em;margin:8px 0 16px;font-size:clamp(13px,1.2vw,18px);line-height:1.4}.game-progress-label{color:#476354;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.game-progress-label strong{color:#284d37;font-variant-numeric:tabular-nums;font-size:23px}.game-progress{background:#dce7d8;border-radius:20px;height:11px;margin-top:7px;overflow:hidden}.game-progress>span{background:#417f60;border-radius:20px;width:0;height:100%;display:block}.game-loading-panel>.game-scene-note{min-height:2.5em;margin:11px 0 0;font-size:11px}.game-data-path{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr) 45px minmax(150px,.7fr);align-items:stretch;gap:4px;display:grid}.game-data-node{background:#fff;border:1px solid #cdd9cc;border-radius:12px;min-width:0;padding:13px 16px}.game-data-node header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.game-data-node header img{object-fit:contain;mix-blend-mode:multiply;width:55px;height:39px}.game-data-node h3{margin:0;font-size:21px;line-height:1.2}.game-data-node p{color:#57715f;margin:3px 0 0;font-size:13px;line-height:1.4}.game-asset-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.game-asset{color:#325740;background:#eaf1e3;border:1px solid #cbdac8;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:9px 4px;font-size:12px;transition:background .3s,border-color .3s,opacity .3s;display:flex}.game-asset i{font-size:16px;font-style:normal}.game-asset.empty{color:#859286;background:#fafbf7;border-style:dashed}.game-asset.empty i{opacity:.25}.game-asset.is-reading{background:#fff3d6;border-color:#b28537}.game-ram{background:#f2f7ec}.game-transfer,.game-process-arrow{color:#66906d;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:28px;display:flex;position:relative}.game-transfer>span{letter-spacing:.6px;text-transform:uppercase;font-size:10px}.game-transfer>div{text-align:center;width:100%;line-height:40px;position:relative}.game-transfer i{background:#b88735;border-radius:2px;width:9px;height:12px;animation:1.4s infinite game-data-copy;display:none;position:absolute;top:18px;left:4px;box-shadow:inset 0 -3px #e6c28d}.is-copying .game-transfer i{display:block}.game-process{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.game-process h3{font-size:18px}.processing-icon{color:#b1c3af;font-size:21px;position:absolute;top:5px;right:9px}.process-status{color:#627a61;margin-top:8px;font-size:10px}.is-preparing .game-process{background:#fff6df;border-color:#a17e3b}.is-ready .game-process{background:#eaf3e3;border-color:#6c9670}.game-demo-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.game-demo-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.game-demo-controls button{min-height:41px;padding:11px 16px;font-size:14px}.game-demo-controls button:disabled{opacity:.4;cursor:not-allowed}.game-demo-footer>p{color:#5e7365;text-align:right;max-width:320px;margin:0;font-size:12px;line-height:1.5}@keyframes game-data-copy{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(48px)}}.document-lab{gap:10px;min-height:440px}.document-workspace{gap:22px;min-height:240px}.desktop-page{background:#c2dce3;min-height:150px;padding:0;position:relative}.desktop-wallpaper{background:linear-gradient(145deg,#bedbe8,#d3e8e2 65%,#b9d1b6);width:100%;min-height:170px;position:relative;overflow:hidden}.desktop-hill{pointer-events:none;border-radius:50%;width:110%;height:100%;position:absolute}.hill-back{background:#abc5b7;top:60%;left:-35%;transform:rotate(17deg)}.hill-front{background:#86afa1;top:77%;right:-25%;transform:rotate(-10deg)}.desktop-file{color:#234e5c;cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:center;gap:6px;width:96px;padding:10px 6px;display:flex;position:absolute;top:14px;left:20px}.desktop-file svg{filter:drop-shadow(0 2px 3px #284f6220);width:53px;height:65px}.desktop-file strong{text-shadow:0 1px #ffffffa0;font-size:15px}.desktop-file:hover,.desktop-file.selected{background:#eaf6ff77;border-color:#709ca799}.desktop-file:focus-visible{outline-offset:2px;outline:3px solid #4c7d8f}.desktop-file:disabled{opacity:.7}.desktop-instruction{color:#325e68;align-items:center;gap:13px;max-width:350px;font-size:clamp(16px,1.5vw,23px);line-height:1.4;display:flex;position:absolute;top:46%;left:140px;right:20px;transform:translateY(-50%)}.desktop-taskbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#426970;background:#ecf4f1b8;align-items:center;gap:23px;height:32px;padding:0 16px;font-size:19px;display:flex;position:absolute;bottom:0;left:0;right:0}.desktop-taskbar small{margin-left:auto;font-size:10px}.opening-spinner{border:2px solid #7da29e;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:1s linear infinite document-spin;display:block}.document-transfer-track{background:#f0f5ec;border:1px solid #d9e1d6;border-radius:9px;grid-template-columns:1fr 35px 1fr 35px 1.3fr 35px 1fr;align-items:center;gap:5px;padding:5px 13px;display:grid}.document-transfer-track>span{text-align:center;border-radius:5px;padding:4px}.document-transfer-track b{font-size:14px;display:block}.document-transfer-track small{color:#637762;margin-top:2px;font-size:10px;display:block}.document-transfer-track>span.active{background:#dceccf;box-shadow:inset 0 0 0 1px #8eb183}.document-transfer-track>i{color:#9aa991;text-align:center;font-size:23px;font-style:normal;position:relative}.document-transfer-track>i.transfer-active{color:#6b8f4d}.transfer-active:after{content:"";background:#bb8830;border-radius:1px;width:7px;height:10px;animation:1s linear infinite document-data-copy;position:absolute;top:8px;left:0}.copy-reading{box-shadow:inset 0 0 0 2px #bf9b55}.copy-arrived{animation:1s ease-out document-copy-arrived}.copy-is-moving{color:#936d25;position:relative}.copy-is-moving:before{content:"▤";margin-right:9px;animation:.8s infinite document-copy-up;display:inline-block}.copy-is-saving{color:#367550}.document-arrived .document-page textarea{animation:.7s ease-out document-appear}@keyframes document-spin{to{transform:rotate(360deg)}}@keyframes document-data-copy{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(28px)}}@keyframes document-copy-up{0%{opacity:0;transform:translateY(8px)}35%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes document-copy-arrived{0%{background:#dcebcf;box-shadow:inset 0 0 0 3px #7ea66a}to{box-shadow:inset 0 0 0 1px #d0dbd3}}@keyframes document-appear{0%{opacity:.1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width>=1400px) and (height>=850px){.game-data-node{padding:19px 24px}.game-data-node header img{width:75px;height:55px}.game-data-node h3{font-size:27px}.game-data-node p{font-size:17px}.game-asset{padding:12px 5px;font-size:16px}.game-data-path{grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr) 65px minmax(200px,.7fr)}.game-demo-controls button{font-size:18px}.game-demo-footer>p{font-size:15px}.game-loading-panel>.game-scene-note{font-size:14px}.document-transfer-track{padding:9px 18px}.document-transfer-track b{font-size:19px}.document-transfer-track small{font-size:13px}.desktop-file{width:110px;top:28px;left:32px}.desktop-file svg{width:70px;height:85px}.desktop-file strong{font-size:20px}.desktop-instruction{max-width:410px;left:185px}}@media (width>=800px) and (height<=760px){.game-loading-lab{gap:10px;min-height:400px}.game-window{min-height:190px}.game-loading-panel{padding:12px 17px}.game-loading-panel h2{margin:5px 0;font-size:23px}.game-loading-panel>p{min-height:2.8em;margin:5px 0 8px;font-size:13px}.game-loading-panel>.game-scene-note{display:none}.game-data-node{padding:10px 12px}.game-data-node header{margin-bottom:7px}.game-asset{padding:7px 2px}.document-lab{gap:8px;min-height:425px}.document-workspace{min-height:232px}.document-explanation{min-height:40px;padding:8px 12px}.document-titlebar{min-height:32px;padding:6px 12px}.document-page textarea{padding:9px 6px}.document-actions button{min-height:34px;padding:8px 11px}}@media (width<=1000px){.game-data-path{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 25px 145px}.game-data-node{padding:10px}.game-data-node header{gap:6px}.game-data-node header img{width:39px}.game-asset{gap:3px;font-size:10px}.game-transfer i{animation-name:document-data-copy}.game-demo-footer{gap:12px}.game-demo-controls{gap:7px}.game-demo-controls button{padding:9px 12px;font-size:12px}.game-demo-footer>p{font-size:11px}.game-loading-panel{width:42%;right:3%}}@media (width<=799px){.game-loading-lab{height:auto;min-height:0}.game-window{flex:none;min-height:340px}.game-scene{height:308px}.island-scene{width:180%;max-width:none;left:-35%}.game-loading-panel{background:#f9fcf1f5;width:92%;max-width:none;padding:14px 17px;top:auto;bottom:12px;right:4%;transform:none}.game-loading-panel h2{font-size:24px}.game-loading-panel>p{min-height:0;margin:8px 0;font-size:14px}.game-loading-panel>.game-scene-note,.game-kicker{display:none}.game-data-path{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:2px}.game-process-arrow{grid-column:1/-1;font-size:20px;line-height:20px;transform:rotate(90deg)}.game-process{flex-direction:row;grid-column:1/-1;gap:15px;padding:12px}.game-process p{font-size:12px}.game-process br{display:none}.process-status{margin:0}.processing-icon{display:none}.game-data-node header{text-align:center;flex-direction:column}.game-data-node h3{font-size:21px}.game-data-node p{font-size:11px}.game-asset-slots{grid-template-columns:1fr;gap:4px}.game-asset{padding:5px;font-size:12px}.game-demo-footer{flex-direction:column;gap:4px}.game-demo-footer>p{text-align:center}.game-demo-controls{justify-content:center}.document-workspace{min-height:0}.document-transfer-track{grid-template-columns:1fr 12px 1fr 12px 1.2fr 12px 1fr;gap:0;padding:5px}.document-transfer-track b{font-size:10px}.document-transfer-track small{font-size:8px}.document-transfer-track>i{font-size:16px}.desktop-instruction{font-size:16px;left:130px;right:10px}.transfer-active:after{width:4px;height:6px;animation:none}.document-lab{min-height:0}}@media (prefers-reduced-motion:reduce){.island-map,.island-pictures,.island-player,.game-asset{transition:none}.game-transfer i,.transfer-active:after,.opening-spinner,.copy-is-moving:before,.copy-arrived,.document-arrived .document-page textarea{animation:none}.game-transfer i{left:30%}}.lesson-three .wide-slide{grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:14px;padding-top:5px}.lesson-three .slide-heading h1{letter-spacing:-1.5px;margin:5px 0;font-size:clamp(30px,3.3vw,50px)}.lesson-three .slide-heading .eyebrow{margin:0;font-size:11px}.lesson-three .slide-body{max-width:none;margin:8px 0 0;font-size:clamp(18px,1.6vw,25px);line-height:1.35}.lesson-three .slide-visual{justify-content:flex-start;padding:0 2px 4px;overflow:auto}.slide-visual [hidden]{display:none!important}.l3-icon{width:100%;height:100%;max-height:90px;display:block}.l3-btn{min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c3d3ca;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.l3-btn:hover:not(:disabled){border-color:var(--green)}.l3-btn.main{background:var(--green);border-color:var(--green);color:#fff}.l3-btn.picked{border-color:var(--gold);background:#fdf3e4}.l3-btn:disabled{opacity:.45;cursor:default}.l3-text{color:var(--green);cursor:pointer;background:0 0;border:0;padding:8px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:underline}.l3-chip{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c3d3ca;border-radius:999px;padding:8px 15px;font-family:inherit;font-size:15px;font-weight:600}.l3-chip:hover{border-color:var(--green);background:var(--pale)}.l3-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.l3-note{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.l3-note a{color:var(--green)}.l3-kicker{letter-spacing:1.4px;color:var(--gold);margin:0;font-size:11px;font-weight:700}.l3-choice-row{flex-wrap:wrap;gap:12px;display:flex}.l3-bar{background:#eef1ee;border:1px solid #cdd8d1;border-radius:9px;width:100%;height:30px;display:flex;overflow:hidden}.l3-bar.tall{border-radius:12px;height:52px}.l3-seg{border-right:2px solid #fff;justify-content:center;align-items:center;min-width:0;transition:width .5s;display:flex}.l3-seg:last-child{border-right:0}.l3-seg i{color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:0 6px;font-size:12px;font-style:normal;font-weight:700;overflow:hidden}.l3-bar.tall .l3-seg i{font-size:14px}.l3-seg.sys{background:#5d7480}.l3-seg.media{background:#6f9b5b}.l3-seg.games{background:#4f7fb0}.l3-seg.other{background:#9aa8a3}.l3-seg.free{background:repeating-linear-gradient(135deg,#f6f9f4 0 6px,#e7efe3 6px 12px)}.l3-reveal-grid .l3-icon{height:110px;max-height:110px}.l3-reveal-grid h2{font-size:22px}.l3-reveal-grid.four{grid-template-columns:repeat(4,1fr);gap:18px}.l3-reveal-grid.four h2{font-size:21px}.l3-reveal-grid.four p{font-size:20px}.l3-hook{grid-template-columns:auto minmax(240px,1fr);justify-content:center;align-items:center;gap:40px;margin:auto 0;display:grid}.l3-laptop{flex-direction:column;align-items:center;display:flex}.l3-lid{background:#1d2b30;border-radius:22px 22px 6px 6px;padding:22px 20px 18px;position:relative;box-shadow:0 22px 40px #203c4130}.l3-cam{background:#46585e;border-radius:50%;width:7px;height:7px;margin-left:-3px;position:absolute;top:8px;left:50%}.l3-display{aspect-ratio:16/10;background:#7fb6cf;border-radius:6px;height:min(56vh,620px);position:relative;overflow:hidden}.l3-wallpaper{background:radial-gradient(circle at 78% 22%,#ffe9a6 0 5%,#0000 5.5%),linear-gradient(170deg,#0000 58%,#5f9e54 58.5%),linear-gradient(195deg,#0000 52%,#8fc07a 52.5%),linear-gradient(#7fc3e4,#d8eef0);position:absolute;inset:0}.l3-desk-icons{flex-direction:column;gap:14px;display:flex;position:absolute;top:5%;left:3%}.l3-desk-icons span{color:#fff;text-shadow:0 1px 2px #0008;text-align:center;flex-direction:column;align-items:center;gap:3px;width:64px;font-size:11px;display:flex}.l3-desk-icons i{background:#f6f1df;border-radius:6px;width:34px;height:30px;box-shadow:0 2px 4px #0003}.l3-store{background:#fbfcfb;border-radius:10px;width:42%;position:absolute;top:10%;left:14%;overflow:hidden;box-shadow:0 12px 30px #0004}.l3-store header{background:#e7ecea;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.l3-store header span{background:#e0796b;border-radius:50%;width:10px;height:10px}.l3-store header span+span{background:#e8c060}.l3-store header span+span+span{background:#7bbf74}.l3-store header b{color:#4b5d59;margin-left:8px}.l3-store-body{grid-template-columns:30% 1fr;align-items:center;gap:6px 14px;padding:16px;display:grid}.l3-store-body .l3-icon{max-height:70px}.l3-store-body b{font-size:clamp(16px,1.6vw,24px);display:block}.l3-store-body small{color:var(--ink);font-size:clamp(13px,1.1vw,17px);font-weight:700;display:block}.l3-store-body em{color:var(--muted);font-size:12px;font-style:normal}.l3-install{color:#6b7c78;background:#c9d4cf;border:0;border-radius:8px;grid-column:1/-1;padding:10px;font-family:inherit;font-size:15px;font-weight:700}.l3-toast{background:#fff;border-left:6px solid #d08a2a;border-radius:12px;flex-direction:column;gap:9px;width:42%;padding:14px 16px;animation:.6s ease-out .3s both l3toast;display:flex;position:absolute;bottom:13%;right:3%;box-shadow:0 14px 34px #0005}.l3-toast-head{align-items:center;gap:8px;display:flex}.l3-toast-head span{color:#c47a16;font-size:18px}.l3-toast-head b{color:#8a520f;font-size:clamp(16px,1.5vw,22px)}.l3-toast-head small{color:var(--muted);margin-left:auto;font-size:12px}.l3-toast p{margin:0;font-size:clamp(13px,1.15vw,17px);line-height:1.35}.l3-toast .l3-bar{height:16px}.l3-toast-actions{color:#2c6aa0;gap:16px;font-size:13px;font-weight:700;display:flex}.l3-taskbar{background:#e9eef0e6;justify-content:center;align-items:center;gap:10px;height:7.5%;display:flex;position:absolute;bottom:0;left:0;right:0}.l3-taskbar span{background:#b6c5c8;border-radius:6px;width:22px;height:22px}.l3-taskbar .l3-start{background:var(--green)}.l3-taskbar time{color:#33474b;font-size:12px;position:absolute;right:14px}.l3-base{clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);background:linear-gradient(#d9e0dd,#b7c2be);justify-content:center;width:calc(100% + 80px);height:22px;display:flex}.l3-base span{background:#a3afab;border-radius:0 0 8px 8px;width:16%;height:7px}@keyframes l3toast{0%{opacity:0;transform:translateY(30px)}}.l3-predict{flex-direction:column;gap:16px;max-width:360px;display:flex}.l3-predict h2{margin:0;font-size:clamp(30px,3vw,46px)}.l3-result{background:var(--pale);border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.l3-result b{color:var(--green);font-size:26px}.l3-result span{font-size:19px}.l3-result small{color:var(--muted);font-size:15px}.l3-ladder-wrap{flex-direction:column;gap:12px;display:flex}.l3-ladder{align-items:stretch;gap:8px;height:max(340px,100vh - 300px);display:flex}.l3-step{opacity:.13;flex-direction:column;flex:1;justify-content:flex-end;gap:8px;transition:opacity .4s;display:flex}.l3-step.on{opacity:1}.l3-step-top{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.l3-step-top .l3-icon{width:80px;height:58px}.l3-step-top p{margin:0;font-size:16px;font-weight:600}.l3-step-top small{color:var(--muted);font-size:14px}.l3-step strong{background:linear-gradient(#cfe3d1,#e9f2e6);border:2px solid #9fbfa5;border-radius:12px 12px 0 0;flex:none;justify-content:center;align-items:flex-start;max-height:calc(100% - 110px);padding-top:12px;font-size:clamp(28px,3vw,48px);display:flex}.l3-step.on strong{color:#fff;background:linear-gradient(#277263,#3a8a78);border-color:#277263}.l3-step-arrow{color:var(--gold);white-space:nowrap;background:#fdf3e4;border-radius:999px;align-self:flex-end;margin-bottom:14px;padding:6px 10px;font-size:14px;font-weight:700}.l3-step-arrow.ghost{opacity:.15}.l3-round{color:#8a520f;background:#fdf3e4;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600}.l3-cv{flex-direction:column;align-items:center;gap:22px;width:100%;margin:auto 0;display:flex}.l3-cv-stairs{width:100%;height:auto;max-height:min(50vh,520px);display:block;overflow:visible}.l3-cv-tile rect{fill:#e9f2e6;stroke:#9fbfa5;stroke-width:3px;transition:fill .3s,stroke .3s}.l3-cv-tile text{fill:var(--green);font:800 50px Manrope,system-ui}.l3-cv-tile.path rect{fill:#f4f7f2}.l3-cv-tile.from rect{fill:var(--green);stroke:var(--green)}.l3-cv-tile.from text{fill:#fff}.l3-cv-tile.to rect{fill:#fff;stroke:var(--ink);stroke-width:5px;stroke-dasharray:14 8}.l3-cv-arrow path{fill:none;stroke-width:6px;stroke-linecap:round;transition:opacity .3s,stroke-width .3s}.l3-cv-arrow text{font:800 28px Manrope,system-ui;transition:opacity .3s}.l3-cv-arrow .op{font-size:40px}.l3-cv-arrow.up path{stroke:#2f6fc0}.l3-cv-arrow.up text{fill:#2f6fc0}.l3-cv-arrow.down path{stroke:#be8744}.l3-cv-arrow.down text{fill:#9a6324}.l3-cv-stairs.focus .l3-cv-arrow{opacity:.22}.l3-cv-stairs.focus .l3-cv-arrow.lit,.l3-cv-stairs.focus .l3-cv-arrow.done{opacity:1}.l3-cv-arrow.lit path{stroke-width:10px}.l3-cv-end{fill:var(--muted);font:700 18px DM Sans,system-ui}.l3-cv-badge rect{fill:var(--ink);filter:drop-shadow(0 6px 10px #203c4155)}.l3-cv-badge text{fill:#fff;font:800 28px Manrope,system-ui}.l3-cv-bottom{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:22px;width:100%;max-width:1400px;display:grid}.l3-cv-examples{grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;display:grid}.l3-cv-examples>span{letter-spacing:1.4px;color:var(--gold);text-transform:uppercase;grid-column:1/-1;font-size:12px;font-weight:700}.l3-cv-ex{white-space:nowrap;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #c3d3ca;border-radius:12px;padding:9px 12px;font:700 clamp(17px,1.4vw,21px) inherit}.l3-cv-ex:hover{border-color:var(--green)}.l3-cv-ex.on{background:var(--ink);border-color:var(--ink);color:#fff}.l3-cv-result{border:2px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;gap:4px;min-height:118px;padding:12px 20px;display:flex}.l3-cv-result p{margin:0}.l3-cv-hint{color:var(--muted);font-size:clamp(17px,1.4vw,21px)}.l3-cv-dir{font:800 clamp(16px,1.3vw,19px) Manrope,system-ui}.l3-cv-dir.up{color:#2f6fc0}.l3-cv-dir.down{color:#9a6324}.l3-cv-work{color:var(--muted);min-height:1.3em;font-size:clamp(18px,1.5vw,22px)}.l3-cv-answer{color:var(--ink);min-height:1.2em;font:800 clamp(26px,2.5vw,40px) Manrope,system-ui}.l3-cv-answer b{color:var(--green)}@media (height<=780px){.l3-cv{gap:12px}.l3-cv-stairs{max-height:44vh}.l3-cv-result{min-height:96px;padding:8px 16px}.l3-cv-ex{padding:7px 10px}}.l3-size-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:auto 0;display:grid}.l3-size-grid section{text-align:center;background:#fff;border:1px solid #d5dfd5;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-height:290px;padding:20px 16px;display:flex}.l3-size-grid section.done{background:#f6faf3}.l3-size-grid .l3-icon{height:95px}.l3-size-grid h2{margin:0;font-size:20px;line-height:1.25}.l3-size-grid p{color:var(--muted);margin:0;font-size:15px}.l3-size-grid strong{color:var(--green);margin-top:auto;font-size:40px}.l3-guess{gap:8px;margin-top:auto;display:flex}.l3-verdict{border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700}.l3-verdict.yes{color:#2d6b3c;background:#e3f1df}.l3-verdict.no{color:#8e5a14;background:#fdf0dc}.l3-screen{background:#203c41;border:10px solid #203c41;border-radius:16px;position:relative;box-shadow:0 12px 30px #203c4126}.l3-screen canvas{border-radius:4px;width:100%;height:auto;display:block}.l3-screen-tag{color:#fff;background:#203c41d9;border-radius:8px;padding:5px 12px;font-size:18px;font-weight:700;position:absolute;top:12px;right:14px}.l3-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.l3-tabs button{border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:12px;font-family:inherit;font-size:22px;font-weight:700}.l3-tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff}.l3-film-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:10px 16px;display:flex}.l3-film-card .l3-icon{flex:none;width:64px;height:50px}.l3-film-card b{font-size:21px;display:block}.l3-film-card span{color:var(--muted);font-size:15px}.l3-film-card small{color:#8a520f;background:#fdf3e4;border-radius:8px;max-width:300px;margin-left:auto;padding:6px 10px;font-size:13px}.l3-pixel{grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);align-items:center;gap:26px;margin:auto 0;display:grid}.l3-screen.big{aspect-ratio:16/9;max-height:calc(100vh - 260px)}.l3-lens{aspect-ratio:1;border:4px solid var(--gold);border-radius:50%;width:9%;animation:1.6s ease-in-out infinite alternate l3lens;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fff8}@keyframes l3lens{to{transform:translate(-50%,-50%)scale(1.15)}}.l3-pixel-info{flex-direction:column;gap:12px;display:flex}.l3-fact{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 16px;font-size:18px;line-height:1.35}.l3-fact b{color:var(--green);font-size:20px;display:block}.l3-fact.on{border-color:var(--gold);background:#fdf3e4}.l3-film3{flex-direction:column;gap:14px;margin:auto 0;display:flex}.l3-quality-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.l3-quality-row section{opacity:.5;flex-direction:column;align-items:center;gap:6px;display:flex}.l3-quality-row section.on{opacity:1}.l3-panel{aspect-ratio:4/3;background:#e9eef0;border:8px solid #203c41;border-radius:14px;justify-content:center;align-items:center;width:min(100%,133.333vh - 680px);display:flex;overflow:hidden}.l3-panel canvas{width:100%;height:100%;display:block}.l3-panel span{color:#a9b7b2;font-size:64px;font-weight:700}.l3-quality-row h3{margin:2px 0 0;font-size:28px}.l3-quality-row p{text-align:center;color:var(--muted);margin:0;font-size:16px}.l3-quality-row p b{color:var(--green);font-size:18px}.l3-conclusion{background:#fdf3e4;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:20px;display:flex}.l3-conclusion b{color:var(--gold)}.l3-conclusion strong{color:#8a520f;font-size:24px}.l3-film-sizes{flex-direction:column;gap:14px;margin:auto 0;display:flex}.l3-film-card.wide{align-self:flex-start}.l3-size-row{grid-template-columns:90px 1fr 140px;align-items:center;gap:16px;display:grid}.l3-size-row b{font-size:26px}.l3-size-row strong{color:#a7b3ae;text-align:right;font-size:28px}.l3-size-row.on strong{color:var(--green)}.l3-size-track{background:#eef1ee;border:1px solid #d6dfd8;border-radius:10px;height:42px;overflow:hidden}.l3-size-track span{background:linear-gradient(90deg,#be8744,#d6a466);border-radius:10px;width:0;height:100%;transition:width .8s;display:block}.l3-callout{border-left:6px solid var(--gold);background:#fdf3e4;border-radius:8px;padding:14px 18px;font-size:21px}.l3-how{color:var(--muted);font-size:15px}.l3-how summary{cursor:pointer;color:var(--green);font-weight:600}.l3-how table{border-collapse:collapse;color:var(--ink);margin:10px 0;font-size:15px}.l3-how th,.l3-how td{border-bottom:1px solid var(--line);text-align:left;padding:6px 14px 6px 0}.l3-inside{grid-template-columns:1fr 1fr;gap:22px;margin:auto 0;display:grid}.l3-inside section{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.l3-inside h2{margin:0;font-size:22px}.l3-cutaway{width:100%;max-height:260px}.l3-inside ul{margin:0;padding-left:20px;font-size:17px;line-height:1.5}.l3-platter{transform-origin:150px 125px;animation:1.1s linear infinite l3spin}.l3-arm{transform-origin:296px 196px;animation:1.8s ease-in-out infinite alternate l3arm}.l3-chip-glow rect{animation:1.4s ease-in-out infinite l3glow;animation-delay:var(--d)}.l3-inside.paused .l3-platter,.l3-inside.paused .l3-arm,.l3-inside.paused .l3-chip-glow rect{animation-play-state:paused}@keyframes l3spin{to{transform:rotate(360deg)}}@keyframes l3arm{0%{transform:rotate(-6deg)}to{transform:rotate(14deg)}}@keyframes l3glow{50%{fill:#2c5a54}}.l3-video{flex-direction:column;gap:16px;margin:auto 0;display:flex}.l3-video-main{background:#eef3e8;border:1px solid #c8d6c9;border-radius:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;padding:22px;display:grid}.l3-thumb{aspect-ratio:16/9;background:#203c41;border-radius:14px;display:block;position:relative;overflow:hidden}.l3-thumb img{object-fit:cover;width:100%;height:100%;display:block}.l3-thumb span{color:#fff;background:#d6332b;border-radius:16px;justify-content:center;align-items:center;width:84px;height:60px;font-size:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.l3-video h2{margin:6px 0 14px;font-size:clamp(24px,2.4vw,36px)}.l3-chapters{grid-template-columns:1fr 1fr;gap:6px 18px;margin:16px 0 0;padding:0;font-size:16px;list-style:none;display:grid}.l3-chapters a{color:var(--ink);text-decoration:none}.l3-chapters b{color:var(--green);margin-right:4px}.l3-watch-for{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px 18px;font-size:19px;display:flex}.l3-race{flex-direction:column;gap:clamp(12px,2.6vh,30px);margin:auto 0;padding:4px 0;display:flex}.l3-race-q{align-items:center;gap:16px;min-height:62px;display:flex}.l3-race-ask{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.l3-race-q .l3-takeaways{flex:1}.l3-race-q>b{font-size:24px}.l3-race-q #l3Start{margin-left:auto}.l3-lane{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:170px 1fr 170px 110px 160px;align-items:center;gap:clamp(8px,1.8vh,20px) 14px;padding:clamp(12px,2.4vh,28px) 28px;display:grid}.l3-node{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.l3-node svg{width:auto;max-width:100%;height:clamp(56px,10.5vh,116px)}.l3-node b{font-size:21px}.l3-node small{color:var(--muted);font-size:13px}.l3-pipe{background:#eef1ee;border:1px solid #d6dfd8;border-radius:999px;height:22px;position:relative}.l3-pipe>span{color:var(--muted);letter-spacing:.5px;font-size:12px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.l3-pipe i{opacity:0;width:14px;height:14px;animation:l3bit var(--dur) linear infinite;animation-delay:calc(var(--dur) * var(--i) / var(--n) * -1);background:#e2b13c;border-radius:50%;animation-play-state:paused;position:absolute;top:3px;left:0;box-shadow:0 0 8px #f5c84d}.l3-pipe.short i{animation-duration:.6s;animation-delay:calc(.6s * var(--i) / var(--n) * -1);background:#f19ab0;box-shadow:0 0 8px #f19ab0}.l3-lane.running .l3-pipe i,.l3-lane.done .l3-pipe.short i{opacity:1;animation-play-state:running}@keyframes l3bit{0%{left:0}to{left:calc(100% - 14px)}}.l3-mini-platter{transform-origin:50px 45px}.l3-mini-arm{transform-origin:100px 74px}.l3-lane.running .l3-mini-platter{animation:.5s linear infinite l3spin}.l3-lane.running .l3-mini-arm{animation:.5s ease-in-out infinite alternate l3arm}.l3-lane.running .l3-mini-chip{animation:.4s ease-in-out infinite alternate l3chip;animation-delay:var(--d)}@keyframes l3chip{to{fill:#f5c84d}}.l3-ram-fill{transition:width .1s linear}.l3-brain{transform-origin:50px 48px}.l3-lane.running .l3-brain,.l3-lane.done .l3-brain{animation:.7s ease-in-out infinite alternate l3think}@keyframes l3think{to{transform:scale(1.12)}}.l3-lane-progress{grid-column:1/-1;grid-template-columns:1fr 110px;align-items:center;gap:14px;display:grid}.l3-lane-progress .l3-size-track{height:32px}.l3-lane-progress .l3-size-track span{background:linear-gradient(90deg,#277263,#4c9a84);transition:none}.l3-lane-progress strong{color:var(--green);text-align:right;font-size:26px}.l3-takeaways{grid-template-columns:1fr 1fr;gap:16px;display:grid}.l3-takeaways div{background:var(--pale);border-radius:12px;flex-direction:column;gap:2px;padding:8px 16px;display:flex}.l3-takeaways b{color:var(--green);font-size:19px}.l3-takeaways span{font-size:16px}@media (width<=900px){.l3-hook,.l3-pixel,.l3-inside,.l3-takeaways,.l3-cv-bottom,.l3-video-main{grid-template-columns:1fr}.l3-size-grid,.l3-reveal-grid.four,.l3-quality-row{grid-template-columns:1fr 1fr}.l3-lane{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.l3-platter,.l3-arm,.l3-chip-glow rect,.l3-toast,.l3-lens{animation:none}}.l3-data-card{background:#fff;border:1px solid #cfdcd3;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.l3-data-card header{background:#e9f1e6;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-weight:700;display:flex}.l3-data-card header span{letter-spacing:1.2px;color:var(--muted);font-size:11px}.l3-data-card dl{margin:0;padding:8px 16px 12px}.l3-data-card dl div{border-bottom:1px solid #edf1ee;justify-content:space-between;gap:16px;padding:9px 0;font-size:17px;display:flex}.l3-data-card dl div:last-child{border-bottom:0}.l3-data-card dd{margin:0;font-weight:700}.l3-data-card p{color:var(--muted);margin:0;padding:0 16px 14px;font-size:14px}.student-flow-grid.flow-ladder{grid-template-columns:repeat(5,minmax(0,1fr))!important}.student-flow-grid.flow-cards .student-flow-node:after{content:none!important}.activity-icons .l3-icon{width:110px;height:84px}.lesson-four .slide-heading h1{margin:2px 0;font-size:clamp(26px,2.6vw,40px)}.presentation.lesson-four:has(.sp-wrap){padding:0 44px 10px}.lesson-four .slide:has(.sp-wrap){grid-template-rows:minmax(0,1fr);gap:0;max-width:none;padding:4px 0 0}.lesson-four .slide:has(.sp-wrap) .slide-heading{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.lesson-four .slide:has(.sp-wrap) .slide-visual{max-height:none;padding:0;overflow:hidden}.sp-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.sp-stage{color:#203c41;background:#f4ead9;border-radius:18px;font-family:DM Sans,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 14px 40px #203c4126;container-type:size}.sp-bg,.sp-counter{width:100%;height:100%;display:block;position:absolute;inset:0}.sp-counter{z-index:3;pointer-events:none}.sp-neon text{filter:drop-shadow(0 0 6px #7ff0c8)}.sp-char{z-index:1;width:22.9%;height:57.8%;position:absolute}.sp-cust{transition:left .6s}.sp-stage.building .sp-cust,.sp-stage.reporting .sp-cust{left:4%!important}.sp-person{width:100%;height:100%;overflow:visible}.sp-person .sp-body,.sp-person .sp-head{animation:3.2s ease-in-out infinite sp-breathe}.sp-person .sp-head{animation-delay:.15s}@keyframes sp-breathe{50%{transform:translateY(3px)}}.sp-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite sp-blink}@keyframes sp-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.sp-talk{opacity:0}.talking .sp-talk{animation:.24s steps(2,end) infinite sp-talk}.talking .sp-mouth{opacity:0}@keyframes sp-talk{0%{opacity:1}to{opacity:0}}.sp-cust.in{animation:.9s cubic-bezier(.2,.8,.3,1) sp-enter}@keyframes sp-enter{0%{transform:translate(-28cqw)}to{transform:none}}.sp-cust.jump{animation:.5s 2 sp-jump}@keyframes sp-jump{50%{transform:translateY(-3cqh)}}.sp-you{transition:transform .7s ease-in-out}.sp-you.walk .sp-person{animation:.35s ease-in-out infinite sp-step}@keyframes sp-step{50%{transform:translateY(-1.2cqh)rotate(-1deg)}}.sp-shelf{z-index:2;pointer-events:none;position:absolute;inset:0}.sp-item{color:#203c41;cursor:default;pointer-events:none;background:0 0;border:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:10.4%;padding:0;font-family:inherit;transition:transform .25s,opacity .3s;display:flex;position:absolute}.sp-item .sp-art{width:100%}.sp-art{aspect-ratio:5/4;display:block;position:relative}.sp-art:after{content:"";z-index:-1;background:radial-gradient(#00000030,#0000 70%);border-radius:50%;height:7%;position:absolute;bottom:4%;left:22%;right:22%}.sp-art .sp-icon{width:72%;transition:opacity .4s;position:absolute;top:12%;left:14%}.sp-art.has-3d .sp-icon{opacity:0}.sp-3d{width:100%;height:100%;display:block;position:absolute;inset:0}.sp-item b{text-align:center;white-space:nowrap;background:#fffdf6;border:.14cqw solid #be8744;border-bottom:none;border-radius:.6cqw .6cqw 0 0;margin-top:-.3cqh;padding:.3cqh .6cqw 0;font:800 1.4cqw/1.15 Manrope,system-ui}.sp-item b.long{white-space:normal;font-size:1.15cqw}.sp-item b,.sp-item>span:not(.sp-art){box-sizing:border-box;z-index:1;width:96%;display:block;position:relative}.sp-item>span:not(.sp-art){color:#9a6324;text-align:center;background:#fffdf6;border:.14cqw solid #be8744;border-top:none;border-radius:0 0 .6cqw .6cqw;min-width:6cqw;margin-top:-.2cqh;padding:0 .6cqw .2cqh;font:800 1.25cqw Manrope,system-ui}.sp-item.live{pointer-events:auto;cursor:pointer}.sp-item.live .sp-art{animation:1.4s ease-in-out infinite sp-glow}.sp-item.off{opacity:.4}.sp-item.live:hover{transform:translateY(-1cqh)scale(1.06)}.sp-item.picked{transform:translateY(-1.5cqh)}.sp-item.picked .sp-art{filter:drop-shadow(0 0 .8cqw #277263)}.sp-item.gone{opacity:0}@keyframes sp-glow{0%,to{filter:drop-shadow(0 0 .2cqw #ffd23f00)}50%{filter:drop-shadow(0 0 .9cqw #ffc21f)}}.sp-icon{display:block}.sp-carry{z-index:4;flex-direction:column;align-items:center;gap:.2cqh;width:7.5%;transition:left .7s ease-in-out,top .5s ease-in-out,opacity .6s;display:flex;position:absolute}.sp-carry .sp-art{filter:drop-shadow(0 .5cqh .4cqh #0003);width:100%}.sp-carry .sp-art:after{display:none}.sp-carry b{white-space:nowrap;background:#fff;border-radius:.6cqw;padding:0 .5cqw;font:800 1cqw Manrope,system-ui}.sp-carry.thunk{animation:.3s sp-thunk}@keyframes sp-thunk{50%{transform:translateY(-1.5cqh)}}.sp-coin{z-index:6;font-size:2.4cqw;animation:1.4s ease-out forwards sp-coin;position:absolute}@keyframes sp-coin{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14cqh)}}.sp-till{z-index:4;color:#7ff0c8;place-items:center;width:8%;height:4.2%;font:800 1.25cqw Manrope,system-ui;display:grid;position:absolute}.sp-hud{z-index:7;pointer-events:none;justify-content:flex-start;align-items:center;gap:.6cqw;display:flex;position:absolute;top:1.6%;left:1.6%;right:1.6%}.sp-hud .sp-wallet{margin-left:auto}.sp-skip{pointer-events:auto;color:#677c7c;cursor:pointer;background:#ffffffe6;border:.15cqw solid #c3d3ca;border-radius:999px;padding:.5cqh 1cqw;font:800 1cqw Manrope,system-ui}.sp-skip:hover{color:#203c41;border-color:#203c41}.sp-mute{pointer-events:auto;cursor:pointer;background:#ffffffe6;border:.15cqw solid #c3d3ca;border-radius:999px;padding:.3cqh .8cqw;font-size:1.2cqw;line-height:1.2}.sp-mute:hover{border-color:#203c41}.sp-hud>span{background:#ffffffe6;border-radius:999px;padding:.5cqh 1.2cqw;font:800 1.15cqw Manrope,system-ui;box-shadow:0 .3cqh .8cqh #0001}.sp-hud>span:empty{visibility:hidden}.sp-stars,.sp-bigstars{color:#e2a930;letter-spacing:.2cqw}.sp-stars i,.sp-bigstars i,.sp-report i{color:#d9d2c4;font-style:normal}.sp-wallet{gap:1cqw;display:flex}.sp-wallet b{color:#277263}.sp-order{z-index:6;background:#fffdf6;border:.25cqw solid #203c41;border-radius:1.2cqw;width:max-content;min-width:36%;max-width:62%;padding:1cqh 1.4cqw 1.1cqh;position:absolute;top:6.6%;left:50%;transform:translate(-50%);box-shadow:0 1.2cqh 2.6cqh #203c4140}.sp-order:before,.sp-order:after{content:"";background:#9c6b45;width:.3cqw;height:8cqh;position:absolute;bottom:100%}.sp-order:before{left:14%}.sp-order:after{right:14%}.sp-ask-top{align-items:center;gap:1cqw;display:flex}.sp-face-mini{background:#eef4eb;border:.18cqw solid #c3d3ca;border-radius:50%;flex:none;width:3.8cqw;height:3.8cqw;display:block;overflow:hidden}.sp-face-mini svg{width:160%;height:auto;margin:-12% 0 0 -30%;display:block}.sp-face-mini *{animation:none!important}.sp-ask-top small{letter-spacing:.15cqw;color:#9a6324;font:800 1.05cqw Manrope,system-ui;display:block}.sp-ask-top b{color:#203c41;font:800 1.9cqw/1.2 Manrope,system-ui;display:block}.sp-order ul{flex-wrap:wrap;justify-content:center;gap:.6cqh .5cqw;margin:.8cqh 0 0;padding:0;list-style:none;display:flex}.sp-order ul:empty{display:none}.sp-order li{color:#203c41;background:#eef4eb;border:.14cqw solid #c3d3ca;border-radius:999px;padding:.35cqh .9cqw;font:800 1.35cqw/1.2 Manrope,system-ui}.sp-order li.new{animation:1.8s sp-note}@keyframes sp-note{0%{opacity:0;background:#ffe9a8;border-color:#e2a930;transform:translateY(9cqh)scale(1.15)}40%{opacity:1;background:#ffe9a8;border-color:#e2a930;transform:none}to{}}.sp-back{color:#4d6560;cursor:pointer;background:#fff;border:.15cqw solid #c3d3ca;border-radius:999px;padding:.45cqh 1.2cqw;font:800 1.3cqw Manrope,system-ui;position:absolute;top:-2.8cqh;right:1.6cqw}.sp-back:hover{color:#277263;border-color:#277263}.sp-dialog{z-index:6;cursor:pointer;background:#fffdf8f5;border:.25cqw solid #203c41;border-radius:1.4cqw;min-height:21%;padding:3.2cqh 2.2cqw 2cqh;position:absolute;bottom:2.5%;left:2%;right:2%;box-shadow:0 1cqh 2.6cqh #203c4133}.sp-dialog.tip{background:#fff6d6f5;border-color:#be8744}.sp-dialog.you{border-color:#277263}.sp-name{color:#fff;background:#203c41;border-radius:999px;align-items:center;gap:.6cqw;padding:.5cqh 1.3cqw;font:800 1.55cqw Manrope,system-ui;display:flex;position:absolute;top:-2.8cqh;left:1.6cqw}.sp-dialog.tip .sp-name{background:#be8744}.sp-dialog.you .sp-name{background:#277263}.sp-name svg{width:2.8cqw;height:2.8cqw;margin:-.6cqh 0}.sp-name i{font-style:normal}.sp-text{min-height:2.6em;font-size:2.35cqw;font-weight:500;line-height:1.32}.sp-choices{grid-template-columns:repeat(auto-fit,minmax(36cqw,1fr));gap:.8cqw;margin-top:1.4cqh;display:grid}.sp-choices:empty{display:none}.sp-choice{text-align:left;color:#203c41;cursor:pointer;background:#fff;border:.18cqw solid #c3d3ca;border-radius:1cqw;align-items:center;gap:.8cqw;padding:1.1cqh 1.1cqw;font:700 1.85cqw/1.25 DM Sans,system-ui;display:flex}.sp-choice b{color:#277263;background:#eef4eb;border-radius:50%;flex:none;place-items:center;width:2.7cqw;height:2.7cqw;font:800 1.35cqw Manrope,system-ui;display:grid}.sp-choice:hover:not(:disabled){background:#f3f8f1;border-color:#277263}.sp-choice:disabled{opacity:.5;cursor:default}.sp-choice.done{border-color:#277263;grid-column:1/-1;justify-content:center}.sp-more{color:#277263;font-size:1.9cqw;animation:1s ease-in-out infinite sp-more;position:absolute;bottom:1.2cqh;right:1.6cqw}@keyframes sp-more{50%{transform:translate(.5cqw)}}.sp-panel{right:2.5%;top:max(25%,var(--below-card,0%));z-index:5;background:#fff;border:.18cqw solid #dde5df;border-radius:1.4cqw;width:36%;max-height:62%;padding:1.6cqh 1.4cqw;animation:.35s sp-pop;position:absolute;overflow:auto;box-shadow:0 1.2cqh 3cqh #203c412a}@keyframes sp-pop{0%{transform:scale(.94)}to{transform:none}}.sp-panel header{justify-content:space-between;align-items:baseline;margin-bottom:1.2cqh;display:flex}.sp-panel header b{font:800 1.5cqw Manrope,system-ui}.sp-panel header span{color:#677c7c;font-size:1cqw}.sp-panel.meter{color:#e9eeeb;background:#1d2b30;border-color:#1d2b30}.sp-panel.screen{color:#e9eeeb;background:#1d2b30;border-color:#1d2b30;width:29%;padding:1.2cqh 1cqw 1cqw}.sp-panel.screen header{margin-bottom:.8cqh}.sp-live{font-weight:800;color:#ff8a7a!important}.sp-monitor{aspect-ratio:16/10;background:#000;border:.25cqw solid #0b1114;border-radius:.6cqw;overflow:hidden}.sp-monitor canvas{width:100%;height:100%;display:block}.sp-panel.meter header span{color:#9fb3bf}.sp-use{grid-template-columns:10cqw 1fr 4cqw;align-items:center;gap:.8cqw;margin:1cqh 0;display:grid}.sp-use>span{align-items:center;gap:.6cqw;font:800 1.3cqw Manrope,system-ui;display:flex}.sp-use>span .sp-icon{width:3cqw}.sp-use>div{background:#34464b;border-radius:1cqh;height:1.8cqh;overflow:hidden}.sp-use i{background:#6f9b5b;border-radius:1cqh;height:100%;transition:width .9s;display:block}.sp-use b{text-align:right;font:800 1.3cqw Manrope,system-ui}.sp-use.max i{background:#e0796b;animation:1s ease-in-out infinite sp-pulse}.sp-use.max b{color:#ff9b8c}@keyframes sp-pulse{50%{opacity:.6}}.sp-panel.calc ol{margin:0;padding:0 0 0 1.6cqw;font:700 1.6cqw/1.6 Manrope,system-ui}.sp-panel.calc li{animation:.4s sp-pop}.sp-result{color:#277263;min-height:1.2em;margin:1.2cqh 0 0;font:800 2.4cqw Manrope,system-ui}.sp-must{grid-template-columns:1fr 1fr;gap:.8cqw;display:grid}.sp-must div{background:#f4f7f2;border-radius:1cqw;flex-direction:column;padding:1cqh 1cqw;display:flex}.sp-must b{font:800 1.3cqw Manrope,system-ui}.sp-must span{color:#677c7c;font-size:1.05cqw}.sp-panel.calc .sp-result b{color:#203c41}.sp-panel.builder{width:auto;left:33%;top:max(24%,var(--below-card,0%));max-height:50%}.sp-panel.builder header span{color:#203c41;font:800 1.3cqw Manrope,system-ui}.sp-brow{border-bottom:.1cqw solid #edf1ee;grid-template-columns:10.5cqw 1fr 11cqw;align-items:center;gap:.8cqw;padding:.8cqh 0;display:grid}.sp-brow>span{align-items:center;gap:.5cqw;font:800 1.45cqw Manrope,system-ui;display:flex}.sp-brow>span .sp-icon{width:2.6cqw}.sp-brow>div{flex-wrap:wrap;gap:.5cqw;display:flex}.sp-brow button{color:#203c41;cursor:pointer;background:#fff;border:.15cqw solid #c3d3ca;border-radius:.8cqw;flex-direction:column;align-items:flex-start;padding:.6cqh .75cqw;font:700 1.25cqw DM Sans,system-ui;display:flex}.sp-brow button small{color:#677c7c;font-size:1.02cqw}.sp-brow button.on{color:#fff;background:#203c41;border-color:#203c41}.sp-brow button.on small{color:#cfe0d8}.sp-brow em{text-align:right;font:800 1.2cqw Manrope,system-ui}.sp-brow em.low{color:#b4483c}.sp-brow em.ok{color:#277263}.sp-brow em.more{color:#9a6324}.sp-done,.sp-btn{color:#fff;cursor:pointer;background:#277263;border:none;border-radius:1cqw;margin-top:1.2cqh;padding:1.2cqh 2cqw;font:800 1.35cqw Manrope,system-ui}.sp-btn.ghost{color:#203c41;background:#fff;border:.15cqw solid #c3d3ca}.sp-toast{left:2%;top:max(25%,var(--below-card,0%));z-index:7;color:#fff;background:#203c41;border-radius:1.2cqw;align-items:center;gap:1cqw;padding:1.2cqh 1.4cqw;display:flex;position:absolute;box-shadow:0 1cqh 2.4cqh #0004}.sp-toast.in{animation:.5s cubic-bezier(.2,.9,.3,1.3) sp-toast}@keyframes sp-toast{0%{transform:translate(-30cqw)}to{transform:none}}.sp-toast>b{font-size:3cqw}.sp-toast div{flex-direction:column;display:flex}.sp-toast strong{font:800 1.3cqw Manrope,system-ui}.sp-toast span{color:#cfe0d8;font-size:1.05cqw}.sp-end{z-index:8;background:#203c4166;place-items:center;display:grid;position:absolute;inset:0}.sp-end .sp-card{animation:.35s sp-pop}.sp-card{text-align:center;background:#fffdf8;border-radius:2cqw;width:56%;padding:3cqh 3cqw;box-shadow:0 2cqh 5cqh #0005}.sp-kicker{letter-spacing:.3cqw;color:#be8744;margin:0;font:800 1cqw Manrope,system-ui}.sp-card h2{margin:.6cqh 0;font:800 3cqw Manrope,system-ui}.sp-bigstars{font-size:4.4cqw;line-height:1.1}.sp-earn{color:#677c7c;margin:.4cqh 0 1.6cqh;font-size:1.35cqw}.sp-lesson{color:#fff;text-align:left;background:#277263;border-radius:1.2cqw;flex-direction:column;gap:.6cqh;padding:1.6cqh 1.6cqw;display:flex}.sp-lesson b{letter-spacing:.2cqw;opacity:.85;font-size:.9cqw}.sp-lesson span{font:800 1.7cqw/1.3 Manrope,system-ui}.sp-endbtns{justify-content:center;gap:1cqw;display:flex}.sp-panel.report{width:auto;max-height:none;inset:9% 2.5% 3% 27%;overflow:auto}.sp-report{grid-template-columns:repeat(6,1fr);gap:.8cqw;margin-bottom:1.2cqh;display:grid}.sp-report div{background:#f4f7f2;border-radius:1cqw;flex-direction:column;align-items:center;padding:.6cqh .4cqw;display:flex}.sp-report svg{width:5.4cqw;height:7.6cqw}.sp-report b{font:800 1.1cqw Manrope,system-ui}.sp-report span{color:#e2a930;font-size:1.2cqw}.sp-badges{flex-wrap:wrap;gap:.6cqw;margin-bottom:1.2cqh;display:flex}.sp-badges span{opacity:.35;filter:grayscale();background:#f4f7f2;border-radius:999px;align-items:center;gap:.4cqw;padding:.3cqh .8cqw;font-size:1.5cqw;display:flex}.sp-badges span.got{opacity:1;filter:none;background:#fdf3e4}.sp-badges small{font:700 .95cqw Manrope,system-ui}.sp-table{border-collapse:collapse;white-space:normal;width:100%;font-size:1.3cqw}.sp-table th{text-align:left;color:#677c7c;background:0 0;padding:.4cqh .6cqw;font:800 1.05cqw Manrope,system-ui}.sp-table td{border-top:.1cqw solid #edf1ee;padding:.6cqh .6cqw;font-size:1.3cqw}.sp-table td:last-child{color:#277263;font-weight:800}.sp-next{margin:1.2cqh 0 0;font-size:1.4cqw}@media (prefers-reduced-motion:reduce){.sp-person .sp-body,.sp-person .sp-head,.sp-eyes,.sp-item.live .sp-icon,.sp-use.max i,.sp-more{animation:none}}.lesson-four .wide-slide{grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:12px;padding-top:5px}.lesson-four .slide-heading h1{letter-spacing:-1.5px;margin:5px 0;font-size:clamp(30px,3.3vw,50px)}.lesson-four .slide-heading .eyebrow{margin:0;font-size:11px}.lesson-four .slide-body{max-width:none;margin:8px 0 0;font-size:clamp(18px,1.6vw,25px);line-height:1.35}.lesson-four .slide-visual{justify-content:flex-start;gap:8px;padding:0 2px 4px;overflow:auto}.lesson-four .ok{color:#277263}.lesson-four .bad{color:#b4483c}.l4-host{flex-direction:column;flex:1;min-height:0;display:flex}.l4-icon{width:100%;height:100%;max-height:90px;display:block}.l4-muted{color:var(--muted);margin:0;font-size:clamp(17px,1.4vw,21px)}@keyframes l4-spin{to{transform:rotate(360deg)}}.l4-blades{animation:1.1s linear infinite l4-spin}.l4-keyrow{justify-content:flex-end;align-items:center;min-height:52px;display:flex}.l4-key-btn{color:var(--green);cursor:pointer;background:0 0;border:1px dashed #a9c6b6;border-radius:999px;padding:8px 16px;font:600 14px inherit}.l4-key{background:var(--green);color:#fff;border-radius:14px;flex:1;align-items:center;gap:16px;margin:0;padding:12px 20px;animation:.45s l4-key-in;display:flex}.l4-key b{letter-spacing:1.6px;white-space:nowrap;background:#ffffff2e;border-radius:6px;padding:4px 8px;font-size:12px}.l4-key span{font:800 clamp(19px,1.8vw,27px)/1.25 Manrope,system-ui}@keyframes l4-key-in{0%{opacity:0}to{opacity:1}}.l4-tower{width:100%;height:100%;display:block}.l4-tower .l4-tag{fill:#fff;opacity:0;paint-order:stroke;stroke:#203c41;stroke-width:5px;font:800 15px Manrope,system-ui;transition:opacity .25s}.l4-tower .l4-p{transition:opacity .35s,filter .35s}.l4-tower.focus .l4-p:not(.lit){opacity:.25}.l4-tower .l4-p.lit{filter:drop-shadow(0 0 10px #ffd23f)drop-shadow(0 0 4px #ffd23f)}.l4-tower .l4-p.lit .l4-tag{opacity:1}.l4-tower.mini .l4-tag{display:none}.l4-jobs{grid-template-columns:auto minmax(380px,1fr);justify-content:center;align-items:center;gap:40px;margin:auto 0;display:grid}.l4-tower-big{aspect-ratio:3/4;height:min(56vh,600px)}.l4-job-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.l4-job-card{text-align:left;min-height:min(22vh,200px);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c3d3ca;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;display:flex}.l4-job-pic{width:80px;height:52px;display:block}.l4-job-card b{font:800 clamp(22px,2vw,30px) Manrope,system-ui}.l4-job-q{color:var(--muted);font-size:clamp(16px,1.3vw,19px)}.l4-job-a{font-size:clamp(17px,1.4vw,21px);line-height:1.35}.l4-job-card:hover{border-color:var(--green)}.l4-job-card.seen{background:#f3f8f1}.l4-job-card.on{border-color:var(--gold);background:#fdf3e4}.l4-meet{flex-direction:column;gap:16px;margin:auto 0;display:flex}.l4-meet-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.l4-meet-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:14px;transition:border-color .3s,background .3s;display:flex}.l4-meet-card header{align-items:center;gap:10px;width:100%;display:flex}.l4-meet-card header div{flex-direction:column;display:flex}.l4-meet-card header b{font:800 clamp(20px,1.8vw,26px) Manrope,system-ui}.l4-meet-card header span{color:var(--muted);font-size:clamp(14px,1.1vw,17px)}.l4-meet-card .l4-avatar{width:clamp(60px,5vw,80px);height:clamp(60px,5vw,80px)}.l4-meet-pc{aspect-ratio:3/4;height:min(28vh,250px);position:relative}.l4-coin{background:var(--gold);color:#fff;border-radius:999px;padding:5px 9px;font-size:14px;font-weight:800;position:absolute;top:-10px;right:-12px;box-shadow:0 4px 10px #0002}.l4-meet-need{color:var(--green);align-items:center;gap:8px;margin:0;font-size:clamp(15px,1.25vw,19px);font-weight:800;animation:.4s l4-key-in;display:flex}.l4-meet-need .l4-icon{width:44px;height:32px}.l4-meet-card.revealed{border-color:var(--gold);background:#fffaf1}.l4-vote{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.l4-vote b{font-size:clamp(18px,1.6vw,24px)}.l4-lag{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:center;gap:28px;margin:auto 0;display:grid}.l4-monitor{flex-direction:column;align-items:center;display:flex}.l4-screen{aspect-ratio:16/9;background:#1d2b30;border:14px solid #1d2b30;border-radius:16px;width:100%;max-height:52vh;position:relative;box-shadow:0 18px 36px #203c4130}.l4-screen canvas{border-radius:4px;width:100%;height:100%;display:block}.lesson-four .l4-fps{color:#fff;border-radius:8px;padding:6px 12px;font:800 clamp(16px,1.6vw,24px) Manrope,system-ui;position:absolute;top:12px;left:12px}.l4-fps.bad{background:#b4483c}.l4-fps.good{background:#277263}.l4-stand{clip-path:polygon(35% 0,65% 0,80% 100%,20% 100%);background:#c3cbc7;border-bottom:8px solid #9aa8a3;width:90px;height:40px}.l4-lag-side{flex-direction:column;gap:10px;display:flex}.l4-usage{color:#e9eeeb;background:#1d2b30;border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.l4-usage header{justify-content:space-between;align-items:baseline;display:flex}.l4-usage header b{font-size:clamp(16px,1.3vw,19px)}.l4-usage header span{color:#9fb3bf;font-size:12px}.l4-use{grid-template-columns:120px 1fr 52px;align-items:center;gap:10px;display:grid}.l4-use>span{align-items:center;gap:8px;font-weight:700;display:flex}.l4-use>span .l4-icon{width:36px;height:26px}.l4-use-track{background:#34464b;border-radius:8px;height:14px;overflow:hidden}.l4-use-track i{background:#6f9b5b;border-radius:8px;height:100%;transition:width .6s;display:block}.l4-use.maxed .l4-use-track i{background:#e0796b;animation:1s ease-in-out infinite l4-pulse}.l4-use.maxed>b{color:#ff9b8c}.l4-use>b{text-align:right}@keyframes l4-pulse{50%{opacity:.6}}.l4-use-note{color:#cfe0d8;margin:2px 0 0;font-size:clamp(14px,1.15vw,17px)}.l4-upgrades{flex-direction:column;gap:8px;display:flex}.l4-upgrade{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c3d3ca;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:60px 1fr;align-items:center;column-gap:14px;padding:8px 14px;display:grid}.l4-upgrade .l4-icon{grid-row:span 2;height:42px}.l4-upgrade b{font-size:clamp(17px,1.4vw,21px)}.l4-upgrade:hover{border-color:var(--green)}.l4-upgrade.tried{border-color:var(--gold);background:#fdf3e4}.l4-upgrade.win{border-color:var(--green);background:#e6f2ea}.l4-up-result{color:var(--muted);font-size:14px}.l4-upgrade.win .l4-up-result{color:var(--green);font-weight:700}.l4-paint{flex-direction:column;gap:10px;display:flex}.l4-rounds{gap:10px;display:flex}.l4-round{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c3d3ca;border-radius:999px;padding:8px 18px;font:700 16px inherit}.l4-round.on{background:var(--green);border-color:var(--green);color:#fff}.l4-paint-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.l4-race-ask{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.l4-race-ask b{font-size:clamp(17px,1.45vw,22px)}.l4-paint-lanes{grid-template-columns:1fr 1fr;gap:22px;display:grid}.l4-paint-lane{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 18px;display:flex}.l4-paint-lane.done{border-color:#a9c6b6}.l4-paint-lane.winner{border:2px solid var(--gold);background:#fffaf1}.l4-paint-lane header{align-items:center;gap:14px;width:100%;display:flex}.l4-paint-lane header .l4-icon{flex:none;width:76px;height:56px}.l4-paint-lane h2{margin:0;font-size:clamp(22px,2vw,30px)}.l4-paint-lane p{color:var(--muted);margin:0;font-size:15px}.l4-time{color:var(--green);white-space:nowrap;margin-left:auto;font:800 clamp(18px,1.6vw,24px) Manrope,system-ui}.l4-lane-stage{justify-content:center;align-items:center;width:100%;height:min(34vh,330px);display:flex}.l4-lane-stage canvas{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;height:100%}.l4-chain{flex-wrap:wrap;place-content:center;gap:8px;max-width:460px;display:flex}.l4-chain span{width:62px;height:46px;color:var(--ink);background:#f4f6f2;border:2px dashed #c3d3ca;border-radius:9px;place-items:center;font:800 16px Manrope,system-ui;display:grid}.l4-chain span.done{background:#e6f2ea;border-style:solid;border-color:#6f9b5b}.l4-chain span.now{border-style:solid;border-color:var(--gold);background:#fdf3e4}.l4-chain em{text-align:center;width:100%;color:var(--muted);font-size:14px;font-style:normal}.l4-takeaways{grid-template-columns:1fr 1fr;gap:16px;display:grid}.l4-takeaways div{background:var(--pale);border-radius:12px;align-items:baseline;gap:10px;padding:10px 16px;font-size:clamp(16px,1.3vw,20px);display:flex}.l4-takeaways b{font-family:Manrope,system-ui;font-size:1.15em}.l4-avatar{flex:none;width:clamp(84px,7vw,112px);height:clamp(84px,7vw,112px)}.l4-avatar.small{width:72px;height:72px}.l4-avatar.tiny{width:40px;height:40px}.l4-prop{flex:none;width:40px;height:40px}.l4-friends{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:28px;margin:auto 0;display:grid}.l4-friend-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.l4-friend-grid #l4Compare{grid-column:1/-1}.l4-friend{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c3d3ca;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.l4-friend div{flex-direction:column;flex:1;min-width:0;display:flex}.l4-friend b{font:800 clamp(20px,1.8vw,26px) Manrope,system-ui}.l4-friend span{color:var(--muted);font-size:clamp(15px,1.2vw,18px)}.l4-friend .l4-avatar{width:clamp(64px,5vw,92px);height:clamp(64px,5vw,92px)}.l4-friend .l4-prop{width:32px;height:32px}.l4-friend:hover{border-color:var(--green)}.l4-friend.on{border-color:var(--gold);background:#fdf3e4}.l4-needs{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:300px;padding:18px 22px}.l4-needs header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.l4-needs h2{margin:0;font-size:clamp(20px,1.8vw,26px)}.l4-needs header p{color:var(--muted);margin:4px 0 0;font-size:clamp(15px,1.25vw,19px);line-height:1.35}.l4-need-bars{flex-direction:column;gap:10px;display:flex}.l4-need{border-radius:12px;grid-template-columns:150px 1fr 220px 120px;align-items:center;gap:12px;padding:8px 10px;display:grid}.l4-need.top{outline:2px solid var(--gold);background:#fdf3e4}.l4-need-name{align-items:center;gap:10px;font-size:clamp(17px,1.4vw,21px);font-weight:700;display:flex}.l4-need-name .l4-icon{width:44px;height:34px}.l4-need-track{background:#eef1ee;border-radius:9px;height:16px;overflow:hidden}.l4-need-track i{background:#9aa8a3;border-radius:9px;width:0;height:100%;transition:width .7s;display:block}.l4-need.top .l4-need-track i{background:var(--gold)}.l4-need b{font-size:clamp(15px,1.25vw,18px)}.l4-need em{letter-spacing:1.2px;color:#fff;background:var(--gold);text-align:center;border-radius:6px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800}.l4-need em.ok-tag{color:var(--green);letter-spacing:.3px;background:#eef4eb;font-size:12px}.l4-compare{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:clamp(15px,1.25vw,18px)}.l4-compare th{text-align:left;padding:4px 8px;font-weight:800}.l4-compare tbody th{align-items:center;gap:8px;display:flex}.l4-compare td{background:#f4f6f2;border-radius:8px;padding:10px}.l4-compare td.top{outline:2px solid var(--gold);background:#fdf3e4;font-weight:800}.l4-rule{margin:14px 0 0;font-size:clamp(16px,1.35vw,20px)}.l4-heat{grid-template-columns:1fr 1fr;gap:24px;display:grid}.l4-panel{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.l4-panel h2{margin:0;font-size:clamp(22px,2vw,30px)}.l4-heat-scene,.l4-power-scene{grid-template-columns:1.2fr auto 1fr;align-items:center;gap:14px;min-height:min(28vh,270px);display:grid}.l4-cooler{width:100%;max-height:min(28vh,270px)}.l4-waves{transition:opacity .4s}.l4-cooler.fans-off .l4-blades{animation:none}.l4-thermo{flex-direction:column;align-items:center;gap:6px;display:flex}.l4-thermo-tube{background:#f4f6f2;border:3px solid #203c41;border-radius:14px;width:26px;height:min(20vh,190px);position:relative;overflow:hidden}.l4-thermo-tube i{background:linear-gradient(#e0796b,#ffd23f 60%,#6f9b5b);position:absolute;bottom:0;left:0;right:0}.l4-temp{font:800 clamp(18px,1.6vw,24px) Manrope,system-ui}.l4-thermo small{color:var(--muted);font-size:12px}.l4-thermo.hot .l4-temp{color:#b4483c}.l4-gauge{flex-direction:column;align-items:center;gap:4px;display:flex}.l4-gauge-svg{width:min(14vw,170px)}.l4-needle{transition:transform .5s}.l4-gauge span{font:700 clamp(16px,1.4vw,20px) Manrope,system-ui}.l4-status,.l4-status2{min-height:1.4em;margin:0;font-size:clamp(17px,1.4vw,21px);font-weight:700}.l4-psu{flex-direction:column;align-items:center;gap:4px;display:flex}.l4-psu .l4-icon{width:auto;height:min(15vh,140px);max-height:none}.l4-watts{font:800 clamp(20px,1.8vw,28px) Manrope,system-ui}.l4-pc-screen{aspect-ratio:4/3;text-align:center;color:#777;background:#111;border:6px solid #1d2b30;border-radius:8px;place-items:center;width:min(10vw,130px);padding:4px;font-size:14px;font-weight:700;display:grid}.l4-pc-screen.on{color:#fff;text-shadow:0 1px 2px #0007;background:linear-gradient(#7fc3e4,#8fc07a)}.l4-slider{flex-direction:column;gap:6px;font-size:16px;font-weight:700;display:flex}.l4-slider input{width:100%;accent-color:var(--green)}.l4-need-note{color:var(--muted);margin:0;font-size:16px}.l4-budget{flex-direction:column;gap:12px;display:flex}.l4-who{align-items:center;gap:10px;display:flex}.l4-who-need{margin:0;font-size:clamp(16px,1.35vw,20px)}.l4-shop{border:1px solid var(--line);background:#fff;border-radius:16px;padding:8px 16px}.l4-row{border-bottom:1px solid #edf1ee;grid-template-columns:180px 1fr 170px;align-items:center;gap:14px;padding:8px 0;display:grid}.l4-row:last-child{border-bottom:0}.l4-row-name{align-items:center;gap:10px;font-size:clamp(17px,1.4vw,20px);font-weight:800;display:flex}.l4-row-name .l4-icon{width:44px;height:34px}.l4-opts{flex-wrap:wrap;gap:8px;display:flex}.l4-opt{min-width:118px;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #c3d3ca;border-radius:10px;flex-direction:column;align-items:flex-start;padding:7px 12px;display:flex}.l4-opt b{font-size:clamp(15px,1.2vw,17px)}.l4-opt span{color:var(--muted);font-size:14px}.l4-opt:hover{border-color:var(--green)}.l4-opt.on{background:var(--green);border-color:var(--green);color:#fff}.l4-opt.on span{color:#e2f0e6}.l4-fit{text-align:right;font-size:clamp(15px,1.25vw,18px);font-style:normal;font-weight:800}.l4-base-note{color:var(--muted);font-size:16px}.l4-total{grid-template-columns:1fr auto;align-items:center;gap:8px 20px;display:grid}.l4-total-bar{background:#eef1ee;border:1px solid #cdd8d1;border-radius:12px;height:44px;position:relative}.l4-segs{border-radius:11px;height:100%;display:flex;overflow:hidden}.l4-segs span{border-right:2px solid #fff;justify-content:center;align-items:center;min-width:0;transition:width .4s;display:flex}.l4-segs i{color:#fff;white-space:nowrap;padding:0 4px;font-size:13px;font-style:normal;font-weight:800;overflow:hidden}.l4-limit{border-left:4px dashed #b4483c;width:0;position:absolute;top:-8px;bottom:-8px}.l4-limit i{color:#b4483c;white-space:nowrap;font-size:14px;font-style:normal;font-weight:800;position:absolute;top:-24px;left:-34px}.l4-total-text{flex-direction:column;align-items:flex-end;display:flex}.l4-total-text strong{font:800 clamp(26px,2.4vw,38px) Manrope,system-ui}.l4-total-text span{font-size:17px;font-weight:700}.l4-checks{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.l4-checks span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:clamp(15px,1.25vw,18px);font-weight:700}.l4-checks .ok{background:#eef6f0;border-color:#a9c6b6}.l4-checks .bad{background:#fbefed;border-color:#e7b4ad}.l4-swap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:30px;margin:auto 0;display:grid}.l4-receipt{background:#fffdf7;border:1px solid #e3d9c3;border-radius:16px;padding:16px 20px;box-shadow:0 10px 26px #203c4114}.l4-receipt header{border-bottom:2px dashed #e3d9c3;align-items:center;gap:12px;padding-bottom:12px;display:flex}.l4-receipt header div{flex-direction:column;display:flex}.l4-receipt header b{font:800 clamp(20px,1.8vw,26px) Manrope,system-ui}.l4-receipt header span{color:var(--muted);font-size:15px}.l4-receipt ul{margin:0;padding:8px 0;list-style:none}.l4-receipt li{border-bottom:1px solid #f0ead9;justify-content:space-between;gap:16px;padding:11px 0;font-size:clamp(18px,1.5vw,24px);display:flex}.l4-receipt li b{white-space:nowrap}.l4-receipt li.changed{background:#eef6f0;border-radius:8px;margin:0 -10px;padding:11px 10px}.l4-receipt li.warn em{color:#b4483c;font-style:normal;font-weight:800}.l4-receipt s{color:#9aa8a3}.l4-receipt footer{border-top:2px dashed #e3d9c3;align-items:baseline;gap:14px;padding-top:12px;display:flex}.l4-receipt footer span{font-size:18px;font-weight:700}.l4-receipt footer strong{margin-left:auto;font:800 clamp(26px,2.4vw,36px) Manrope,system-ui}.l4-receipt footer em{font-size:17px;font-style:normal;font-weight:800}.l4-swap-opts{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px;display:grid}.l4-swap-btn{text-align:left;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c3d3ca;border-radius:12px;align-items:center;gap:12px;padding:14px;font:600 clamp(17px,1.4vw,21px)/1.3 inherit;display:flex}.l4-swap-btn .l4-icon{flex:none;width:66px;height:50px}.l4-swap-btn:hover{border-color:var(--green)}.l4-swap-btn.wrong{background:#fbefed;border-color:#d48a80}.l4-swap-btn.right{border-color:var(--green);background:#e6f2ea}.l4-verdict{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:120px;padding:14px 18px}.l4-verdict .l4-checks{margin-bottom:10px}.l4-verdict p{margin:0;font-size:clamp(18px,1.6vw,24px);line-height:1.4}.l4-reveal .l4-reveal-pic{justify-content:center;height:110px;display:flex}.l4-reveal .l4-reveal-pic svg{width:auto;max-width:100%;height:110px}.activity-icons .l4-icon{width:110px;height:84px}@media (height<=780px){.l4-keyrow{min-height:44px}.l4-key{padding:8px 16px}.l4-row{padding:4px 0}.l4-opt{padding:4px 10px}.l4-opt span{font-size:13px}.l4-total-bar{height:34px}.l4-total-text strong{font-size:26px}.l4-budget{gap:8px}.l4-lane-stage{height:min(28vh,330px)}.l4-paint{gap:8px}.l4-paint-lane{gap:6px;padding:8px 14px}.l4-takeaways div{padding:8px 14px}.l4-meet-pc{height:min(24vh,250px)}.l4-job-card{min-height:0;padding:12px 16px}.l4-usage{gap:6px;padding:10px 14px}.l4-upgrade{padding:6px 12px}}@media (prefers-reduced-motion:reduce){.l4-blades,.l4-use.maxed .l4-use-track i,.l4-key,.l4-meet-need{animation:none}}.research-card{gap:12px;display:grid}.research-game{align-items:center;gap:14px;display:flex}.research-art{background:#e6f2dc;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;display:grid}.research-art svg{width:48px;height:48px}.research-game b{color:var(--ink);font:800 21px/1.2 Manrope,system-ui;display:block}.research-game small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.research-link{background:var(--green);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font:800 17px Manrope,system-ui;text-decoration:none;display:flex;box-shadow:0 6px 16px #2772633a}.research-link:hover{background:#1f5f52}.research-look{background:#fdf6e8;border:1px solid #ecd9b8;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.35}.research-look b{letter-spacing:.08em;color:#9a6324;text-transform:uppercase;margin-bottom:4px;font:800 12px Manrope,system-ui;display:block}.research-look ol{gap:5px;margin:0;padding-left:20px;display:grid}.slide-visual[class*=visual-l5-]{justify-content:flex-start;overflow:visible}.pj-people{width:100%;height:100%}.pj-people .sp-talk{opacity:0}.pj-icon{width:100%;height:100%}.l5-label{letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.l5-key{color:#48666a;margin:4px 0 0;font-size:clamp(16px,1.35vw,22px)}.l5-key b{color:var(--ink)}.l5-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;height:100%;display:grid}.l5-ticket{background:#fff;border:2px dashed #c7d6cc;border-radius:22px;padding:30px 34px;position:relative;box-shadow:0 18px 40px #203c4114}.l5-ticket-tag{letter-spacing:2px;color:var(--gold);font-size:12px;font-weight:700}.l5-ticket h2{margin:10px 0 16px;font-size:clamp(28px,2.6vw,44px);line-height:1.15}.l5-ticket ol{color:#48666a;margin:0;padding-left:28px;font-size:clamp(19px,1.6vw,27px);line-height:1.7}.l5-ticket ol b{color:var(--green)}.l5-ticket-foot{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.l5-ticket-foot span{background:var(--pale);color:var(--green);border-radius:99px;padding:6px 14px;font-size:15px;font-weight:600}.l5-lineup{grid-template-columns:1fr 1fr 1.3fr;align-items:end;gap:14px;height:min(52vh,460px);display:grid}.l5-lineup figure{flex-direction:column;justify-content:flex-end;height:100%;margin:0;animation:.7s cubic-bezier(.2,.75,.2,1) both l5-up;display:flex}.l5-lineup figure:nth-child(2){animation-delay:.12s}.l5-lineup figure:nth-child(3){animation-delay:.24s}.l5-lineup figure>svg{flex:1;min-height:0}.l5-lineup figcaption{border-top:5px solid var(--c);text-align:center;padding-top:8px;font-size:clamp(17px,1.4vw,23px);font-weight:700}.l5-lineup figcaption small{color:var(--muted);font-size:.8em;font-weight:600;display:block}@keyframes l5-up{0%{opacity:0;transform:translateY(30px)}}.l5-clients{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;height:100%;min-height:0;display:grid}.l5-client-row{grid-template-columns:repeat(3,1fr);align-content:start;gap:14px;display:grid}.l5-client{text-align:center;border:2px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.l5-client:hover{border-color:var(--c);transform:translateY(-3px)}.l5-client.open{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent)}.l5-portrait{width:100%;height:clamp(150px,22vh,240px);display:block}.l5-client b{font-size:clamp(17px,1.35vw,22px)}.l5-client small{color:var(--muted);font-size:14px;line-height:1.3}.l5-client strong{color:var(--c);margin-top:6px;font-size:clamp(18px,1.5vw,24px)}.l5-story{border-left:8px solid var(--c);background:#fff;border-radius:18px;min-height:0;padding:22px 26px;overflow:auto}.l5-quote{color:var(--c);margin:0 0 12px;font-size:clamp(19px,1.55vw,26px);font-style:italic;line-height:1.35}.l5-story ul{color:#36555a;margin:0;padding-left:20px;font-size:clamp(15px,1.15vw,19px);line-height:1.55}.l5-story li{margin-bottom:6px}.l5-uses{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.l5-uses span{background:var(--pale);border-radius:99px;padding:5px 12px;font-size:14px;font-weight:600}.l5-hint{color:var(--muted);margin:auto 0;font-size:clamp(18px,1.4vw,24px)}.l5-steps ol{grid-template-columns:repeat(5,1fr);gap:14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.l5-steps li{border:1px solid var(--line);animation:.6s cubic-bezier(.2,.75,.2,1) both l5-up;animation-delay:calc(var(--i)*.1s);background:#fff;border-radius:18px;padding:20px 18px;position:relative}.l5-steps li span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:12px;font-size:22px;font-weight:800;display:grid}.l5-steps li b{margin-bottom:6px;font-size:clamp(18px,1.5vw,25px);display:block}.l5-steps li p{color:#48666a;margin:0;font-size:clamp(14px,1.1vw,18px);line-height:1.45}.l5-split{grid-template-columns:4fr 1fr;gap:14px;margin-top:16px;display:grid}.l5-split div{background:var(--pale);border-radius:14px;flex-direction:column;gap:2px;padding:10px 18px;font-size:clamp(15px,1.2vw,19px);display:flex}.l5-split b{color:var(--green)}.l5-hidden{grid-template-columns:1fr 1fr;align-content:start;gap:20px;display:grid}.l5-said{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 26px;display:flex}.l5-who{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}.l5-said p{margin:0;font-size:clamp(20px,1.7vw,28px);line-height:1.4}.l5-said mark{color:inherit;background:0 0;border-radius:6px;transition:background .4s,box-shadow .4s}.l5-said.found mark{background:#fbe3a8;box-shadow:0 0 0 4px #fbe3a8}.l5-request{align-items:center;gap:12px;animation:.45s both l5-up;display:flex}.l5-request span{letter-spacing:1px;color:var(--gold);text-transform:uppercase;font-size:13px;font-weight:700}.l5-request b{background:var(--green);color:#fff;border-radius:99px;padding:8px 18px;font-size:clamp(17px,1.4vw,22px)}.l5-hidden .l5-key{grid-column:1/-1}.l5-research{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;display:grid}.l5-pages{flex-direction:column;gap:10px;display:flex}.l5-page{border:1px solid var(--line);border-left:6px solid var(--c);color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;gap:2px 14px;padding:12px 16px;text-decoration:none;display:grid}.l5-page b{color:var(--c);grid-row:span 2;align-self:center;min-width:100px;font-size:18px}.l5-page span{font-size:15px;font-weight:600}.l5-page small{color:var(--muted)}.l5-req{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.l5-req header{color:#fff;background:#203c41;justify-content:space-between;align-items:baseline;padding:12px 20px;font-size:17px;font-weight:700;display:flex}.l5-req header small{opacity:.7;font-size:13px;font-weight:500}.l5-req table{border-collapse:collapse;width:100%;font-size:clamp(16px,1.3vw,21px)}.l5-req th,.l5-req td{text-align:left;border-bottom:1px solid var(--line);padding:12px 20px}.l5-req thead th{color:var(--muted);letter-spacing:.5px;font-size:14px}.l5-req.reveal .rec{color:var(--green);background:#e3f0e6;font-weight:700}.l5-req.reveal td:not(.rec){color:#9aa9a6}.l5-req .primary,.l5-req-note{margin:16px 20px}.l5-req-note{color:#36555a;font-size:clamp(16px,1.3vw,21px);line-height:1.45}.l5-priorities{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-content:start;gap:16px 28px;display:grid}.l5-jordan{border:1px solid var(--line);background:#fff;border-radius:18px;grid-row:span 2;padding:20px 24px}.l5-jordan b{margin-bottom:4px;font-size:30px;display:block}.l5-jordan p{color:#48666a;margin:0;font-size:clamp(16px,1.3vw,21px);line-height:1.45}.l5-chips{flex-wrap:wrap;gap:10px;display:flex}.l5-chips button{font:inherit;border:2px solid var(--green);color:var(--green);cursor:pointer;background:#fff;border-radius:12px;padding:10px 20px;font-size:clamp(16px,1.3vw,21px);font-weight:700}.l5-chips button:disabled{opacity:.3;cursor:default}.l5-slots{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.l5-slots li{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:44px 1fr;align-items:center;gap:6px 14px;min-height:62px;padding:10px 14px;display:grid}.l5-slots li>span{background:var(--pale);width:40px;height:40px;color:var(--green);border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.l5-slots em{color:#9aa9a6;font-size:16px}.l5-filled{font:inherit;background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-self:start;padding:6px 14px;font-size:clamp(17px,1.4vw,22px);font-weight:700}.l5-filled i{opacity:.7;margin-left:6px;font-style:normal}.l5-why{color:#36555a;grid-column:2;margin:0;font-size:clamp(15px,1.2vw,19px)}.l5-row{grid-column:2;align-items:center;gap:12px;display:flex}.l5-priorities .l5-chips,.l5-priorities .l5-slots{grid-column:2}.l5-build{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.l5-how{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.l5-how li{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:36px 1fr;gap:12px;padding:10px 14px;display:grid}.l5-how li>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.l5-how b{font-size:clamp(15px,1.2vw,19px)}.l5-how p{color:#48666a;margin:2px 0 0;font-size:clamp(13px,1vw,16px);line-height:1.4}.l5-build-side{flex-direction:column;align-items:stretch;gap:14px;display:flex}.l5-topbar{color:#fff;background:#203c41;border-radius:14px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.l5-topbar span{flex-direction:column;padding:12px 16px;display:flex}.l5-topbar span+span{border-left:1px solid #fff2}.l5-topbar small{opacity:.65;font-size:12px}.l5-topbar b{font-size:clamp(17px,1.4vw,22px)}.l5-topbar .ok b{color:#9ee0b0}.l5-order{grid-template-columns:repeat(9,1fr);gap:6px;display:grid}.l5-order div{text-align:center;animation:.5s both l5-up;animation-delay:calc(var(--i)*70ms);flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.l5-order svg{aspect-ratio:1;width:100%;max-width:60px}.l5-evidence{background:var(--pale);border-radius:14px;padding:10px 16px}.l5-evidence p{margin:4px 0;font-size:clamp(14px,1.1vw,18px)}.l5-evidence b{color:var(--green);margin-right:6px}.l5-build-side .primary{align-self:flex-start}.l5-checks{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:28px;display:grid}.l5-checks ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.l5-checks li{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:clamp(16px,1.3vw,21px);display:flex}.l5-checks li span{color:var(--green);font-weight:800}.l5-power{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:22px;display:flex}.l5-watts{align-items:center;gap:16px;display:flex}.l5-watts button{border:2px solid var(--green);width:46px;height:46px;color:var(--green);cursor:pointer;background:#fff;border-radius:50%;font-size:24px;font-weight:700}.l5-watts small,.l5-psu small{color:var(--muted);font-size:14px;display:block}.l5-watts b{font-size:clamp(26px,2.3vw,38px)}.l5-arrow{color:var(--gold);font-size:16px;font-weight:700}.l5-psu{background:var(--green);color:#fff;border-radius:14px;padding:14px 28px}.l5-psu small{color:#fffb}.l5-psu b{font-size:clamp(28px,2.6vw,42px)}.l5-rubric{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}.l5-rubric section{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.l5-rubric header{background:var(--pale);color:var(--green);justify-content:space-between;padding:12px 18px;font-size:clamp(16px,1.3vw,21px);display:flex}.l5-rubric section>div{border-top:1px solid var(--line);grid-template-columns:minmax(120px,.7fr) 1.6fr 30px;align-items:baseline;gap:14px;padding:10px 18px;font-size:clamp(13px,1.02vw,16px);display:grid}.l5-rubric section>div p{color:#48666a;margin:0;line-height:1.4}.l5-rubric section>div span{color:var(--muted);text-align:center}.l5-go{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}.l5-go>div{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:26px;display:flex}.l5-go>div>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;font-weight:800;display:grid}.l5-go b{font-size:clamp(20px,1.7vw,28px)}.l5-go p{color:#48666a;margin:0 0 auto;font-size:clamp(15px,1.2vw,19px);line-height:1.45}.l5-go a{margin-top:12px}@media (prefers-reduced-motion:reduce){.l5-lineup figure,.l5-steps li,.l5-request,.l5-order div{animation:none}}