:root{color-scheme:dark;--bg:#0b1017;--panel:#101820;--text:#edf2f4;--muted:#9aa8b5;--accent:#86e1d6;--line:#25303b;--width:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:700;letter-spacing:-.7px}.brand svg{width:32px;fill:none;stroke:var(--accent);stroke-width:1.5}.brand-light{font-weight:400;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px;color:#b6c1cc}nav a:hover,.footer a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:680px;gap:20px;padding-block:70px}.eyebrow{font-family:Consolas,'Courier New',monospace;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--accent);line-height:1.8;display:flex;align-items:center;gap:10px}.dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #86e1d63a}h1{font-size:clamp(48px,5.6vw,77px);line-height:1.07;letter-spacing:-3.8px;font-weight:500;margin:28px 0}h1>span:not(.period){color:var(--accent)}.period{color:#73859d}.intro{max-width:390px;line-height:1.8;color:var(--muted);font-size:16px;margin-bottom:32px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--accent);color:#0b171b;font-size:13px;font-weight:700;padding:17px 21px;border:1px solid var(--accent);border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#b3f4eb;transform:translateY(-2px)}.network{position:relative;min-width:0}.network:before{content:'';position:absolute;inset:25px 0;background-image:linear-gradient(#25303b40 1px,transparent 1px),linear-gradient(90deg,#25303b40 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.network svg{position:relative;width:100%;display:block}.diagram-label,.diagram-bottom,.mono{font-family:Consolas,'Courier New',monospace;font-size:9px;letter-spacing:1.5px;color:#92a2b1}.diagram-label{padding-left:25px}.diagram-bottom{display:flex;justify-content:space-between;padding:0 25px}.pulse{transform-origin:280px 255px;animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{opacity:.7;transform:scale(1.25)}}.principles{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding-block:23px;color:var(--muted);font-size:11px;letter-spacing:.5px}.focus{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:25px}h2{font-size:clamp(27px,3vw,37px);line-height:1.25;font-weight:400;letter-spacing:-1.2px;margin:15px 0 0}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;background:linear-gradient(135deg,#121c26,#0e151e);border:1px solid var(--line);border-radius:4px;transition:border-color .2s,transform .2s}.card:hover{border-color:#4b817e;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.card-top svg{width:33px;height:33px;fill:none;stroke:var(--accent);stroke-width:1.3}.card-top span{font:11px Consolas,monospace;color:#899aab}h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0 0 16px}.card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;min-height:100px}.card-tag{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;text-transform:uppercase;letter-spacing:1.3px;font:9px Consolas,monospace;color:#9dadbb}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-block:75px 90px}.about h2{font-size:40px}.about h2 span{color:var(--muted)}.about-copy{padding-top:6px}.about-copy p{color:#bdc7d0;font-size:16px;line-height:1.85;margin:0 0 20px}.about-copy p+p{font-size:13px;color:var(--muted)}.about-note{display:flex;gap:10px;align-items:center;font:10px Consolas,monospace;color:var(--accent);margin-top:30px}.footer{border-top:1px solid var(--line);padding-block:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px}.footer-brand{font-size:14px;font-weight:700;color:var(--text)}.footer-brand span{color:var(--accent);margin-left:12px}.footer p{font-size:10px;margin-bottom:0}.skip{position:fixed;top:8px;left:8px;padding:12px;background:var(--accent);color:var(--bg);z-index:10;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.error-page{min-height:100svh;display:flex;flex-direction:column}.error-main{flex:1;padding-block:100px}.error-main h1{max-width:800px}.error-main .intro{max-width:450px}@media(min-width:1500px){.hero{min-height:740px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}h1{letter-spacing:-2.5px}.hero{min-height:580px}.cards{gap:12px}.card{padding:22px}.card p{min-height:130px}.about{gap:35px}.diagram-bottom{font-size:7px}.section-heading>p{display:none}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{min-height:100px;flex-wrap:wrap;padding-block:20px;gap:20px}.brand{font-size:20px}nav{gap:25px;width:100%;font-size:12px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:30px;gap:45px}h1{font-size:55px;letter-spacing:-2.6px}.intro{font-size:15px}.network{max-width:440px;width:100%;margin:auto}.principles{align-items:start;gap:12px;flex-direction:column;font-size:10px}.focus{padding-block:60px}.section-heading{margin-bottom:26px}.cards{grid-template-columns:1fr;gap:15px}.card{padding:28px}.card-top{margin-bottom:28px}.card p{min-height:0}.card-tag{margin-top:25px}.about{grid-template-columns:1fr;gap:30px;padding-block:55px}.about h2{font-size:35px}.footer{flex-wrap:wrap;row-gap:28px}.footer>div{width:100%}.error-main{padding-block:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}