@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--bg:#11130f;--panel:#1a1d17;--panel2:#20231c;--line:#34382c;--ink:#f2f1e7;--muted:#aeb2a3;--lime:#d4ec65;--plum:#422c3b;--max:1216px;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}.wrap{max-width:var(--max);padding:0 32px;margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--lime);color:var(--bg);padding:8px 20px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:30;background:#11130ff5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand img{width:52px;height:52px;border-radius:50%}.brand-name{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:31px;font-weight:800;letter-spacing:.035em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em;margin-top:7px;font-family:'DM Sans',sans-serif;font-weight:500}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-links>a:not(.button){padding:15px 0;color:#c5c8bb}.nav-links>a:hover,.nav-links>a[aria-current=page]{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:49px;padding:11px 23px;border:1px solid transparent;border-radius:5px;background:var(--lime);color:#1c2310;font-size:13px;font-weight:700;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:#e1f58a;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:#535846;color:var(--ink)}.button.secondary:hover{background:#25291f}.button.small{min-height:40px;padding:9px 17px;font-size:12px}.arrow{font-size:20px;line-height:1}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:7px 12px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;margin:0 0 22px}.eyebrow:before{content:'';height:6px;width:6px;background:var(--lime);border-radius:50%;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,.display{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;line-height:.98;font-weight:700;letter-spacing:-.015em}h1{font-size:clamp(66px,7.5vw,108px);margin-bottom:26px}h2{font-size:clamp(42px,4.7vw,62px);margin-bottom:22px}h3{font-size:21px;line-height:1.3;font-weight:600}p{color:var(--muted)}.accent{color:var(--lime)}.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;min-height:595px;padding-top:50px;padding-bottom:56px}.hero-copy{position:relative;z-index:1}.hero-copy>p:not(.eyebrow){max-width:490px;font-size:16px;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-footnote{font-size:11px!important;color:#858b79!important;margin:20px 0 0!important}.hero-art{position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:10% -18% 1% -6%;background:var(--plum);border-radius:50%;opacity:.4;filter:blur(60px);z-index:-1}.hero-art img{width:440px;mix-blend-mode:lighten;transform:rotate(-4deg);position:relative}.art-label{position:absolute;bottom:18px;right:5px;font-size:10px;font-weight:600;letter-spacing:.12em;color:#999f8b;transform:rotate(-4deg)}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#171a14}.signals{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:64px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#afb59f}.signals span{display:flex;align-items:center;gap:10px}.signals b{color:var(--lime);font-size:14px}.section{padding-top:92px;padding-bottom:92px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading p:not(.eyebrow){max-width:360px;margin-bottom:0;font-size:14px}.inline-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:650;border-bottom:1px solid #7b845d;padding-bottom:4px}.inline-link:hover{color:var(--lime)}.product{background:#171a14;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.pill{border:1px solid #555e3b;background:#2d351d;color:var(--lime);padding:5px 11px;border-radius:30px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.screen-shell{border:1px solid #444b37;border-radius:9px;overflow:hidden;background:#0b0d09;box-shadow:0 20px 60px #0003}.screen-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em;color:#b0b79f}.window-dots{display:flex;gap:5px;align-items:center}.window-dots i{height:6px;width:6px;background:#5a614c;border-radius:50%}.window-dots i:first-child{background:var(--lime)}.gallery-main{position:relative}.gallery-main img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.image-expand{position:absolute;bottom:14px;right:14px;border:1px solid #ffffff50;background:#10140dda;border-radius:4px;color:#fff;font-size:10px;padding:7px 12px;display:flex;gap:8px;align-items:center}.image-expand:hover{background:#303a22}.gallery-tabs{display:flex;gap:5px;border-top:1px solid var(--line);padding:7px;background:#171a13}.gallery-tabs button{flex:1;background:none;border:0;border-radius:3px;color:var(--muted);padding:11px;font-size:12px}.gallery-tabs button[aria-selected=true]{background:#303823;color:var(--lime)}.gallery-tabs button:hover{color:var(--ink)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.feature-num{font-family:'Barlow Condensed',sans-serif;color:var(--lime);font-size:22px;margin-bottom:12px;display:block}.features h3{font-size:17px;margin-bottom:10px}.features p{font-size:13px;line-height:1.8;margin-bottom:0}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:36px;padding-top:27px;gap:20px}.product-bottom p{font-size:12px;margin:0}.learning{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.learning-intro{align-self:start;position:sticky;top:125px}.learning-intro>p:not(.eyebrow){font-size:14px;margin-bottom:25px;max-width:340px}.path{display:block;position:relative;border-top:1px solid var(--line);padding:25px 40px 25px 53px;transition:background .18s}.path:last-child{border-bottom:1px solid var(--line)}.path:hover{background:#1b2015}.path>span:first-child{position:absolute;left:0;top:25px;color:#8b9671;font-family:'Barlow Condensed',sans-serif;font-size:22px}.path h3{font-size:19px;margin-bottom:8px}.path p{font-size:13px;line-height:1.75;max-width:380px;margin-bottom:12px}.path .path-target{color:var(--lime);font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.path>.arrow{position:absolute;right:5px;top:29px;color:var(--lime)}.watch{background:#211b23;border-top:1px solid #403442;border-bottom:1px solid #403442}.watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.watch-copy>p:not(.eyebrow){font-size:14px;max-width:420px;margin-bottom:26px}.channel{display:flex;align-items:center;gap:18px;background:#2a222d;border:1px solid #4b3b50;border-radius:6px;padding:25px;margin-bottom:14px;transition:border-color .18s}.channel:hover{border-color:#ba94cf}.channel-icon{height:46px;width:46px;display:grid;place-items:center;border-radius:9px;background:#493452;color:#dcb4ef;font-weight:800;font-size:17px}.channel-icon.youtube{background:#4d302f;color:#efb7ab}.channel h3{font-size:17px;margin:0 0 4px}.channel p{font-size:11px;margin:0;color:#b2a7b7}.channel>.arrow{margin-left:auto;color:#cdbbd4}.community{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:46px;padding-bottom:46px}.community h3{margin-bottom:5px;font-size:21px}.community p{font-size:13px;margin:0}.footer{border-top:1px solid var(--line);padding:30px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;letter-spacing:.04em}.footer p{font-size:10px;margin:4px 0 0}.footer-links{display:flex;gap:24px;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--lime)}.page-hero{padding-top:66px;padding-bottom:50px}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:10px;margin-bottom:32px}.breadcrumb a:hover{color:var(--lime)}.page-hero h1{font-size:clamp(66px,8vw,100px)}.page-hero .lead{max-width:620px;font-size:17px;margin-bottom:27px}.page-grid{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:50px}.version-label{color:#a3aa93;font-size:11px;margin:18px 0 0}.page-mascot{width:240px;justify-self:end;mix-blend-mode:lighten;transform:rotate(4deg)}.ui-feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.ui-feature-list article{padding-top:20px;border-top:1px solid var(--line)}.ui-feature-list h3{font-size:17px;margin-bottom:8px}.ui-feature-list p{font-size:13px;margin:0}.install-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.install-grid .lead{font-size:14px;max-width:350px}.steps{counter-reset:setup;list-style:none;padding:0;margin:0}.steps li{position:relative;padding:0 0 30px 55px}.steps li:before{counter-increment:setup;content:'0' counter(setup);position:absolute;left:0;top:-3px;color:var(--lime);font-family:'Barlow Condensed',sans-serif;font-size:27px}.steps h3{font-size:18px;margin-bottom:8px}.steps p{font-size:13px;line-height:1.8;margin-bottom:10px}.code-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #414b32;background:#1c2216;border-radius:5px;padding:10px 14px;margin-top:12px}.code-line code{color:var(--lime);font-size:13px;overflow-wrap:anywhere}.copy{border:1px solid #525d40;border-radius:3px;background:#303926;color:#dce6c7;padding:4px 10px;font-size:10px;white-space:nowrap}.copy:hover{background:#424e33}.note{border-left:2px solid var(--lime);background:#20261a;padding:17px 21px;font-size:12px;color:#c0c8ae;margin-top:10px}.faq{max-width:850px;margin:auto}.faq>h2{margin-bottom:32px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;position:relative;padding-right:30px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:0;color:var(--lime);font-size:22px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;margin:15px 35px 0 0}.faq a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.lightbox{border:1px solid var(--line);padding:0;width:min(1500px,95vw);max-width:none;max-height:95vh;background:#111;color:#fff;border-radius:7px}.lightbox::backdrop{background:#050704eF}.lightbox img{max-height:85vh;object-fit:contain;margin:auto}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px}.lightbox-close{border:1px solid #5c6652;background:#242c1c;color:#fff;border-radius:3px;padding:4px 13px;font-size:12px}.status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--lime);color:#1c2310;border-radius:4px;padding:9px 20px;font-size:12px;font-weight:600;z-index:100}.status:empty{display:none}
img{height:auto}
@media(min-width:1500px){.hero-grid{min-height:650px}.hero-art img{width:470px}}
@media(max-width:900px){.nav-links{gap:20px}.hero-grid{gap:20px;min-height:530px}.hero-art img{width:350px}.signals{font-size:9px;letter-spacing:.08em}.learning{gap:35px;grid-template-columns:.85fr 1.15fr}.watch-grid{gap:40px}.features{gap:25px}.install-grid{gap:40px}.section{padding-top:70px;padding-bottom:70px}}
@media(max-width:680px){.wrap{padding-left:22px;padding-right:22px}.nav{height:74px}.brand img{width:44px;height:44px}.brand-name{font-size:27px}.brand small{font-size:8px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:74px;padding:18px 22px 25px;background:#171a13;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-links>a:not(.button){padding:11px 0}.nav-links .button{margin-top:10px}.hero-grid{grid-template-columns:1fr;gap:15px;min-height:0;padding-top:45px;padding-bottom:25px}.hero h1{font-size:76px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:400px}.hero-art{max-width:310px;justify-self:center;margin-top:0}.hero-art img{width:285px}.art-label{font-size:8px;right:0;bottom:12px}.hero-footnote{font-size:10px!important}.signals{min-height:76px;flex-wrap:wrap;justify-content:center;gap:9px 25px;padding-top:14px;padding-bottom:14px}.signals span{font-size:8px}.signals span:last-child{display:none}.section{padding-top:55px;padding-bottom:55px}h2{font-size:45px}.section-heading{display:block;margin-bottom:27px}.section-heading>p:not(.eyebrow){margin-top:20px;max-width:100%}.features{grid-template-columns:1fr;gap:22px}.feature-num{float:left;margin:0 18px 25px 0;font-size:26px}.features h3{margin-bottom:5px}.features p{padding-left:40px}.product-top{align-items:flex-start}.product-top .inline-link{font-size:11px}.pill{font-size:9px}.screen-toolbar{font-size:8px;padding:10px 12px}.gallery-tabs button{font-size:10px;padding:9px 5px}.product-bottom{align-items:flex-start;flex-direction:column}.learning{grid-template-columns:1fr;gap:28px}.learning-intro{position:static}.learning-intro>p:not(.eyebrow){max-width:100%}.watch-grid{grid-template-columns:1fr;gap:27px}.watch-copy h2{max-width:300px}.channel{padding:20px}.community{flex-direction:column;align-items:flex-start;padding-top:35px;padding-bottom:35px;gap:20px}.footer-content{align-items:flex-start;flex-direction:column;gap:18px}.footer-links{gap:22px}.page-hero{padding-top:35px;padding-bottom:35px}.page-grid{grid-template-columns:1fr;gap:0}.page-mascot{display:none}.page-hero h1{font-size:76px}.page-hero .lead{font-size:15px}.ui-feature-list{grid-template-columns:1fr;gap:10px}.ui-feature-list article{padding:16px 0}.install-grid{grid-template-columns:1fr;gap:25px}.steps li{padding-left:45px}.button{padding:11px 18px;font-size:12px}.eyebrow{font-size:10px}.image-expand{font-size:9px;bottom:8px;right:8px;padding:5px 9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Readability and navigation refinements. Keep native section jumps immediate. */
:root{scroll-behavior:auto;scroll-padding-top:106px;--muted:#bbc0b0}
body{font-size:17px}
.brand small{font-size:11px;letter-spacing:.12em}
.nav-links{gap:18px;font-size:15px}
.nav-links>a:not(.button){min-height:46px;display:inline-flex;align-items:center;gap:7px}
.nav-links .nav-stream{border-bottom:2px solid #5b426d}
.nav-links .youtube-link{border-bottom-color:#7d4942}
.button{font-size:15px;min-height:50px}
.button.small{font-size:14px;min-height:44px;padding:9px 16px}
.button:hover{transform:none}
.eyebrow{font-size:12px;letter-spacing:.12em}
.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.75}
.hero-streams{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}
.hero-streams p{font-size:14px;margin:0 0 12px;color:#c4cab9}
.hero-streams>div{display:flex;gap:12px;flex-wrap:wrap}
.stream-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 13px;border:1px solid #634a70;border-radius:5px;background:#2d2433;font-size:15px;font-weight:600;color:#ead7f2}
.stream-button.youtube-link{border-color:#75504a;background:#332725;color:#f2d9d3}
.stream-button:hover{background:#44314e;border-color:#aa85bf}
.stream-button.youtube-link:hover{background:#51332f;border-color:#b77f71}
.stream-mark{font-size:16px;line-height:1}
.art-label{font-size:12px}
.signals{font-size:12px;letter-spacing:.09em;flex-wrap:wrap}
.section-heading p:not(.eyebrow),.learning-intro>p:not(.eyebrow),.watch-copy>p:not(.eyebrow),.install-grid .lead{font-size:16px}
.inline-link{font-size:15px}
.pill{font-size:12px;letter-spacing:.05em}
.screen-toolbar{font-size:12px;letter-spacing:.04em}
.image-expand{font-size:13px;min-height:40px}
.gallery-tabs button{font-size:14px;min-height:44px}
.features h3,.ui-feature-list h3{font-size:20px}
.features p,.ui-feature-list p,.path p,.steps p,.faq details p{font-size:16px}
.product-bottom p,.channel p,.community p,.footer-links,.version-label,.breadcrumb{font-size:14px}
.path h3{font-size:21px}
.path .path-target{font-size:13px;letter-spacing:.04em}
.channel h3{font-size:20px}
.channel-icon{flex-shrink:0}
.footer p{font-size:13px}
.footer-links{flex-wrap:wrap;gap:16px 24px}
.footer-links a{padding:8px 0}
.steps h3{font-size:20px}
.code-line code{font-size:15px}
.copy{font-size:13px;min-height:36px}
.note{font-size:15px}
.faq summary{font-size:18px;line-height:1.5}
.lightbox-bar,.lightbox-close{font-size:14px}
.lightbox-close{min-height:36px}
.status{font-size:14px;max-width:90vw}
.privacy-page{max-width:850px}
.privacy-page h1{font-size:76px}
.privacy-page h2{font-size:32px;line-height:1.15;margin-top:35px;margin-bottom:15px}
.privacy-page p{font-size:17px}
.privacy-page p a{text-decoration:underline;text-underline-offset:3px;color:var(--lime)}
.privacy-updated{font-size:14px!important;margin-top:35px}
@media(max-width:980px){
  .nav{height:78px}
  .menu-toggle{display:block;font-size:16px;min-height:44px}
  .nav-links{display:none;position:absolute;left:0;right:0;top:78px;padding:14px 22px 22px;background:#171a13;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100dvh - 78px);overflow-y:auto}
  .nav-links.open{display:flex}
  .nav-links>a:not(.button){padding:10px 8px;font-size:16px;min-height:44px;border-bottom:0}
  .nav-links .button{margin-top:8px;font-size:15px}
  .nav-links .twitch-link{color:#e5c5f5}
  .nav-links .youtube-link{color:#f4c6bb}
  .hero-art img{width:370px}
}
@media(max-width:680px){
  :root{scroll-padding-top:94px}
  .brand small{font-size:10px}
  .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.08em}
  .hero-copy>p:not(.eyebrow){font-size:16px}
  .hero-streams p{font-size:14px}
  .stream-button{font-size:14px;padding:8px 11px;gap:8px}
  .hero-art img{width:285px}
  .art-label{font-size:11px}
  .signals{gap:10px 20px}
  .signals span{font-size:11px;line-height:1.5;letter-spacing:.05em}
  .signals span:last-child{display:flex}
  .button{font-size:15px;padding:12px 17px}
  .section-heading>p:not(.eyebrow){font-size:16px}
  .product-top{gap:12px;flex-wrap:wrap}
  .product-top .inline-link{font-size:14px}
  .pill{font-size:12px}
  .screen-toolbar{font-size:10px;letter-spacing:0;gap:8px}
  .gallery-tabs{gap:3px}
  .gallery-tabs button{font-size:13px;line-height:1.5;padding:9px 5px}
  .image-expand{font-size:12px;padding:6px 10px}
  .features p{padding-left:40px}
  .path{padding-left:43px;padding-right:26px}
  .path p{max-width:100%}
  .channel{gap:13px;padding:18px}
  .channel h3{font-size:18px}
  .channel p{font-size:14px}
  .footer-links{font-size:14px;gap:10px 20px}
  .page-hero h1{font-size:68px}
  .page-hero .lead{font-size:16px}
  .code-line{gap:10px;padding:10px}
  .code-line code{font-size:14px}
  .copy{font-size:12px;padding:6px 8px}
}