:root{--bg-canvas:#fbf1f0;--bg-surface:#fff;--bg-surface-hover:#f4e5ed;--text-primary:#1c1917;--text-muted:#66575f;--accent-primary:#6b2155;--accent-secondary:#a65b86;--border-subtle:#d9bdce;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(40,15,31,.15);--glow-accent:0 0 24px -4px #6b215522;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:24px;padding:0 28px;background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--accent-primary);font:17px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit;border-radius:0}button,.button{display:inline-block;background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);padding:13px 18px;font:700 .76rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-kinetic),box-shadow .3s,background .3s}button:hover,.button:hover{background:var(--bg-surface-hover);transform:translateY(-3px);box-shadow:var(--shadow-elevation),var(--glow-accent)}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.5rem,5.6vw,5.2rem);font-weight:650;margin:18px 0 26px;max-width:17ch}h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:0 0 24px}h3{font:700 1.05rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:0}p{margin:0 0 22px}img{display:block;width:100%;object-fit:cover;background:#f5e4eb}figure{margin:0}figcaption,.small{font-size:.84rem;color:var(--text-muted)}.wrap{max-width:1200px;margin:auto}.skip{position:absolute;top:-100px;left:30px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.motto{font: .72rem/1.6 ui-monospace,Consolas,monospace;letter-spacing:.07em;padding:12px 0;border-bottom:1px solid var(--border-subtle);color:var(--accent-primary)}header{position:relative;z-index:5}.header-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--border-subtle)}.brand{display:flex;gap:10px;align-items:center;text-align:left;text-decoration:none;font-size:1rem;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--accent-primary);color:white;font:700 17px ui-monospace,monospace}.nav{display:flex;gap:19px;align-items:center}.nav a{font-size:.8rem;text-decoration:none;font-weight:650}.nav a[aria-current=page]{text-decoration:underline}.menu-toggle{display:none;padding:4px 14px;font-size:1.7rem}.hero{position:relative;padding:75px 0 64px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.eyebrow,.node,.label{font: .76rem/1.6 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary)}.lead{font-size:1.17rem;max-width:56ch}.hero-visual{position:relative;padding-bottom:105px}.hero-visual img{aspect-ratio:4/3}.principles{position:absolute;bottom:0;right:0;width:82%;padding:18px 0 0 28px;background:var(--bg-canvas)}.principles ul{list-style:none;padding:0;margin:10px 0}.principles li{border-top:1px solid var(--border-subtle);padding:6px 0;font: .83rem/1.5 ui-monospace,monospace}.log{position:relative;margin-left:18px;border-left:1px solid var(--accent-primary)}.stage{position:relative;padding:48px 0 48px 52px;border-bottom:1px solid var(--border-subtle)}.node{position:absolute;top:50px;left:-19px;display:grid;place-items:center;background:var(--bg-canvas);width:37px;height:34px;border:1px solid var(--accent-primary);font-size:.72rem}.stage-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.stage-grid img{aspect-ratio:4/3}.rows{padding:0;margin:22px 0;list-style:none}.rows li{display:grid;grid-template-columns:28px 1fr;gap:10px;border-top:1px solid var(--border-subtle);padding:16px 0}.icon{font-family:ui-monospace,monospace;color:var(--accent-primary)}.rows strong{display:block}.text-link{font:700 .8rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.page-heading{padding:64px 0 40px;max-width:850px}.page-heading h1{font-size:clamp(2.5rem,5vw,4.6rem)}.reading{max-width:70ch;margin:0 auto}.reading h2{font-size:1.9rem}.reading .stage{padding-left:38px}.reading .node{left:-19px}.reading .log{margin-left:0}.reading figure{margin:10px 0 38px}.reading figure img{aspect-ratio:16/9}.note{padding:22px 0;border-top:1px solid var(--accent-primary);border-bottom:1px solid var(--border-subtle);margin:30px 0}.cycle{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0;font: .83rem/1.7 ui-monospace,monospace;color:var(--accent-primary)}.cycle span:not(:last-child):after{content:" →";margin-left:10px}dl{margin:24px 0}dt{font:700 1rem/1.5 ui-monospace,monospace;margin-top:20px}dd{margin:8px 0 20px}.sources{border-top:1px solid var(--border-subtle);padding:24px 0;font-size:.88rem}.sources ul{padding-left:20px}.end-log{padding:35px 0;color:var(--accent-primary);font:.78rem/1.5 ui-monospace,monospace;letter-spacing:.07em}.end-log:before{content:"■";margin-right:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}footer{border-top:1px solid var(--accent-primary);padding:36px 0 26px;margin-top:48px;font-size:.85rem}footer h2{font:700 .8rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}footer ul{list-style:none;padding:0;margin:0}footer li{margin:7px 0}footer address{font-style:normal}footer .copyright{border-top:1px solid var(--border-subtle);padding-top:20px;margin:28px 0 0;font-size:.8rem}.faq-list details{border-top:1px solid var(--border-subtle);padding:22px 0}.faq-list summary{cursor:pointer;font-weight:650;color:var(--accent-primary);padding-right:15px}.faq-list details p{margin:18px 0 0}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}label{font:700 .85rem/1.5 ui-monospace,monospace}input,textarea,select{width:100%;padding:12px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary)}textarea{resize:vertical;min-height:160px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.preview{white-space:pre-wrap;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:20px;min-height:160px;font:.87rem/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.status{min-height:1.7em;color:var(--accent-primary)}.reveal-ready{opacity:0;transform:translateY(20px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}
@media(min-width:1025px){.hero-visual{animation:arrive 1.1s var(--ease-kinetic) both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:769px) and (max-width:1024px){body{margin:16px;padding:0 22px}.header-row{gap:15px}.nav{gap:11px}.nav a{font-size:.72rem}.brand{font-size:.86rem}.hero{gap:28px}.stage-grid{gap:25px}}
@media(min-width:481px) and (max-width:768px){body{margin:14px;padding:0 22px}.hero{gap:28px}.stage{padding-left:40px}}
@media(max-width:767px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);border:1px solid var(--accent-primary);padding:20px;box-shadow:var(--shadow-elevation)}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:12px;border-bottom:1px solid var(--border-subtle);font-size:.95rem}.hero,.stage-grid{grid-template-columns:1fr}.hero{padding:42px 0}.hero-visual{max-width:560px}.stage-grid{gap:24px}.header-row{padding:18px 0}.page-heading{padding:42px 0 25px}.stage{padding-top:35px;padding-bottom:35px}.node{top:38px}.reading .stage{padding-left:28px}.reading .log{margin-left:10px}}
@media(max-width:480px){body{margin:8px;padding:0 14px;font-size:16px}.motto{font-size:.61rem;letter-spacing:0}.brand{font-size:.87rem;gap:7px}.brand-mark{width:23px;height:25px}.menu-toggle{padding:2px 10px}.hero{gap:28px}.hero-visual{padding-bottom:115px}.principles{width:94%;padding-left:15px}.stage{padding-left:28px}.log{margin-left:12px}.grid{grid-template-columns:1fr}h1{font-size:2.7rem}.button,button{font-size:.68rem}.reading .stage{padding-left:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}