:root{--blue:#2d00ff;--black:#070707;--paper:#eeeae0;--paper2:#dfdbd1;--white:#fffdf5;--grey:#6d6a64;--sans:Arial,Helvetica,sans-serif;--display:Impact,Haettenschweiler,"Arial Black",sans-serif;--mono:"Courier New",monospace;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font:16px/1.55 var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;z-index:100;pointer-events:none;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:multiply}a{color:inherit}button,input{font:inherit}button{color:inherit}::selection{background:var(--blue);color:var(--white)}.shell{width:min(calc(100% - 56px),var(--max));margin:auto}.label{margin:0;font:700 .75rem/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.display{margin:0;font:900 1rem/.82 var(--display);letter-spacing:-.035em;text-transform:uppercase}.site-header{position:absolute;z-index:30;inset:0 0 auto;border-bottom:2px solid var(--black)}.header-inner{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.main-nav{display:flex;gap:26px}.main-nav a,.header-cta{font:700 .74rem/1 var(--mono);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.main-nav a:hover,.header-cta:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.brand{display:grid;place-items:center;width:140px;min-height:92px;border-inline:2px solid var(--black);font:900 1.55rem/1 var(--display);letter-spacing:.06em;text-decoration:none}.brand small{display:block;margin-top:-18px;font:700 .6rem/1 var(--mono);letter-spacing:.22em}.header-cta{justify-self:end}.menu-button{display:none;border:2px solid var(--black);background:transparent;padding:10px 12px;font:700 .74rem/1 var(--mono);text-transform:uppercase}
.hero{min-height:100svh;padding-top:92px;background:var(--blue);position:relative;overflow:hidden;border-bottom:2px solid var(--black)}.hero:before{content:"";position:absolute;inset:92px 0 0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(7,7,7,.13) calc(12.5% - 1px),rgba(7,7,7,.13) 12.5%)}.hero-grid{position:relative;min-height:calc(100svh - 92px);display:grid;grid-template-columns:1.14fr .86fr}.hero-copy{padding:64px 40px 42px 0;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.hero-copy .label{margin-bottom:26px}.hero h1{font-size:clamp(5rem,11vw,11.5rem);max-width:7ch}.hero-intro{max-width:580px;margin:40px 0 0;font-size:clamp(1.05rem,1.7vw,1.42rem);font-weight:700;line-height:1.35}.hero-actions{display:flex;margin-top:34px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--black);background:transparent;font:700 .78rem/1 var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer}.button+.button{border-left:0}.button.solid{background:var(--black);color:var(--paper)}.button:hover{background:var(--white);color:var(--black)}.hero-figure{position:relative;border-left:2px solid var(--black);display:flex;align-items:end;justify-content:center}.hero-figure:before{content:"ΣΟΦΙΑ / STRATEGY / RUNTIME";position:absolute;z-index:2;top:24px;right:22px;writing-mode:vertical-rl;font:700 .67rem/1 var(--mono);letter-spacing:.16em}.hero-figure img{width:min(100%,650px);height:calc(100svh - 112px);object-fit:contain;object-position:center bottom;filter:contrast(1.2);transform:translateY(16px)}.hero-index{position:absolute;z-index:3;right:24px;bottom:26px;width:118px;height:118px;background:var(--paper);border:2px solid var(--black);display:grid;place-items:center;font:900 2.4rem/1 var(--display)}
.manifesto{background:var(--black);color:var(--paper);border-bottom:2px solid var(--black)}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.manifesto-copy{padding:90px 70px 90px 0;display:flex;flex-direction:column;justify-content:space-between}.manifesto h2{font-size:clamp(4rem,8.5vw,9rem);max-width:8ch}.manifesto p{max-width:46ch;margin:36px 0 0;font-size:1.15rem;color:rgba(238,234,224,.72)}.gaze{margin-right:calc((100vw - min(calc(100vw - 56px),var(--max)))/-2);overflow:hidden;border-left:2px solid var(--paper);background:var(--blue)}.gaze img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.25);mix-blend-mode:screen;opacity:.9}
.system{padding:116px 0 126px;border-bottom:2px solid var(--black)}.system-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:end;margin-bottom:64px}.system h2{font-size:clamp(4.4rem,9.5vw,10rem)}.system-head p:last-child{margin:0;max-width:46ch;font-size:1.15rem;font-weight:700}.module-map{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--black);border-left:2px solid var(--black)}.module-card{min-height:560px;display:grid;grid-template-rows:310px 1fr;border-right:2px solid var(--black);border-bottom:2px solid var(--black);overflow:hidden;transition:.18s}.module-card:hover{background:var(--blue)}.module-visual{position:relative;display:grid;place-items:center;padding:20px;border-bottom:2px solid var(--black);overflow:hidden}.module-visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 23px,rgba(7,7,7,.07) 24px);pointer-events:none}.module-visual img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.12);transition:transform .28s ease}.module-card:hover .module-visual img{transform:scale(1.045) rotate(-1deg)}.module-visual span{position:absolute;z-index:1;left:12px;bottom:10px;padding:6px 8px;border:2px solid var(--black);background:var(--paper);font:700 .62rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.module-copy{padding:24px;display:flex;flex-direction:column}.module-card h3{margin:auto 0 14px;font:900 clamp(2.1rem,3.2vw,3.8rem)/.9 var(--display);text-transform:uppercase}.module-card p{margin:0;max-width:28ch;font-weight:700}
.docs{background:var(--blue);border-bottom:2px solid var(--black);padding-bottom:120px}.docs-heading{min-height:470px;padding:92px 0 54px;display:flex;flex-direction:column;justify-content:space-between}.docs-heading h2{font-size:clamp(5.2rem,13.5vw,14rem)}.docs-heading-bottom{display:flex;justify-content:space-between;gap:32px;align-items:end}.docs-heading-bottom p{margin:0;max-width:58ch;font-size:1.15rem;font-weight:700}.key-hint{border:2px solid var(--black);padding:10px 12px;font:700 .72rem/1 var(--mono);text-transform:uppercase;white-space:nowrap}.docs-app{min-height:860px;display:grid;grid-template-columns:285px minmax(0,1fr) 220px;background:var(--paper);border:2px solid var(--black);box-shadow:18px 18px 0 var(--black)}.docs-sidebar{border-right:2px solid var(--black)}.docs-brand{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:2px solid var(--black)}.docs-brand strong{font:900 1.7rem/1 var(--display);letter-spacing:.04em}.docs-brand span{padding:5px 7px;background:var(--blue);color:var(--paper);font:700 .66rem/1 var(--mono)}.search-wrap{padding:16px;border-bottom:2px solid var(--black)}.search-wrap label{display:block;margin-bottom:8px;font:700 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.search-wrap input{width:100%;min-height:44px;padding:0 12px;background:var(--white);border:2px solid var(--black);border-radius:0;outline:none}.search-wrap input:focus{box-shadow:4px 4px 0 var(--blue)}.version-switch{display:grid;grid-template-columns:1fr 1fr;margin:16px;border:2px solid var(--black)}.version-switch button{min-height:40px;border:0;background:transparent;cursor:pointer;font:700 .7rem/1 var(--mono)}.version-switch button+button{border-left:2px solid var(--black)}.version-switch button.active{background:var(--black);color:var(--paper)}.docs-nav{padding:6px 0 20px}.docs-group{padding:14px 16px 7px;font:700 .62rem/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--grey)}.docs-link{width:100%;min-height:44px;padding:0 16px;border:0;border-left:6px solid transparent;background:transparent;text-align:left;cursor:pointer;font-weight:700}.docs-link:hover{background:var(--paper2)}.docs-link.active{border-left-color:var(--blue);background:var(--black);color:var(--paper)}.docs-link[hidden]{display:none}.no-results{display:none;padding:18px;font:700 .78rem/1.4 var(--mono)}.docs-main{min-width:0}.docs-toolbar{min-height:92px;padding:0 30px;border-bottom:2px solid var(--black);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb,.status{font:700 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.status{display:flex;align-items:center;gap:9px}.status:before{content:"";width:10px;height:10px;background:var(--blue);border:2px solid var(--black)}.doc-content{padding:58px clamp(28px,5vw,76px) 80px;max-width:940px}.doc-content h1{margin:0 0 20px;font:900 clamp(3rem,5vw,5.8rem)/.86 var(--display);text-transform:uppercase}.doc-lead{margin:0 0 44px;max-width:65ch;font-size:1.18rem;font-weight:700}.doc-content h2{margin:52px 0 16px;font:900 2rem/1 var(--display);text-transform:uppercase}.doc-content h3{margin:34px 0 12px;font-size:1.2rem}.doc-content p,.doc-content ul,.doc-content ol{max-width:72ch}.doc-content ul,.doc-content ol{padding-left:22px}.doc-content li+li{margin-top:8px}.callout{margin:30px 0;padding:22px 24px;border:2px solid var(--black);border-left:12px solid var(--blue);background:var(--white)}.callout strong{display:block;margin-bottom:6px;font:900 1.1rem/1 var(--display);text-transform:uppercase}.api-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.92rem}.api-table th,.api-table td{padding:14px;border:2px solid var(--black);text-align:left;vertical-align:top}.api-table th{background:var(--black);color:var(--paper);font:700 .72rem/1 var(--mono);text-transform:uppercase}.api-table code{font-family:var(--mono);font-weight:700}.code-block{margin:24px 0;border:2px solid var(--black);background:var(--black);color:#d9ffd1;overflow:hidden}.code-head{min-height:42px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(238,234,224,.26);color:var(--paper);font:700 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.copy-code{border:1px solid rgba(238,234,224,.55);background:transparent;color:var(--paper);min-height:28px;padding:0 9px;cursor:pointer;font:700 .64rem/1 var(--mono);text-transform:uppercase}.copy-code:hover{background:var(--blue)}pre{margin:0;padding:22px;overflow:auto;white-space:pre;font:.86rem/1.7 var(--mono)}code{font-family:var(--mono)}.inline-code{padding:2px 5px;background:var(--paper2);border:1px solid rgba(7,7,7,.24);font-size:.9em}.doc-diagram{display:grid;grid-template-columns:repeat(5,1fr);margin:30px 0;border-top:2px solid var(--black);border-left:2px solid var(--black)}.doc-node{min-height:110px;padding:14px;border-right:2px solid var(--black);border-bottom:2px solid var(--black);display:flex;flex-direction:column;justify-content:space-between;font-weight:900}.doc-node span{font:700 .64rem/1 var(--mono);color:var(--grey)}.doc-node.active{background:var(--blue)}.docs-outline{border-left:2px solid var(--black);padding:24px 20px}.docs-outline strong{display:block;margin-bottom:18px;font:900 1rem/1 var(--display);text-transform:uppercase}.outline-list{list-style:none;padding:0;margin:0}.outline-list li+li{margin-top:12px}.outline-list button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:700 .72rem/1.35 var(--mono);color:var(--grey)}.outline-list button:hover{color:var(--blue)}.outline-meta{margin-top:44px;padding-top:18px;border-top:2px solid var(--black);font:.7rem/1.6 var(--mono)}
.components{padding:120px 0 130px;border-bottom:2px solid var(--black);overflow:hidden}.components-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:64px}.components h2{font-size:clamp(4.8rem,10vw,10rem);max-width:7ch}.components-head p{margin:0;max-width:42ch;font-weight:700}.component-grid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--black);border-left:2px solid var(--black)}.component{min-height:680px;border-right:2px solid var(--black);border-bottom:2px solid var(--black);display:grid;grid-template-rows:1fr auto;overflow:hidden}.component-visual{min-height:430px;background:var(--blue);display:grid;place-items:center;overflow:hidden}.component-visual img{width:92%;height:430px;object-fit:contain;display:block;filter:contrast(1.16)}.component-copy{padding:28px;background:var(--paper);border-top:2px solid var(--black)}.component-copy h3{margin:0 0 12px;font:900 clamp(3rem,5vw,5.6rem)/.86 var(--display);text-transform:uppercase}.component-copy p{margin:0;max-width:48ch;font-weight:700}.integration{background:var(--black);color:var(--paper);padding:120px 0}.integration-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:76px}.integration h2{font-size:clamp(4.4rem,8vw,8.4rem);max-width:7ch}.integration p{max-width:40ch;color:rgba(238,234,224,.7);font-size:1.08rem}.terminal{border:2px solid var(--paper);box-shadow:16px 16px 0 var(--blue)}.terminal-head{min-height:46px;padding:0 16px;border-bottom:2px solid var(--paper);display:flex;align-items:center;justify-content:space-between;font:700 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.terminal pre{min-height:460px;color:#d9ffd1;background:radial-gradient(circle at 80% 10%,rgba(45,0,255,.3),transparent 40%)}.blue-text{color:#7d66ff}.dim{color:#777}footer{background:var(--blue);border-top:2px solid var(--paper);padding:36px 0}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.footer-grid span{font:700 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em}.footer-grid strong{font:900 1.8rem/1 var(--display)}.footer-grid span:last-child{justify-self:end}.reveal{opacity:0;transform:translateY(22px);transition:.6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1120px){.docs-app{grid-template-columns:250px minmax(0,1fr)}.docs-outline{display:none}.module-map{grid-template-columns:1fr 1fr}}@media(max-width:820px){.shell{width:min(calc(100% - 32px),var(--max))}.header-inner,.brand{min-height:76px}.header-inner{grid-template-columns:1fr auto}.brand{width:110px;justify-self:center}.main-nav{display:none;position:absolute;top:76px;left:16px;right:16px;padding:22px;background:var(--paper);border:2px solid var(--black);flex-direction:column}.main-nav.open{display:flex}.menu-button{display:block;position:absolute;left:0}.header-cta{display:none}.hero{padding-top:76px}.hero-grid{min-height:calc(100svh - 76px);grid-template-columns:1fr}.hero-copy{padding:130px 0 40px}.hero-figure{min-height:620px;border-left:0;border-top:2px solid var(--black)}.hero-figure img{height:650px}.manifesto-grid,.system-head,.integration-grid{grid-template-columns:1fr}.manifesto-copy{padding-right:0;min-height:560px}.gaze{min-height:580px;margin:0 calc((100vw - min(calc(100vw - 32px),var(--max)))/-2);border-left:0;border-top:2px solid var(--paper)}.docs-heading-bottom,.components-head{align-items:start;flex-direction:column}.docs-app{grid-template-columns:1fr;box-shadow:10px 10px 0 var(--black)}.docs-sidebar{border-right:0;border-bottom:2px solid var(--black)}.docs-nav{display:grid;grid-template-columns:1fr 1fr;max-height:330px;overflow:auto}.docs-group{grid-column:1/-1}.doc-content{padding:44px 24px 64px}.doc-diagram{grid-template-columns:1fr}.doc-node{min-height:80px}.component-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid span:last-child{justify-self:start}}@media(max-width:540px){.hero h1{font-size:clamp(4rem,19vw,6.2rem)}.hero-actions{display:grid}.button+.button{border-left:2px solid var(--black);border-top:0}.module-map{grid-template-columns:1fr}.module-card{min-height:500px;grid-template-rows:290px 1fr}.docs-heading h2{font-size:clamp(4.2rem,20vw,7rem)}.docs-nav{grid-template-columns:1fr}.docs-group{grid-column:auto}.docs-toolbar{padding:0 16px}.status{display:none}.api-table{display:block;overflow:auto}.component-visual img{height:360px}.terminal pre{font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}