@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Mono:wght@400;700&family=Syne:wght@600;700;800&display=swap');
:root{--ink:#182d3b;--cream:#f5efdf;--paper:#fffaf0;--orange:#e5683b;--yellow:#f5c84b;--mint:#9fd8c6;--blue:#6d9ca1;--line:#c9bda9;--serif:'Syne',sans-serif;--body:'DM Sans',sans-serif;--mono:'Space Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.13;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(245,239,223,.92);position:sticky;top:0;z-index:5}.wordmark{display:flex;align-items:center;gap:9px;color:var(--ink);font-family:var(--serif);font-weight:800;font-size:22px;text-decoration:none;letter-spacing:-1px}.mark{display:grid;place-items:center;background:var(--orange);color:var(--paper);width:29px;height:29px;border-radius:50%;font-family:var(--serif);font-size:19px}.top-nav{display:flex;gap:30px}.top-nav a{color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.top-nav a:hover{text-decoration:underline;text-underline-offset:5px}.score-pill{display:flex;gap:8px;align-items:center;background:var(--ink);color:var(--paper);padding:8px 13px;border-radius:30px;font-family:var(--mono);font-size:11px}.score-pill span:first-child{color:var(--yellow);font-weight:bold}.score-label{opacity:.6;font-size:9px}.section-wrap{max-width:1180px;margin:auto;padding-left:5vw;padding-right:5vw}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding-top:50px;padding-bottom:70px}.eyebrow{font-family:var(--mono);letter-spacing:.13em;font-size:10px;font-weight:700;margin:0 0 18px}.orange{color:var(--orange)}.mint{color:#387f79}.hero h1{font-family:var(--serif);font-size:clamp(52px,7vw,91px);line-height:.94;letter-spacing:-.07em;margin:0 0 27px}.hero h1 em{color:var(--orange);font-style:normal}.lede{max-width:470px;font-size:18px;line-height:1.6;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;gap:18px;align-items:center;padding:15px 19px;text-decoration:none;font-weight:700;font-size:14px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--orange);transform:translateY(-2px)}.text-button{border:0;background:none;padding:10px 0;color:var(--ink);font-family:var(--mono);font-size:10px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.microcopy{font-family:var(--mono);font-size:10px;opacity:.65;margin-top:27px}.status-dot,.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#55aa7d;margin-right:6px}.hero-art{position:relative;max-width:530px;margin:auto;transform:rotate(2deg)}.art-frame{background:var(--paper);padding:13px 13px 45px;box-shadow:12px 15px 0 var(--yellow);border:1px solid var(--ink)}.art-frame img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}.tape{position:absolute;z-index:1;top:-18px;left:35%;padding:7px 17px;background:#f0b983c7;transform:rotate(-5deg);font:10px var(--mono)}.scribble{position:absolute;font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.05}.scribble-a{bottom:15px;right:-60px;transform:rotate(-8deg)}.scribble-b{top:35px;right:-39px;color:var(--orange);font-size:40px;transform:rotate(16deg)}.crew-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding-top:17px;padding-bottom:17px}.strip-label,.crew-note{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;opacity:.65}.crew{display:flex;align-items:center;gap:7px}.crew span{font-size:12px;margin-right:6px}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:11px;border:2px solid var(--cream)}.a1{background:#df9b73}.a2{background:#7fa6c5}.a3{background:#906f59;color:#fff}.a4{background:#d9a8bc}.a5{background:#ddb84e}.chapter{padding-top:120px;padding-bottom:100px}.section-intro{max-width:620px;margin-bottom:42px}.section-intro h2,.swipe-head h2,.matrix-head h2{font:700 clamp(35px,5vw,58px)/1 var(--serif);letter-spacing:-.06em;margin:0 0 18px}.section-intro>p:last-child{font-size:17px;max-width:530px}.scanner-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.formula-card,.test-card,.lab-board{background:var(--paper);border:1px solid var(--ink);padding:30px}.formula-card{background:var(--ink);color:var(--paper);min-height:300px;position:relative;overflow:hidden}.formula-card:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff33;border-radius:50%;right:-100px;bottom:-120px}.card-top{display:flex;justify-content:space-between;font:10px var(--mono);opacity:.65;margin-bottom:40px}.formula-row{display:flex;align-items:center;gap:16px;margin:17px 0;font-size:15px}.tag{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;font:bold 17px var(--mono)}.tag.h{background:var(--orange)}.tag.p{background:var(--mint);color:var(--ink)}.arrow{font:10px var(--mono);opacity:.55;margin-left:12px}.formula-line{border-top:1px solid #ffffff55;padding-top:15px;margin-top:26px;font:14px var(--mono)}.label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.11em;color:var(--orange)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.choice{background:transparent;border:1px solid var(--line);padding:20px;text-align:left;color:var(--ink);cursor:pointer;transition:.2s transform,.2s background}.choice:hover,.choice:focus-visible{background:var(--yellow);transform:translateY(-3px);outline:2px solid var(--orange);outline-offset:2px}.choice b{display:block;font:27px var(--mono);margin-bottom:12px}.choice span{font-size:12px}.feedback{border-left:3px solid var(--blue);margin-top:30px;padding:11px 14px;background:#edf2e8;font-size:13px}.logic-result{display:flex;gap:22px;align-items:center;margin-top:22px;padding:23px;background:var(--mint);max-width:780px}.logic-result[hidden],.tool-modal[hidden]{display:none}.result-stamp{font:700 20px var(--mono);border:2px solid var(--ink);padding:15px 10px;transform:rotate(-4deg)}.logic-result h3{font:700 24px var(--serif);margin:0}.logic-result p{margin:3px 0;font-size:14px}.lab-section{background:var(--blue);padding:110px max(5vw,calc((100vw - 1080px)/2));color:var(--ink)}.lab-section .section-intro{max-width:700px}.level-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #294f59;margin-bottom:22px}.level-tab{border:0;background:none;text-align:left;padding:14px 13px 20px;color:#355861;cursor:pointer}.level-tab.active{color:var(--ink);border-bottom:4px solid var(--orange)}.level-tab span{font:10px var(--mono);display:block;margin-bottom:9px}.level-tab b{font-family:var(--serif);font-size:18px;display:block}.level-tab small{font-size:11px}.lab-board{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:330px}.board-note{position:relative;padding:15px 25px 25px;background:#fff6d9;transform:rotate(-1deg);box-shadow:5px 7px 0 #315b65}.pin{position:absolute;top:-11px;left:48%;width:17px;height:17px;background:var(--orange);border-radius:50%}.board-note h3{font:700 29px var(--serif);line-height:1.1;margin:10px 0}.board-note p{font-size:14px}.hypothesis-line{display:flex;gap:13px;border-top:1px dashed var(--line);padding-top:13px;font-size:13px}.hypothesis-line span:first-child{font:bold 18px var(--mono);color:var(--orange)}.lab-actions{padding:18px 0}.lab-action{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--paper);padding:14px;margin:9px 0;cursor:pointer;font-weight:700}.lab-action:hover,.lab-action:focus-visible{border-color:var(--orange);background:var(--yellow);outline:0}.lab-feedback{margin-top:18px;padding:15px;background:var(--ink);color:var(--paper);font-size:13px}.toolkit-section{padding-top:120px;padding-bottom:110px}.toolkit-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.tool-card{padding:29px;min-height:285px;background:var(--paper);border:1px solid var(--ink);display:flex;flex-direction:column}.dark-card{background:var(--ink);color:var(--paper)}.tool-number{font:12px var(--mono);color:var(--orange)}.tool-card h3{font:700 25px var(--serif);margin:29px 0 12px;line-height:1}.tool-card p{font-size:14px;margin:0}.tool-open{border:0;background:none;padding:0;margin-top:auto;text-align:left;color:inherit;font:700 12px var(--mono);cursor:pointer}.tool-open span{font-size:18px;margin-left:8px}.tool-modal{position:fixed;inset:0;background:#102532cc;display:grid;place-items:center;padding:20px;z-index:20}.modal-inner{background:var(--paper);border:2px solid var(--ink);max-width:560px;width:100%;padding:38px;position:relative;box-shadow:10px 10px 0 var(--orange)}.close-modal{position:absolute;right:15px;top:10px;border:0;background:none;font:30px var(--body);cursor:pointer;color:var(--ink)}.modal-inner h3{font:700 35px var(--serif);line-height:1;margin:0 0 16px}.modal-prompt{padding:14px;background:#e8dfca;margin:20px 0;font-size:14px}.modal-choice{display:block;width:100%;margin:8px 0;padding:12px;text-align:left;border:1px solid var(--ink);background:var(--cream);cursor:pointer}.modal-choice:hover{background:var(--yellow)}.swipe-section{background:var(--orange);max-width:none;padding-top:100px;padding-bottom:105px;padding-left:max(5vw,calc((100vw - 1080px)/2));padding-right:max(5vw,calc((100vw - 1080px)/2))}.swipe-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.swipe-head>p{max-width:380px;font-size:14px}.swipe-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:40px}.swipe-card{min-height:240px;background:var(--paper);border:2px solid var(--ink);padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:9px 9px var(--ink);transform:rotate(-2deg)}.quote-mark{font:70px Georgia;color:var(--orange);height:45px}.swipe-card p{font:700 27px/1.15 var(--serif);margin:0;max-width:500px}.card-count{font:10px var(--mono);position:absolute;bottom:15px;right:18px}.swipe-buttons{display:grid;gap:12px}.swipe-btn{padding:20px;border:2px solid var(--ink);background:transparent;text-align:left;font:700 14px var(--mono);cursor:pointer}.swipe-btn:hover{background:var(--yellow)}.swipe-btn span{float:right;font-size:22px}.sort-feedback{font-size:14px;margin-top:24px;min-height:23px}.matrix-section{padding-top:110px;padding-bottom:110px}.matrix-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.progress-wrap{width:230px;font:11px var(--mono)}.progress{height:7px;background:#d6cbb8;margin-top:9px}.progress i{display:block;height:100%;width:0;background:var(--orange);transition:width .4s ease}.matrix-wrap{overflow-x:auto}.matrix-wrap table{border-collapse:collapse;width:100%;min-width:700px;background:var(--paper);font-size:13px}.matrix-wrap th,.matrix-wrap td{border-bottom:1px solid var(--line);padding:17px;text-align:left}.matrix-wrap thead{background:var(--ink);color:var(--paper);font:10px var(--mono);text-transform:uppercase}.matrix-wrap tbody th{font-family:var(--serif);font-size:15px}.site-footer{padding:25px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);gap:20px}.site-footer button{font:inherit;text-decoration:underline;border:0;background:none;cursor:pointer;color:inherit}@media(max-width:760px){.site-header{padding:0 20px}.top-nav{display:none}.score-label{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{width:85%;margin-top:20px}.scribble-a{right:-20px}.crew-strip{flex-wrap:wrap;gap:10px}.crew-note{display:none}.section-wrap{padding-left:20px;padding-right:20px}.chapter,.toolkit-section,.matrix-section{padding-top:80px;padding-bottom:75px}.scanner-grid,.lab-board,.swipe-layout{grid-template-columns:1fr}.toolkit-grid{grid-template-columns:1fr}.lab-section{padding:80px 20px}.level-tab{padding-left:5px;padding-right:5px}.level-tab b{font-size:14px}.level-tab small{font-size:9px}.matrix-head,.swipe-head{display:block}.progress-wrap{margin-top:23px}.site-footer{flex-wrap:wrap}.site-footer>span:nth-child(2){order:3;width:100%}.hero-actions{flex-wrap:wrap}.choice-grid{grid-template-columns:1fr 1fr}.modal-inner{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.tool-card.locked{opacity:.58;filter:saturate(.35)}
.tool-open:disabled{cursor:not-allowed;text-decoration:none;opacity:.7}
.tool-lock{font:11px var(--mono);margin-top:18px;color:#387f79}
.inline-action{border:1px solid var(--ink);background:var(--yellow);padding:7px 10px;margin-top:10px;font:11px var(--mono);cursor:pointer}