:root { --ows-green:#71f79f; --ows-blue:#4fc3ff; --ows-gold:#ffc857; --ows-red:#ff6b6b; --ows-slate:#9eafbe; }
.ows-hero { min-height: calc(100vh - 5.5rem); }
.ows-hero h1 { max-width: 9ch; font-size: clamp(3.5rem,7.4vw,7rem); letter-spacing: -.05em; }
.ows-hero .hero-tagline span { color: var(--ows-green); }
.ows-stage { position: relative; min-height: 41rem; display:grid; place-items:center; perspective:1000px; }
.ows-stage-glow { position:absolute; width:88%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(79,195,255,.18),rgba(113,247,159,.09) 34%,transparent 68%); filter:blur(18px); }
.world-window { position:relative; width:min(100%,34rem); min-height:29rem; overflow:hidden; border:1px solid rgba(79,195,255,.34); border-radius:1.3rem; background:linear-gradient(145deg,rgba(13,24,30,.96),rgba(5,8,13,.98)); box-shadow:0 2.5rem 6rem rgba(0,0,0,.62),0 0 4rem rgba(79,195,255,.12); transform:rotateY(-5deg) rotateX(2deg); }
.world-bar { height:2.5rem; display:flex; align-items:center; gap:.38rem; padding:0 .85rem; border-bottom:1px solid rgba(255,255,255,.08); color:#dce8ee; font-size:.65rem; font-weight:800; letter-spacing:.14em; }
.world-bar i { width:.45rem; height:.45rem; border-radius:50%; background:var(--ows-green); box-shadow:.8rem 0 var(--ows-blue),1.6rem 0 var(--ows-gold); }
.world-bar span { margin-left:1.7rem; }
.world-map { position:relative; min-height:22rem; overflow:hidden; background:linear-gradient(rgba(79,195,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(79,195,255,.07) 1px,transparent 1px),radial-gradient(circle at 56% 46%,rgba(113,247,159,.16),transparent 34%),#071016; background-size:2rem 2rem,2rem 2rem,auto,auto; }
.map-road { position:absolute; height:.65rem; border-block:1px solid rgba(255,200,87,.5); background:rgba(255,200,87,.11); box-shadow:0 0 1.3rem rgba(255,200,87,.14); transform-origin:left center; }
.road-one { width:110%; left:-8%; top:52%; transform:rotate(-18deg); }
.road-two { width:88%; left:17%; top:17%; transform:rotate(56deg); }
.road-three { width:78%; left:12%; bottom:18%; transform:rotate(13deg); }
.district { position:absolute; display:grid; place-items:center; border:1px solid rgba(79,195,255,.38); color:#dff8ff; background:rgba(8,22,31,.82); box-shadow:0 0 1.4rem rgba(79,195,255,.12); font-size:.58rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.district-core { left:38%; top:36%; width:27%; height:24%; border-color:rgba(113,247,159,.55); }
.district-drive { right:7%; top:14%; width:25%; height:18%; }
.district-systems { left:7%; bottom:10%; width:29%; height:20%; }
.map-node { position:absolute; width:.65rem; height:.65rem; border:2px solid var(--ows-green); border-radius:50%; background:#061019; box-shadow:0 0 1rem var(--ows-green); }
.node-one { left:23%; top:22%; }.node-two { right:18%; bottom:22%; }.node-three { left:63%; bottom:8%; }
.world-status { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; padding:.75rem; }
.world-status div { min-width:0; padding:.65rem; border:1px solid rgba(255,255,255,.08); border-radius:.65rem; background:rgba(255,255,255,.025); }
.world-status span,.world-status strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.world-status span { color:#879ca8; font-size:.56rem; letter-spacing:.1em; text-transform:uppercase; }.world-status strong { color:#fff; font-size:.72rem; }
.floating-repo { position:absolute; z-index:4; right:-2%; top:8%; min-width:10rem; padding:.8rem .9rem; border:1px solid rgba(113,247,159,.38); border-radius:.85rem; background:rgba(7,14,18,.94); box-shadow:0 1rem 3rem rgba(0,0,0,.5); }
.floating-repo span,.floating-repo strong { display:block; }.floating-repo span { color:var(--ows-green); font-size:.58rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.floating-repo strong { color:#fff; font-size:.84rem; }
.floating-branch { position:absolute; z-index:4; left:-2%; bottom:9%; min-width:9rem; padding:.8rem .9rem; border:1px solid rgba(79,195,255,.38); border-radius:.85rem; background:rgba(7,14,18,.94); box-shadow:0 1rem 3rem rgba(0,0,0,.5); }.floating-branch span{display:block;color:var(--ows-blue);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.floating-branch strong{color:#fff;font-size:.84rem}
.ows-strip { border-block:1px solid rgba(79,195,255,.18); background:rgba(5,11,15,.78); }.ows-strip-grid { display:grid; grid-template-columns:repeat(4,1fr); }.ows-strip-grid div { padding:1.2rem; border-right:1px solid rgba(255,255,255,.07); }.ows-strip-grid div:first-child{border-left:1px solid rgba(255,255,255,.07)}.ows-strip-grid strong,.ows-strip-grid span{display:block}.ows-strip-grid strong{color:#fff}.ows-strip-grid span{color:var(--muted);font-size:.8rem}
.ows-section { padding:clamp(4rem,9vw,8rem) 0; }.ows-section-heading{max-width:52rem;margin-bottom:2.5rem}.ows-section-heading h1,.ows-section-heading h2{margin:.1rem 0 1rem;color:#fff;font-size:clamp(2.4rem,6.5vw,5rem);font-weight:260;line-height:.97;letter-spacing:-.045em}.ows-section-heading p{color:var(--muted);font-size:1.05rem}
.ows-card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.ows-card { position:relative; min-height:18rem; overflow:hidden; padding:clamp(1.4rem,4vw,2.4rem); border:1px solid rgba(255,255,255,.09); border-radius:1.2rem; background:linear-gradient(145deg,rgba(15,29,35,.88),rgba(7,10,15,.94)); }.ows-card::after{position:absolute;right:-18%;bottom:-40%;width:58%;aspect-ratio:1;border-radius:50%;content:"";background:radial-gradient(circle,rgba(79,195,255,.14),transparent 68%)}.ows-card-wide{grid-column:1/-1;min-height:15rem}.ows-card span{color:var(--ows-green);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ows-card h3{max-width:31rem;margin:.7rem 0;color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;line-height:1.05}.ows-card p,.ows-card li{position:relative;z-index:1;color:var(--muted)}
.status-matrix{display:grid;gap:.8rem}.status-row{display:grid;grid-template-columns:minmax(10rem,.75fr) minmax(0,1.6fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:rgba(10,18,22,.8)}.status-row strong{color:#fff}.status-row p{margin:0;color:var(--muted);font-size:.9rem}.status-pill{padding:.3rem .55rem;border-radius:999px;color:#07100c;background:var(--ows-green);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status-pill.building{background:var(--ows-gold)}.status-pill.planned{background:var(--ows-blue)}
.contribution-path { display:grid; gap:1rem; counter-reset:ows-step; }.contribution-step{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;padding:1.35rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:rgba(10,20,24,.8);counter-increment:ows-step}.contribution-step::before{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid rgba(113,247,159,.4);border-radius:50%;color:var(--ows-green);content:counter(ows-step,decimal-leading-zero);font-weight:800}.contribution-step h3{margin:0 0 .35rem;color:#fff;font-size:1.3rem}.contribution-step p{margin:0;color:var(--muted)}
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.community-card{display:grid;align-content:start;gap:.6rem;min-height:13rem;padding:1.35rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;color:var(--muted);text-decoration:none;background:rgba(10,20,24,.82)}.community-card:hover{border-color:rgba(113,247,159,.42);background:rgba(17,33,39,.94)}.community-card strong{color:#fff;font-size:1.2rem}.community-card span{color:var(--ows-green);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-card{padding:clamp(1.35rem,3vw,2rem);border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:linear-gradient(145deg,rgba(15,29,35,.88),rgba(7,10,15,.94))}.feature-card span{color:var(--ows-green);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.feature-card h3{margin:.65rem 0;color:#fff;font-size:1.35rem}.feature-card p{margin:0;color:var(--muted)}
.principle-stack{display:grid;gap:.8rem}.principle-stack article{padding:1.1rem 1.2rem;border:1px solid rgba(255,255,255,.09);border-radius:.9rem;background:rgba(10,20,24,.82)}.principle-stack strong{display:block;margin-bottom:.35rem;color:#fff;font-size:1.05rem}.principle-stack p{margin:0}
.ows-notice{margin:1.5rem 0;padding:1rem 1.1rem;border-left:3px solid var(--ows-green);border-radius:.3rem .8rem .8rem .3rem;background:rgba(113,247,159,.07);color:#dce7eb}.document .button{display:inline-flex;margin-top:1rem}.github-button{background:linear-gradient(100deg,#216e45,#1e708a);box-shadow:0 0 1.5rem rgba(113,247,159,.16)}
@media(max-width:760px){.ows-hero{min-height:auto}.ows-stage{min-height:31rem}.world-window{transform:none}.floating-repo{right:-.2rem}.floating-branch{left:-.2rem}.ows-strip-grid{grid-template-columns:repeat(2,1fr)}.ows-strip-grid div:nth-child(3){border-left:1px solid rgba(255,255,255,.07);border-top:1px solid rgba(255,255,255,.07)}.ows-strip-grid div:nth-child(4){border-top:1px solid rgba(255,255,255,.07)}.ows-card-grid,.community-grid,.feature-grid{grid-template-columns:1fr}.ows-card-wide{grid-column:auto}.status-row{grid-template-columns:1fr}.status-pill{justify-self:start}.contribution-step{grid-template-columns:1fr}}
@media(max-width:430px){.ows-stage{min-height:27rem}.world-window{min-height:24rem}.world-map{min-height:17rem}.floating-repo,.floating-branch{display:none}}