:root{--bg:#080819;--text:#f8f6ff;--muted:#aaa8c4;--accent:#6fd9ff;--accent-rgb:111,217,255;--green:#83e6b4;--green-rgb:131,230,180;--rose:#ff8c9e;--rose-rgb:255,140,158;--line:rgba(186,181,236,.15);--mono:"DM Mono",monospace;--sans:"Space Grotesk",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--sans);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.starfield,.ambient-grid,.scanlines{position:fixed;inset:0;pointer-events:none}.starfield{z-index:-3}.ambient-grid{z-index:-2;opacity:.2;background:linear-gradient(rgba(var(--accent-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.06) 1px,transparent 1px),radial-gradient(circle at 70% 28%,rgba(var(--accent-rgb),.14),transparent 30%);background-size:64px 64px,64px 64px,100% 100%;mask-image:linear-gradient(to bottom,transparent 5%,#000 47%,transparent 90%)}.scanlines{z-index:20;opacity:.025;background:repeating-linear-gradient(to bottom,transparent 0 3px,#fff 4px);mix-blend-mode:overlay}
.site-header{position:relative;z-index:10;width:min(1260px,calc(100% - 40px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font:500 .78rem var(--mono);letter-spacing:.14em}.wordmark-mark{display:grid;place-items:center;width:26px;aspect-ratio:1;color:#07101b;background:var(--accent);box-shadow:0 0 22px rgba(var(--accent-rgb),.42);clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}.header-nav{display:flex;align-items:center;gap:26px;color:var(--muted);font:500 .67rem var(--mono);letter-spacing:.12em}.header-nav a{transition:.2s}.header-nav a:hover,.header-nav a:focus-visible{color:var(--accent)}.system-state{display:flex;align-items:center;gap:8px}.system-state i,.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.persona-orbit{padding-top:34px}.section-kicker{display:flex;justify-content:space-between;margin-bottom:20px;color:var(--muted);font:500 .66rem var(--mono);letter-spacing:.14em}.section-kicker span:last-child{color:var(--accent)}.persona-bubbles{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.persona-bubble{min-width:0;padding:10px 7px 12px;border:1px solid transparent;color:var(--muted);background:transparent;text-align:center;transition:.25s;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.persona-bubble:hover,.persona-bubble:focus-visible,.persona-bubble.is-active{color:var(--persona);border-color:rgba(var(--persona-rgb),.45);background:rgba(var(--persona-rgb),.06);transform:translateY(-3px);outline:none}.bubble-orb{position:relative;display:grid;place-items:center;width:58px;aspect-ratio:1;margin:0 auto 10px;border:1px solid rgba(var(--persona-rgb),.55);border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(var(--persona-rgb),.28),rgba(7,8,25,.96) 62%);box-shadow:inset 0 0 16px rgba(var(--persona-rgb),.11),0 0 0 4px rgba(var(--persona-rgb),.025)}.bubble-orb:before,.bubble-orb:after{content:"";position:absolute;background:var(--persona);box-shadow:0 0 7px var(--persona)}.bubble-orb:before{width:3px;height:3px;top:9px;right:7px}.bubble-orb:after{width:2px;height:2px;bottom:11px;left:8px}.bubble-orb span{font:500 .69rem var(--mono)}.persona-bubble strong,.persona-bubble small{display:block;overflow:hidden;text-overflow:ellipsis}.persona-bubble strong{font-size:.82rem;white-space:nowrap}.persona-bubble small{margin-top:2px;color:#716e8b;font:400 .52rem var(--mono)}.persona-bubble.is-active small{color:var(--persona)}.orbit-note{margin:16px 0 0;text-align:center;color:#85829e;font:400 .7rem var(--mono)}.orbit-note span{color:var(--accent)}
.hero{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(500px,1.28fr);align-items:center;gap:clamp(40px,6vw,82px);padding-block:90px 112px}.eyebrow{margin:0 0 21px;color:var(--accent);font:500 .69rem/1.4 var(--mono);letter-spacing:.17em}.status-dot{margin-right:9px}.hero h1{margin:0;font-size:clamp(4.3rem,8.4vw,7.8rem);font-weight:700;line-height:.77;letter-spacing:-.075em}.hero h1 span,.guidelines-heading h2 span{color:var(--accent);text-shadow:0 0 35px rgba(var(--accent-rgb),.25)}.intro{max-width:510px;margin:32px 0 22px;color:#c2bfd2;font-size:1.06rem}.quick-facts{display:flex;flex-wrap:wrap;gap:8px}.quick-facts span{padding:6px 9px;border:1px solid rgba(var(--accent-rgb),.25);color:#bdb9d0;background:rgba(var(--accent-rgb),.045);font:400 .62rem var(--mono)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{min-height:50px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(var(--accent-rgb),.55);font:500 .74rem var(--mono);letter-spacing:.07em;text-transform:uppercase;transition:.2s;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 10px 28px rgba(var(--accent-rgb),.25);outline:2px solid transparent}.button-primary{color:#07101b;background:var(--accent);font-weight:700}.button-ghost{color:var(--accent);background:rgba(8,8,25,.6)}.file-meta{margin:14px 0 0;color:#67647e;font:400 .58rem var(--mono);letter-spacing:.1em}.coming-soon{width:max-content;margin:34px 0 0;padding:13px 15px;border:1px solid rgba(var(--accent-rgb),.4);color:var(--accent);background:rgba(var(--accent-rgb),.06);font:500 .67rem var(--mono);letter-spacing:.08em}.coming-soon[hidden],.hero-actions[hidden],.file-meta[hidden]{display:none}.refsheet-frame.is-unavailable .image-button{cursor:default}.refsheet-frame.is-unavailable .image-button img{opacity:.13;filter:grayscale(1) blur(1px)}.refsheet-frame.is-unavailable .image-button:after{content:"REFERENCE SHEET\A COMING SOON";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font:500 clamp(.8rem,2vw,1.1rem)/2 var(--mono);letter-spacing:.15em;text-align:center;text-shadow:0 0 18px var(--accent)}.refsheet-frame.is-unavailable .zoom-hint{display:none}
.refsheet-frame{position:relative;margin:0;padding:12px;border:1px solid rgba(var(--accent-rgb),.32);background:linear-gradient(145deg,rgba(var(--accent-rgb),.07),rgba(12,13,36,.8) 45%);box-shadow:0 22px 80px rgba(0,0,0,.32);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.refsheet-frame:before,.refsheet-frame:after{content:"";position:absolute;z-index:2;background:var(--accent);box-shadow:0 0 11px var(--accent)}.refsheet-frame:before{width:41px;height:1px;top:0;left:32px}.refsheet-frame:after{width:1px;height:41px;right:0;bottom:32px}.frame-label,.refsheet-frame figcaption{display:flex;justify-content:space-between;align-items:center;color:#75728d;font:400 .57rem var(--mono);letter-spacing:.09em}.frame-label{height:26px;padding:0 5px}.frame-label span:first-child{color:var(--accent)}.image-button{position:relative;display:block;width:100%;padding:0;border:0;background:#070718;overflow:hidden}.image-button img{width:100%;transition:.45s}.image-button:hover img,.image-button:focus-visible img{transform:scale(1.012);filter:brightness(1.03)}.image-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.zoom-hint{position:absolute;right:11px;bottom:11px;padding:7px 9px;color:var(--accent);background:rgba(7,7,24,.82);border:1px solid rgba(var(--accent-rgb),.34);font:400 .55rem var(--mono);opacity:0;transition:.2s}.image-button:hover .zoom-hint,.image-button:focus-visible .zoom-hint{opacity:1}.refsheet-frame figcaption{height:31px;padding:7px 5px 0}.refsheet-frame figcaption span{display:flex;align-items:center;gap:7px}.refsheet-frame figcaption i{width:5px;height:5px;background:var(--green);box-shadow:0 0 7px var(--green)}
.guidelines{padding:90px 0 125px;border-top:1px solid var(--line)}.guidelines-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:40px;margin-bottom:44px}.guidelines-heading .eyebrow{margin-bottom:13px}.guidelines-heading h2{margin:0;font-size:clamp(2.4rem,4.6vw,4.6rem);line-height:.97;letter-spacing:-.055em}.guidelines-heading>p{margin:0;color:var(--muted)}.guideline-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.protocol-card{--card-accent:var(--accent);--card-rgb:var(--accent-rgb);position:relative;overflow:hidden;border:1px solid rgba(var(--card-rgb),.3);background:linear-gradient(145deg,rgba(var(--card-rgb),.055),rgba(11,12,34,.83) 38%);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.protocol-do{--card-accent:var(--green);--card-rgb:var(--green-rgb)}.protocol-ask{--card-accent:var(--rose);--card-rgb:var(--rose-rgb)}.protocol-card header{min-height:104px;padding:24px 27px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(var(--card-rgb),.18)}.protocol-icon{display:grid;place-items:center;flex:0 0 42px;aspect-ratio:1;border:1px solid rgba(var(--card-rgb),.5);color:var(--card-accent);background:rgba(var(--card-rgb),.08);font:500 1rem var(--mono)}.protocol-card header p{margin:0 0 2px;color:var(--card-accent);font:500 .58rem var(--mono);letter-spacing:.13em}.protocol-card h3{margin:0;font-size:1.65rem}.permission{margin-left:auto;padding:6px 8px;border:1px solid rgba(var(--card-rgb),.28);color:var(--card-accent);font:400 .55rem var(--mono)}.protocol-card ul{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0;padding:23px 27px 28px;list-style:none}.protocol-card li{position:relative;padding:9px 0 9px 24px;border-bottom:1px solid rgba(186,181,236,.08);color:#cbc8d7;font-size:.89rem;line-height:1.4}.protocol-card li:before{content:"+";position:absolute;left:2px;top:10px;color:var(--card-accent);font:500 .68rem var(--mono)}.protocol-ask li:before{content:"!"}.protocol-card footer{display:flex;justify-content:space-between;padding:14px 27px;border-top:1px solid rgba(var(--card-rgb),.15);color:#77748e;font:400 .57rem var(--mono);letter-spacing:.09em}.protocol-card footer span{color:var(--card-accent)}
.site-footer{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#65627b;font:400 .6rem var(--mono);letter-spacing:.1em}.site-footer b{color:var(--accent)}.lightbox{width:min(96vw,1500px);max-width:none;padding:0;border:1px solid rgba(var(--accent-rgb),.5);color:var(--text);background:#09091c;box-shadow:0 30px 100px #000}.lightbox::backdrop{background:rgba(2,2,12,.88);backdrop-filter:blur(8px)}.lightbox-bar{height:52px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--accent);font:400 .63rem var(--mono)}.lightbox-bar button{min-height:36px;border:0;color:var(--text);background:transparent;font:400 .63rem var(--mono)}.lightbox-body{max-height:calc(92vh - 52px);overflow:auto}.lightbox-body img{width:100%}
@media(max-width:900px){.header-nav a{display:none}.persona-bubbles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.persona-bubble:nth-child(n+5){transform:translateX(50%)}.persona-bubble:nth-child(n+5):hover,.persona-bubble:nth-child(n+5):focus-visible,.persona-bubble:nth-child(n+5).is-active{transform:translate(50%,-3px)}.hero{grid-template-columns:1fr;padding-block:68px 90px}.guidelines-heading{grid-template-columns:1fr}.protocol-card ul{grid-template-columns:1fr}}
@media(max-width:650px){.shell,.site-header{width:min(100% - 24px,1180px)}.site-header{height:66px}.system-state{font-size:.58rem}.persona-bubbles{gap:5px}.persona-bubble{padding-inline:2px}.persona-bubble strong{font-size:.72rem}.persona-bubble small{font-size:.45rem}.bubble-orb{width:50px}.hero{gap:38px;padding-block:58px 76px}.hero h1{font-size:clamp(4rem,22vw,6rem)}.hero-actions{display:grid}.button{width:100%}.guidelines{padding-block:70px 88px}.guidelines-heading{margin-bottom:30px}.guideline-grid{grid-template-columns:1fr}.protocol-card header{padding:21px 18px}.protocol-card ul{padding:18px}.permission{font-size:.48rem}.site-footer{padding-block:24px;gap:13px;flex-direction:column;text-align:center}.zoom-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
