*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#050507;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #957fff;outline-offset:6px}.skip{position:fixed;top:-80px;z-index:99;background:white;color:black;padding:16px}.skip:focus{top:0}header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 5%;background:#101014e8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff12}.brand{font-size:22px;font-weight:850;letter-spacing:-1px;display:inline-flex;align-items:center;position:relative}.brand span{color:#a99aff}.brand i{width:7px;height:7px;background:#a99aff;border-radius:50%;margin:2px 0 0 3px}nav{display:flex;gap:30px;font-size:12px;color:#c6c5cb}.nav-cta{font-size:12px;color:#c8beff}.hero{text-align:center;overflow:hidden;padding:76px 24px 40px;background:radial-gradient(ellipse at 50% 80%,#292043 0,transparent 50%)}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:650;color:#a6a3b2}h1{font-size:clamp(50px,6.8vw,98px);line-height:1.03;letter-spacing:-5px;margin:28px 0}h1 span{background:linear-gradient(100deg,#b5a5ff,#f5c2ed);color:transparent;background-clip:text}.lead{font-size:23px;color:#aaa6b6;line-height:1.45}.actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:28px}.button{display:inline-block;background:#8870f3;color:white;padding:13px 24px;border-radius:28px;font-size:15px;font-weight:600}.text-link{font-size:17px;color:#b4a3ff;display:inline-block;margin-top:12px}.orb{position:relative;width:min(570px,90vw);height:310px;margin:32px auto 0;perspective:600px}.orbit{position:absolute;inset:25px 22px;border:1px solid #8271b860;border-radius:50%;transform:rotateX(54deg)}.o2{transform:rotateX(54deg) rotate(-36deg);border-color:#a792e85c}.o3{inset:65px 100px;transform:rotateX(45deg) rotate(32deg)}.core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;width:142px;height:142px;border-radius:50%;font-size:83px;font-weight:750;background:radial-gradient(circle at 30% 20%,#e3d4ff,#8a69d8 38%,#21152f 80%);box-shadow:0 0 80px #8b62f442,inset -8px -14px 30px #0008}.orbit-label{position:absolute;font-size:9px;letter-spacing:2px;color:#bcb0d5;background:#1c1526;padding:8px 14px;border:1px solid #74628c55;border-radius:20px}.l1{left:9%;top:48%}.l2{right:3%;top:28%}.l3{right:14%;bottom:10%}.caption{font-size:12px;color:#80788e}.notice{display:flex;justify-content:center;gap:18px;font-size:10px;letter-spacing:1.4px;background:#17151f;padding:18px;color:#a99aff}.notice span{font-size:12px;letter-spacing:0;color:#a5a0af}.intro{text-align:center;padding:105px 24px 88px;max-width:1000px;margin:auto}h2{font-size:clamp(38px,5vw,66px);line-height:1.07;letter-spacing:-2.5px;margin:24px 0}.intro>p:not(.eyebrow),.section-lead{font-size:19px;line-height:1.55;color:#9d99a7;max-width:730px}.intro>p{margin:20px auto}.role-nav{display:flex;justify-content:center;gap:65px;margin-top:48px}.role-nav a{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#bdb8c8}.role-nav b{font-size:34px;color:white;height:42px}.feature{padding:100px max(6%,calc((100vw - 1150px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;overflow:hidden}.feature-copy>p:not(.eyebrow):not(.status){font-size:19px;line-height:1.55;color:#aaa1bb;max-width:480px}.violet{background:#191322}.light{background:#f5f4f8;color:#19171f}.light .feature-copy>p:not(.eyebrow):not(.status){color:#716a7d}.pale{background:#eae8f0;color:#201c2a}.pale .feature-copy>p:not(.eyebrow):not(.status){color:#6f687a}.status{font-size:11px;color:#96909f;line-height:1.6;margin-top:30px}.demo{background:#0f0c17;border:1px solid #68528b66;border-radius:24px;padding:24px;box-shadow:0 30px 80px #0004;transform:rotate(-3deg)}.demo-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#a79bbb}.demo-top>span:last-child{margin-left:auto;font-size:8px}.dot{background:#ad98eb;width:6px;height:6px;border-radius:50%}.demo h3{font-size:28px;letter-spacing:-1px;margin:30px 0}.step{padding:15px;margin:10px 0;border:1px solid #ffffff10;border-radius:12px}.step small{color:#a79abc;font-size:9px;letter-spacing:1.5px}.step p{font-size:15px;margin:8px 0}.current{background:#9171db25;border-color:#9775db88}.demo-bottom{font-size:10px;color:#a496bc;margin-top:20px}.record-stack{padding:15px}.record-stack article{background:white;padding:25px 30px;border-radius:16px;box-shadow:0 15px 40px #36244c12;border:1px solid #ddd8e6;margin:12px 0;transform:rotate(2deg)}.record-stack article:nth-child(2){transform:rotate(-3deg)}.record-stack small{font-size:9px;letter-spacing:2px;color:#93839f}.record-stack h3{font-size:25px;margin:12px 0}.record-stack p{font-size:13px;color:#8d829a}.dark{background:#080b11}.blueprint{border:1px solid #506493;padding:24px;background:linear-gradient(#34537c15 1px,transparent 1px),linear-gradient(90deg,#34537c15 1px,transparent 1px);background-size:24px 24px;color:#b7c8eb}.gridmark{font-size:10px;letter-spacing:2px}.block-center{padding:55px 0;text-align:center;font-size:65px;font-weight:750;letter-spacing:-3px}.block-center span{font-size:12px;letter-spacing:3px}.contract-row{font-family:monospace;font-size:11px;letter-spacing:1px;padding:14px 0;border-top:1px solid #45658d66}.shield{text-align:center}.shield>span{display:block;font-size:180px;line-height:1;color:#a394c0;text-shadow:0 15px 30px #9687b755}.shield h3{font-size:28px;letter-spacing:-1px}.shield p{font-size:16px;line-height:1.6;color:#857b93}.map-section,.sequence,.protocol{padding:100px max(6%,calc((100vw - 1150px)/2))}.map-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.layer-list{display:grid;gap:8px}.layer-list button{border:1px solid #ffffff18;background:#131118;color:#bbb5c8;text-align:left;padding:17px;border-radius:9px;display:flex;gap:18px;font-size:14px}.layer-list button span{font-size:11px;color:#9c82d0;min-width:26px}.layer-list button[aria-pressed=true]{background:#292036;border-color:#8e6ec4;color:white}.layer-detail{border:1px solid #7d639840;border-radius:16px;background:radial-gradient(ellipse at top right,#342244,#151018 70%);padding:35px}.layer-detail h3{font-size:32px;letter-spacing:-1px}.layer-detail p{font-size:15px;line-height:1.7;color:#bab1c6}.layer-detail small{font-size:10px;color:#b197d5;letter-spacing:1.5px}.boundary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff22;padding-top:25px;gap:10px}.boundary b{grid-row:1;font-size:13px}.boundary span{grid-row:2;font-size:11px;color:#8e8599}details{border-bottom:1px solid #ffffff20;padding:22px 0}summary{cursor:pointer;font-size:16px;line-height:1.5}details p{color:#aaa1b7;line-height:1.7;font-size:14px}#inventory{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.inv{border:1px solid #ffffff18;padding:18px;border-radius:10px}.inv b{font-size:14px}.inv p{margin-bottom:0;font-size:12px}.sequence{background:#f5f4f8;color:#201b29}.sequence .section-lead{color:#7b7185}.sequence-controls{display:flex;gap:15px;margin:30px 0}.sequence-controls button{padding:11px 18px;border-radius:22px;border:1px solid #c5bacf;background:white;color:#665378;font-size:12px}.sequence details{border-color:#d8d1de}.sequence summary{list-style:none;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;font-size:20px;font-weight:650}.gate-no{color:#a89ab8;font-size:24px}.gate-tag{font-size:9px;letter-spacing:1px;font-weight:500;border:1px solid #d4cbdc;padding:6px 9px;border-radius:16px}.gate-content{padding:5px 25px 12px 63px;max-width:850px}.gate-content p{color:#716679}.gate-content b{color:#302437}.gate-content small{color:#9685a4;font-size:11px}.protocol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:50px 0}.protocol-grid article{border-top:1px solid #ffffff25;padding-top:20px}.protocol-grid span{font-size:11px;color:#9f88c8}.protocol-grid h3{font-size:24px;margin:15px 0}.protocol-grid p{font-size:14px;line-height:1.7;color:#aaa1b5}.closing{padding:100px 24px;text-align:center;background:radial-gradient(ellipse at bottom,#372247,transparent 65%)}.closing p:not(.eyebrow){color:#b4a6c2;font-size:18px;line-height:1.7}.closing .button{margin-top:15px}footer{padding:45px max(6%,calc((100vw - 1150px)/2));background:#101013;color:#7d7786;font-size:11px;line-height:1.7}footer .brand{color:#f5f5f7;margin-bottom:15px}footer>a:last-of-type{color:#b7a1d1}@media(max-width:850px){header{padding:0 20px}nav{gap:18px;overflow-x:auto;white-space:nowrap}.nav-cta{display:none}h1{letter-spacing:-2.7px}.feature{gap:35px;padding:70px 6%}.feature h2{font-size:42px}.role-nav{gap:35px}.map-layout{gap:15px}.layer-detail{padding:24px}}@media(max-width:620px){header{height:auto;min-height:65px;flex-wrap:wrap;gap:10px;padding:12px 20px}nav{width:100%;padding-bottom:3px;font-size:11px;gap:22px}.hero{padding-top:55px}h1{font-size:51px}.eyebrow{font-size:9px;letter-spacing:1.7px}.lead{font-size:19px}.actions{flex-direction:column;gap:3px}.orb{height:250px}.core{width:115px;height:115px;font-size:67px}.orbit{inset:20px 5px}.o3{inset:60px}.l1{left:0}.l2{right:0}.notice{flex-direction:column;text-align:center;gap:6px;padding:16px}.intro{padding:65px 22px}.intro>p:not(.eyebrow),.section-lead{font-size:17px}.role-nav{gap:0;justify-content:space-between}.role-nav a{font-size:10px}.role-nav b{font-size:29px}.feature{grid-template-columns:1fr;padding:65px 24px;gap:35px}.feature h2{font-size:43px}.feature-copy>p:not(.eyebrow):not(.status){font-size:17px}.demo{transform:none}.map-section,.sequence,.protocol{padding:65px 24px}h2{font-size:42px;letter-spacing:-1.8px}.map-layout{grid-template-columns:1fr}.boundary{grid-template-columns:repeat(2,1fr)}.boundary b,.boundary span{grid-row:auto}.boundary span{display:none}#inventory{grid-template-columns:1fr}.sequence summary{grid-template-columns:28px 1fr;font-size:17px;gap:10px}.gate-tag{grid-column:2;justify-self:start}.gate-content{padding-left:38px}.sequence-controls{flex-wrap:wrap}.protocol-grid{grid-template-columns:1fr 1fr;gap:25px}.protocol-grid h3{font-size:21px}.closing{padding:70px 24px}footer{padding:35px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ARCQ motion contract: brief, interruptible, and content-visible by default. */
:root{--motion-fast:180ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
.button,.sequence-controls button,.layer-list button{transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.button:hover,.sequence-controls button:hover{transform:translateY(-2px)}.layer-list button:hover{border-color:#ae94d7}}
@media(prefers-reduced-motion:no-preference){.button:active,.sequence-controls button:active{transform:scale(.98)}}
.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:12;border:1px solid #8e79b455;background:#17121ee8;color:#d2c3e9;padding:10px 14px;border-radius:24px;font-size:11px;backdrop-filter:blur(12px)}
@media(prefers-reduced-motion:reduce){.button,.sequence-controls button,.layer-list button{transition:none}}

.detail-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid #ffffff22;padding-bottom:12px;margin:25px 0}.detail-tabs button{font:inherit;font-size:12px;color:#ad9bbc;background:transparent;border:0;border-radius:18px;padding:9px 11px;cursor:pointer}.detail-tabs button[aria-selected=true]{background:#463057;color:white}#layer-panel{min-height:240px;outline-offset:5px}#layer-panel ul{padding-left:20px;color:#c5b8d1;font-size:14px;line-height:1.8}#layer-panel li{margin:10px 0}#layer-panel h4{font-size:22px;margin:16px 0}.dependency-link{font:inherit;text-align:left;background:none;border:0;color:#c7a8ed;padding:0;cursor:pointer}.layer-permalink{display:block;border-top:1px solid #ffffff20;margin-top:24px;padding-top:18px;font-size:11px;color:#b69aca}.layer-detail .evidence-note{font-size:12px;color:#96879f}.detail-tabs button:focus-visible{outline:2px solid #c7a8ed;outline-offset:3px}@media(max-width:620px){.detail-tabs button{font-size:11px;padding:9px}#layer-panel{min-height:0}}

.spatial-section{padding:85px max(6%,calc((100vw - 1150px)/2));background:radial-gradient(ellipse at top right,#282037,#08070c 65%)}#spatial-stage{margin-top:30px;position:relative;border:1px solid #8c70b955;border-radius:24px;overflow:hidden;background:#08070c}#spatial-canvas{height:560px}#spatial-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.spatial-hud{position:absolute;top:24px;left:24px;max-width:280px;background:#100c18d9;border:1px solid #8d6cab44;padding:18px;border-radius:16px;pointer-events:none}.spatial-hud b{font-size:12px;letter-spacing:2px;color:#dac2f7}.spatial-hud p{font-size:13px;line-height:1.5;color:#aa97bd}.spatial-hud a{pointer-events:auto;font-size:12px;color:#d4b3fc}.spatial-controls{display:flex;flex-wrap:wrap;gap:10px;padding:15px;border-top:1px solid #ffffff15}.spatial-controls button,.spatial-select button{background:#251a32;border:1px solid #9775bb55;border-radius:20px;color:#d7c4e7;padding:10px 14px;font-size:12px}.spatial-controls button:disabled{opacity:.5;cursor:default}#spatial-status{color:#a694b8;font-size:12px;line-height:1.6}.spatial-select{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.spatial-select[hidden]{display:none}@media(max-width:620px){.spatial-section{padding:60px 24px}#spatial-canvas{height:460px}.spatial-hud{top:12px;left:12px;max-width:235px;padding:12px}}

/* Orbital instrument visual pass: stable composition and readable selection. */
#spatial-canvas{height:640px;background:radial-gradient(ellipse at 50% 55%,#28183d55,transparent 68%)}.spatial-hud{top:20px;left:20px;border-color:#bc94f044;background:linear-gradient(135deg,#20142de8,#100c17dc);box-shadow:0 10px 40px #0004}.spatial-select button[aria-pressed=true]{background:#6b448e;color:white;border-color:#d5a5ff}.spatial-controls button:hover,.spatial-select button:hover{border-color:#c89af0}#spatial-stage{box-shadow:0 35px 90px #0006}@media(max-width:620px){#spatial-canvas{height:500px}.spatial-hud{max-width:190px}.spatial-hud p{font-size:11px}}

.crew-section{padding:85px max(6%,calc((100vw - 1150px)/2));background:#0b0910}.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:40px 0 22px}.crew-card{border:1px solid #ffffff18;background:#131017;border-radius:24px;overflow:hidden;transition:transform 180ms ease,border-color 180ms ease}.crew-portrait{height:390px;overflow:hidden;background:radial-gradient(ellipse at center,#252137,#08070b);display:flex;justify-content:center;align-items:center}.crew-portrait img{display:block;width:100%;height:100%;object-fit:contain}.crew-caption{padding:25px}.crew-caption small{font-size:9px;letter-spacing:2px;color:#a297ad}.crew-caption h3{font-size:28px;letter-spacing:-1px;margin:12px 0}.crew-caption p{font-size:14px;line-height:1.5;color:#a89cb1;min-height:42px}.crew-caption span{font-size:12px;color:#ccb3ea}.crew-q{border-top:2px solid #52c8f0}.crew-curator{border-top:2px solid #b76bff}.crew-tekton{border-top:2px solid #e9a244}.crew-note{font-size:11px;color:#928599}.role-nav .role-portrait{height:64px;width:64px;border-radius:50%;object-fit:cover;object-position:center 24%;border:1px solid #9174b466;align-self:center}.role-nav{gap:35px}.role-nav a{align-items:center}.section-avatar{width:86px;height:86px;object-fit:cover;object-position:center 24%;border-radius:22px;border:1px solid #9174b444;margin-bottom:18px}@media(hover:hover) and (prefers-reduced-motion:no-preference){.crew-card:hover{transform:translateY(-5px);border-color:#ba91e9}}@media(prefers-reduced-motion:reduce){.crew-card{transition:none}}@media(max-width:850px){.crew-grid{gap:12px}.crew-portrait{height:280px}.crew-caption{padding:20px}.crew-caption h3{font-size:23px}}@media(max-width:620px){.crew-section{padding:60px 24px}.crew-grid{grid-template-columns:1fr}.crew-portrait{height:380px}.crew-caption p{min-height:0}.role-nav{flex-wrap:wrap;gap:24px;justify-content:center}.role-nav .role-portrait{height:50px;width:50px}}

/* Unboxed Astrobots showcase. */
.crew-card,.crew-q,.crew-curator,.crew-tekton{border:0;background:transparent;border-radius:0}.crew-portrait{background:transparent}.crew-caption{padding:22px 12px}.crew-card:hover{border-color:transparent}.role-nav .role-portrait,.section-avatar{border:0}

.section-avatar{width:130px;height:185px;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent}.role-nav .role-portrait{border:0;border-radius:0;object-fit:contain;object-position:center;width:64px;height:86px}

.arcq-logo{display:block;width:44px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}header .brand{flex-shrink:0}footer .arcq-logo{width:88px;height:88px}

/* ARCQ environment-led visual pass and balanced role navigation. */
html,body{max-width:100%;overflow-x:clip}.hero{background:linear-gradient(180deg,#060a10e8 0%,#07101bc9 45%,#06080ff2 100%),url('assets/env-starship.png') center/cover no-repeat}.hero h1 span{background-image:linear-gradient(110deg,#95dcff,#a49eff,#e2c7f4)}.intro{position:relative;isolation:isolate;max-width:none;padding:95px max(24px,calc((100vw - 1150px)/2)) 70px;overflow:hidden}.ecosystem-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#070b11dd,#090d16e8),url('assets/env-command-bridge.png') center/cover}.intro>p:not(.eyebrow){max-width:760px;width:100%;padding:0 12px;overflow-wrap:break-word}.role-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;max-width:1100px;margin:40px auto 0;align-items:end}.role-nav a{min-width:0;text-align:center;font-size:12px;line-height:1.5;display:flex;flex-direction:column;gap:18px}.role-nav .role-portrait{width:100%;height:155px;object-fit:contain;object-position:center}.role-nav a:first-child .role-portrait{transform:scale(1.35);transform-origin:center bottom}.role-nav .block-portrait{height:135px;margin-bottom:20px;padding:12px;filter:drop-shadow(0 0 18px #6895e833)}.crew-q .crew-portrait img{transform:scale(1.2);transform-origin:center}.section-avatar[src*="astrobot-q"]{width:170px;height:210px;object-fit:contain}.environment-gallery{padding:85px max(24px,calc((100vw - 1150px)/2));background:#080c12}.environment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.environment-grid figure{margin:0;overflow:hidden}.environment-grid figure:first-child{grid-column:1/-1}.environment-grid img{display:block;width:100%;height:auto;border-radius:6px}.environment-grid figcaption{display:flex;flex-direction:column;gap:8px;padding:18px 0}.environment-grid figcaption b{font-size:18px;color:#ddebf6}.environment-grid figcaption span{font-size:13px;color:#8f9eae}.environment-gallery .eyebrow{color:#90b8d2}.spatial-section{background:linear-gradient(#07101aed,#0b0b16f5),url('assets/env-command-bridge.png') center/cover}.light{background:#e9eef4}.light .eyebrow{color:#66768b}.demo{transform:none}@media(max-width:850px){.role-nav{gap:12px}.role-nav .role-portrait{height:130px}.role-nav .block-portrait{height:110px}.role-nav a{font-size:11px}}@media(max-width:620px){.intro{padding:65px 20px}.role-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 10px}.role-nav .role-portrait{height:115px}.role-nav .block-portrait{height:100px;margin-bottom:15px}.role-nav a:first-child .role-portrait{transform:scale(1.28)}.intro h2{font-size:clamp(32px,8.8vw,42px)}.intro>p:not(.eyebrow){padding:0;font-size:17px}.environment-gallery{padding:60px 24px}.environment-grid{grid-template-columns:1fr;gap:20px}.environment-grid figure:first-child{grid-column:auto}.crew-q .crew-portrait img{transform:scale(1.1)}}

.orb{width:min(700px,95vw);height:390px;overflow:visible}.hero-orb-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.orb-3d-ready>.orbit,.orb-3d-ready>.core{display:none}.orb-3d-ready .orbit-label{z-index:2;background:#101725d9;border-color:#8aafd74a;color:#bfd5ea;font-size:9px}.orb-3d-ready .l1{left:8%;top:46%}.orb-3d-ready .l2{right:5%;top:23%}.orb-3d-ready .l3{right:10%;bottom:18%}@media(max-width:620px){.orb{height:300px}.orb-3d-ready .orbit-label{font-size:8px;padding:7px 9px}.orb-3d-ready .l1{left:1%}.orb-3d-ready .l2{right:0}.orb-3d-ready .l3{right:1%}}