@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap');

:root{--paper:#f3f2ee;--ink:#101111;--muted:#7a7b78;--line:rgba(16,17,17,.18);--white:#f7f6f2;--accent:#d9ff43;--pad:clamp(24px,5vw,78px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;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='.6'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.brand{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.08;font-weight:600;letter-spacing:.13em}.brand-mark{width:39px;height:28px;fill:currentColor}.site-header nav{display:flex;gap:38px;font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#fff;transition:.3s}.site-header nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.lang-toggle{border:0;background:transparent;color:#fff;cursor:pointer;font:400 11px DM Mono,monospace}.mini-cta{font:500 10px DM Mono,monospace;border:1px solid rgba(255,255,255,.55);padding:12px 16px;transition:.25s}.mini-cta:hover{background:#fff;color:#111}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;height:max(720px,100svh);min-height:680px;color:#fff;overflow:hidden;background:#151515}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.85) 0%,rgba(5,5,5,.52) 36%,rgba(5,5,5,.06) 70%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 40%)}.hero-copy{position:absolute;left:var(--pad);top:50%;transform:translateY(-45%);width:min(850px,65vw)}.eyebrow,.section-index{font:400 10px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.pulse{width:8px;height:8px;border:1px solid #fff;border-radius:50%;position:relative}.pulse:after{content:"";position:absolute;inset:-5px;border:1px solid #fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:300;letter-spacing:-.055em;line-height:.96}h1{font-size:clamp(55px,7.2vw,116px);margin-bottom:30px}h1 em,h2 em{font-style:italic;font-weight:300}.hero-body{font-size:clamp(14px,1.15vw,18px);line-height:1.6;width:min(570px,85%);color:rgba(255,255,255,.76)}.hero-links{display:flex;align-items:center;gap:28px;margin-top:40px}.primary-btn{display:flex;align-items:center;justify-content:space-between;width:220px;padding:16px 18px;background:#fff;color:#111;font:500 11px DM Mono,monospace;text-transform:uppercase;transition:.25s}.primary-btn:hover{background:var(--accent)}.location{font:300 9px/1.6 DM Mono,monospace;letter-spacing:.1em;color:rgba(255,255,255,.6)}.live-context{position:absolute;right:var(--pad);bottom:58px;width:310px;background:rgba(12,12,12,.7);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25);font:400 9px DM Mono,monospace}.context-head{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.18);letter-spacing:.12em}.context-head i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.context-row{display:grid;grid-template-columns:72px 1fr 30px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.context-row:last-child{border:0}.context-row span{color:rgba(255,255,255,.55)}.context-row b{text-align:right;color:rgba(255,255,255,.45);font-weight:400}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;justify-self:end}.scroll-cue{position:absolute;left:var(--pad);bottom:32px;font:400 8px DM Mono,monospace;letter-spacing:.14em;writing-mode:vertical-rl;display:flex;gap:8px;align-items:center}.section-pad{padding:120px var(--pad)}.manifesto{min-height:820px;display:grid;grid-template-columns:120px 1.05fr .95fr;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.section-index{align-self:start;padding-top:8px;color:var(--muted)}.manifesto-copy .kicker{font-size:clamp(34px,4.5vw,70px);line-height:1.08;letter-spacing:-.045em;font-weight:300}.manifesto-copy .kicker em{font-style:italic}.manifesto-copy>p:last-child{font-size:15px;line-height:1.8;color:#666;max-width:560px}.loop-diagram{height:min(42vw,550px);min-height:390px;position:relative;display:grid;place-items:center}.loop-ring{position:absolute;width:75%;aspect-ratio:1;border:1px solid #aaa;border-radius:50%;animation:rotate 20s linear infinite}.loop-ring:before,.loop-ring:after{content:"";position:absolute;background:var(--ink);border:8px solid var(--paper);border-radius:50%;width:8px;height:8px}.loop-ring:before{top:8%;left:22%}.loop-ring:after{right:-9px;top:50%}@keyframes rotate{to{transform:rotate(360deg)}}.loop-core{width:160px;height:160px;background:#111;color:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;box-shadow:0 0 0 28px rgba(0,0,0,.04)}.loop-core svg{fill:#fff;width:46px}.loop-core span{font:400 8px/1.4 DM Mono,monospace;text-align:center;letter-spacing:.1em}.loop-label{position:absolute;font:400 8px DM Mono,monospace;letter-spacing:.1em;background:var(--paper);padding:6px}.l1{top:14%;left:18%}.l2{top:12%;right:13%}.l3{bottom:12%;right:10%}.l4{bottom:14%;left:22%}.dark-section{background:#0f1010;color:var(--white)}.engine .section-heading,.surfaces .section-heading{display:grid;grid-template-columns:120px 1fr 1fr;gap:30px;align-items:end;margin-bottom:70px}.section-heading h2,.principles h2,.closing h2{font-size:clamp(52px,6vw,94px);margin:0}.section-heading>p{margin:0;color:#91928f;line-height:1.7;font-size:14px;max-width:430px}.dark-section .section-index{color:#777}.engine-console{border:1px solid #373939;background:#141515}.console-top{height:48px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #373939;font:400 9px DM Mono,monospace;letter-spacing:.1em;color:#858683}.console-live{color:var(--accent)}.engine-grid{min-height:550px;display:grid;grid-template-columns:1fr 1.1fr 1fr}.engine-inputs,.engine-output{padding:28px;border-right:1px solid #373939}.engine-output{border:0;border-left:1px solid #373939}.engine-inputs>p,.engine-output>p{font:400 9px DM Mono,monospace;color:#6c6e6b;margin-bottom:28px}.engine-node{display:block;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #343535;padding:18px 8px;color:#eee;cursor:pointer;transition:.2s}.engine-node:last-child{border-bottom:1px solid #343535}.engine-node b{display:block;font-weight:400;font-size:13px;margin-bottom:7px}.engine-node span{font:300 8px DM Mono,monospace;letter-spacing:.08em;color:#666}.engine-node.active,.engine-node:hover{padding-left:18px;background:#1d1f1f}.engine-node.active b:before{content:"●";color:var(--accent);font-size:8px;margin-right:10px}.engine-orbit{position:relative;min-height:500px;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #353737;border-radius:50%}.o1{width:330px;height:330px}.o2{width:460px;height:460px;border-style:dashed;animation:rotate 45s linear infinite}.engine-core{width:170px;height:170px;border-radius:50%;background:#f2f1ed;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 0 70px rgba(255,255,255,.08)}.engine-core i{position:absolute;top:25px;width:8px;height:8px;border-radius:50%;background:#111}.engine-core span{font:500 11px/1.3 DM Mono,monospace;text-align:center;letter-spacing:.08em}.engine-core strong{font:300 26px DM Mono,monospace;margin-top:11px}.satellite{position:absolute;font:400 8px/1.3 DM Mono,monospace;color:#aaa;background:#141515;padding:8px;z-index:3}.s1{top:14%;left:15%}.s2{top:15%;right:14%}.s3{bottom:18%;right:12%}.s4{bottom:16%;left:13%}.decision-card{border:1px solid #343535;padding:18px;margin-bottom:20px}.decision-card span,.detail-panel span{font:400 8px DM Mono,monospace;color:#6b6c69}.decision-card strong{display:block;font:300 56px DM Mono,monospace;color:var(--accent);margin:24px 0 8px}.decision-card small{font:300 8px DM Mono,monospace;color:#777}.detail-panel{background:#1b1c1c;padding:18px;min-height:130px}.detail-panel p{font-size:12px;line-height:1.65;color:#bbb;margin:18px 0 0}.policy-line{margin-top:32px;font:300 8px DM Mono,monospace;color:#777}.policy-line div{height:2px;background:#333;margin:12px 0}.policy-line i{display:block;height:100%;background:var(--accent)}.policy-line b{float:right;color:#bbb;font-weight:400}.surfaces{padding-bottom:140px}.surface-stage{display:grid;grid-template-columns:300px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:580px}.surface-tabs{border-right:1px solid var(--line)}.surface-tab{width:100%;height:20%;display:flex;gap:24px;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);padding:0 22px;text-align:left;font:400 9px DM Mono,monospace;color:#999;cursor:pointer}.surface-tab:last-child{border:0}.surface-tab span{font:400 13px Manrope;color:#555}.surface-tab.active{background:#111;color:var(--accent)}.surface-tab.active span{color:#fff}.surface-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#e6e4de,transparent 37%),linear-gradient(135deg,#f6f5f1,#deddd7)}.surface-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.spatial-frame{position:absolute;width:360px;height:270px;right:12%;top:17%;border:1px solid #aaa;transform:skewY(-8deg);transition:.5s}.spatial-frame i{position:absolute;width:16px;height:16px;border-color:#111}.spatial-frame i:nth-child(1){left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.spatial-frame i:nth-child(2){right:-1px;top:-1px;border-right:2px solid;border-top:2px solid}.spatial-frame i:nth-child(3){left:-1px;bottom:-1px;border-left:2px solid;border-bottom:2px solid}.spatial-frame i:nth-child(4){right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.surface-symbol{position:absolute;right:calc(12% + 105px);top:calc(17% + 60px);font:300 95px DM Mono,monospace;transition:.3s}.surface-signal{position:absolute;right:9%;bottom:13%;font:400 8px DM Mono,monospace}.surface-signal i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#111;margin-left:8px}.surface-copy{position:absolute;left:6%;bottom:10%;width:48%}.surface-copy>p:first-child{font:400 8px DM Mono,monospace;letter-spacing:.1em}.surface-copy h3{font-size:clamp(32px,3.5vw,56px);font-weight:300;line-height:1.08;letter-spacing:-.04em;margin:18px 0}.surface-copy>p:last-child{font-size:13px;line-height:1.7;color:#666;max-width:420px}.principles{padding-top:120px}.principles-intro{display:grid;grid-template-columns:120px 1fr;padding-top:0}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}.principle-grid article{padding:28px;min-height:390px;border-right:1px solid #333;position:relative}.principle-grid article:last-child{border:0}.principle-grid article>span{font:400 9px DM Mono,monospace;color:#666}.principle-icon{height:95px;margin:58px 0;position:relative}.principle-icon:before,.principle-icon:after{content:"";position:absolute}.path-icon:before{width:90px;height:18px;background:#fff;transform:skewX(-38deg);left:10px;top:20px}.path-icon:after{width:90px;height:18px;background:#777;transform:skewX(-38deg);left:65px;top:55px}.core-icon:before{width:60px;height:60px;background:#fff;border-radius:50%;left:50px;top:18px;box-shadow:0 0 0 18px #242525}.connect-icon:before{width:80px;height:18px;background:#fff;transform:skewX(-38deg);left:18px;top:25px}.connect-icon:after{width:18px;height:18px;background:var(--accent);border-radius:50%;left:97px;top:45px;box-shadow:55px 18px 0 #fff}.forward-icon:before{width:95px;height:20px;background:#fff;transform:skewX(-38deg);left:25px;top:28px}.forward-icon:after{width:7px;height:7px;background:var(--accent);border-radius:50%;left:132px;top:25px}.principle-grid h3{font-size:22px;font-weight:400}.principle-grid p{font-size:12px;line-height:1.65;color:#858683;max-width:220px}.closing{min-height:700px;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center}.closing-mark svg{width:min(32vw,430px);fill:#111}.closing-copy>p{font:400 9px DM Mono,monospace;letter-spacing:.1em}.closing-copy a{display:flex;justify-content:space-between;max-width:570px;border-bottom:1px solid #111;padding:16px 0;font:400 11px DM Mono,monospace;text-transform:uppercase;margin-top:70px}.closing-copy a:hover b{transform:translate(5px,-5px)}.closing-copy b{transition:.2s}footer{padding:45px var(--pad);background:#111;color:#eee;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #333;font:300 8px/1.8 DM Mono,monospace;letter-spacing:.08em}.footer-brand{align-items:flex-start}.footer-brand svg{margin-top:2px}.footer-brand+div{color:#777}footer>div:last-child{text-align:right}footer a{color:#fff}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav,.header-actions .mini-cta{display:none}.site-header{height:72px}.menu-toggle{display:block;width:34px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0}.menu-toggle.open+*{display:block}.header-actions{margin-left:auto;margin-right:18px}.hero-copy{width:calc(100% - 48px);left:24px;top:45%}.hero-body{width:90%}.live-context{right:24px;left:24px;width:auto;bottom:28px}.scroll-cue{display:none}.section-pad{padding:85px 24px}.manifesto{display:block;min-height:auto}.manifesto .section-index{margin-bottom:45px}.loop-diagram{margin-top:55px}.engine .section-heading,.surfaces .section-heading{display:block}.section-heading .section-index{margin-bottom:38px}.section-heading h2{margin-bottom:35px}.engine-grid{grid-template-columns:1fr}.engine-inputs,.engine-output{border:0;border-bottom:1px solid #373939}.engine-output{border-top:1px solid #373939}.engine-orbit{min-height:470px}.surface-stage{grid-template-columns:1fr}.surface-tabs{display:flex;overflow-x:auto;border-right:0}.surface-tab{min-width:150px;height:64px;border-right:1px solid var(--line)}.surface-visual{min-height:560px}.surface-copy{left:25px;width:75%}.spatial-frame{right:-60px}.principles-intro{display:block}.principles-intro .section-index{margin-bottom:40px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article{min-height:340px;border-bottom:1px solid #333}.closing{grid-template-columns:1fr;gap:60px}.closing-mark svg{width:220px}footer{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){h1{font-size:52px}.hero{min-height:820px}.hero-copy{top:125px;transform:none}.hero-copy.visible{transform:none}.hero-links{display:block}.location{display:block;margin-top:18px}.context-row{grid-template-columns:58px 1fr 28px}.manifesto-copy .kicker{font-size:34px}.loop-diagram{transform:scale(.9)}.engine-grid{min-height:auto}.engine-orbit{min-height:390px}.o2{width:350px;height:350px}.o1{width:270px;height:270px}.surface-copy{width:87%}.surface-symbol{right:30px}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:310px}.closing{min-height:640px}.closing-copy h2{font-size:48px}footer{grid-template-columns:1fr}footer>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Readability and live interaction pass */
.brand{font-size:12px}.site-header nav{gap:42px;font-size:13px}.mini-cta{font-size:13px;padding:13px 18px}.header-actions{gap:0}
.eyebrow,.section-index{font-size:13px}.location{font-size:12px;line-height:1.55}.primary-btn{font-size:13px;width:235px}.scroll-cue{font-size:11px}
.live-context{width:360px;font-size:12px}.context-head{padding:14px 16px}.context-row{grid-template-columns:78px 1fr 42px;padding:13px 16px 10px;row-gap:10px}.context-row b{font-size:12px}.context-progress{grid-column:1/-1;height:3px;background:rgba(255,255,255,.12);overflow:hidden}.context-progress i{display:block;height:100%;background:var(--accent);transition:width .9s ease}.policy-progress i{background:#fff}.context-head i,.surface-signal i{animation:signalBlink 1.4s ease-in-out infinite}@keyframes signalBlink{50%{opacity:.25;transform:scale(.7)}}
.loop-core span,.loop-label{font-size:11px}.console-top,.engine-inputs>p,.engine-output>p{font-size:12px}.engine-node span{font-size:11px}.satellite{font-size:10px}.decision-card span,.detail-panel span,.decision-card small,.policy-line{font-size:11px}.decision-card small b{font-weight:400}.decision-meter{height:3px;background:#333;margin-top:17px}.decision-meter i{display:block;height:100%;background:var(--accent);transition:width .8s ease}.engine-core strong{transition:opacity .25s}.engine-core i{animation:corePulse 1.6s ease-in-out infinite}.core-wave{position:absolute;bottom:25px;display:flex;align-items:center;gap:3px;height:16px}.core-wave b{display:block;width:2px;height:5px;background:#111;animation:wave .9s ease-in-out infinite}.core-wave b:nth-child(2){animation-delay:.12s}.core-wave b:nth-child(3){animation-delay:.24s}.core-wave b:nth-child(4){animation-delay:.36s}.core-wave b:nth-child(5){animation-delay:.48s}@keyframes wave{50%{height:15px}}@keyframes corePulse{50%{transform:scale(1.7);opacity:.4}}.policy-line i{transition:width .9s ease}
.surface-tab{font-size:12px}.surface-tab span{font-size:15px}.surface-signal,.surface-copy>p:first-child,.interaction-hint{font-size:11px}.surface-visual{cursor:crosshair}.surface-motion{position:absolute;inset:0;pointer-events:none}.surface-motion i,.surface-motion b{position:absolute;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}.surface-motion i{width:12px;height:12px;border:1px solid #111;border-radius:50%;background:var(--paper)}.surface-motion i:nth-child(1){right:24%;top:24%}.surface-motion i:nth-child(2){right:42%;top:48%}.surface-motion i:nth-child(3){right:17%;top:57%}.surface-motion b{height:1px;background:#777;transform-origin:left}.surface-motion b:nth-of-type(1){width:180px;right:23%;top:26%;transform:rotate(33deg)}.surface-motion b:nth-of-type(2){width:145px;right:17%;top:58%;transform:rotate(-26deg)}.surface-motion b:nth-of-type(3){width:220px;right:18%;top:41%;transform:rotate(148deg)}.surface-visual:hover .surface-motion i:nth-child(1),.surface-visual.interacting .surface-motion i:nth-child(1){transform:translate(18px,-14px)}.surface-visual:hover .surface-motion i:nth-child(2),.surface-visual.interacting .surface-motion i:nth-child(2){transform:translate(-18px,10px)}.surface-visual:hover .surface-motion i:nth-child(3),.surface-visual.interacting .surface-motion i:nth-child(3){transform:translate(14px,18px)}.surface-visual:hover .spatial-frame,.surface-visual.interacting .spatial-frame{transform:skewY(-8deg) translate(10px,-8px) scale(1.025)}.surface-visual:hover .surface-symbol,.surface-visual.interacting .surface-symbol{transform:translateY(-8px) scale(1.08)}.interaction-hint{position:absolute;top:22px;left:24px;font-family:DM Mono,monospace;letter-spacing:.08em;color:#777}.surface-visual[data-mode="enterprise"] .spatial-frame{border-style:dashed}.surface-visual[data-mode="robotics"] .surface-motion i{border-radius:2px}.surface-visual[data-mode="xr"] .surface-motion b{background:#111}.surface-visual[data-mode="agents"] .spatial-frame{transform:skewY(0) rotate(5deg)}
.principle-grid article>span{font-size:12px}.principle-card{cursor:pointer;overflow:hidden;transition:background .3s,color .3s,transform .3s}.principle-card:hover,.principle-card.active,.principle-card:focus-visible{background:#191b1b;outline:none}.principle-card>em{position:absolute;right:25px;bottom:25px;font:400 10px DM Mono,monospace;color:#555;font-style:normal;opacity:0;transform:translateX(-8px);transition:.3s}.principle-card:hover>em,.principle-card.active>em,.principle-card:focus-visible>em{opacity:1;transform:none;color:var(--accent)}.principle-icon{height:120px;margin:45px 0;position:relative}.principle-icon:before,.principle-icon:after{content:none}.principle-icon small{position:absolute;font:400 9px DM Mono,monospace;color:#666;letter-spacing:.06em}.action-diagram .start-dot,.action-diagram .end-dot{position:absolute;width:16px;height:16px;border-radius:50%;top:50px;transition:.45s}.action-diagram .start-dot{left:8px;border:1px solid #777}.action-diagram .end-dot{right:8px;background:var(--accent);box-shadow:0 0 0 8px rgba(217,255,67,.08)}.action-path{position:absolute;left:25px;right:25px;top:57px;height:2px;background:linear-gradient(90deg,#555,#fff);transition:.45s}.action-path:after{content:"";position:absolute;right:-1px;top:-5px;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.action-diagram small:nth-of-type(1){left:0;bottom:10px}.action-diagram small:nth-of-type(2){right:0;bottom:10px}.principle-card:hover .action-path,.principle-card.active .action-path{transform:translateX(8px)}.principle-card:hover .action-diagram .end-dot,.principle-card.active .action-diagram .end-dot{transform:scale(1.25)}
.intelligence-diagram i{position:absolute;width:54px;height:1px;background:#666;left:8px;top:38px;transform-origin:left;transition:.45s}.intelligence-diagram i:nth-child(2){top:60px;width:72px}.intelligence-diagram i:nth-child(3){top:82px;width:54px}.intelligence-diagram b{position:absolute;width:64px;height:64px;border-radius:50%;background:#fff;right:24px;top:29px;box-shadow:0 0 0 14px #242525;transition:.45s}.intelligence-diagram small:nth-of-type(1){left:0;bottom:4px}.intelligence-diagram small:nth-of-type(2){right:18px;bottom:4px}.principle-card:hover .intelligence-diagram i,.principle-card.active .intelligence-diagram i{transform:scaleX(1.35)}.principle-card:hover .intelligence-diagram b,.principle-card.active .intelligence-diagram b{transform:scale(.86);box-shadow:0 0 0 22px rgba(217,255,67,.12)}
.connection-diagram i{position:absolute;width:42px;height:42px;border:1px solid #777;border-radius:50%;top:36px;z-index:2;transition:.45s}.connection-diagram i:nth-child(1){left:0}.connection-diagram i:nth-child(2){left:calc(50% - 21px);background:var(--accent);border-color:var(--accent)}.connection-diagram i:nth-child(3){right:0}.connection-diagram i small{top:50px;left:50%;transform:translateX(-50%);white-space:nowrap}.connection-diagram b{position:absolute;height:1px;background:#777;top:57px;width:calc(50% - 38px)}.connection-diagram b:nth-of-type(1){left:40px}.connection-diagram b:nth-of-type(2){right:40px}.principle-card:hover .connection-diagram i:nth-child(1),.principle-card.active .connection-diagram i:nth-child(1){transform:translateX(8px)}.principle-card:hover .connection-diagram i:nth-child(3),.principle-card.active .connection-diagram i:nth-child(3){transform:translateX(-8px)}.principle-card:hover .connection-diagram i:nth-child(2),.principle-card.active .connection-diagram i:nth-child(2){transform:scale(1.18)}
.forward-diagram b{position:absolute;left:5px;right:20px;top:58px;height:3px;background:linear-gradient(90deg,#555,#fff);transform:skewX(-35deg);transition:.5s}.forward-diagram b:after{content:"";position:absolute;right:-4px;top:-8px;width:17px;height:17px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg) skewX(35deg)}.forward-diagram i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);left:10px;top:55px;transition:.55s}.forward-diagram small:nth-of-type(1){left:0;bottom:8px}.forward-diagram small:nth-of-type(2){right:0;bottom:8px}.principle-card:hover .forward-diagram b,.principle-card.active .forward-diagram b{transform:skewX(-35deg) translateX(8px)}.principle-card:hover .forward-diagram i,.principle-card.active .forward-diagram i{left:calc(100% - 26px);box-shadow:0 0 14px var(--accent)}
.principle-grid p{font-size:15px}.closing-copy>p{font-size:12px}.closing-copy a{font-size:13px}footer{font-size:11px}
@media(max-width:900px){.site-header nav{font-size:13px}.live-context{width:auto}.principle-card>em{opacity:1;transform:none}.surface-signal{right:5%}}
@media(max-width:560px){.eyebrow,.section-index{font-size:11px}.location{font-size:11px}.live-context{font-size:11px}.context-row{grid-template-columns:65px 1fr 38px}.principle-grid p{font-size:14px}.surface-tab{font-size:11px}.surface-tab span{font-size:14px}}

.surface-symbol{transform:translate(var(--mx,0),var(--my,0))}.surface-motion{transform:translate(var(--mxn,0),var(--myn,0));transition:transform .25s ease}.surface-visual:hover .surface-symbol,.surface-visual.interacting .surface-symbol{transform:translate(var(--mx,0),calc(var(--my,0) - 8px)) scale(1.08)}
.surface-visual:after{content:"";position:absolute;left:38%;right:6%;top:20%;height:1px;background:linear-gradient(90deg,transparent,#111,transparent);opacity:.18;animation:surfaceScan 3.2s ease-in-out infinite;pointer-events:none}@keyframes surfaceScan{0%,100%{transform:translateY(0);opacity:.08}50%{transform:translateY(260px);opacity:.3}}
.surface-visual[data-mode="glasses"] .surface-symbol{animation:glassesFocus 2.2s ease-in-out infinite}@keyframes glassesFocus{50%{text-shadow:0 0 22px rgba(0,0,0,.22)}}
.surface-visual[data-mode="enterprise"] .surface-motion{animation:enterpriseRead 2.8s steps(2,end) infinite}@keyframes enterpriseRead{50%{opacity:.4}}
.surface-visual[data-mode="robotics"] .surface-symbol{animation:robotNegotiate 2.4s ease-in-out infinite}@keyframes robotNegotiate{0%,100%{margin-right:-8px}50%{margin-right:8px}}
.surface-visual[data-mode="xr"] .spatial-frame{animation:xrAnchor 2.6s ease-in-out infinite}@keyframes xrAnchor{50%{box-shadow:0 0 0 10px rgba(0,0,0,.035)}}
.surface-visual[data-mode="agents"] .surface-motion i:nth-child(1){animation:agentRoute 2.2s ease-in-out infinite}@keyframes agentRoute{50%{transform:translate(-75px,45px);background:var(--accent)}}
@media(max-width:1050px){.site-header nav,.header-actions .mini-cta{display:none}.menu-toggle{display:block;width:34px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0}.header-actions{margin-left:auto;margin-right:18px}}

/* Hero positioning fix: preserve centering after reveal animation */
.hero-copy.reveal{transform:translateY(calc(-45% + 30px))}
.hero-copy.reveal.visible{transform:translateY(-45%)}
.scroll-cue{left:50%;right:auto;bottom:20px;writing-mode:horizontal-tb;flex-direction:row;transform:translateX(-50%)}
@media(max-width:1050px){
  .scroll-cue{display:none}
  .site-header.menu-open nav{display:flex;position:fixed;inset:72px 0 auto 0;padding:26px var(--pad);background:rgba(15,16,16,.97);border-top:1px solid rgba(255,255,255,.18);flex-direction:column;gap:22px;font-size:15px}
  .site-header.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
  .site-header.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .menu-toggle span{transition:transform .25s ease}
}
@media(max-width:900px){
  .hero{min-height:860px}
  .hero-copy,.hero-copy.reveal,.hero-copy.reveal.visible{top:105px;transform:none}
}
@media(max-width:560px){
  .hero{min-height:820px}
  .hero-copy,.hero-copy.reveal,.hero-copy.reveal.visible{top:125px;transform:none}
}
@media(min-width:901px) and (max-height:700px){
  .hero{height:100svh;min-height:640px}
  .hero-copy{width:min(720px,58vw)}
  .hero-copy h1{font-size:clamp(54px,6.25vw,78px)}
  .hero-body{max-width:500px}
  .hero-links{margin-top:30px}
  .live-context{width:330px;bottom:18px}
}

/* Keep the thesis and live telemetry in separate columns on compact desktops. */
@media(min-width:901px) and (max-width:1400px){
  .hero-copy,.hero-copy.reveal,.hero-copy.reveal.visible{
    width:calc(100% - (2 * var(--pad)) - 390px);
  }
}
@media(max-width:380px){
  .hero{min-height:920px}
}

/* Semantic status colours */
.context-row{transition:background .45s ease}.context-row.is-warning{background:rgba(255,159,67,.055)}.context-row.is-critical{background:rgba(255,91,69,.07)}.live-value{transition:color .45s ease}.context-progress i{box-shadow:0 0 10px color-mix(in srgb,currentColor 28%,transparent)}
.decision-card{--policy-color:#d9ff43;transition:border-color .45s ease,background .45s ease}.decision-card strong{color:var(--policy-color);transition:color .45s ease,text-shadow .45s ease}.decision-card .decision-meter i{background:var(--policy-color);box-shadow:0 0 12px color-mix(in srgb,var(--policy-color) 34%,transparent)}.decision-card[data-policy="ask"],.decision-card[data-policy="assist"]{border-color:color-mix(in srgb,var(--policy-color) 38%,#343535)}
.manifesto-copy .kicker strong{font-weight:600;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}.manifesto-copy>p:last-child strong{color:var(--ink);font-weight:650;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:#777}

/* Hero brand emphasis */
.hero-copy h1{font-size:clamp(52px,6.35vw,102px)}
.hero-accent{color:var(--accent)}
@media(max-width:560px){.hero-copy h1{font-size:48px}}

/* Legibility pass: supporting copy should hold its own beside the display type. */
.manifesto-copy>p:last-child{
  max-width:640px;
  font-size:clamp(18px,1.35vw,20px);
  line-height:1.7;
}
.section-heading>p{
  max-width:520px;
  font-size:clamp(17px,1.25vw,19px);
  line-height:1.65;
}

/* Platform UI typography and spacing. */
.engine-grid{min-height:620px;grid-template-columns:1.05fr 1.15fr 1fr}
.engine-inputs,.engine-output{padding:30px}
.console-top,.engine-inputs>p,.engine-output>p{font-size:15px}
.engine-node{padding:21px 10px}
.engine-node b{font-size:17px;margin-bottom:9px}
.engine-node span{font-size:14px;line-height:1.45}
.engine-core span{font-size:14px}
.engine-core strong{font-size:30px}
.satellite{font-size:14px;padding:9px 10px}
.decision-card span,.detail-panel span,.decision-card small,.policy-line{font-size:15px}
.decision-card strong{font-size:58px}
.detail-panel{min-height:158px;padding:22px}
.detail-panel p{font-size:17px;line-height:1.65}
.policy-line{margin-top:36px}

/* Product-surface UI typography and breathing room. */
.surface-stage{grid-template-columns:320px 1fr;min-height:650px}
.surface-tab{font-size:15px;padding:0 26px}
.surface-tab span{font-size:19px}
.surface-signal,.surface-copy>p:first-child{font-size:15px}
.interaction-hint{font-size:14px}
.surface-copy{width:53%;bottom:9%}
.surface-copy>p:last-child{max-width:520px;font-size:18px;line-height:1.65}

/* A mode-specific yellow-green focus object makes every surface visibly interactive. */
.surface-focus{
  --focus-x:-64px;
  --focus-y:54px;
  --focus-r:0deg;
  position:absolute;
  z-index:4;
  left:76%;
  top:28%;
  width:15px;
  height:15px;
  background:var(--accent);
  border:1px solid rgba(16,17,17,.72);
  border-radius:50%;
  box-shadow:0 0 0 8px rgba(217,255,67,.12),0 0 20px rgba(217,255,67,.4);
  transform:rotate(var(--focus-r));
  transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease,border-radius .35s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
  pointer-events:none;
  animation:surfaceFocusPulse 2s ease-in-out infinite;
}
.surface-visual:hover .surface-focus,.surface-visual.interacting .surface-focus{
  transform:translate(var(--focus-x),var(--focus-y)) rotate(calc(var(--focus-r) + 90deg)) scale(1.22);
  box-shadow:0 0 0 12px rgba(217,255,67,.1),0 0 28px rgba(217,255,67,.55);
}
.surface-visual[data-mode="glasses"] .surface-focus{
  --focus-x:-92px;
  --focus-y:72px;
  left:82%;
  top:25%;
  border-radius:50%;
}
.surface-visual[data-mode="enterprise"] .surface-focus{
  --focus-x:-116px;
  --focus-y:104px;
  left:84%;
  top:22%;
  border-radius:2px;
}
.surface-visual[data-mode="robotics"] .surface-focus{
  --focus-x:78px;
  --focus-y:82px;
  left:66%;
  top:27%;
  width:21px;
  height:12px;
  border-radius:6px;
}
.surface-visual[data-mode="xr"] .surface-focus{
  --focus-x:-128px;
  --focus-y:116px;
  --focus-r:45deg;
  left:86%;
  top:20%;
  border-radius:2px;
}
.surface-visual[data-mode="agents"] .surface-focus{
  --focus-x:-106px;
  --focus-y:72px;
  left:80%;
  top:24%;
  border-radius:50%;
}
@keyframes surfaceFocusPulse{50%{filter:brightness(1.08);opacity:.72}}

/* Wide screens have enough horizontal room: use it instead of forcing display
   headings into decorative two-line stacks. Supporting copy sits below. */
@media(min-width:901px){
  .engine .section-heading,.surfaces .section-heading{
    grid-template-columns:120px minmax(0,1fr);
    align-items:start;
    row-gap:24px;
  }
  .engine .section-heading h2,.surfaces .section-heading h2{
    grid-column:2;
  }
  .engine .section-heading>p,.surfaces .section-heading>p{
    grid-column:2;
    max-width:720px;
  }
}
@media(min-width:901px) and (max-width:1799px){
  .engine .section-heading h2,.surfaces .section-heading h2{
    font-size:clamp(60px,5.4vw,88px);
  }
}
@media(min-width:1200px){
  .manifesto{grid-template-columns:120px 1.25fr .75fr}
  .manifesto-copy .kicker{font-size:clamp(52px,4vw,68px)}
}

@media(max-width:900px){
  .engine-grid{min-height:auto;grid-template-columns:1fr}
  .engine-inputs,.engine-output{padding:28px 24px}
  .surface-stage{grid-template-columns:1fr}
  .surface-tab{min-width:185px;height:76px}
  .surface-visual{min-height:680px}
  .surface-copy{width:68%}
  .surface-signal{top:22px;right:24px;bottom:auto}
}
@media(max-width:560px){
  .manifesto-copy>p:last-child{font-size:18px}
  .console-top,.engine-inputs>p,.engine-output>p{font-size:13px}
  .engine-node b{font-size:16px}
  .engine-node span,.satellite{font-size:13px}
  .decision-card span,.detail-panel span,.decision-card small,.policy-line{font-size:13px}
  .detail-panel p{font-size:16px}
  .surface-tab{min-width:174px}
  .surface-tab span{font-size:17px}
  .surface-visual{min-height:720px}
  .surface-copy{width:84%;bottom:8%}
  .surface-copy>p:last-child{font-size:17px}
  .surface-signal{top:58px;right:24px;bottom:auto;font-size:13px}
}