@font-face{font-family:JAudioCassette;src:url('fonts/J-Audio-Cassette.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}:root{--bg:#f5f5ef;--text:#242821;--muted:#777c70;--line:#d4d7cb;--accent:#b54c30;--soft:#e9ece1;color-scheme:light}:root.dark{--bg:#191c18;--text:#e7e9dd;--muted:#a6ad9d;--line:#3c4437;--accent:#e49773;--soft:#252d22;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:JAudioCassette,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}header{height:106px;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between;font-size:12px}header .brand{font-size:17px;letter-spacing:0}header nav{display:flex;gap:28px;align-items:center;color:var(--muted)}.theme{border:1px solid var(--line);background:none;border-radius:50%;height:34px;width:34px;font-size:20px;line-height:1}.page{padding:38px 4.8vw 70px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;margin:0 0 26px}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;align-items:end;margin-bottom:62px}h1{font-size:clamp(52px,7.2vw,118px);line-height:1.03;letter-spacing:0;font-weight:400;margin:0 0 30px}.point{color:var(--accent)}.subtitle{font-size:clamp(23px,2.5vw,37px);letter-spacing:0;line-height:1.35;max-width:650px;margin:0}.abstract{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 5px;max-width:460px}.meta{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:10px;color:var(--muted);margin-bottom:35px}.meta span{border-top:1px solid var(--line);padding-top:10px;min-width:140px}.visual{background:var(--soft);border:1px solid var(--line);padding:35px 4vw 42px;margin-bottom:77px}.visual-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:35px}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.step{border-top:1px solid var(--line);padding-top:17px;position:relative}.step:not(:last-child):after{content:'';position:absolute;right:0;top:15px;width:16px;height:16px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.step>small{font-size:9px;color:var(--muted)}.step h3{font-size:19px;font-weight:400;letter-spacing:0;margin:22px 0 12px}.step p{font-size:12px;line-height:1.8;color:var(--muted);max-width:210px;margin:0}.chapter{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw;padding:39px 0 49px;border-top:1px solid var(--line)}.chapter-label{font-size:11px;color:var(--muted);display:flex;gap:20px;padding-top:6px}.chapter-content{max-width:830px}.chapter h2{font-size:clamp(27px,3vw,46px);font-weight:400;line-height:1.2;letter-spacing:0;margin:0 0 25px}.chapter p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 22px}.chapter p:last-child{margin-bottom:0}.chapter strong{font-weight:400;color:var(--text)}.principles{display:grid;grid-template-columns:1fr 1fr;gap:25px 38px;margin-top:30px}.principles h3{font-size:17px;font-weight:400;margin:0 0 10px}.principles p{font-size:13px}.status{font-size:12px!important;border-left:2px solid var(--accent);padding-left:20px;margin-top:30px!important}.next{border-top:1px solid var(--line);padding:35px 0 12px;display:flex;justify-content:space-between;gap:20px}.next small{font-size:10px;color:var(--muted)}.next a{font-size:23px;letter-spacing:0}.next a:hover{color:var(--accent)}footer{margin:0 4.8vw;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;z-index:5;padding:10px;background:var(--text);color:var(--bg)}.skip:focus{top:15px}@media(max-width:800px){header{height:85px;padding:0 6vw}header nav{gap:18px}.page{padding:25px 6vw 45px}.intro{grid-template-columns:1fr;gap:28px;margin-bottom:35px}h1{font-size:clamp(52px,12vw,90px);margin-bottom:24px}.subtitle{font-size:27px}.abstract{font-size:14px;max-width:600px}.visual{margin-bottom:48px;padding:24px}.flow{grid-template-columns:1fr 1fr;gap:25px}.step:nth-child(2):after{display:none}.step h3{font-size:17px;margin:15px 0 10px}.chapter{grid-template-columns:1fr;gap:22px;padding:28px 0 36px}.chapter h2{font-size:31px}.chapter p{font-size:15px}.principles{gap:25px}.principles p{font-size:13px}.next a{font-size:19px}footer{margin:0 6vw}}@media(max-width:420px){.principles{grid-template-columns:1fr}.flow{gap:24px 20px}.visual{padding:20px}.visual-top{line-height:1.7;gap:20px}.step h3{font-size:16px}.step p{font-size:11px}}