:root{--paper:#f4f5f0;--ink:#14201f;--soft:#596965;--line:#d3dbd4;--blue:#384fe4;--orange:#f48c5d;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4,p{margin:0}code{font-family:var(--mono);font-size:.88em}.wrap{width:min(100% - 112px,1370px);margin:0 auto}.header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center}.header-inner{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;font-size:22px;letter-spacing:-.07em;display:inline-flex;gap:10px;align-items:center}.brand-period{color:var(--blue);margin-left:-10px}.brand-orbit{display:block;flex:none;width:30px;height:30px}.nav{display:flex;align-items:center;gap:43px;font-size:13px;font-weight:600}.nav>a:not(.nav-github){padding-block:12px}.nav>a:hover,.inline-link:hover{color:var(--blue)}.nav-github{background:var(--ink);color:#f5f6ef;padding:14px 19px;min-width:125px;display:flex;justify-content:space-between;align-items:center}.nav-github:hover,.button-dark:hover{background:#3445c8}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr .96fr;gap:8%;align-items:center;padding-top:86px;padding-bottom:88px}.label{font:600 10px/1.4 var(--mono);letter-spacing:.12em;color:#53645c}.label-dot{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:10px}.hero h1,.about-hero h1{font-size:clamp(53px,6.2vw,94px);line-height:1.03;letter-spacing:-.07em;font-weight:600;margin:33px 0 27px}.hero h1 span,.about-hero h1 span{color:var(--blue)}.hero-text>p,.about-hero p{max-width:500px;font-size:17px;line-height:1.8;color:#52625d}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:39px}.button{min-height:55px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:44px;font-size:12px;font-weight:700}.button-dark{background:var(--ink);color:#f8f8f1}.inline-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding-bottom:9px;font-size:12px;font-weight:700}.hero-meta{margin-top:77px;display:flex;gap:28px;font:500 9px/1.4 var(--mono);letter-spacing:.06em;color:#8a9890}.system-art{background:#dfe4fa;min-height:535px;position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column}.system-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c4cbea 1px,transparent 1px),linear-gradient(90deg,#c4cbea 1px,transparent 1px);background-size:52px 52px;opacity:.5}.art-head,.art-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font:500 9px/1.4 var(--mono);letter-spacing:.08em}.system-grid{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.grid-text{font:600 10px/1.65 var(--mono);letter-spacing:.1em;margin-top:40px}.diagram{flex:1;display:flex;justify-content:center;align-items:center;padding-bottom:25px}.diagram-node{position:relative;flex:0 1 135px;aspect-ratio:1;background:#f7f7ef;border:1px solid #1e2a29;box-shadow:7px 7px 0 #1e2a29;padding:14px;display:flex;flex-direction:column;justify-content:space-between;font:600 9px/1 var(--mono);letter-spacing:.08em}.diagram-node b{font:500 40px/1 var(--mono);letter-spacing:-.09em}.diagram-node.compiler{background:var(--blue);color:#f6f5ee;transform:translateY(-30px)}.diagram-node.compiler b span{color:var(--orange)}.diagram-node.output{background:var(--orange);transform:translateY(20px)}.diagram-node.output b{font-size:52px}.node-index{position:absolute;top:14px;right:12px;opacity:.55}.diagram-line{width:32px;height:1px;background:#1e2a29;position:relative}.diagram-line i{position:absolute;right:0;top:-3px;width:6px;height:6px;border:1px solid #1e2a29;border-radius:50%;background:#dfe4fa}.art-bottom{align-items:end}.art-star{font:400 40px/1 var(--sans);color:var(--blue)}.ticker{background:var(--ink);color:#f3f5ec}.ticker-inner{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:500 11px/1.4 var(--mono)}.ticker i{font-style:normal;color:var(--orange);font-size:20px}.products{padding-top:125px;padding-bottom:115px}.section-heading,.built-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-heading h2,.built-heading h2,.principle h2,.about-story h2,.values-head h2{font-size:clamp(40px,4.5vw,64px);line-height:1.1;letter-spacing:-.06em;font-weight:600;margin-top:24px}.section-heading h2 span,.built-heading h2 span,.principle h2 span,.about-story h2 span,.values-head h2 span{color:#8a9b91}.section-heading>p,.built-heading>p{color:var(--soft);font-size:15px;line-height:1.75;max-width:310px}.pcc-feature{background:#e6e9df;border:1px solid #d5dbd2}.pcc-head{display:flex;justify-content:space-between;padding:46px 50px 42px;border-bottom:1px solid #cbd3c9;overflow:hidden}.product-tag,.small-label,.project-top,.project-note,.project-link,.footer-bottom{font:600 10px/1.5 var(--mono);letter-spacing:.06em}.live-dot{display:inline-block;background:var(--blue);width:7px;height:7px;border-radius:50%;margin-right:8px}.pcc-head h3{font-size:clamp(80px,10vw,142px);line-height:.9;letter-spacing:-.09em;font-weight:600;margin:40px 0 22px}.pcc-head h3 span{color:var(--blue)}.pcc-lead{font-size:25px;line-height:1.25;letter-spacing:-.035em}.feature-mark{align-self:center;width:250px;height:190px;position:relative;display:flex;align-items:center;justify-content:center}.feature-mark:before,.feature-mark:after{content:'';position:absolute;border:1px solid #a8b4a7;width:180px;height:180px;transform:rotate(45deg)}.feature-mark:after{width:125px;height:125px}.feature-mark span{font:500 90px/1 var(--mono);letter-spacing:-.1em;position:absolute;color:#bdc8ba}.feature-mark span:nth-child(1){left:25px;top:5px}.feature-mark span:nth-child(2){right:15px;top:48px;color:var(--blue)}.feature-mark span:nth-child(3){left:50px;bottom:0;color:#1a2a25}.feature-mark i{position:absolute;top:0;right:0;font-style:normal;font-size:25px}.pcc-body{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding:50px}.small-label{color:#73827a}.pcc-body h4{font-size:29px;letter-spacing:-.04em;margin:20px 0 16px}.pcc-body p,.project>p,.principle p,.story-copy p{font-size:15px;line-height:1.8;color:#4e5e57}.chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.chip-list span{font:500 10px/1 var(--mono);border:1px solid #bac7ba;padding:8px 10px}.feature-facts>div{display:grid;grid-template-columns:32px 1fr;gap:12px;border-top:1px solid #c2cec0;padding:14px 0}.feature-facts>div>span{font:500 10px var(--mono);color:#87968c}.feature-facts p{font-size:13px;line-height:1.6}.pcc-foot{border-top:1px solid #cbd3c9;padding:25px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px}.pcc-foot p{font-size:12px;line-height:1.7;color:#5e6d63;max-width:620px}.pcc-foot strong{color:var(--ink)}.pcc-links{display:flex;gap:25px;white-space:nowrap;font-size:12px;font-weight:700}.pcc-links a{border-bottom:1px solid;padding-bottom:5px}.built-on{padding:100px 0 110px;background:#e2e7fb}.built-heading h2 span{color:#8590bd}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{background:var(--paper);padding:34px;display:flex;flex-direction:column;min-height:415px}.project-top{display:flex;justify-content:space-between;color:#71817a}.project-top a{font:400 25px/1 var(--sans);color:var(--ink)}.project h3{font-size:35px;letter-spacing:-.055em;font-weight:600;margin:42px 0 20px}.project>p{font-size:14px}.project-note{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;color:#64746b;font-weight:400;letter-spacing:0}.project-link{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;color:var(--blue);font-weight:600}.principle{padding:125px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.principle p{max-width:440px;font-size:18px}.principle .inline-link{margin-top:30px}.footer{background:var(--ink);color:#edf2e9;padding-top:86px}.footer-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:85px}.label-inverse{color:#a5b6ac}.footer-top h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.06em;line-height:1.13;font-weight:500;margin-top:24px}.footer-top h2 span{color:#90a59b}.footer-contact{font-size:13px;font-weight:700;border-bottom:1px solid #9aaea3;min-width:180px;padding-bottom:12px;display:flex;justify-content:space-between}.footer-bottom{border-top:1px solid #45534d;padding:25px 0;display:flex;align-items:center;gap:45px;color:#a8b8ad;font-weight:400;letter-spacing:0}.footer-bottom .brand{color:#edf2e9;margin-right:auto}.brand-footer .brand-period{color:var(--orange)}.footer-bottom>div{display:flex;gap:25px}.about-hero{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-hero h1{margin-top:30px}.about-hero .button{margin-top:38px}.about-art{min-height:470px;padding:28px;background:var(--blue);color:#f5f5ed;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.about-art:before,.about-art:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.2);width:70%;aspect-ratio:1;top:15%;left:15%;transform:rotate(45deg)}.about-art:after{transform:rotate(15deg)}.about-art-top,.about-art-bottom{font:500 9px var(--mono);letter-spacing:.1em;display:flex;justify-content:space-between;position:relative}.about-art-center{display:flex;justify-content:center;align-items:center;gap:25px;font:500 clamp(35px,4vw,58px)/1.05 var(--mono);letter-spacing:-.07em;position:relative}.about-art-center>span:first-child,.about-art-center>span:last-child{color:#aab7ff;font-size:100px}.orange{color:var(--orange)}.about-art-bottom span:last-child{font:400 40px/1 var(--sans);color:var(--orange)}.about-story{border-top:1px solid var(--line);padding:100px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:13%}.story-copy{padding-top:35px}.story-copy p+p{margin-top:20px}.story-copy p a{text-decoration:underline}.story-copy .inline-link{margin-top:30px}.about-values{background:#e2e7fb;padding:90px 0 110px}.values-head h2 span{color:#8590bd}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.values-grid article{border-top:1px solid #adb9df;padding-top:20px}.values-grid article>span{font:500 10px var(--mono);color:#7384bf}.values-grid h3{font-size:24px;letter-spacing:-.04em;margin:30px 0 12px}.values-grid p{font-size:14px;line-height:1.7;color:#53665f;max-width:240px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero{gap:5%}.hero h1{font-size:clamp(52px,6.5vw,72px)}.system-art{min-height:445px}.diagram-node{padding:9px}.diagram-node b{font-size:28px}.diagram-node.output b{font-size:40px}.node-index{top:9px;right:9px}.pcc-body{gap:6%}.about-hero{gap:5%}.about-art{min-height:390px}.about-art-center{gap:15px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:76px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border:1px solid var(--line);background:transparent;padding:9px;cursor:pointer}.menu-toggle span:not(.sr-only){height:2px;background:var(--ink);width:100%}.nav{display:none;position:absolute;z-index:10;top:75px;left:0;right:0;background:var(--paper);padding:15px 20px 22px;border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.nav.open{display:flex}.nav>a:not(.nav-github){padding:15px 0}.nav-github{margin-top:8px}.hero,.about-hero{display:flex;flex-direction:column;align-items:stretch;gap:45px;padding:67px 0 45px}.hero h1,.about-hero h1{font-size:clamp(50px,11vw,72px);margin:27px 0 22px}.hero-text>p,.about-hero p{font-size:15px}.hero-actions{gap:24px;margin-top:30px}.hero-meta{margin-top:42px;font-size:8px;gap:15px}.system-art{min-height:400px;padding:22px}.grid-text{margin-top:25px}.diagram-node{flex-basis:105px}.diagram-line{width:22px}.ticker-inner{min-height:70px;flex-wrap:wrap;justify-content:flex-start;gap:10px 15px;padding:18px 0;font-size:9px}.ticker i{font-size:15px}.products{padding:80px 0}.section-heading,.built-heading{display:block;margin-bottom:35px}.section-heading h2,.built-heading h2,.principle h2,.about-story h2,.values-head h2{font-size:42px;margin-top:20px}.section-heading>p,.built-heading>p{margin-top:20px}.pcc-head{padding:28px 25px}.pcc-head h3{font-size:100px;margin:33px 0 16px}.pcc-lead{font-size:21px}.feature-mark{width:100px;height:120px}.feature-mark:before{width:90px;height:90px}.feature-mark:after{width:60px;height:60px}.feature-mark span{font-size:55px}.feature-mark span:nth-child(1){left:0}.feature-mark span:nth-child(2){right:0;top:28px}.feature-mark span:nth-child(3){left:14px}.pcc-body{grid-template-columns:1fr;gap:35px;padding:30px 25px}.pcc-foot{padding:25px;display:block}.pcc-links{margin-top:20px}.built-on{padding:75px 0}.project-grid{grid-template-columns:1fr}.project{min-height:340px;padding:28px}.project h3{margin-top:34px}.principle{display:block;padding:80px 0}.principle>div+div{margin-top:25px}.principle p{font-size:16px}.footer{padding-top:70px}.footer-top{display:block;padding-bottom:60px}.footer-top h2{font-size:40px}.footer-contact{margin-top:40px;max-width:220px}.footer-bottom{flex-wrap:wrap;gap:14px}.footer-bottom .brand{width:100%;margin:0 0 10px}.footer-bottom>div{margin-left:auto}.about-art{min-height:360px}.about-art-center>span:first-child,.about-art-center>span:last-child{font-size:75px}.about-story{display:block;padding:75px 0}.story-copy{padding-top:25px}.about-values{padding:70px 0}.values-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.values-grid h3{margin:18px 0 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep directional and decorative symbols consistent across browsers. */
.symbol-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0}
