:root{--color-primary:#3c52a3;--color-primary-dark:#293b7f;--color-primary-light:#e8ebf6;--color-primary-muted:#7685bd;--color-background:#f7f8fb;--color-background-secondary:#eef1f6;--color-surface:#fff;--color-text:#151a29;--color-text-secondary:#5b6475;--color-border:#d8dde8;--color-hover:#2f438d;--color-focus:#3c52a3;--shadow-subtle:0 18px 50px #1a244814;--container-width:1180px;--section-space:clamp(4.75rem, 9vw, 8.5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.65}a{color:var(--color-primary);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--color-hover)}a:focus-visible,button:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;border-radius:.2rem}::selection{color:var(--color-surface);background:var(--color-primary)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.12}h1{max-width:10ch;margin-bottom:1.5rem;font-size:clamp(3.25rem,7.6vw,6.6rem);font-weight:720}h2{margin-bottom:1.35rem;font-size:clamp(2.15rem,4.4vw,4rem);font-weight:680}h3{font-size:1.45rem}.container{width:min(calc(100% - 2.5rem), var(--container-width));margin-inline:auto}.skip-link{z-index:100;color:var(--color-surface);background:var(--color-primary-dark);border-radius:.3rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{color:var(--color-surface);transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid var(--color-border);background:#f7f8fbf5;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:5.5rem;display:flex}.brand{min-height:2.75rem;color:var(--color-text);align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-text)}.brand-mark{border:1px solid var(--color-primary);width:2.25rem;height:2.25rem;display:block;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--color-primary);transform-origin:50%;position:absolute}.brand-mark:before{width:1.8rem;height:1px;top:50%;left:.2rem;transform:rotate(45deg)}.brand-mark:after{width:1.8rem;height:1px;top:50%;left:.2rem;transform:rotate(-45deg)}.brand-mark span{z-index:1;background:var(--color-primary);border:2px solid var(--color-background);box-sizing:content-box;border-radius:50%;width:.36rem;height:.36rem;position:absolute}.brand-mark span:first-child{top:-.25rem;left:-.25rem}.brand-mark span:nth-child(2){bottom:-.25rem;right:-.25rem}.brand-mark span:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%)}.brand-copy{flex-direction:column;line-height:1.15;display:flex}.brand-name{letter-spacing:.14em;font-size:1.05rem;font-weight:760}.brand-full-name{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-size:.71rem}.navigation-list{align-items:center;gap:clamp(1rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:flex}.navigation-list a{min-height:2.75rem;color:var(--color-text-secondary);letter-spacing:.06em;align-items:center;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex}.navigation-list a:hover{color:var(--color-primary)}.hero{border-bottom:1px solid var(--color-border);align-items:center;min-height:min(800px,100svh - 5.5rem);padding-block:clamp(4.5rem,9vw,8rem);display:grid;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.22;background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%,#000);mask-image:linear-gradient(90deg,#0000,#000 70%,#000)}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(25rem,.98fr);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.eyebrow{color:var(--color-primary);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.7rem;margin-bottom:1.35rem;font-size:.75rem;font-weight:760;display:flex}.eyebrow:before{content:"";background:var(--color-primary);width:2rem;height:1px}.hero-tagline{color:var(--color-text);letter-spacing:-.016em;margin-bottom:1.3rem;font-size:clamp(1.22rem,2.15vw,1.65rem);line-height:1.45}.hero-tagline span{display:block}.hero-description{max-width:39rem;color:var(--color-text-secondary);margin-bottom:2.2rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.button{border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;min-height:3rem;padding:.72rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.button-primary{color:var(--color-surface);background:var(--color-primary);border-color:var(--color-primary)}.button-primary:hover{color:var(--color-surface);background:var(--color-hover);border-color:var(--color-hover)}.button-secondary{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-border)}.button-secondary:hover{color:var(--color-primary-dark);background:var(--color-primary-light);border-color:var(--color-primary-muted)}.structural-graphic{aspect-ratio:13/9;border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-subtle);background:#ffffffc7;position:relative}.structural-graphic:before,.structural-graphic:after{content:"";border-color:var(--color-primary);width:1.15rem;height:1.15rem;position:absolute}.structural-graphic:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.structural-graphic:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.structural-graphic svg{width:100%;height:100%;display:block}.graphic-grid path,.graphic-elements path,.graphic-secondary-elements path,.graphic-axis path{fill:none;vector-effect:non-scaling-stroke}.graphic-grid path{stroke:var(--color-border);stroke-width:1px}.graphic-elements path{stroke:var(--color-primary);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.graphic-secondary-elements path{stroke:var(--color-primary-muted);stroke-width:1.15px;stroke-dasharray:4 5}.graphic-nodes circle{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:2.5px;vector-effect:non-scaling-stroke}.graphic-axis path,.graphic-axis circle{stroke:var(--color-primary-dark);stroke-width:1.5px}.graphic-axis circle{fill:var(--color-primary-dark)}.graphic-label{z-index:2;color:var(--color-primary-dark);letter-spacing:.12em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.55rem,1.2vw,.7rem);position:absolute}.graphic-label-model{top:1rem;left:1rem}.graphic-label-axis{bottom:.8rem;right:1rem}.section{padding-block:var(--section-space);scroll-margin-top:2rem}.section-surface{background:var(--color-surface);border-block:1px solid var(--color-border)}.section-heading{max-width:47rem;margin-bottom:clamp(2.8rem,6vw,5rem)}.section-heading-wide{max-width:55rem}.section-heading>p:last-child{max-width:43rem;color:var(--color-text-secondary);margin-bottom:0;font-size:1.05rem}.principles-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.principle-card{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-width:0;padding:clamp(1.5rem,3.5vw,2.5rem)}.card-index{color:var(--color-primary);letter-spacing:.1em;margin-bottom:2.7rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem}.principle-card h3{color:var(--color-primary-dark);margin-bottom:.8rem;font-size:1.9rem}.principle-card>p{min-height:3.3rem;color:var(--color-text-secondary);margin-bottom:1.8rem}.technical-list{margin:0;padding:0;list-style:none}.technical-list li{color:var(--color-text);border-top:1px solid var(--color-border);padding:.65rem 0 .65rem 1rem;font-size:.9rem;position:relative}.technical-list li:before{content:"";background:var(--color-primary);border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:1.28rem;left:0}.architecture-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-subtle);padding:clamp(1.25rem,3vw,2.25rem)}.architecture-flow{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.architecture-stage{background:var(--color-background);border-top:2px solid var(--color-primary);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;justify-content:space-between;min-width:0;min-height:9.5rem;padding:1rem;display:flex;position:relative}.architecture-stage:first-child{border-left:1px solid var(--color-border)}.stage-number{color:var(--color-primary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.69rem}.stage-name{max-width:9rem;color:var(--color-text);font-size:.93rem;font-weight:720;line-height:1.35}.stage-connector{z-index:1;width:2.75rem;height:1rem;position:absolute;top:50%;right:-1.4rem;transform:translateY(-50%)}.stage-connector svg{width:100%;height:100%;display:block}.stage-connector path{fill:none;stroke:var(--color-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.architecture-note{color:var(--color-text-secondary);margin:1.25rem 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem}.open-source-grid{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:start;gap:clamp(3rem,8vw,7.5rem);display:grid}.open-source-copy{margin-bottom:0}.library-note{color:var(--color-text-secondary);margin-top:1.5rem;font-size:.96rem}.library-note a{align-items:center;min-height:2.75rem;font-weight:720;display:inline-flex}.engineering-note{background:var(--color-primary-light);border-left:3px solid var(--color-primary);padding:1.25rem 1.4rem;color:var(--color-text)!important;margin-top:2rem!important;font-size:.92rem!important}.open-assets{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.open-assets li{border-bottom:1px solid var(--color-border);grid-template-columns:2.25rem 1fr;gap:1rem;padding:1rem 0;font-weight:650;display:grid}.open-assets span{color:var(--color-primary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem;font-weight:400}.development-heading{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.phase-badge{color:var(--color-surface);background:var(--color-primary);letter-spacing:.04em;flex:none;margin:0;padding:.7rem .9rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.development-status{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 3.5rem;padding:0;display:grid}.status-item{background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-width:0;padding:clamp(1.25rem,3vw,2rem)}.status-item dt{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;font-weight:700}.status-item dd{color:var(--color-text);margin:0;font-size:.94rem;font-weight:650;line-height:1.5}.development-warning{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);grid-template-columns:2.25rem 1fr;align-items:start;gap:1rem;max-width:57rem;padding:1.25rem;display:grid}.warning-symbol{width:2.1rem;height:2.1rem;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.development-warning p{color:var(--color-text-secondary);margin:0;font-size:.92rem}.site-footer{color:var(--color-text-secondary);background:var(--color-background-secondary);border-top:1px solid var(--color-border);padding-block:3rem;font-size:.82rem}.footer-grid{grid-template-columns:1fr auto;align-items:start;gap:2rem;display:grid}.footer-name{color:var(--color-text);margin-bottom:.25rem;font-weight:720}.footer-status,.footer-year{margin:0}.footer-year{color:var(--color-text);white-space:nowrap}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:46rem}.structural-graphic{max-width:42rem}.architecture-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 0}.architecture-stage:nth-child(3) .stage-connector{display:none}.architecture-stage:nth-child(4){border-left:1px solid var(--color-border)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.container{width:min(calc(100% - 2rem), var(--container-width))}.header-inner{flex-direction:column;align-items:stretch;gap:.65rem;min-height:auto;padding-block:1rem .7rem}.brand{align-self:flex-start}.navigation-list{justify-content:space-between;gap:.5rem}.navigation-list a{letter-spacing:.03em;min-height:2.75rem;font-size:.72rem}.principles-grid{grid-template-columns:1fr}.principle-card>p{min-height:auto}.open-source-grid{grid-template-columns:1fr}.development-heading{flex-direction:column;margin-bottom:2.75rem}.development-heading .section-heading{margin-bottom:0}.development-status,.footer-grid{grid-template-columns:1fr}}@media (max-width:560px){h1{font-size:clamp(2.75rem,15vw,4.1rem)}.brand-full-name{display:none}.navigation-list{grid-template-columns:repeat(4,auto);display:grid}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.architecture-panel{padding:1rem}.architecture-flow{grid-template-columns:1fr;gap:1rem}.architecture-stage{min-height:6.5rem}.architecture-stage,.architecture-stage:nth-child(4){border-left:1px solid var(--color-border)}.architecture-stage:nth-child(3) .stage-connector{display:block}.stage-connector{inset:auto auto -1.05rem 50%;transform:translate(-50%)rotate(90deg)}}@media (max-width:380px){.navigation-list{grid-template-columns:repeat(2,1fr)}.navigation-list a{justify-content:center}.structural-graphic{aspect-ratio:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
