.hmls{--bg:#fff;--surface:#fff;--surface2:#faf9fc;--text:#212121;--dim:#616161;--line:#eee;--accent:#683fbe;--accent-deep:#533298;--indigo:#7c5cd6;--amber:#b45309;--stage:#0d1220;--stage-line:#1e2840;--stage-cyan:#a78bfa;--display:var(--font-plus-jakarta), system-ui, sans-serif;--body:var(--font-geist-sans), system-ui, sans-serif;--mono:var(--font-geist-mono), ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 560px at 82% -5%,#683fbe14,#0000 60%),radial-gradient(820px 560px at 10% 104%,#7c5cd612,#0000 60%);font-size:17px;line-height:1.7}.hmls *{box-sizing:border-box;margin:0;padding:0}.hmls a{color:var(--accent)}.hmls .mono{font-family:var(--mono)}.hmls strong{color:var(--text);font-weight:600}.hmls em{font-style:normal}.hmls .term{color:var(--accent);border-bottom:1px dotted var(--accent-deep);cursor:help}@media (prefers-reduced-motion:reduce){.hmls *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hmls .rail{background:linear-gradient(90deg, var(--accent), var(--indigo));z-index:50;width:0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.hmls .hero{flex-direction:column;justify-content:center;max-width:1100px;min-height:92vh;margin:0 auto;padding:4.25rem 5vw 0;display:flex}.hmls .kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:26px;font-size:13px}.hmls .hero h1{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(42px,7vw,88px);font-weight:800;line-height:1}.hmls .hero h1 span{color:#0000;background:linear-gradient(120deg, var(--accent), var(--indigo));-webkit-background-clip:text;background-clip:text}.hmls .hero .sub{max-width:600px;color:var(--dim);margin-top:30px;font-size:20px}.hmls .scrollcue{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase;align-items:center;gap:12px;margin-top:54px;font-size:12px;display:flex}.hmls .scrollcue i{background:linear-gradient(var(--accent), transparent);width:1px;height:38px;animation:hmls-pulse 2s var(--ease) infinite}@keyframes hmls-pulse{0%,to{opacity:.25}50%{opacity:1}}.hmls .specimen{max-width:760px;margin:0 auto 8vh;padding:0 5vw}.hmls .specimen__card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;align-items:center;gap:22px;padding:22px;display:flex;box-shadow:0 10px 34px -20px #21212166}.hmls .specimen__thumb{object-fit:cover;width:110px;height:110px;box-shadow:0 0 0 1px var(--line);background:#f2f0f7;border-radius:12px;flex-shrink:0}.hmls .specimen__body{flex:1;min-width:230px}.hmls .specimen__verdict{font-family:var(--display);min-height:1.5em;font-size:21px;font-weight:600}.hmls .specimen__verdict .pct{color:var(--accent)}.hmls .specimen__hint{color:var(--dim);margin:4px 0 14px;font-size:14px}.hmls .chips{flex-wrap:wrap;gap:9px;display:flex}.hmls .chip{font-family:var(--body);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:all .2s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:500;display:inline-flex}.hmls .chip:hover{border-color:var(--accent);color:var(--accent)}.hmls .chip--active{background:var(--surface-purple,#ede8f7);border-color:var(--accent);color:var(--accent)}.hmls .chip input[type=file]{display:none}.hmls .chapter-head{text-align:center;max-width:780px;margin:0 auto;padding:14vh 5vw 2vh}.hmls .chapter-head .num{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);text-transform:uppercase;font-size:13px}.hmls .chapter-head h2{font-family:var(--display);letter-spacing:-.02em;margin-top:16px;font-size:clamp(30px,4.6vw,50px);font-weight:700;line-height:1.05}.hmls .chapter-head p{color:var(--dim);margin-top:18px;font-size:19px}.hmls .scene{grid-template-columns:1fr 1fr;gap:48px;max-width:1240px;margin:0 auto;padding:0 5vw;display:grid;position:relative}.hmls .scene--right .scene__steps{order:2}.hmls .scene__visual{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.hmls .scene__steps{padding:24vh 0}.hmls .step{align-items:center;min-height:86vh;display:flex}.hmls .step__card{opacity:.22;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(14px)}.hmls .step.active .step__card{opacity:1;transform:none}.hmls .step__n{font-family:var(--mono);color:var(--accent);letter-spacing:.16em;font-size:13px}.hmls .step h3{font-family:var(--display);letter-spacing:-.01em;margin:13px 0 16px;font-size:clamp(25px,3.3vw,36px);font-weight:700;line-height:1.1}.hmls .step p{color:#3f4451;font-size:18px}.hmls .step p+p{margin-top:14px}.hmls .stage{aspect-ratio:1;width:min(48vh,440px);position:relative}.hmls .stage canvas{border-radius:16px;width:100%;height:100%;position:absolute;inset:0}.hmls .stage__frame{border:1px solid var(--stage-line);pointer-events:none;border-radius:16px;position:absolute;inset:-1px;box-shadow:0 0 0 1px #683fbe1a,0 30px 80px -20px #21212166}.hmls .stage__bg{background:var(--stage);border-radius:16px;position:absolute;inset:0}.hmls .stage__cap{text-align:center;width:100%;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:0;transition:opacity .5s var(--ease);font-size:12px;position:absolute;bottom:-44px;left:0}.hmls .stage__cap.on{opacity:1}.hmls #c1-base{transition:filter .5s var(--ease)}.hmls #c1-base.dim{filter:brightness(.6)saturate(.8)}.hmls #c1-grid{opacity:0;transition:opacity .5s var(--ease);image-rendering:pixelated}.hmls #c1-grid.on{opacity:1}.hmls .c1-readout{font-family:var(--mono);opacity:0;transition:opacity .5s var(--ease);white-space:nowrap;align-items:center;gap:14px;font-size:15px;display:flex;position:absolute;bottom:-92px;left:50%;transform:translate(-50%)}.hmls .c1-readout.on{opacity:1}.hmls .c1-swatch{border:1px solid var(--line);border-radius:8px;width:42px;height:42px}.hmls .c1-readout .r{color:#dc2626}.hmls .c1-readout .g{color:#059669}.hmls .c1-readout .b{color:#2563eb}.hmls #c2-base{filter:saturate(.7)brightness(.5)}.hmls #c2-glow{mix-blend-mode:screen;opacity:0;transition:opacity .7s var(--ease)}.hmls .c2-chips{gap:10px;display:flex;position:absolute;bottom:-104px;left:50%;transform:translate(-50%)}.hmls .c2-chips canvas{background:var(--stage);border:1px solid var(--stage-line);opacity:0;width:50px;height:50px;transition:all .45s var(--ease);image-rendering:pixelated;border-radius:9px;position:static;transform:translateY(8px)scale(.9)}.hmls .c2-chips canvas.on{opacity:1;transform:none}.hmls .scene__visual--wide{align-items:center}.hmls .chartcard{background:var(--stage);border:1px solid var(--stage-line);border-radius:16px;width:100%;max-width:560px;padding:22px}.hmls .chartcard canvas{width:100%;height:auto;display:block}.hmls .chart-legend{color:#9aa3b5;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:13px;display:flex}.hmls .chart-legend span{align-items:center;gap:7px;display:inline-flex}.hmls .chart-legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.hmls .lab{max-width:900px;margin:6vh auto 0;padding:0 5vw}.hmls .lab__card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 10px 34px -20px #21212166}.hmls .lab__tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px}.hmls .lab__title{font-family:var(--display);margin:8px 0 4px;font-size:24px;font-weight:700}.hmls .lab__instr{color:var(--dim);margin-bottom:22px;font-size:15px}.hmls .lab__stage{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.hmls .cam-wrap{aspect-ratio:1;flex-shrink:0;width:300px;max-width:100%;position:relative}.hmls .cam-wrap canvas{border:1px solid var(--stage-line);border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.hmls #cam-heat{mix-blend-mode:screen}.hmls .cam-readout{flex:1;min-width:230px}.hmls .cam-verdict{font-family:var(--display);margin-bottom:10px;font-size:21px;font-weight:600}.hmls .cam-bar{border:1px solid var(--line);background:#f2f0f7;border-radius:4px;height:8px;margin:6px 0 16px;overflow:hidden}.hmls .cam-bar i{background:linear-gradient(90deg, var(--accent-deep), var(--accent));width:0;height:100%;transition:width .6s var(--ease);display:block}.hmls .cam-readout p{color:#3f4451;font-size:16px}.hmls .cam-prog{font-family:var(--mono);color:var(--dim);min-height:1.2em;margin-top:10px;font-size:12px}.hmls .break-thumb{object-fit:cover;border:1px solid var(--line);background:#f2f0f7;border-radius:12px;flex-shrink:0;width:150px;height:150px}.hmls .break-body{flex:1;min-width:230px}.hmls .break-verdict{font-family:var(--display);min-height:1.4em;margin-bottom:8px;font-size:22px;font-weight:600}.hmls .break-verdict .pct{color:var(--accent)}.hmls .break-body p{color:#3f4451;font-size:16px}.hmls .note{max-width:720px;margin:5vh auto 0;padding:0 5vw}.hmls .note__box{border-left:3px solid var(--accent);background:#683fbe0f;border-radius:0 12px 12px 0;padding:20px 24px}.hmls .note__box--warn{border-color:var(--amber);background:#b453090f}.hmls .note__box--sum{border-color:var(--indigo);background:#7c5cd614}.hmls .note__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px}.hmls .note__box--warn .note__label{color:var(--amber)}.hmls .note__box--sum .note__label{color:var(--indigo)}.hmls .note__box p{color:#3f4451;font-size:16px}.hmls .note__box p+p{margin-top:12px}.hmls .outro{text-align:center;max-width:780px;margin:0 auto;padding:18vh 5vw 22vh}.hmls .outro h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(30px,4.4vw,50px);font-weight:700;line-height:1.08}.hmls .outro p{color:var(--dim);text-align:left;margin-top:22px;font-size:19px}.hmls .outro .badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:999px;margin-top:36px;padding:10px 18px;font-size:12px;display:inline-block}.hmls .footer{border-top:1px solid var(--line);text-align:center;color:var(--dim);padding:34px 5vw;font-size:14px}.hmls .footer a{color:var(--dim)}.hmls .footer a:hover{color:var(--accent)}.hmls .loading:after{content:"";animation:1.4s steps(4,end) infinite hmls-dots}@keyframes hmls-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (max-width:860px){.hmls .scene{grid-template-columns:1fr;gap:0}.hmls .scene--right .scene__steps{order:0}.hmls .scene__visual{z-index:5;background:linear-gradient(var(--bg) 70%, #fff9);height:52vh;margin:0 -5vw;top:0}.hmls .stage{width:min(38vh,290px)}.hmls .chartcard{max-width:none}.hmls .scene__steps{padding:6vh 0}.hmls .step{min-height:auto;padding:14vh 0}.hmls .step__card{opacity:1;transform:none}.hmls .c2-chips canvas{width:40px;height:40px}}