/*
Theme Name: OTWONO Orbit
Author: OTWONO Enterprises LLC
Description: A precision-designed headquarters for an expanding ecosystem. Requires OTWONO Ecosystem for project and roadmap content.
Version: 2.7.3
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: otwono-orbit
*/
:root{--bg:#06090d;--panel:#0c1219;--ink:#eef3f3;--muted:#9daab7;--line:#25313b;--accent:#b6efdc;--warm:#d3b493;--max:1240px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 13% 19%,#98b8c880,transparent),radial-gradient(1px 1px at 72% 31%,#9cb3c670,transparent),radial-gradient(1px 1px at 35% 81%,#c5d8e570,transparent),radial-gradient(1.3px 1.3px at 89% 74%,#d7e7fa70,transparent);background-size:313px 337px,479px 389px,547px 461px,727px 641px}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3rem,7.7vw,7rem)}h2{font-size:clamp(2.4rem,4.8vw,4.5rem)}h3{font-size:clamp(1.5rem,2.7vw,2.3rem)}p{color:var(--muted)}.wrap{max-width:var(--max);margin:auto;padding-inline:42px}.eyebrow{font-family:Consolas,monospace;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:26px}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;background:var(--ink);color:var(--bg);z-index:100;padding:12px}.skip:focus{top:8px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff14;background:#06090deF;backdrop-filter:blur(16px)}.admin-bar .site-header{top:32px}.nav-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1.22rem;font-weight:700;letter-spacing:.13em}.brand svg{width:48px;height:48px}.main-nav{display:flex;gap:27px;align-items:center;font-size:.9rem}.main-nav details{position:relative}.main-nav summary{list-style:none;cursor:pointer}.main-nav summary:after{content:' +';color:var(--muted)}.nav-menu{position:absolute;top:40px;left:-24px;background:#0c1219;border:1px solid var(--line);width:520px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.nav-menu a{padding:8px}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:8px 14px}.orbit-link{border:1px solid #b6efdc66;padding:10px 17px;white-space:nowrap;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}.orbit-link span{color:var(--accent);margin-right:8px}.hero{position:relative;overflow:hidden;min-height:740px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06090d 0%,#06090ddd 24%,#06090d33 70%),linear-gradient(0deg,#06090d,transparent 30%);z-index:-1}.hero .wrap{width:100%;padding-top:90px;padding-bottom:90px}.hero h1{max-width:760px;margin-bottom:28px}.hero h1 em{display:block;color:var(--accent);font-style:normal}.hero p{max-width:540px;font-size:1.12rem}.hero-bottom{margin-top:76px;display:flex;gap:38px;font-family:Consolas,monospace;font-size:.75rem;letter-spacing:.08em;color:#9daab7}.hero-bottom span:before{content:'+';margin-right:10px;color:var(--accent)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:30px;align-items:center;padding:15px 23px;background:var(--accent);color:#08211a;border:1px solid var(--accent);font-size:.9rem;font-weight:600}.button:hover{background:#d8ffef;color:#08211a}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.text-link{border-bottom:1px solid #93a4ad65;padding-bottom:5px;font-size:.9rem}.section{padding-block:110px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section-head h2{max-width:750px;margin-bottom:0}.section-head p{max-width:350px;margin:0}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.intro h2{max-width:440px}.intro .lead{font-size:1.5rem;line-height:1.5;color:#d5dfdf;letter-spacing:-.025em}.principles{display:flex;gap:24px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.status{font: .72rem Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#b9c4cf;display:inline-flex;align-items:center;gap:8px;line-height:1.4}.status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.status.live,.status.building{color:var(--accent)}.status.research,.status.prototype{color:#b8c8ee}.status.long-term{color:var(--warm)}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:60px 1fr 1.2fr 180px 24px;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center;transition:background .2s}.project-row:hover{background:#b6efdc06}.project-row .index{font: .8rem Consolas,monospace;color:#697988}.project-row h3{font-size:1.5rem;letter-spacing:-.025em;margin:0}.project-row p{font-size:.95rem;margin:0}.project-row .arrow{color:var(--accent)}.system{display:grid;grid-template-columns:1fr 1fr;gap:70px}.system-lines{border-top:1px solid var(--line)}.system-lines a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;gap:20px}.system-lines small{display:block;color:var(--muted);font-size:.86rem}.system-lines b{font-weight:400;font-size:1.14rem}.system .system-intro{position:sticky;top:145px;align-self:start}.system-intro p{max-width:450px}.section-number{font: .8rem Consolas,monospace;color:var(--accent)}.timeline{margin-top:65px;position:relative}.timeline:before{content:'';position:absolute;left:175px;top:0;bottom:0;width:1px;background:linear-gradient(var(--accent),#425969 40%,#65513d)}.milestone{display:grid;grid-template-columns:175px 1fr;gap:0;padding-bottom:62px}.milestone-meta{padding-right:35px;display:flex;flex-direction:column;gap:20px;padding-top:6px}.milestone-meta .phase{font: .77rem Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.milestone-body{padding-left:65px;position:relative;max-width:910px}.milestone-body:before{content:'';width:9px;height:9px;position:absolute;left:-4px;top:12px;background:#8399a8;border-radius:50%;box-shadow:0 0 0 8px #06090d}.milestone:first-child .milestone-body:before{background:var(--accent)}.milestone h3{font-size:2.2rem;margin-bottom:19px}.milestone p{max-width:650px}.milestone details{padding:15px 0;border-top:1px solid var(--line)}summary{cursor:pointer}details summary{font-size:.9rem}details[open] summary{margin-bottom:20px;color:var(--accent)}.milestone details p,.milestone details li{font-size:.95rem}.milestone .project-go{display:inline-block;margin-top:10px;font-size:.85rem;color:var(--accent)}.statement{padding:100px 0;text-align:center;max-width:800px;margin:auto}.statement h2{font-size:clamp(2rem,4vw,3.8rem)}.statement p{max-width:550px;margin-inline:auto}.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.feature-image{aspect-ratio:1.1;object-fit:cover;border:1px solid var(--line)}.caption{font:.72rem Consolas,monospace;color:var(--muted);margin-top:14px}.feature-copy h2{margin-top:22px}.feature-copy details{border-top:1px solid var(--line);padding:17px 0}.feature-copy ul{color:var(--muted)}.warm{--accent:#e8c69b}.creative{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.creative article{background:#080d12;padding:45px}.creative .game-code{font: .8rem Consolas,monospace;color:#82929d;margin-bottom:40px;display:block}.creative h3{font-size:2rem;margin-block:18px}.creative p{max-width:450px}.orbit-banner{border:1px solid var(--line);padding:60px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;background:radial-gradient(ellipse at 80% 50%,#203e3a35,transparent 65%)}.orbit-banner h2{font-size:3rem;margin-bottom:18px}.orbit-banner p{max-width:620px;margin:0}.footer{padding:75px 0 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer-main .brand{margin-bottom:20px}.footer-main p{font-size:.9rem;max-width:260px}.footer h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;color:#788995}.footer-links a{display:block;margin:9px 0;font-size:.88rem}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:65px;font-size:.78rem;color:var(--muted)}.page-hero{padding:100px 0 65px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3rem,6.5vw,6rem);max-width:980px;margin-block:22px}.page-hero .lead{max-width:750px;font-size:1.3rem}.content-grid{display:grid;grid-template-columns:1fr 260px;gap:100px;padding-block:75px}.prose{max-width:800px}.prose h2{font-size:2.15rem;margin-top:55px}.prose h3{font-size:1.5rem;margin-top:35px}.prose p,.prose li{color:#b0bcc5}.prose a{text-decoration:underline;text-underline-offset:5px}.prose ul{padding-left:22px}.prose li{margin:10px 0}.prose img{border:1px solid var(--line)}.aside{font-size:.9rem}.aside section{position:sticky;top:130px}.aside a{display:block;border-bottom:1px solid var(--line);padding:14px 0}.aside h2{font-size:1.1rem;margin-bottom:22px}.notice{padding:22px 25px;border-left:2px solid var(--accent);background:#b6efdc06;font-size:.94rem;color:#b0bcc5}.station-map{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px}.station-map a{padding:25px 0;border-bottom:1px solid var(--line)}.station-map h3{font-size:1.5rem;margin:12px 0}.station-map p{margin:0;font-size:.92rem}.orbit-launch{padding:50px;border:1px solid var(--line);margin:40px 0;background:#0b1319}.orbit-launch h2{font-size:2rem}.editor-note{padding:20px;background:#12211b;color:#b6efdc;border:1px solid #39594b;margin:20px 0}.post-date{font:.8rem Consolas,monospace;color:var(--muted)}.motion-toggle{position:static;min-height:44px;flex-shrink:0;background:#0b121a;border:1px solid var(--line);color:var(--muted);font-size:.75rem;padding:8px 12px}.space-meteor{pointer-events:none;position:fixed;width:65px;height:1px;background:linear-gradient(90deg,transparent,#adc8d3);z-index:-1;opacity:0;animation:meteor 1s ease-out forwards}@keyframes meteor{10%{opacity:.5}100%{opacity:0;transform:translate(180px,100px) rotate(25deg)}}.wp-block-embed iframe{max-width:100%}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.hero{isolation:isolate}.hero h1 em{display:inline}.mobile-orbit{display:none}
@media(max-width:800px){.main-nav .mobile-orbit{display:inline-block}}
@media(min-width:1500px){.hero{min-height:820px}}
@media(max-width:1200px){.main-nav{gap:18px}.wrap{padding-inline:28px}.project-row{grid-template-columns:35px 1fr 1fr 145px 15px;gap:15px}.intro{gap:45px}.feature{gap:35px}.footer-main{gap:30px}.content-grid{gap:45px}.hero{min-height:680px}}
@media(max-width:800px){.nav-inner{min-height:74px;flex-wrap:wrap;padding-block:13px}.nav-toggle{display:block}.main-nav{width:100%;display:flex;flex-wrap:wrap;order:3;padding-bottom:12px}.js .main-nav{display:none}.js .main-nav.open{display:flex}.nav-menu{position:static;width:100%;min-width:270px;margin-top:15px}.main-nav details{width:100%}.orbit-link{margin-left:auto}.nav-inner>.orbit-link{display:none}.admin-bar .site-header{top:46px}.hero{min-height:690px}.hero:after{background:linear-gradient(90deg,#06090dfa,#06090d80),linear-gradient(0deg,#06090d,transparent)}.hero-image{object-position:65% center}.hero .wrap{padding-block:75px}.hero h1{font-size:clamp(3.4rem,10vw,5rem)}.hero-bottom{flex-direction:column;gap:10px;margin-top:55px}.section{padding-block:75px}.intro,.system,.feature,.content-grid{grid-template-columns:1fr;gap:35px}.section-head{display:block}.section-head p{margin-top:25px;max-width:550px}.project-row{grid-template-columns:30px 1fr 20px}.project-row p{grid-column:2;font-size:.9rem}.project-row .status{grid-column:2}.project-row .arrow{grid-column:3;grid-row:1}.project-row h3{font-size:1.55rem}.milestone{grid-template-columns:1fr;padding-left:28px;padding-bottom:45px}.timeline:before{left:3px}.milestone-meta{flex-direction:row;flex-wrap:wrap;padding:0 0 20px;gap:15px}.milestone-body{padding-left:0}.milestone-body:before{left:-29px}.milestone h3{font-size:1.8rem}.creative{grid-template-columns:1fr}.creative article{padding:32px}.orbit-banner{grid-template-columns:1fr;padding:32px}.orbit-banner h2{font-size:2.3rem}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-direction:column}.feature-image{aspect-ratio:1.35}.page-hero{padding-block:70px 45px}.station-map{grid-template-columns:1fr}.orbit-launch{padding:25px}.system .system-intro,.aside section{position:static}.principles{flex-wrap:wrap}.content-grid{padding-block:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.space-meteor{display:none}}

@media(max-width:1200px){.nav-inner{flex-wrap:wrap;min-height:74px;padding-block:13px}.nav-toggle{display:block}.main-nav{width:100%;flex-wrap:wrap;order:3;padding-bottom:12px}.js .main-nav{display:none}.js .main-nav.open{display:flex}.main-nav .mobile-orbit{display:inline-block}.main-nav details{width:100%}.nav-menu{position:static;width:100%;min-width:0;margin-top:15px}.nav-inner>.orbit-link{display:none}}

/* Space above the city. Paint, panels and distinct project tracks. */
body{isolation:isolate;background:#050810}body:before{z-index:-3;background-color:#050810}.space-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 15% 30%,#17335322,transparent 55%),radial-gradient(ellipse at 90% 65%,#6a226b18,transparent 45%)}.space-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#d9efff;opacity:.25;box-shadow:0 0 4px #91cfff44;animation:star-breathe var(--duration,7s) ease-in-out var(--delay,0s) infinite alternate}@keyframes star-breathe{from{opacity:.13}to{opacity:.48}}.space-meteor{z-index:0;width:110px;height:1px;background:linear-gradient(90deg,transparent,#b8eaff);box-shadow:0 0 7px #70d8ff55;animation:sky-streak 1.5s ease-out forwards;transform:rotate(28deg)}@keyframes sky-streak{0%{opacity:0;transform:translate(0,0) rotate(28deg)}15%{opacity:.65}100%{opacity:0;transform:translate(360px,190px) rotate(28deg)}}.motion-paused .space-star,.motion-paused .space-meteor{animation-play-state:paused}.motion-paused .space-meteor{display:none}
.home .section{position:relative;margin:26px 20px;padding-block:86px;border:1px solid #70e1e526;background:linear-gradient(130deg,#080e1de8,#0b0c18d9);border-radius:2px;box-shadow:inset 0 1px #d1fff009}.home .section:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#99f6b0 0 12%,#44d8ed99 12% 30%,transparent 30%);clip-path:polygon(0 0,100% 0,99% 35%,48% 70%,47% 100%,0 75%)}.home .section:nth-of-type(3n):before{background:linear-gradient(90deg,#dc69ef 0 13%,#3bcfe6 13% 26%,transparent 26%)}.home .section:after{content:'';position:absolute;right:18px;top:18px;width:75px;height:65px;pointer-events:none;opacity:.2;background:radial-gradient(circle at 25% 20%,#b7fa9e 0 1px,transparent 2px),radial-gradient(circle at 60% 40%,#71e8ee 0 1px,transparent 2px),radial-gradient(circle at 40% 70%,#df86ef 0 1px,transparent 2px);background-size:13px 17px,19px 23px,29px 31px}.home .section h2,.page-hero h1,.product-roadmap>h2{font-family:'OTWONO Voltage','Arial Black',sans-serif!important;font-weight:400!important;letter-spacing:.015em;line-height:1.15;font-size:clamp(2rem,3.8vw,3.8rem);text-shadow:2px 2px #6bdce318,-2px 0 #e861c211}.eyebrow{color:#98f0b7}.ecosystem-group{margin-top:44px}.group-title{font-family:'OTWONO Circuit',sans-serif;font-size:1.3rem;text-transform:uppercase;letter-spacing:.09em;color:#8ee8ee;padding-left:16px;border-left:3px solid #d279ee}.ecosystem-group .project-row{grid-template-columns:1fr 1.3fr 130px 24px;padding-inline:16px}.ecosystem-group .project-row:hover{background:#55dfd90b}.product-roadmap{margin:35px 0 70px}.roadmap-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}.roadmap-product{padding:28px;border:1px solid #77d6e733;background:linear-gradient(140deg,#11182bef,#090d17e8);position:relative;min-width:0}.roadmap-product:nth-child(3){border-color:#c07ae85c}.roadmap-product .eyebrow{font-size:.7rem;margin-bottom:18px}.roadmap-product h3{font-family:'OTWONO Circuit',sans-serif;font-size:1.9rem;letter-spacing:.015em;margin:0 0 15px}.roadmap-product p{font-size:.95rem}.roadmap-product .track-focus{color:#e1e8f3}.roadmap-note{font-size:.85rem}.milestone{padding-bottom:24px;margin-bottom:22px}.milestone-body{border:1px solid #74dbea30;background:linear-gradient(120deg,#11172bea,#0b111bee);padding:28px 30px}.milestone-body:before{left:-5px;top:32px;background:#8fe8d9;box-shadow:0 0 14px #72f6e733}.milestone:nth-child(3n) .milestone-body{border-color:#cb7fe341}.milestone-meta{padding-top:30px}.timeline:before{background:linear-gradient(#7aefcc,#9f70db,#59cae6)}.page-roadmap .content-grid{gap:48px}.creative{gap:22px;background:transparent;border:0}.creative article{border:1px solid #bb7fea40;background:linear-gradient(140deg,#171226df,#080d17ef)}.hero-image{z-index:-2}.hero:after{z-index:-1}
@media(max-width:800px){.home .section{margin:18px 10px;padding-block:52px}.ecosystem-group .project-row{grid-template-columns:1fr 22px;gap:12px;padding:22px 8px}.ecosystem-group .project-row h3,.ecosystem-group .project-row p,.ecosystem-group .project-row .status{grid-column:1}.ecosystem-group .project-row .arrow{grid-column:2;grid-row:1}.roadmap-products{grid-template-columns:1fr}.roadmap-product{padding:24px}.milestone-body{padding:24px}.milestone-body:before{left:-29px}.milestone-meta{padding-top:0}.product-roadmap>h2{font-size:2rem}.home .section h2{font-size:clamp(1.9rem,7.3vw,3rem)}}
@media(prefers-reduced-motion:reduce){.space-star{animation:none!important;opacity:.22}.space-meteor{display:none!important}}

.brand .ot-logo{display:block;width:84px;height:63px;flex:none;overflow:visible}.orbit-emblem .ot-logo{display:block;width:min(100%,450px);height:auto;margin:0 auto 35px;overflow:visible}@media(max-width:800px){.brand .ot-logo{width:68px;height:51px}}

.header-account-actions{display:flex;align-items:center;gap:10px;order:3;flex:none}.header-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid #bdf3c577;border-radius:6px;color:#bdf3c5;font-family:'OTWONO Circuit',sans-serif;font-size:.95rem;white-space:nowrap}.site-header .brand{order:1}.site-header .main-nav{order:2}.site-header .orbit-link{order:4}
@media(max-width:1400px){.site-header .nav-inner{flex-wrap:wrap;min-height:74px;padding-block:13px}.header-account-actions{margin-left:auto;order:2}.header-account-actions .nav-toggle{display:block}.site-header .main-nav{width:100%;flex-wrap:wrap;order:3;padding-bottom:12px}.js .site-header .main-nav{display:none}.js .site-header .main-nav.open{display:flex}.site-header .main-nav .mobile-orbit{display:inline-block}.site-header .main-nav details{width:100%}.site-header .nav-menu{position:static;width:100%;min-width:0;margin-top:15px}.site-header .nav-inner>.orbit-link{display:none}}
@media(max-width:600px){.site-header .nav-inner{padding-inline:14px;gap:8px}.site-header .brand .ot-logo{width:40px;height:38px}.site-header .brand .ot-wordmark{width:92px;height:auto}.header-account-actions{gap:6px}.header-account-link{font-size:.75rem;padding:7px 8px;min-height:40px}.header-account-actions .nav-toggle{font-size:.82rem;padding:8px}.site-header .brand{gap:2px}}

.footer-bottom{align-items:center;flex-wrap:wrap}


/* Keep the ecosystem label and disclosure symbol together. */
.main-nav details{flex-shrink:0}.main-nav summary{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap;flex-wrap:nowrap}.main-nav summary::after{content:"+";display:inline-block;flex:none;line-height:1}.main-nav summary::-webkit-details-marker{display:none}

.earth-home-button{background:transparent;color:var(--accent);border:1px solid var(--accent)}.earth-home-button:hover{background:#b6efdc15;color:var(--ink)}
