/* Open Circuit: shared brand geometry and traces throughout the site. */
body{background-color:#102a25;background-image:radial-gradient(ellipse at 100% 0%,#24453a55,transparent 55%)}
.header{border-bottom-color:#917952;position:relative}
.header:after{content:'';position:absolute;width:9px;height:9px;border:2px solid #efb768;border-radius:50%;right:0;bottom:-5px;background:#102a25;pointer-events:none}
.hero{position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;inset:12px -6.8% 0;z-index:-1;background:url('assets/circuit-frame.svg') center top/100% 100% no-repeat;pointer-events:none}
.hero-heading{padding-block:1rem 2rem}
.hero-heading .hero-mark{isolation:isolate}
.splash-art{position:relative;isolation:isolate}
.circuit-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.hero-heading .splash-art{filter:drop-shadow(0 10px 30px #061e1770)}
.hero-heading .hero-mark{padding-bottom:4rem}
.hero .intro{max-width:610px}
.hero-foot{border-top-color:#917952;padding-top:1.4rem}
.picture-link{border-color:#536b5e;border-radius:2px 22px 2px 2px}
.picture-copy{border-top:2px solid #917952;background:linear-gradient(125deg,#203e33,#142f27)}
.picture-copy b{width:29px;height:29px;display:grid;place-items:center;border:1px solid #917952;border-radius:50%;line-height:1}
.about-teaser{border-top-color:#917952;position:relative}
.about-teaser:before{content:'';height:8px;width:8px;border:2px solid #efb768;background:#102a25;border-radius:50%;position:absolute;top:-5px;left:0}
.contact{position:relative;isolation:isolate}
.contact:before{content:'';position:absolute;inset:0 -6.8%;background:url('assets/circuit-frame.svg') center/100% 100% no-repeat;opacity:.45;pointer-events:none;z-index:-1}
.contact-details{background:#17372ee8;border-color:#917952;border-radius:2px 24px 2px 2px}
.contact-mark{padding-inline:1rem}
.contact-mark .splash-art{margin-bottom:3rem}
.product-page,.about-heading{position:relative;isolation:isolate}
.product-page:before,.about-heading:before{content:'';position:absolute;right:0;top:12px;width:min(40vw,580px);height:112px;background:url('assets/circuit-edge.svg') right top/contain no-repeat;opacity:.75;pointer-events:none;z-index:-1}
.product-page{padding-top:3.5rem}
.world,.flagship{border-top-color:#917952}
footer{border-top-color:#917952;position:relative}
footer:after{content:'';position:absolute;top:-4px;right:12%;width:7px;height:7px;border-radius:50%;background:#efb768;pointer-events:none}
@media(max-width:760px){.hero:before{opacity:.55}.hero-heading{padding-block:.5rem 1rem}.product-page:before,.about-heading:before{width:45vw;height:70px;opacity:.55}.contact:before{opacity:.25}.hero .intro{max-width:100%}}
@media(max-width:620px){.hero:before{background-image:url('assets/circuit-mobile.svg');inset:0 -6.8%;opacity:.8}.hero-heading .circuit-connections{opacity:.72}.hero-heading{gap:1rem}.contact-mark{padding-inline:0}.product-page{padding-top:2rem}.contact-details{border-radius:2px 18px 2px 2px}.picture-copy{padding:1.3rem}.hero-foot{gap:1.5rem}}
@media(max-width:620px){.hero-heading .hero-mark{padding-bottom:1.6rem}.contact-mark .splash-art{margin-bottom:1.5rem}}
@media(prefers-reduced-motion:reduce){.picture-link{transition:none;transform:none}}
.flagship-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;border-color:#b49663}
.flagship-card .picture-frame{aspect-ratio:auto;min-height:300px;order:2;background:#19362e;padding:1.5rem}
.flagship-card .picture-frame img{height:auto;object-fit:contain;max-height:340px;border-radius:4px}
.flagship-card .picture-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.8rem;padding:2.5rem;border-top:0;border-right:1px solid #536b5e}
.flagship-card .picture-copy h3{font-size:clamp(3rem,6vw,5rem);line-height:1.05;white-space:nowrap;margin:0}
.flagship-card .picture-copy .eyebrow{color:#efb768;font-size:.75rem;letter-spacing:.16em;margin:0}
.flagship-card .picture-copy p:not(.eyebrow){font-size:1.05rem;max-width:36ch;margin:0}
.flagship-card .picture-copy span{font-size:.8rem;max-width:34ch}
.curated-heading{margin:2.5rem 0 1.25rem}.curated-heading h3{font-family:Georgia,serif;font-size:1.8rem;letter-spacing:-.02em;margin-bottom:.6rem}.curated-heading p{font-size:.95rem}
.curated-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-mark-symbol{font-size:.3em;line-height:0;vertical-align:super;margin-left:.08em}
@media(max-width:700px){.flagship-card{grid-template-columns:1fr}.flagship-card .picture-frame{order:2;min-height:0;padding:1rem}.flagship-card .picture-copy{padding:1.5rem;border-right:0;border-bottom:1px solid #536b5e}.flagship-card .picture-copy h3{font-size:3.3rem}.flagship-card .picture-frame img{max-height:280px}.curated-apps{grid-template-columns:1fr}}

/* One aligned header and a continuous circuit language on every page. */
body:is(.home-page,.app-page,.about-page) .header{min-height:116px;padding-block:1rem 1.3rem;border-bottom-color:#917952}
body:is(.home-page,.app-page,.about-page) .header:after{width:180px;height:30px;right:0;bottom:-1px;border:0;border-radius:0;background:url('assets/circuit-divider.svg') right bottom/180px 30px no-repeat}
body:is(.home-page,.app-page,.about-page) .header nav{gap:.35rem;align-items:center}
body:is(.home-page,.app-page,.about-page) .header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .9rem;border:1px solid transparent;border-radius:4px 12px 4px 4px;font-size:.875rem;font-weight:600;line-height:1.35;white-space:nowrap;transition:color .16s,background-color .16s,border-color .16s}
body:is(.home-page,.app-page,.about-page) .header nav a:hover{color:#efb768;background:#213f34;border-color:#456057}
body:is(.home-page,.app-page,.about-page) .header nav a[aria-current="page"]{color:#efb768;background:#213f34;border-color:#917952}
body:is(.home-page,.app-page,.about-page) main{position:relative;isolation:isolate}
body:is(.home-page,.app-page,.about-page) main:before,body:is(.home-page,.app-page,.about-page) main:after{content:'';position:absolute;top:0;bottom:0;width:32px;background:url('assets/circuit-rail.svg') center top/32px 600px repeat-y;pointer-events:none;z-index:2;opacity:.65}
body:is(.home-page,.app-page,.about-page) main:before{left:max(12px,calc((100% - 1240px)/2 - 58px))}
body:is(.home-page,.app-page,.about-page) main:after{right:max(12px,calc((100% - 1240px)/2 - 58px));transform:scaleX(-1)}
.product-page:before,.about-heading:before{display:none}
:is(.feature-story,.world-play,.world-showcase,.family-showcase,.desktop-preview,.creative-studio,.xbar-direction,.more-apps,.about-teaser,.local,.hardware,.roadmap,.creator-note){position:relative}
:is(.feature-story,.world-play,.world-showcase,.family-showcase,.desktop-preview,.creative-studio,.xbar-direction,.more-apps,.about-teaser,.local,.hardware,.roadmap,.creator-note):before{content:'';position:absolute;top:-29px;right:0;width:180px;height:30px;background:url('assets/circuit-divider.svg') right bottom/180px 30px no-repeat;pointer-events:none;opacity:.9}
.world-showcase{padding-top:2.5rem;border-top:1px solid #b4c3b2}
.more-apps{border-top:1px solid #456057}
.about-teaser:before{border:0;border-radius:0;background-color:transparent;left:auto}
@media(max-width:900px){body:is(.home-page,.app-page,.about-page) main:before,body:is(.home-page,.app-page,.about-page) main:after{width:20px;background-size:20px 375px;opacity:.48}body:is(.home-page,.app-page,.about-page) main:before{left:8px}body:is(.home-page,.app-page,.about-page) main:after{right:8px}}
@media(max-width:620px){body:is(.home-page,.app-page,.about-page) .header{min-height:128px;gap:.75rem;padding-block:.8rem 1.1rem}body:is(.home-page,.app-page,.about-page) .header nav{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}body:is(.home-page,.app-page,.about-page) .header nav a{font-size:.75rem;padding:.55rem .4rem;min-height:42px}body:is(.home-page,.app-page,.about-page) .header:after{width:140px;background-size:140px 24px;height:24px}body:is(.home-page,.app-page,.about-page) main:before,body:is(.home-page,.app-page,.about-page) main:after{width:10px;background-size:10px 187.5px;opacity:.46}body:is(.home-page,.app-page,.about-page) main:before{left:3px}body:is(.home-page,.app-page,.about-page) main:after{right:3px}:is(.feature-story,.world-play,.world-showcase,.family-showcase,.desktop-preview,.creative-studio,.xbar-direction,.more-apps,.about-teaser,.local,.hardware,.roadmap,.creator-note):before{width:110px;height:22px;top:-21px;background-size:110px 22px}}

.screenshot-note{padding-block:1.25rem 1.75rem}.screenshot-note p{font-size:.78rem;color:#bbc8bd;line-height:1.5;max-width:65ch}

.geode-evidence{max-width:1000px;width:100%}.geode-evidence figure{margin:0}

/* Future games are concepts, separate from the current product cards. */
.future-games{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:stretch;padding-block:4rem 5rem;border-top:1px solid #917952;scroll-margin-top:2rem}
.future-games-intro{grid-column:1/-1;max-width:940px;margin-bottom:.5rem}.future-games-intro h2{margin-bottom:.6rem}.future-games-tagline{font-family:Georgia,serif;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.2;color:#f3eed7;margin-bottom:1.5rem}
.future-games-intro>p:not(.eyebrow):not(.future-games-tagline){margin-top:1rem;max-width:86ch}.future-games-intro .text-link{display:inline-flex;margin-top:1.5rem}
.future-game-concept{display:flex;flex-direction:column;padding:2rem;background:linear-gradient(130deg,#203e33,#142f27);border:1px solid #917952;border-radius:4px 24px 4px 4px}
.future-game-concept h3{font-family:Georgia,serif;font-size:clamp(1.75rem,2.5vw,2.3rem);font-weight:400;line-height:1.15;margin-bottom:1rem}.future-game-concept>.eyebrow{color:#efb768}
.future-game-flow{margin:1.7rem 0}.future-game-flow>div{padding-left:1rem;border-left:2px solid #917952}.future-game-flow>div+div{margin-top:1.3rem}.future-game-flow dt{font-weight:700;color:#f3eed7;margin-bottom:.3rem}.future-game-flow dd{margin:0;font-size:.95rem;line-height:1.55;color:#bdcbbf}
.future-game-powered{color:#efb768;font-size:.85rem;margin-top:-.5rem;margin-bottom:1rem}.future-game-status{margin-top:auto;border-top:1px solid #536b5e;padding-top:1rem;color:#efb768;font-size:.85rem}
@media(max-width:850px){.future-games{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.future-game-concept{padding:1.5rem}}

/* Xbar product and future games share an accessible, compact disclosure. */
body:is(.home-page,.app-page,.about-page) .header{position:relative;z-index:10}
.xbar-nav-menu{position:relative;margin:0}.xbar-nav-menu summary{list-style:none;display:flex;gap:.5rem;align-items:center;justify-content:center;min-height:44px;margin:0;padding:.6rem .9rem;border:1px solid transparent;border-radius:4px 12px 4px 4px;color:#f3eed7;font-size:.875rem;font-weight:600;line-height:1.35;cursor:pointer}
.xbar-nav-menu summary::-webkit-details-marker{display:none}.xbar-nav-menu summary span{color:#bbc8bd;font-size:.8rem}.xbar-nav-menu[open] summary,.xbar-nav-menu summary[data-current]{background:#213f34;border-color:#917952;color:#efb768}
.xbar-nav-options{position:absolute;top:100%;left:0;min-width:208px;padding:.5rem;background:#17372e;border:1px solid #917952;border-radius:4px 12px 4px 4px;box-shadow:0 12px 28px #0005}
body:is(.home-page,.app-page,.about-page) .header nav .xbar-nav-options a{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-height:44px;padding:.65rem .8rem;white-space:normal;text-align:left;font-size:.85rem}
.xbar-nav-options small{font-size:.7rem;font-weight:400;color:#bbc8bd;margin-top:.15rem}
@media(max-width:620px){.xbar-nav-menu summary{min-height:42px;padding:.55rem .4rem;font-size:.75rem}.xbar-nav-options{left:auto;right:0}}

/* The third concept fits the existing two-column game collection. */
.future-game-concept--shared{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.8rem 3rem}.shared-world-intro>.eyebrow{color:#efb768}.shared-world-target{font-size:.85rem;margin-top:1.1rem;color:#bbc8bd}.future-game-concept--shared .future-game-flow{margin:0}.future-game-concept--shared .future-game-status{grid-column:1/-1;margin:0}
@media(max-width:850px){.future-game-concept--shared{grid-template-columns:minmax(0,1fr);gap:1.5rem}}

/* Planned software pricing; separated from the future game concepts. */
.launch-pricing{padding-block:3.5rem 4.5rem;border-top:1px solid #917952;scroll-margin-top:2rem}
.launch-pricing-heading{max-width:850px;margin-bottom:2rem}.launch-pricing-heading .eyebrow{color:#efb768}.launch-pricing-heading h2{margin:.6rem 0 1rem}
.launch-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.launch-price-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:1.8rem;background:linear-gradient(130deg,#203e33,#142f27);border:1px solid #917952;border-radius:4px 24px 4px 4px}
.launch-price-card h3{font-family:Georgia,serif;font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.2;letter-spacing:-.02em}.launch-price-card>p:not(.launch-price){margin-top:1rem;max-width:28ch;font-size:.95rem}.launch-price-card .text-link{margin-top:auto;padding-top:1.5rem;font-size:.9rem}
.launch-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem 1rem;margin:1.1rem 0 0}.launch-price strong{font-family:Georgia,serif;font-size:clamp(2.8rem,4vw,3.6rem);font-weight:400;line-height:1.1;letter-spacing:-.04em;color:#f3eed7}.launch-price span{font-size:.85rem;color:#bbc8bd}
.launch-terms{margin-top:1.6rem;padding:1.8rem 0 0;border-top:1px solid #456057}.launch-terms h3{font-family:Georgia,serif;font-size:1.65rem;letter-spacing:-.02em;margin-bottom:.8rem}.launch-terms>p{max-width:100ch;font-size:.95rem}.launch-terms>p+p{margin-top:.8rem}.launch-pricing .launch-availability{color:#efb768;font-size:1rem}.launch-pricing .launch-tax{font-size:.8rem;color:#bbc8bd}
.launch-product-pricing{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:2rem 3rem;padding:1.8rem 2rem;margin:0 0 2.5rem;background:#dfe5d6;border:1px solid #9ba88e;border-radius:4px 24px 4px 4px;scroll-margin-top:2rem}
.launch-product-pricing .eyebrow{margin:0;color:#6d4b1c;font-size:.65rem;line-height:1.6}.launch-product-pricing h2{margin:.7rem 0 0;font-size:clamp(1.7rem,2.5vw,2.1rem);letter-spacing:-.025em}.launch-product-pricing .launch-price{margin:1rem 0 0}.launch-product-pricing .launch-price strong{color:#183a31}.launch-product-pricing .launch-price span{color:#48604c}.launch-product-pricing .launch-tax{font-size:.8rem;margin:.65rem 0 0;color:#516558}.launch-product-pricing .launch-product-terms p{font-size:.95rem;margin:0}.launch-product-pricing .launch-product-terms p+p{margin-top:.85rem}.launch-product-pricing .launch-availability{font-weight:700;color:#244c38}.launch-product-pricing .launch-refund{border-top:1px solid #b4c3a7;padding-top:.85rem}
.world>.launch-product-pricing{margin-bottom:0}.discord-product>.launch-product-pricing{margin-bottom:2rem}
@media(max-width:900px){.launch-pricing-grid{gap:1rem}.launch-price-card{padding:1.4rem}.launch-product-pricing{gap:1.5rem 2rem}}
@media(max-width:700px){.launch-pricing{padding-block:2.5rem 3rem}.launch-pricing-grid{grid-template-columns:1fr;gap:1rem}.launch-price-card{padding:1.5rem}.launch-price-card>p:not(.launch-price){max-width:none}.launch-product-pricing{grid-template-columns:1fr;gap:1.4rem;padding:1.4rem;margin-bottom:2rem}.launch-product-pricing .launch-product-terms p,.launch-terms>p{font-size:.9rem}}

/* Company attribution shared with the Xbar application family. */
.company-attribution{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0;line-height:1.5}
.company-signature{color:#f3eed7;text-decoration:none;font-size:1rem;letter-spacing:.01em}.company-signature strong{font-weight:600}.company-notices{color:#bbc8bd;font-size:.75rem;text-underline-offset:.2em}
.company-signature:hover,.company-notices:hover{color:#efb768}.company-signature:focus-visible,.company-notices:focus-visible,.company-byline a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.product-page .company-byline,.flagship-introduction .company-byline{margin:.65rem 0 0;color:#48604c;font-size:.82rem;font-weight:600;line-height:1.5;letter-spacing:.04em}.company-byline a{text-decoration:none}.company-byline a:hover{text-decoration:underline;text-underline-offset:.2em}
.product-page .flagship-introduction .company-byline{color:#bbc8bd}
.company-intro{max-width:65ch;margin-top:1.4rem;font-size:1.05rem;line-height:1.7;color:#bbc8bd}
#xbar-company,#ownership-notices{scroll-margin-top:2rem}
@media(max-width:900px){footer{flex-wrap:wrap}footer nav{flex-basis:100%;order:3}.company-attribution{margin-left:auto}}
@media(max-width:620px){.company-signature{font-size:.95rem}.company-intro{font-size:1rem}}

/* Separate everyday app needs from World Director creation targets. */
.hardware-heading .hardware-takeaway{margin-top:1.4rem;color:#efb768;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;line-height:1.5}.hardware-heading>p+p{margin-top:1rem}.hardware-jumps{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin-top:1.5rem}.hardware-jumps a{color:#f3eed7;text-decoration:underline;text-underline-offset:.2em}
#xbar-hardware,#pragmatically-hardware,#local-dictation{scroll-margin-top:2rem}.hardware-grid article{min-width:0}.hardware-grid article>h3{margin-top:.6rem}.hardware-grid article>dl{margin-bottom:1rem;font-size:.92rem;line-height:1.65}.hardware-grid article>details{font-size:.9rem}.hardware-grid details p+p{margin-top:.8rem}.hardware-grid .eyebrow{line-height:1.65}.hardware-scope{max-width:75ch;margin-top:1rem;color:#efb768}.wd-target-details{margin-top:1.5rem}.wd-target-details>summary{font-weight:600;padding:.4rem 0}.product-hardware-link{display:inline-block;margin-top:1rem;color:#355344;text-underline-offset:.2em}.product-page .dictation-note{font-size:.92rem;line-height:1.65}.principles article p+p{margin-top:.8rem}

/* Consistent hardware fields, aligned across each comparison row. */
.hardware-card-heading>h3,.hardware-card-heading>h4{margin-top:.6rem}.hardware-card-heading>p:last-child:not(.eyebrow){margin-top:1rem}.hardware-card-heading .eyebrow{font-size:.65rem;line-height:1.65;letter-spacing:.1em}
.hardware-grid article>dl,.wd-tier-grid article>dl{margin:1.3rem 0 0;font-size:.94rem;line-height:1.6}.hardware dl>div{padding:1rem 0}.hardware dd small{display:block;font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:.35rem}.hardware dt{font-size:.85rem;font-weight:600}.hardware-card-notes{padding-top:1.3rem;font-size:.9rem;line-height:1.65}.hardware-card-notes>p+p{margin-top:1rem}.hardware-card-notes>details{margin-top:1.2rem}.hardware-card-notes details p{margin-top:.85rem}.hardware-card-notes>p{margin:0}.hardware-card-notes strong{color:var(--ink)}
@supports(grid-template-rows:subgrid){
 @media(min-width:1001px){.hardware-grid{row-gap:0}.hardware-grid>article{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}.hardware-grid article>dl{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}}
 @media(min-width:761px){.wd-tier-grid>article{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}.wd-tier-grid article>dl{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}.wd-tier-grid{row-gap:0}.wd-tier-grid>article:nth-child(n+3){margin-top:1.5rem}}
}

/* Private suite/games draft: two separately priced products, one arcade entry. */
.launch-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.future-game-concept--wide{grid-column:1/-1}
@media(max-width:700px){.launch-pricing-grid{grid-template-columns:1fr}}

/* Opaque dropdown above header circuitry */
body:is(.home-page,.app-page,.about-page) .header nav{position:relative;z-index:2}.xbar-nav-menu{z-index:3}.xbar-nav-options{z-index:100;background:#17372e;opacity:1;isolation:isolate}.header::after{z-index:0}

/* Homepage focuses on Xbar launch */
.home-page .curated-apps{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}.home-page .curated-apps img{object-position:top}.home-page .launch-pricing-grid{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}

/* Current Xbar screenshot */
.home-page .flagship-card .picture-frame{aspect-ratio:1107/887}.home-page .flagship-card .picture-frame img{object-fit:contain}.current-xbar-interface figure{margin:1.5rem auto;max-width:900px}.current-xbar-interface img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}.current-xbar-interface figcaption{color:var(--muted)}

/* Full current viewer on homepage */
.home-page .flagship-card{grid-template-columns:1fr}.home-page .flagship-card .picture-frame{order:0;min-width:0;min-height:0;aspect-ratio:auto;padding:1rem}.home-page .flagship-card .picture-frame img{display:block;width:100%;max-width:100%;height:auto;max-height:none}.home-page .flagship-card .picture-copy{order:1;border-right:0;border-top:1px solid #536b5e}.home-page .flagship-card .picture-copy p:not(.eyebrow){max-width:65ch}