/* Editorial launch — 21 October 2026. */
:root{--bg:#101112;--surface:#181a1b;--white:#f5f1e9;--muted:#a8aaa7;--quiet:#91958f;--orange:#ff8617}
.container{width:min(1440px,100% - 96px)}
.site-nav{min-height:100px;position:relative;z-index:5;border-color:#ffffff20}.brand small{color:#aaa}.nav-links{margin-right:48px}.nav-discord{border-bottom:1px solid #ff8617;padding:0 4px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;min-height:730px;padding:90px 0 110px;gap:0;overflow:visible}.hero::before{content:'';position:absolute;inset:-100px -48px 0;background:radial-gradient(ellipse at 88% 45%,#5c301a55,transparent 58%),linear-gradient(120deg,#101112 18%,#10111200 75%);z-index:-2}.hero-copy{z-index:2}.hero .eyebrow{color:#c5c1b8;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:23px}.hero .eyebrow span{color:var(--orange)}.hero h1{font-size:clamp(52px,5.9vw,91px);line-height:1.02;letter-spacing:-5px;font-weight:600;margin:43px -280px 30px 0;text-shadow:0 3px 40px #0007}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--orange);letter-spacing:-4px}.hero-description{font-size:17px;line-height:1.65;color:#c5c3bd;max-width:330px}.hero-actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.button{border-radius:0;min-height:52px;font-size:12px;letter-spacing:.25px;padding:16px 21px}.button .icon{width:17px;height:17px}.button-primary{color:#17120d}.button-outline{border:1px solid #d9d8d067;background:#10111266}.button-outline:hover{border-color:#fff;background:#ffffff0a}.hero-meta{display:flex;gap:18px;font-size:10px;color:#94948c;margin-top:24px}.hero-product{position:relative;z-index:1;width:123%;max-width:none;margin-left:-4%;align-self:center;transform:perspective(1400px) rotateY(-13deg) rotateX(5deg) rotateZ(3deg);animation:screen-arrive 1.5s var(--ease) both}.hero-screen-edge{padding:8px;background:#222321;border:1px solid #696157;box-shadow:0 50px 90px #0008,0 0 85px #f8751015;border-radius:10px}.hero-screen-bar{height:32px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px;padding:0 10px;color:#a6a49b}.hero-screen-bar>span:first-child{width:5px;height:5px;border-radius:50%;background:var(--orange)}.hero-screen-bar>span:last-child{margin-left:auto}.hero-screen-edge img{border-radius:3px;width:100%;height:auto}.hero-product figcaption{font-size:10px;letter-spacing:.4px;display:flex;justify-content:space-between;margin:17px 8px;color:#d0c4b5}.hero-product figcaption span{font-size:9px;color:#9c958c}.hero-orbit{position:absolute;width:520px;height:520px;border:1px solid #f88b2526;border-radius:50%;right:-20px;top:70px;z-index:-1}.hero-orbit::after{content:'';position:absolute;inset:30px;border:1px dashed #f88b2515;border-radius:50%}.scroll-cue{position:absolute;bottom:35px;left:0;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:30px;color:#a5a59c}.scroll-cue span{font-size:22px;color:var(--orange)}.hero-index{position:absolute;right:0;bottom:40px;font-size:10px;letter-spacing:3px;color:#aaa69b}.editorial-strip{position:relative;display:flex;gap:45px;align-items:center;border-top:1px solid #ffffff22;padding:22px 0;font-size:10px;letter-spacing:1.5px}.editorial-strip>span:nth-child(2){color:var(--orange)}.editorial-strip a{margin-left:auto;font-size:9px;color:#a5a59c}
.section{padding:110px 0}.section-heading h2,.demo-intro h2,.faq-intro h2{font-size:clamp(35px,3.6vw,54px);line-height:1.08;font-weight:400;letter-spacing:-2px}.section-heading{align-items:end;margin-bottom:48px}.section-heading>.eyebrow{margin-bottom:24px}.section-heading>p{font-size:14px}.product-section{margin:0 -48px;padding:100px 48px 65px;background:#e9e6de;color:#171918;--white:#171918;--muted:#5d625e;--quiet:#63665f;--line:#17191815;--line-strong:#17191835}.product-section .eyebrow{color:#8c4b20}.product-tabs{border-color:#17191835;gap:36px}.product-tab{border-radius:0;color:#64665f;padding:18px 0;min-height:62px;background:none}.product-tab[aria-selected=true]{color:#171918;background:none;border-color:#c05b0d}.product-tab>span{color:#a26537}.product-explorer{grid-template-columns:1.8fr 1fr;gap:60px;margin-top:36px}.product-visual{border:0;background:#171918;border-radius:4px;padding:9px;box-shadow:0 24px 35px #27251818}.screen-topline{color:#a7a89e;border-color:#ffffff14}.screen-image-wrap{border:0}.product-visual figcaption{color:#aeafa5;font-size:10px;padding:13px 8px}.product-copy h3{font-size:29px;line-height:1.16;font-weight:400;letter-spacing:-.8px}.product-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.feature-benefits li{font-size:12px}.product-section .text-link{color:#171918}.product-footnotes{border-color:#17191820;margin-top:32px;font-size:10px}.demo-section{grid-template-columns:.8fr 1.2fr;gap:100px}.demo-workspace{border:1px solid #ffffff24;background:#161819;border-radius:0;box-shadow:none}.scenario-picker button{font-size:13px}.form-heading h3{font-size:24px;font-weight:400;letter-spacing:-.6px}.field input,.field select{border-radius:0;background:#101213}.onboarding-section{border-top:1px solid #ffffff20}.onboarding-list{gap:50px}.onboarding-list li{border-top:1px solid #ffffff30;padding-top:25px}.onboarding-list h3{font-size:24px;font-weight:400}.onboarding-list .step-number{font-size:12px;color:var(--orange)}.faq-section{border-top:1px solid #ffffff20}.faq-list summary{font-weight:400;font-size:16px;padding-block:24px}.join-section{position:relative;margin:0 -48px;padding:85px 70px;background:#e9e6de;color:#171918;grid-template-columns:1fr 320px;overflow:hidden}.join-section .eyebrow{color:#9e4b0d}.join-section h2{font-size:clamp(36px,4vw,60px);font-weight:400;line-height:1.06;letter-spacing:-2px}.join-section h2 em{font-family:Georgia,serif;font-weight:400;color:#b95508}.join-section p:not(.eyebrow){color:#5b5e56}.join-section .button-discord{width:330px;min-height:60px;border:1px solid #a9500c;font-size:14px}.brand-mascot{height:320px}.brand-mascot>img{height:300px;width:270px;position:relative;filter:drop-shadow(0 20px 18px #0002)}.brand-mascot .mascot-ring{width:285px;height:285px;border-color:#bc600a66}.site-footer{padding:35px 0}.hero-copy>*{animation:copy-arrive .9s var(--ease) both}.hero-copy h1{animation-delay:.1s}.hero-description{animation-delay:.2s}.hero-actions{animation-delay:.3s}.hero-meta{animation-delay:.4s}@keyframes copy-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-arrive{from{opacity:0;translate:40px 30px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero h1{font-size:96px}}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.hero{min-height:670px}.hero h1{font-size:70px;letter-spacing:-4px}.hero-product{width:120%;margin-left:0}.hero-actions{max-width:400px}.hero-actions .button{font-size:11px;padding:14px}.hero::before{inset:-100px -28px 0}.hero-orbit{width:390px;height:390px;right:0}.product-section,.join-section{margin-inline:-28px;padding-inline:28px}.demo-section{gap:45px}.product-explorer{gap:30px}.nav-links{margin-right:10px;gap:20px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-nav{min-height:83px}.nav-links{display:none}.nav-discord{font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:58px 0 76px;gap:42px;min-height:0}.hero::before{inset:-83px -20px 0}.hero h1{font-size:clamp(44px,8.4vw,62px);letter-spacing:-2.7px;margin:29px 0 23px}.hero h1 em{letter-spacing:-2.5px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;gap:15px}.hero-description{font-size:16px}.hero-actions{gap:10px;margin-top:26px;max-width:none}.hero-actions .button{font-size:11px;padding:15px 14px;min-height:50px;gap:9px}.hero-meta{font-size:9px;gap:15px}.hero-product{width:100%;max-width:100%;margin:0;transform:perspective(1200px) rotateY(-4deg) rotateX(3deg) rotateZ(1deg)}.hero-product figcaption{font-size:9px;display:block}.hero-product figcaption span{display:block;margin-top:4px;font-size:8px}.hero-screen-edge{padding:5px}.hero-screen-bar{height:24px;font-size:7px}.hero-orbit{top:190px;right:0;width:300px;height:300px}.scroll-cue{bottom:18px;font-size:8px;letter-spacing:1.5px}.hero-index{bottom:26px;font-size:8px}.editorial-strip{gap:15px;font-size:8px;letter-spacing:1px;padding:20px 0}.editorial-strip a{display:none}.section{padding:66px 0}.section-heading h2,.demo-intro h2,.faq-intro h2{font-size:36px;letter-spacing:-1.5px}.section-heading{margin-bottom:28px}.product-section{margin-inline:-20px;padding:65px 20px 36px}.product-tabs{gap:23px}.product-tab{font-size:11px;gap:8px;padding:13px 0}.product-tab span{font-size:9px}.product-explorer{grid-template-columns:1fr;gap:30px}.product-copy h3{font-size:29px}.product-footnotes{flex-direction:column;gap:10px;font-size:10px}.demo-section{grid-template-columns:1fr;gap:30px}.demo-workspace{padding:24px 18px}.demo-intro>p:not(.eyebrow){font-size:14px}.form-heading h3{font-size:23px}.onboarding-list{grid-template-columns:1fr;gap:32px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-list summary{font-size:14px}.join-section{margin-inline:-20px;padding:55px 20px 42px;grid-template-columns:1fr 100px;gap:0}.join-section h2{font-size:34px;letter-spacing:-1.4px;margin-right:-90px;position:relative;z-index:2}.join-section p:not(.eyebrow){font-size:13px;max-width:220px}.join-section .button-discord{width:calc(100% + 100px);font-size:14px;margin-top:25px}.brand-mascot{height:160px;margin-top:125px;align-self:start}.brand-mascot>img{width:115px;height:160px;max-width:none}.brand-mascot .mascot-ring{width:110px;height:110px}.site-footer{gap:20px;flex-wrap:wrap}.site-footer .brand>span{font-size:14px}.site-footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.hero-product{animation:none!important}.hero-product{transform:none}}

body{overflow-x:clip}.hero-product{width:104%;margin-left:-2%}.product-explorer,.product-copy,.hero-copy{min-width:0}@media(max-width:760px){.hero-product{width:100%;margin-left:0}}

.product-section .feature-benefits li{color:#525950}.product-section .feature-benefits .icon,.product-section .text-link .icon{color:#a94c05}.product-section .screen-status{background:#ff8617}
/* Dex social orbit */
.join-section{background:#131617;color:#f5f1e9;grid-template-columns:1fr 460px;gap:35px;padding-block:100px;border-top:1px solid #ffffff24}.join-section h2 em{color:#ff8617}.join-section .eyebrow{color:#ff8617}.join-section p:not(.eyebrow){color:#a8aaa7}.dex-universe{position:relative;isolation:isolate;width:430px;aspect-ratio:1;display:grid;place-items:center;justify-self:center}.dex-halo{position:absolute;inset:25px;border-radius:50%;border:1px solid #ff86174d;background:radial-gradient(circle,#ff861710,transparent 70%);box-shadow:0 0 70px #ff86170a}.dex-halo::before{content:'';position:absolute;inset:34px;border:1px solid #ff86171f;border-radius:50%}.dex-center{position:relative;width:250px;height:285px;object-fit:contain;filter:drop-shadow(0 20px 20px #0009);z-index:2;pointer-events:none}.dex-orbit{position:absolute;inset:25px;border:1px solid #ff86175c;border-radius:50%;animation:orbit-spin 55s linear infinite;z-index:3}.orbit-position{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--angle)) translateY(-190px)}.orbit-badge{position:absolute;width:53px;height:53px;left:-26.5px;top:-26.5px;display:grid;place-items:center;border:1px solid #ffffff27;border-radius:50%;background:#1c2022;box-shadow:0 8px 25px #0005;transform:rotate(calc(-1 * var(--angle)));animation:badge-counter 55s linear infinite;transition:border-color .25s,background .25s}.orbit-badge img{width:24px;height:24px;filter:brightness(0) invert(.9)}.orbit-position:nth-child(1) img{filter:none}.orbit-position:nth-child(3) img{filter:brightness(0) invert(1)}.orbit-position:nth-child(5) img,.orbit-position:nth-child(6) img{filter:none}.dex-universe:hover .dex-orbit,.dex-universe:hover .orbit-badge{animation-play-state:paused}.orbit-badge:hover{border-color:#ff8617;background:#303033}.social-links{display:flex;gap:12px;align-items:center;margin-left:auto}.social-link{display:flex;gap:8px;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid #ffffff20;border-radius:50%;transition:border-color .2s,transform .2s}.social-link img{filter:brightness(0) invert(.8);width:20px;height:20px}.social-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.social-link[href]:hover{border-color:#ff8617;transform:translateY(-3px)}.social-link[aria-disabled=true]{opacity:.55}.site-footer{gap:25px}.site-footer .social-links+p{margin-left:8px}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes badge-counter{from{rotate:0deg}to{rotate:-360deg}}
@media(max-width:1050px){.join-section{grid-template-columns:1fr 360px}.dex-universe{width:350px}.dex-orbit,.dex-halo{inset:24px}.orbit-position{transform:rotate(var(--angle)) translateY(-151px)}.dex-center{width:210px;height:250px}.orbit-badge{width:46px;height:46px;left:-23px;top:-23px}.orbit-badge img{width:22px;height:22px}}
@media(max-width:760px){.join-section{grid-template-columns:1fr;gap:45px;padding:58px 20px 45px}.join-section h2{margin-right:0;font-size:36px}.join-section p:not(.eyebrow){max-width:330px}.join-section .button-discord{width:100%;max-width:350px}.dex-universe{width:min(330px,100%);margin:0 auto}.dex-orbit,.dex-halo{inset:24px}.orbit-position{transform:rotate(var(--angle)) translateY(calc((min(330px,100vw - 40px) - 48px) / -2))}.dex-center{width:190px;height:235px}.orbit-badge{width:43px;height:43px;left:-21.5px;top:-21.5px}.orbit-badge img{width:20px;height:20px}.social-links{margin-left:0}.site-footer{justify-content:space-between}.site-footer .social-links+p{margin-left:0;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.dex-orbit,.orbit-badge{animation:none!important}}

.join-section{display:grid;text-align:left;align-items:center}.join-copy{min-width:0}.join-section p:not(.eyebrow){margin-left:0}.join-section .button-discord{margin-left:0}.site-footer .social-links{flex-shrink:0}@media(max-width:760px){.join-section{grid-template-columns:1fr}.dex-universe{margin-top:0}}

.dex-universe:focus-within .dex-orbit,.dex-universe:focus-within .orbit-badge{animation-play-state:paused}
/* Brand and reordered product structure */
.brand .wordmark-window{display:block;position:relative;width:230px;height:65px;overflow:hidden;letter-spacing:normal;font-size:0;line-height:0}.brand .wordmark-window img{position:absolute;width:287px;height:auto;max-width:none;left:-30px;top:-38px;mix-blend-mode:lighten}.site-nav{min-height:102px}.join-section{margin-top:0}.hero+.join-section{border-top:1px solid #ffffff20}.product-section{margin-bottom:0;background:#e9e6de;padding-top:80px}.product-final-label{display:flex;justify-content:space-between;border-top:1px solid #17191830;padding:20px 0 8px;font-size:9px;letter-spacing:1.8px;color:#6f7068;margin-top:45px}.product-explorer{grid-template-columns:1fr;gap:28px}.product-visual{width:100%;max-width:1120px;margin:0 auto}.product-copy{display:grid;grid-template-columns:.9fr 1.2fr;column-gap:70px;row-gap:12px;align-items:start;padding:10px 0 25px}.product-copy>.eyebrow{grid-column:1;margin:0}.product-copy h3{grid-column:1;font-size:32px;grid-row:2/4;max-width:350px}.product-copy>#feature-description{grid-column:2;grid-row:1/3;margin:0}.product-copy>.feature-benefits{grid-column:2;margin:0}.product-copy>.text-link{grid-column:2}.product-closing{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #17191830;padding:28px 0 5px;margin-top:35px}.product-closing p{font-size:19px;letter-spacing:-.5px}.product-closing .button-primary{background:#171918;color:#f5f1e9}.product-closing .button .icon{color:#ff8617}.product-footnotes{margin-top:0}.site-footer .brand .wordmark-window{width:190px;height:54px}.site-footer .brand .wordmark-window img{width:237px;left:-25px;top:-31px}
@media(max-width:760px){.brand .wordmark-window{width:175px;height:50px}.brand .wordmark-window img{width:218px;left:-23px;top:-29px}.site-nav{min-height:82px}.product-copy{display:block}.product-copy>.eyebrow{margin-bottom:12px}.product-copy h3{font-size:29px;margin-bottom:18px}.product-copy>#feature-description{margin-bottom:17px}.product-copy>.feature-benefits{margin-bottom:14px}.product-final-label{gap:20px;font-size:8px;line-height:1.6;letter-spacing:1px}.product-final-label>span:last-child{text-align:right;max-width:155px}.product-closing{align-items:stretch;flex-direction:column;gap:16px}.product-closing p{font-size:18px}.product-section{padding-top:60px}.site-footer .brand .wordmark-window{width:165px;height:47px}.site-footer .brand .wordmark-window img{width:206px;left:-22px;top:-27px}}

.brand .wordmark-window img,.site-footer .brand .wordmark-window img{width:100%;height:100%;left:0;top:0;object-fit:contain;mix-blend-mode:normal}