:root{color-scheme:light dark;--paper:#f5f7fd;--ink:#17254b;--muted:#53617f;--blue:#294fd4;--panel:#e5eafb;--white:#fff;--line:#c8d1e7;--loop-a:#b1c0fb;--loop-b:#4970ef;--line-loop:#ccd6f4;--shadow:rgba(37,64,145,.10);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:3px}::selection{background:var(--blue);color:var(--white)}.site-shell{max-width:1520px;padding:0 6.2%;margin:auto}.skip-link{position:absolute;left:20px;top:-100px;z-index:5;padding:12px 18px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:16px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:31px;font-weight:650;letter-spacing:-1.5px}.wordmark svg,.loop-center svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.site-header nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:550}.site-header nav a{text-decoration:none;padding:12px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.soon{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:3px 7px;margin-left:7px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;padding:76px 0 86px}.intro-label{font-size:14px;font-weight:500;margin:0 0 25px;display:flex;align-items:center;gap:9px}.intro-label span,.coming-soon span{width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}h1{font-size:clamp(56px,6.2vw,94px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0 0 30px}.hero-description{font-size:19px;line-height:1.7;max-width:420px;color:var(--muted);margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 22px;background:var(--blue);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;transition:filter .2s}.primary-link:hover{filter:brightness(1.12)}.primary-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.human-note{font-size:12px;color:var(--muted);margin:16px 0 0}.learning-figure{margin:15px -14px 0 0;position:relative}.loop-art{aspect-ratio:1;position:relative;width:100%;max-width:560px;margin:auto}.orbit{width:100%;height:100%;overflow:visible}.orbit-guide{fill:none;stroke:var(--line-loop);stroke-width:1}.orbit-guide.inner{stroke-dasharray:2 8}.loop-ribbon{fill:none;stroke:url(#loop-shade);stroke-width:34;opacity:.7}.loop-return{fill:none;stroke:var(--blue);stroke-width:1.2;stroke-dasharray:1200;animation:trace 1.6s ease-out both}.direction{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.loop-center{position:absolute;inset:32% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;font-weight:500;font-size:22px;line-height:1.3;letter-spacing:-.6px}.loop-center svg{color:var(--blue)}.loop-label{position:absolute;text-align:center;background:var(--paper);padding:10px 13px;min-width:90px;box-shadow:0 0 30px 12px var(--paper)}.loop-label b{display:block;font-size:15px;font-weight:600}.loop-label small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.loop-label.top{top:7%;left:50%;transform:translateX(-50%)}.loop-label.right{right:-1%;top:50%;transform:translateY(-50%)}.loop-label.bottom{bottom:7%;left:50%;transform:translateX(-50%)}.loop-label.left{left:-1%;top:50%;transform:translateY(-50%)}figcaption{text-align:center;font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px}.approach{padding:78px 0 85px;border-top:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:1.4fr 1fr;column-gap:70px;align-items:end}.section-label{font-size:13px;color:var(--muted);margin:0 0 20px}.section-intro>.section-label{grid-column:1/-1}h2{font-size:clamp(31px,3.1vw,44px);line-height:1.17;font-weight:500;letter-spacing:-1.6px;margin:0}.section-intro>p:last-child{font-size:16px;line-height:1.8;color:var(--muted);max-width:420px;margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:65px}.principles article svg{width:30px;height:30px;fill:none;stroke:var(--blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}.principles h3{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:0 0 14px}.principles p{font-size:15px;line-height:1.85;color:var(--muted);margin:0;max-width:330px}.demos{display:grid;grid-template-columns:150px 1fr auto;gap:35px;align-items:center;background:var(--panel);border-radius:14px;padding:56px 48px;margin:0 0 30px}.demo-symbol{display:flex;align-items:center;justify-content:center;width:116px;height:116px;border:1px solid var(--line);border-radius:50%;color:var(--blue)}.demo-symbol svg{width:66px;fill:none;stroke:currentColor;stroke-width:1.2}.demos h2{font-size:38px}.demos p:not(.section-label):not(.coming-soon){font-size:15px;line-height:1.8;color:var(--muted);max-width:470px;margin:20px 0 0}.coming-soon{display:flex;align-items:center;gap:8px;align-self:start;white-space:nowrap;font-size:12px;padding:10px 14px;border:1px solid var(--line);border-radius:30px;margin:0}.contact{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:72px 0 80px}.contact h2{font-size:31px}.contact-link{font-size:20px;text-decoration-thickness:1px;text-underline-offset:7px}.contact div:last-child{min-width:220px}.contact #contact-note{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 0}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:32px 0 38px;border-top:1px solid var(--line)}footer .wordmark{font-size:25px}footer p,footer>span{font-size:11px;color:var(--muted)}footer p{margin:0}section[id]{scroll-margin-top:30px}@keyframes trace{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
@media(prefers-color-scheme:dark){:root{--paper:#101a33;--ink:#eef2ff;--muted:#b2bfdc;--blue:#a7bcff;--panel:#1c2a4a;--white:#101a33;--line:#3b4c6c;--loop-a:#314a8f;--loop-b:#799aff;--line-loop:#34476f}.primary-link{color:#101a33}.loop-ribbon{opacity:.8}}
@media(min-width:1500px){.hero{gap:65px}.learning-figure{margin-right:0}}
@media(max-width:1050px){.site-shell{padding:0 5%}.hero{gap:15px;padding:65px 0}.hero-description{font-size:17px}.loop-center{font-size:19px}.learning-figure{margin-right:0}.principles{gap:30px}.section-intro{gap:35px}.demos{grid-template-columns:100px 1fr;padding:38px;gap:30px}.demo-symbol{width:90px;height:90px}.coming-soon{grid-column:2;justify-self:start}.contact h2{font-size:28px}}
@media(max-width:700px){.site-shell{padding:0 6%}.site-header{height:86px}.wordmark{font-size:27px;gap:7px}.wordmark svg{width:28px}.site-header nav{gap:18px;font-size:12px}.soon{display:none}.hero{grid-template-columns:1fr;padding:47px 0 50px;gap:35px}h1{font-size:clamp(54px,12vw,78px);margin-bottom:24px}.intro-label{font-size:12px;margin-bottom:20px}.hero-description{font-size:17px;max-width:470px}.learning-figure{width:min(100%,440px);margin:0 auto}.loop-label{padding:8px;box-shadow:0 0 15px 7px var(--paper);min-width:76px}.loop-label b{font-size:13px}.loop-label small{font-size:9px}.loop-center{font-size:20px}.approach{padding:50px 0}.section-intro{display:block}.section-intro>p:last-child{margin-top:24px;font-size:15px}.section-label{font-size:12px;margin-bottom:17px}h2{font-size:33px;letter-spacing:-1.2px}.principles{grid-template-columns:1fr;gap:32px;margin-top:40px}.principles article{display:grid;grid-template-columns:35px 1fr;column-gap:16px}.principles article svg{grid-row:1/3;margin-top:2px}.principles h3{font-size:18px;margin-bottom:8px}.principles p{max-width:unset;font-size:15px}.demos{padding:30px 25px;grid-template-columns:1fr;gap:22px}.demo-symbol{width:70px;height:70px}.demo-symbol svg{width:45px}.demos h2{font-size:34px}.coming-soon{grid-column:auto}.contact{display:block;padding:45px 0 50px}.contact div:last-child{margin-top:27px}.contact h2{font-size:29px}footer{flex-wrap:wrap;padding:25px 0;gap:18px}footer p{order:3;flex-basis:100%}}
@media(max-width:360px){.site-header nav{gap:11px;font-size:11px}.wordmark{font-size:24px}.wordmark svg{width:24px}h1{font-size:52px}.loop-center{font-size:16px}.loop-center svg{width:32px}.loop-label small{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.site-header nav a,.contact-link,footer .wordmark{display:inline-flex;align-items:center;min-height:44px}main:focus{outline:none}

.contact-soon{font-size:20px;margin:0;color:var(--ink)}