:root{--void: #04050b;--bone: #efe9dd;--bone-2: rgba(239, 233, 221, .62);--bone-3: rgba(239, 233, 221, .45);--amber: #ffb547;--rose: #e86f8f;--gas: #5d7cff;--line: rgba(239, 233, 221, .14);--line-strong: rgba(239, 233, 221, .32);--panel: rgba(6, 8, 18, .62);--ink-on-amber: #140d02;--f-display: "Unbounded", "Helvetica Neue", Arial, sans-serif;--f-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--f-mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gl: max(16px, env(safe-area-inset-left));--gr: max(16px, env(safe-area-inset-right));--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--step-1: clamp(1.1rem, 1rem + .5vw, 1.35rem);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0}body{min-height:100dvh;background:var(--void);color:var(--bone);font-family:var(--f-body);font-size:1rem;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,ol,ul{margin:0}a{color:inherit}button{font:inherit;color:inherit}img,svg,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}::selection{background:var(--amber);color:var(--ink-on-amber)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.eyebrow{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-2)}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%)}.section-title{font-family:var(--f-display);font-weight:300;font-size:clamp(1.8rem,7vw,3.6rem);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}.cta{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--line-strong);background:#04050b8c;text-decoration:none;font-weight:500;transition:border-color .2s ease,color .2s ease,background .2s ease}.cta:hover{border-color:var(--amber);color:var(--amber)}.cta--primary{background:var(--amber);border-color:var(--amber);color:var(--ink-on-amber);font-weight:600}.cta--primary:hover{background:var(--bone);border-color:var(--bone);color:var(--ink-on-amber)}.cta-row{display:flex;flex-wrap:wrap;gap:10px}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 6px) var(--gr) 0 var(--gl);font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em}.site-header a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--bone-2);transition:color .2s ease}.site-header a:hover,.site-header a[aria-current=page]{color:var(--bone)}.site-header .mark{gap:2px;color:var(--bone)}.site-header .mark span{color:var(--amber)}.site-header nav{display:flex;gap:18px}.site-footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:22px var(--gr) calc(env(safe-area-inset-bottom) + 22px) var(--gl);font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;color:var(--bone-3)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;max-width:72rem}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--bone-2);text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:var(--amber)}.site-footer .heart{color:var(--rose)}.principles__head{display:grid;gap:12px;margin-bottom:30px;max-width:40rem}.principles__lede{color:var(--bone-2);font-size:1.02rem}.principles__list{list-style:none;padding:0;display:grid;border-bottom:1px solid var(--line)}.principle{display:grid;grid-template-columns:84px minmax(0,1fr);gap:6px 18px;align-content:start;padding:24px 0 26px;border-top:1px solid var(--line)}.principle__chart{grid-row:span 3;position:relative;width:84px;aspect-ratio:1;display:grid;place-items:center}.principle__chart:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed var(--line-strong)}.principle__chart:after{content:"";position:absolute;inset:50% -6px auto;height:1px;background:linear-gradient(90deg,var(--line-strong) 0 8px,transparent 8px calc(100% - 8px),var(--line-strong) calc(100% - 8px))}.constellation{width:76%;height:auto;overflow:visible}.constellation path{fill:none;stroke:var(--amber);stroke-width:1;opacity:.72;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.8s cubic-bezier(.6,.1,.2,1) .15s}.constellation circle{fill:var(--bone)}.constellation circle.key{fill:var(--amber)}.constellation circle.faint{opacity:.4}.draw-on [data-draw]:not(.is-seen) .constellation path{stroke-dashoffset:1}.principle__n{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.principle__text{font-family:var(--f-display);font-weight:300;font-size:clamp(1.2rem,5vw,1.55rem);line-height:1.16;letter-spacing:-.015em;text-wrap:balance}.principle__body{color:var(--bone-2);font-size:.98rem;line-height:1.55;max-width:44ch}.rail{--scale-h: 34vh;position:fixed;z-index:3;right:max(5px,env(safe-area-inset-right));top:33vh;width:1px;height:var(--scale-h);display:none;opacity:0;transition:opacity .5s ease;background:var(--line);font-family:var(--f-mono);font-size:.64rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}.rail-on .rail,.rail:focus-within{opacity:1}.rail-end .rail{opacity:0}.rail__fill{position:absolute;inset:0;background:var(--amber);opacity:.75;transform-origin:top;transform:scaleY(var(--p, 0))}.rail__ticks{list-style:none;margin:0;padding:0;position:absolute;inset:0}.rail__tick{position:absolute;right:0;top:calc(var(--at) * 100%);width:6px;height:1px;background:var(--bone-2);transition:background .3s ease}.rail__tick.is-passed{background:var(--amber)}.rail__tick a{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rail__marker{position:absolute;left:-4px;top:0;width:9px;height:9px;border:1px solid var(--amber);pointer-events:none;transform:translateY(calc(var(--p, 0) * var(--scale-h) - 50%)) rotate(45deg)}@media(min-width:900px){.eyebrow{font-size:.74rem}.site-header{padding-top:calc(env(safe-area-inset-top) + 14px);padding-left:6vw;padding-right:max(180px,13vw)}.principles__list{grid-template-columns:1fr 1fr;column-gap:56px;max-width:70rem}.principle{grid-template-columns:124px minmax(0,1fr);gap:8px 28px;padding:34px 0 36px}.principle__chart{width:124px}.rail{--scale-h: 50vh;right:36px;top:27vh}.rail__tick{width:13px;right:-6px}.rail__tick a{right:0;top:-11px;width:auto;height:22px;clip-path:none;display:flex;align-items:center;padding:0 22px 0 12px;color:var(--bone-2);text-decoration:none;pointer-events:none;transition:color .2s ease}.rail-on .rail__tick a,.rail:focus-within .rail__tick a{pointer-events:auto}.rail-end .rail__tick a{pointer-events:none}.rail__tick.is-passed a{color:var(--amber)}.rail__tick.is-current a{color:var(--bone)}.rail__tick a:hover,.rail__tick a:focus-visible{color:var(--amber)}}@media(prefers-reduced-motion:reduce){.constellation path,.rail,.rail__tick,.rail__tick a,.cta{transition:none}}