/* An open robotics studio: precise grids, soft ceramic, one living focal point. */
:root{--bg:#080e16;--surface:#101b28;--line:#263947;--accent:#80efd4;--muted:#aebecb}
html{scroll-padding-top:100px}body{background:var(--bg);background-image:radial-gradient(ellipse at 85% 5%,#152f3f66,transparent 40%)}
.header{background:#080e16e8;backdrop-filter:blur(20px);border-bottom:0;box-shadow:none}.community-header .nav{gap:26px}.community-header nav a{position:relative}.community-header nav a[aria-current=page]{color:#b9ffeb}.community-header nav a[aria-current=page]:after{content:"";position:absolute;bottom:-23px;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 16px #80efd466}.brand-symbol{font-size:36px;line-height:1;border:0;box-shadow:none;background:transparent}
.motion-toggle{flex-shrink:0;display:flex;align-items:center;gap:6px;min-width:62px;min-height:40px;border:1px solid #324652;border-radius:20px;background:#0c1b25;color:#b9ced7;cursor:pointer;padding:6px 10px;font:inherit;font-size:11px}.motion-toggle>span:first-child{font-size:20px;color:var(--accent);line-height:1}.motion-toggle[aria-pressed=true]>span:first-child{color:#8397a5}.motion-toggle:hover{border-color:var(--accent)}
.landing-hero{position:relative;min-height:650px;grid-template-columns:1.03fr 1fr;gap:28px;padding:92px 0 52px}.hero-coordinate{position:absolute;left:0;right:0;top:30px;display:flex;justify-content:space-between;gap:16px;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:2.6px;color:#728b9a}.hero-coordinate span:first-child:before{content:"+";color:#89efd4;margin-right:15px}.hero-copy{position:relative;z-index:1}.hero-copy>.eyebrow{font-size:12px;letter-spacing:1.8px;color:#a6cbcb}.hero-copy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.25;font-weight:620;letter-spacing:-.045em;margin:26px 0}.hero-copy h1 em{font-style:normal;color:#97f3da}.hero-copy>p{font-size:16px;color:#a3b9c9;line-height:1.95;max-width:31em}.hero-copy .actions{gap:12px;margin-top:30px}.hero-copy .btn{font-size:14px;border-radius:7px;padding-inline:20px;min-height:48px}.btn{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.btn:active{transform:translateY(1px)}.btn.primary{background:#91efd7;color:#072b29;border-color:#a9ffe6;box-shadow:0 0 24px #82efd410}.btn.primary:hover{background:#b5ffe9;box-shadow:0 0 24px #82efd428}.hero-tags{margin-top:28px;gap:16px}.hero-tags span{padding:0;border:0;background:none;font-size:11px;letter-spacing:1px;color:#7895a5}.hero-tags span+span:before{content:"/";margin-right:16px;color:#36505f}
.interactive-robot{isolation:isolate;overflow:visible;border-radius:0;background:none;perspective:none;margin:0}.interactive-robot:before{content:"";position:absolute;inset:25px -10px 80px;background:radial-gradient(ellipse,#396f7733,transparent 65%);z-index:-1;pointer-events:none}.mascot-id{display:flex;justify-content:space-between;align-items:center;margin:0 26px;color:#6f939f;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.8px}.mascot-id>span:first-child{color:#bed5d7;font:12px/1.5 inherit;letter-spacing:3px}.mascot-id i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:#95f8dc;box-shadow:0 0 8px #7ce9c3}.interactive-robot .digital-stage{height:430px;background:none;overflow:visible}.digital-stage canvas{touch-action:pan-y;cursor:grab;border-radius:12px}.digital-stage canvas:active{cursor:grabbing}.interactive-robot figcaption{min-height:54px;padding:4px 18px 12px;color:#91b0bd;font-size:12px;line-height:1.8;letter-spacing:.3px}.interactive-robot figcaption span{max-width:100%}
.connection-strip{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid #2f4653;border-bottom:1px solid #1c2d39;gap:30px;color:#91aab8}.connection-strip>.mono{font-size:10px;letter-spacing:2px;color:#b6cbd3}.connection-strip>div{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:3px}.connection-strip i{width:45px;height:1px;background:linear-gradient(90deg,#38525d,#83d3bb);position:relative}.connection-strip i:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-radius:50%;background:#a4e7d3}.connection-strip>a{font-size:11px;color:#779eac}.connection-strip>a span{margin-left:10px}
.vision-section{border:0;padding:100px 0;gap:80px}.vision-section h2{font-size:clamp(28px,3vw,38px);line-height:1.55;letter-spacing:-.03em}.vision-copy p{color:#98aebc;line-height:1.95}.vision-copy .vision-line{position:relative;padding:22px 0 0;color:#bfddd6;margin-top:25px;border:0}.vision-line:before{content:"";height:1px;background:linear-gradient(90deg,#89eacb,#395965);position:absolute;top:0;left:0;width:100%;transform:scaleX(var(--line-progress,1));transform-origin:left}
.directions-section{padding:0 0 45px}.section-title h2{font-size:32px;letter-spacing:-.025em}.section-title .eyebrow,.vision-section .eyebrow{font-size:10px;letter-spacing:2px;color:#74bba9}.direction-grid{perspective:1200px;gap:18px}.direction-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#142331,#0b141e);border:1px solid #2c4150;border-radius:9px;padding:28px;transform-style:preserve-3d;transition:border-color .25s,box-shadow .25s}.direction-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(450px circle at var(--light-x,50%) var(--light-y,0%),#5ce4d112,transparent 60%);transition:opacity .25s;pointer-events:none}.direction-card:hover:before{opacity:1}.direction-card:hover{border-color:#73d9bd77;transform:none;box-shadow:0 12px 42px #0003}.direction-top>span{font:11px/1 ui-monospace,SFMono-Regular,monospace;color:#5e8799}.direction-top>.ui-icon{width:28px;height:28px;color:#8ee4cf}.direction-card h3{font-size:18px;font-weight:550;margin-top:36px}.direction-card p{font-size:14px;line-height:1.85;color:#8fa7b6}.direction-card .text-link{font-size:12px;color:#b7ddd3}
.home-project{position:relative;overflow:hidden;background:linear-gradient(115deg,#132e33,#0d1b29);border:1px solid #32525b;border-radius:12px;padding:46px;gap:50px;margin:36px 0 84px}.home-project h2{font-size:28px}.home-project .eyebrow{font-size:10px;letter-spacing:2px;color:#75c7b6}.home-project p{color:#9cb7be}.home-project .text-link{font-size:12px}.project-steps{position:relative;z-index:0;min-height:210px;gap:10px}.project-steps:before,.project-steps:after{content:"";position:absolute;left:8%;right:8%;height:1px;top:calc(50% - 30px);background:#325565;z-index:-1}.project-steps:after{background:#a0f7d9;box-shadow:0 0 10px #98efce;transform:scaleX(var(--flow-progress,1));transform-origin:left}.project-steps>span{font-size:13px;background:#102531;padding:12px 8px;border-radius:8px;gap:16px;min-width:82px}.project-steps>span>.ui-icon{width:34px;height:34px}.project-steps>span small{color:#7c9ca9;font-size:11px}.project-steps>.ui-icon{width:16px;background:#102531;color:#679f9d}
.members-section{padding-bottom:60px}.member-card{border-color:#2a414f;background:#0e1a24}.home-join{border:1px solid #35534f;border-radius:16px;background:linear-gradient(105deg,#112d30,#10202d);padding:40px 44px;gap:32px;margin:48px 0 72px}.home-join>div{min-width:0}.home-join h2{margin:0 0 14px;line-height:1.55}.home-join p{margin:0;line-height:1.9}.home-join>.btn{flex-shrink:0;align-self:center}.home-join h2{font-size:26px}.community-footer{border-top-color:#263a45}
.page-title .eyebrow,.community-welcome .eyebrow{color:#7ecab7;letter-spacing:1.4px}.page-title h1,.community-welcome h1{letter-spacing:-.035em}.device-network{background:radial-gradient(ellipse at 50% 50%,#173743,#0b151f 66%);border-color:#2d4756;box-shadow:inset 0 0 60px #030b1444}.account-card,.editor-card,.side-panel{background:linear-gradient(145deg,#132331,#0e1822)}
[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:761px) and (max-width:1100px){.community-header .nav{gap:15px}.community-header nav{gap:14px}.motion-label{display:none}.motion-toggle{min-width:36px;padding:6px 9px}.hero-copy .actions{flex-direction:column;align-items:flex-start}.landing-hero{gap:10px}.hero-tags{gap:10px}.hero-tags span+span:before{margin-right:10px}.home-project{padding:30px;gap:25px}.direction-card{padding:24px}}
@media(max-width:760px){.community-header .nav{gap:12px}.community-header nav a[aria-current=page]:after{display:none}.motion-label{display:none}.motion-toggle{min-width:34px;min-height:34px;padding:5px 8px;margin-left:auto}.account-nav{margin-left:auto}.account-nav .btn{font-size:12px;padding:8px 12px}.community-header .brand{min-width:0}.brand-symbol{width:32px;height:32px;font-size:26px}.brand small{font-size:9px!important}.brand{gap:8px;font-size:17px}.landing-hero{min-height:0;grid-template-columns:1fr;padding:72px 0 24px;gap:20px}.hero-coordinate{top:22px;font-size:8px;letter-spacing:1.7px}.hero-coordinate span:last-child{display:none}.hero-copy h1{font-size:clamp(37px,10vw,56px);line-height:1.25;margin:23px 0}.hero-copy>p{font-size:14px;line-height:1.9}.hero-copy>.eyebrow{font-size:10px;letter-spacing:1px}.hero-copy .actions{margin-top:23px;gap:9px}.hero-copy .btn{padding-inline:13px;font-size:12px;min-height:44px;gap:8px}.hero-tags{margin-top:24px;gap:11px}.hero-tags span{font-size:10px;letter-spacing:.6px}.hero-tags span+span:before{margin-right:11px}.interactive-robot{margin:12px 0 0}.interactive-robot .digital-stage{height:320px}.mascot-id{margin:0 10px;font-size:9px}.interactive-robot figcaption{font-size:11px;min-height:44px;padding:0 4px 9px}.connection-strip{padding:22px 0;gap:22px;flex-wrap:wrap;justify-content:center}.connection-strip>.mono{font-size:9px;letter-spacing:1.6px}.connection-strip>div{font-size:10px;gap:15px}.connection-strip i{width:24px}.connection-strip>a{display:none}.vision-section{padding:54px 0;gap:24px}.vision-section h2{font-size:27px}.vision-copy p{font-size:14px}.section-title h2{font-size:25px;line-height:1.5}.section-title{gap:16px}.section-title .text-link{font-size:12px;white-space:nowrap}.direction-grid{gap:13px}.direction-card{padding:26px}.direction-card h3{margin-top:24px}.directions-section{padding-bottom:14px}.home-project{padding:28px 24px 10px;gap:2px;margin:28px 0 50px}.home-project h2{font-size:25px}.project-steps{min-height:188px;padding:20px 0;gap:4px}.project-steps>span{min-width:70px;font-size:12px;padding:10px 4px;gap:13px}.project-steps>span>.ui-icon{width:27px;height:27px}.project-steps>span small{font-size:10px}.project-steps:before,.project-steps:after{top:calc(50% - 26px)}.members-section{padding-bottom:28px}.home-join{padding:30px 24px;gap:24px;margin:32px 0 42px}.home-join>.btn{align-self:flex-start}.home-join h2{font-size:24px;line-height:1.55}.home-join p{font-size:14px}.community-footer{font-size:12px}.community-header .login-link{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.direction-card:hover{transform:none}}

.community-progress{font-size:16px;line-height:2;color:var(--muted);margin:8px 0}.community-progress strong{font-size:28px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.github-profile{display:flex;gap:14px;align-items:center;margin-bottom:24px}.github-profile a{color:var(--accent)}

.member-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-role{display:inline-flex;align-items:center;color:#9eb8c6;font-size:11px;line-height:1.6;padding:4px 9px;border:1px solid #314752;border-radius:20px;white-space:nowrap}.member-role.is-founder{color:#b9f6de;border-color:#426d5c;background:#13352a}.member-card h3 a{color:inherit}.member-card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:auto}.member-card-actions .text-link{margin-top:0}.member-edit{font-size:11px!important}.account-card>.member-role{margin:0 0 20px}.public-profile .member-role{margin-top:4px}