@font-face{font-family:Compressa;src:url('CompressaPRO-GX.woff2')} :root{--ink:#102a2c;--deep:#062527;--paper:#f6f5ef;--mint:#c5f4d5;--lime:#d7ff69;--coral:#ff8b67;--line:#c8d4d0;--muted:#587073}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;z-index:9;background:white;padding:.7rem}.site-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem max(5vw,1.25rem);background:#f6f5efed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-family:Compressa,Impact,sans-serif;font-size:2rem;letter-spacing:.04em;color:var(--ink);text-decoration:none}.brand span{color:#188a6c}.site-header nav{display:flex;gap:1.25rem;align-items:center}.site-header nav a,.text-link{color:var(--ink);text-decoration:none;font-weight:650}.site-header nav a:hover,.text-link:hover{color:#188a6c}.menu{display:none}.hero,.section{padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem)}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;background:radial-gradient(circle at 82% 24%,#c8f5db 0 8%,transparent 35%),#eaf0e8}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;color:#28715f}.hero h1,.section h2{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.94;letter-spacing:-.055em;margin:.4rem 0 1.25rem}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#17876d}.lede{font-size:1.2rem;max-width:38rem;color:#385456}.actions,.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:.75rem 1rem;border-radius:.2rem;color:var(--ink);background:transparent;text-decoration:none;font-weight:750;cursor:pointer}.button.primary{background:var(--ink);color:white}.button:hover{transform:translateY(-2px)}.device-input{margin-top:2rem;max-width:38rem;background:white;padding:1rem;border:1px solid var(--line);box-shadow:8px 8px 0 #c5f4d5}.device-input label{font-weight:800;display:block}.device-input .inline{display:flex;gap:.5rem;margin-top:.5rem}.device-input input{min-width:0;flex:1;padding:.75rem;border:1px solid var(--line)}.orbital{min-height:390px;display:grid;place-items:center;position:relative}.device-shape{width:260px;height:340px;border:12px solid var(--ink);border-radius:24px;background:linear-gradient(145deg,#d8ff73,#b0ead5);box-shadow:24px 28px 0 var(--coral);transform:rotate(9deg);position:relative}.device-shape:before,.device-shape:after{content:"";position:absolute;background:var(--ink);border-radius:50%}.device-shape:before{width:50px;height:50px;top:22px;left:22px}.device-shape:after{width:12px;height:12px;top:86px;left:22px}.orbital p{position:absolute;bottom:0;font-family:Georgia,serif;font-size:1.3rem;max-width:13rem}.pillars,.cards,.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.pillars article,.cards article,.courses article{background:var(--paper);padding:2rem}.pillars span,.course-number{font-weight:800;color:#188a6c}.pillars h2,.cards h3,.courses h3{margin:.4rem 0}.tint{background:#e1eee7}.section-intro{max-width:56rem;margin-bottom:2.5rem}.section-intro h2{font-size:clamp(2.25rem,5vw,4.5rem)}.decision,.lab-grid,.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.steps,.recommendation,.panel,.finder,.lesson-panel,.data-card,.tutor{background:#fff;padding:1.4rem;border:1px solid var(--line)}.steps label,.finder label{display:block;font-weight:750;margin:.75rem 0}.steps select,.finder input,.finder select{display:block;width:100%;padding:.65rem;border:1px solid var(--line);background:white;margin-top:.25rem}.steps fieldset{border:0;padding:0;margin:1.25rem 0}.steps fieldset label{font-weight:500}.safety-note{border-left:5px solid var(--coral);padding:1rem;background:#fff4ed;margin:1.5rem 0 0}.finder{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.8rem;align-items:end}.directory-status{margin-top:1rem;padding:1rem;border:1px dashed #6c8885;display:grid;gap:.2rem}.location-results{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.2rem}.location-card{padding:1rem;background:#fff;border:1px solid var(--line)}.location-card h3{margin:0}.badge{display:inline-block;padding:.15rem .45rem;background:var(--mint);font-size:.75rem;font-weight:700}.course-progress{margin:.75rem 0 1.5rem;color:var(--muted)}.course-progress progress{accent-color:#188a6c;width:14rem}.courses{grid-template-columns:repeat(5,1fr)}.text-button{border:0;background:none;padding:0;color:#136d5c;text-decoration:underline;font-weight:750;cursor:pointer;text-align:left}.lesson-panel{margin-top:1.5rem}.quiz{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.answer{margin:.25rem .75rem .25rem 0}.viewer{background:#082b2d;padding:1rem;color:white;min-height:530px}.viewer-head{display:flex;justify-content:space-between}.model-stage{height:390px;position:relative;perspective:800px;overflow:hidden}.laptop-model{position:absolute;inset:80px 8% 35px;background:#537e78;border:8px solid #b8e7d5;transform:rotateX(57deg) rotateZ(-8deg);box-shadow:0 25px 0 #183a3b}.part{position:absolute;border:2px solid #f4ffc0;background:#174b4c;color:white;padding:.25rem;cursor:pointer}.part:hover,.part.active{outline:4px solid var(--lime);z-index:2}.part.board{left:15%;top:15%;width:50%;height:55%;background:#3b7d60}.part.cpu{left:29%;top:31%;background:#845c45}.part.ram{left:49%;top:26%;background:#397c9a}.part.ssd{right:12%;top:55%;background:#444}.part.battery{left:10%;bottom:6%;background:#48606c}.part.display{left:66%;top:-76px;width:150px;height:78px;background:#80b7b1;color:#062527}.viewer-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.viewer-controls button{background:transparent;border:1px solid #a9d7ca;color:white;padding:.45rem}.component-list{display:flex;gap:.5rem;flex-wrap:wrap}.component-list button{padding:.4rem;border:1px solid var(--line);background:white}.component-list button.active{background:var(--mint)}.dark{background:var(--deep);color:white}.dark .eyebrow{color:var(--lime)}.data-card{display:flex;justify-content:space-between;gap:2rem;align-items:center}.chart{background:#fff;color:var(--ink);padding:1rem;min-height:330px}.bars{height:240px;display:flex;align-items:end;gap:8%;padding:1rem}.bars i{display:block;width:18%;background:#17876d;position:relative}.bars i:after{content:attr(data-label);position:absolute;bottom:-1.8rem;color:#102a2c;font-style:normal}.source{font-size:.85rem;color:inherit;opacity:.8}.tutor{margin-top:1.5rem}.tutor form{display:flex;gap:.5rem}.tutor input{flex:1;padding:.7rem;border:1px solid var(--line)}.about{display:grid;grid-template-columns:1fr 1fr;gap:3rem}footer{padding:3rem 5vw;background:#d2e2db;display:flex;justify-content:space-between;align-items:end;gap:1rem}.muted{color:var(--muted)}@media(max-width:850px){.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem 5vw;background:var(--paper);border-bottom:1px solid var(--line)}.site-header nav.open{display:grid}.menu{display:block}.hero,.decision,.lab-grid,.data-grid,.about{grid-template-columns:1fr}.hero{min-height:auto}.orbital{min-height:280px}.finder{grid-template-columns:1fr 1fr}.courses{grid-template-columns:1fr 1fr}.pillars,.cards{grid-template-columns:1fr}.location-results{grid-template-columns:1fr}.data-card,footer{display:block}.data-card .button{margin-top:1rem}}@media(max-width:520px){.finder,.courses{grid-template-columns:1fr}.hero,.section{padding:3.5rem 1.1rem}.device-input .inline,.tutor form{display:grid}.site-header{padding:1rem}.viewer{margin-inline:-1.1rem}.model-stage{height:330px}}