:root{color-scheme:dark;--bg:#111310;--surface:#1b1e18;--line:#30342b;--text:#f4f5ec;--muted:#a1a696;--green:#c8fa74;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:6px}button:disabled{cursor:wait}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:750;letter-spacing:-1.5px;font-size:29px}.brand img{border-radius:9px}.brand-dot{font-size:11px;align-self:flex-start;padding-top:4px;letter-spacing:0}.header nav{display:flex;gap:32px;font-size:13px;color:#c5c9bd}.header nav a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:56px;padding:16px 24px;border:1px solid transparent;border-radius:9px;font-weight:650;font-size:14px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.small{min-height:44px;padding:12px 18px;font-size:12px}.outline{border-color:#4e5544}.outline:hover{background:#23281e}.primary{background:var(--green);color:#17200e}.primary:hover{background:#d9ff9c}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;padding-top:83px;padding-bottom:88px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;display:flex;gap:10px;align-items:center}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 10px #c8fa7440}.hero h1{font-size:clamp(60px,5.65vw,82px);font-weight:550;letter-spacing:-4.7px;line-height:1.08;margin:28px 0 27px}.vibe-word{color:var(--green);position:relative;white-space:nowrap}.vibe-word svg{position:absolute;width:102%;left:0;bottom:-15px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round}.hero-description{font-size:16px;line-height:1.85;color:var(--muted);margin:30px 0}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:13px;font-weight:550;display:inline-flex;gap:14px;align-items:center;transition:color .2s}.hero-note{margin-top:21px;color:#92998a;font-size:10px;display:flex;gap:9px;align-items:center}.hero-note svg{width:12px;height:12px;fill:currentColor}.hero-note>span{color:#57624c}.hero-art{height:463px;position:relative;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#434c2820 1px,transparent 1px),linear-gradient(90deg,#434c2820 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000 15%,transparent 75%)}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#718b2040,transparent 64%);z-index:-1}.art-coordinate{position:absolute;font-family:Consolas,monospace;font-size:9px;letter-spacing:2px;color:#697257}.top-coordinate{top:5px;left:55px}.bottom-coordinate{bottom:0;right:25px}.orbit{border:1px solid #6f813642;position:absolute;width:460px;height:250px;border-radius:50%;top:83px;left:12px;transform:rotate(-35deg)}.orbit-two{transform:rotate(44deg);height:290px;top:62px}.disc{position:absolute;width:328px;height:328px;left:calc(50% - 164px);top:40px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 3px,#d7e8b613 4px,#212617 5px),conic-gradient(from 10deg,#64742d,#171d0e 17%,#a9bf66 25%,#38421b 32%,#141a0c 47%,#455726 62%,#95ab54 69%,#212a12 83%,#64742d);box-shadow:0 20px 60px #0009,inset 0 0 0 1px #d3e9a633;transform:rotate(-20deg)}.disc:after{content:"";position:absolute;inset:5px;border:1px solid #c9e99c22;border-radius:50%}.disc-inner{position:absolute;inset:100px;border:1px solid #cadcb044;border-radius:50%;background:radial-gradient(circle,#252d19,#728941);display:grid;place-items:center}.disc-hole{width:25px;height:25px;background:#10150b;border-radius:50%;border:6px solid #b3c981;box-shadow:0 0 0 1px #506135}.disc-label{position:absolute;top:60px;left:110px;font-size:22px;font-weight:600;letter-spacing:-1px;text-align:center;line-height:.9;color:#dbeac5}.disc-label small{font-size:5px;letter-spacing:2px}.floating-label{position:absolute;padding:12px 16px;background:#282e22dc;backdrop-filter:blur(16px);border:1px solid #7382544d;border-radius:7px;font-size:11px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px #0004}.floating-label>span{color:var(--green);font-size:19px}.label-image{right:7px;top:88px;transform:rotate(8deg)}.label-music{left:0;top:217px;transform:rotate(-7deg)}.sound-card{position:absolute;left:83px;right:33px;bottom:32px;padding:17px 19px 13px;background:linear-gradient(120deg,#282e21ee,#1a1f17ed);border:1px solid #68754a;border-radius:10px;transform:rotate(-4deg);box-shadow:0 22px 34px #0007;backdrop-filter:blur(15px)}.sound-title{display:flex;justify-content:space-between;font-family:Consolas,monospace;font-size:9px;letter-spacing:1.5px;color:#d7dfc7}.sound-title>span{color:var(--green);font-size:17px}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:61px;margin:7px 0}.waveform i{display:block;width:3px;background:var(--green);border-radius:3px;opacity:.85}.sound-bottom{display:flex;justify-content:space-between;align-items:center;color:#909b7e;font-size:9px}.art-star{position:absolute;right:13px;bottom:170px;font-size:68px;color:var(--green);transform:rotate(14deg)}.discipline-strip{border-block:1px solid var(--line);background:#171a14}.discipline-strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:25px}.discipline-strip span:first-child{font-size:8px;letter-spacing:1px;color:#8a9380;line-height:1.7}.discipline-strip strong{font-weight:500;color:#bdc6b1}.discipline-strip span:not(:first-child){font-size:21px;letter-spacing:-.6px;display:flex;align-items:center;gap:35px}.discipline-strip b{color:var(--green);font-size:27px;font-weight:400}.section{padding-top:96px;padding-bottom:96px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:43px}.muted{color:#9ca78e}.section h2{font-size:clamp(35px,3.6vw,51px);font-weight:500;letter-spacing:-2px;line-height:1.17;margin:22px 0 0}.dim{color:#858d7b}.section-description{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 3px}.studio-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;border:1px solid var(--line);border-radius:11px;background:#191c16;margin-bottom:23px}.studio-tabs button{border:0;display:flex;align-items:center;gap:13px;padding:17px 20px;background:transparent;color:#aab39e;border-radius:6px;text-align:left;font-size:13px;font-weight:550;transition:background .2s,color .2s}.studio-tabs button>span:first-child{font-size:21px}.studio-tabs button[aria-selected=true]{background:var(--green);color:#1c2710}.studio-tabs button:hover:not([aria-selected=true]){background:#282e23;color:var(--text)}.tab-arrow{margin-left:auto;font-size:18px}.studio-panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#21271b,#181c15);overflow:hidden;display:grid;grid-template-columns:1fr 1.9fr;gap:28px;padding:35px 0 30px 35px}.studio-panel-copy{padding-top:5px;align-self:center}.tag{font-size:8px;letter-spacing:1.4px;border:1px solid #4c593d;padding:7px 10px;border-radius:4px;color:#c1d0ae}.studio-panel h3{font-size:36px;font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:28px 0 19px}.studio-panel p{font-size:12px;line-height:1.85;color:#aab59d;max-width:280px}.studio-panel ul{list-style:none;padding:0;margin:23px 0 32px;color:#c3cbb9;font-size:11px;display:grid;gap:12px}.studio-panel li:before{content:"↗";color:var(--green);padding-right:10px}.studio-panel .text-link{font-size:11px;color:var(--green)}.studio-visual{align-self:center;min-width:0;padding-right:25px}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#282f23;border:1px solid #46523b;border-bottom:0;border-radius:8px 8px 0 0;font-size:8px;color:#a2b48c}.window-dots{letter-spacing:3px;color:#758765;font-size:8px}.screenshot-button{display:block;position:relative;padding:0;border:1px solid #46523b;border-top:0;background:#0d1512;width:100%;overflow:hidden;border-radius:0 0 6px 6px}.screenshot-button img{width:100%;aspect-ratio:1424/875;object-fit:cover;object-position:top}.expand-label{position:absolute;bottom:13px;right:13px;padding:8px 11px;border-radius:5px;background:#1c281de6;color:#d3f4ae;font-size:9px;border:1px solid #587645;opacity:0;transition:opacity .2s}.screenshot-button:hover .expand-label,.screenshot-button:focus-visible .expand-label{opacity:1}.preview-caption{font-size:8px;letter-spacing:.6px;color:#909d7e;margin-top:12px;text-align:center}.creative-note{border-block:1px solid var(--line);padding-block:40px;display:flex;align-items:center;gap:30px}.note-star{font-size:63px;color:var(--green);line-height:1}.creative-note p{font-size:24px;line-height:1.5;letter-spacing:-.6px;margin:0}.creative-note p span{color:#919b85}.note-label{margin-left:auto;font-size:8px;letter-spacing:1px;line-height:1.9;color:#8e9b7e}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:52px}.steps article{border-top:1px solid #48523a;padding-top:20px}.step-number{display:flex;justify-content:space-between;font-size:11px;font-family:Consolas,monospace;color:#9faf8c}.step-number>span{font-size:22px;color:var(--green)}.steps h3{font-size:18px;letter-spacing:-.3px;font-weight:500;margin:29px 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.85;max-width:310px;margin:0}.download{position:relative;background:var(--green);color:#1c2713;border-radius:16px;overflow:hidden;padding:56px 59px;display:flex;align-items:center;justify-content:space-between;isolation:isolate}.download-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#c8fa74 30%,transparent),repeating-linear-gradient(90deg,#273d1215 0,#273d1215 1px,transparent 1px,transparent 42px),repeating-linear-gradient(0deg,#273d1215 0,#273d1215 1px,transparent 1px,transparent 42px)}.download h2{font-size:49px;font-weight:550;letter-spacing:-2.1px;line-height:1.1;margin:25px 0 20px}.download p{font-size:13px;line-height:1.8;color:#43592e;margin-bottom:26px}.dark{background:#182211;color:#edfade;border-radius:7px;font-size:13px}.dark:hover{background:#2b3c1e}.release-info{font-size:9px;color:#4f6837;margin-top:14px}.download-status:empty{display:none}.download .download-status{font-size:11px;margin-bottom:0;max-width:340px}.download-mark{font-size:260px;line-height:1;font-weight:650;font-style:italic;letter-spacing:-26px;position:relative;margin-right:12px;transform:rotate(-12deg);color:#253719}.download-mark span{position:absolute;left:88px;top:30px;font-size:160px;letter-spacing:0;color:#c8fa74;text-shadow:1px 0 #253719,-1px 0 #253719,0 1px #253719,0 -1px #253719}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{color:#c3d3b0;font-size:20px;line-height:1}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);line-height:1.9;margin:16px 36px 0 0}.footer{border-top:1px solid var(--line);padding-block:37px;display:flex;align-items:center;justify-content:space-between}.footer .brand{font-size:25px}.footer p{font-size:10px;color:#8e9a80;margin:12px 0 0}.footer>span{font-size:10px;color:#89967b}.footer .text-link{font-size:10px}dialog{padding:0;border:1px solid #64734f;border-radius:12px;background:#171e13;color:var(--text);max-width:min(95vw,1424px);max-height:92vh}dialog::backdrop{background:#050804e6;backdrop-filter:blur(7px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px}.dialog-toolbar button{color:var(--text);background:#303b25;border:0;border-radius:6px;padding:9px 13px}dialog img{max-height:80vh;object-fit:contain}.skip{position:absolute;z-index:20;top:-100px;left:16px;background:var(--green);color:#182211;padding:12px}.skip:focus{top:16px}
@media(min-width:1600px){.hero{padding-block:100px}.hero-art{transform:scale(1.05)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:63px;letter-spacing:-3.5px}.hero{gap:15px}.hero-art{transform:scale(.9);transform-origin:center}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px}.hero-art .orbit{width:390px}.discipline-strip span:not(:first-child){font-size:17px;gap:18px}.studio-panel{grid-template-columns:1fr 1.65fr;padding-left:26px}.studio-panel h3{font-size:31px}.studio-panel-copy{padding-right:5px}.studio-tabs button{padding-inline:14px}.download h2{font-size:43px}.download-mark{font-size:220px}.download-mark span{font-size:140px;left:75px}.faq{gap:45px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:82px}.header nav{gap:20px}.header nav a{font-size:11px}.header>.button{display:none}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:45px;gap:30px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:73px}.hero-description{font-size:15px}.hero-art{width:min(500px,100%);justify-self:center;height:430px;transform:none}.hero-art .orbit{width:90%}.discipline-strip>.wrap{flex-wrap:wrap;gap:18px;padding-block:23px}.discipline-strip span:first-child{display:none}.discipline-strip span:not(:first-child){font-size:14px;gap:18px}.discipline-strip b{font-size:20px}.section{padding-block:65px}.section-top{align-items:flex-start}.section-description{font-size:11px;padding-top:41px}.section h2{font-size:37px}.studio-tabs button{padding:14px 8px;font-size:11px;gap:7px}.tab-arrow{display:none}.studio-panel{grid-template-columns:1fr;padding:25px;gap:26px}.studio-panel-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.studio-panel-copy .tag{grid-column:1/-1;width:max-content}.studio-panel h3{font-size:34px;margin-top:20px;grid-row:2}.studio-panel p{grid-column:1;margin:0}.studio-panel ul{grid-column:2;grid-row:2/4;align-self:center}.studio-panel .text-link{grid-column:1/-1;margin-top:18px}.studio-visual{padding-right:0}.creative-note{gap:20px;padding-block:30px}.creative-note p{font-size:20px}.note-label{display:none}.note-star{font-size:48px}.steps{gap:25px;margin-top:35px}.steps h3{font-size:16px;line-height:1.4}.steps p{font-size:11px}.download{padding:40px 32px}.download h2{font-size:38px}.download-mark{font-size:160px;letter-spacing:-15px;margin-right:18px}.download-mark span{font-size:100px;left:55px;top:19px}.faq{grid-template-columns:1fr;gap:30px}.faq h2 br{display:none}.faq h2{font-size:36px}.footer{padding-block:30px}}
@media(max-width:480px){.header nav a:nth-child(2){display:none}.brand{font-size:26px}.header nav{gap:18px}.hero h1{font-size:59px;letter-spacing:-3.8px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-description{font-size:13px}.hero-actions{gap:17px}.hero-actions .button{padding:16px 17px;font-size:12px}.hero-actions .text-link{font-size:10px;gap:6px}.hero-note{font-size:8px}.hero-art{height:385px;margin-top:4px}.disc{width:280px;height:280px;left:calc(50% - 140px);top:34px}.disc-inner{inset:86px}.disc-label{top:47px;left:89px}.sound-card{left:36px;right:14px;bottom:28px}.floating-label{font-size:9px;padding:10px 12px}.label-music{top:210px}.label-image{top:65px;right:0}.art-star{font-size:51px;bottom:147px}.art-coordinate{font-size:7px}.top-coordinate{left:25px}.section-top{display:block}.section-description{padding-top:20px}.section h2{font-size:34px;letter-spacing:-1.5px}.studio-tabs{gap:2px;padding:4px}.studio-tabs button{flex-direction:column;font-size:9px;gap:7px;padding:12px 2px}.studio-panel{padding:22px 15px}.studio-panel-copy{display:block;padding-inline:6px}.studio-panel h3{font-size:34px;margin-top:25px}.studio-panel p{max-width:none;font-size:12px}.studio-panel ul{margin:20px 0}.studio-panel .text-link{margin-top:3px}.creative-note{gap:16px}.creative-note p{font-size:16px}.note-star{font-size:40px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:13px;font-size:18px}.steps p{max-width:none;font-size:12px}.download{padding:32px 25px}.download-mark{display:none}.download h2{font-size:38px}.download .eyebrow{font-size:7px}.download p{font-size:12px}.download-link{width:100%}.faq h2{font-size:33px}.faq h2 br{display:block}.footer{flex-wrap:wrap;gap:25px}.footer>div{width:100%}.footer>span{margin-right:auto}}
.studio-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.studio-tabs button{font-size:11px;gap:8px;padding-inline:12px}.studio-tabs .tab-arrow{font-size:14px}.screenshot-button img{aspect-ratio:16/9}.mode-intro{display:flex;align-items:center;justify-content:space-between;margin-top:43px;margin-bottom:23px}.mode-intro p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.mode-grid article{border-top:1px solid #48523a;padding-top:20px}.mode-label{font-family:Consolas,monospace;font-size:10px;letter-spacing:2px;color:var(--green);display:flex;justify-content:space-between}.mode-label>span{font-size:22px;letter-spacing:0}.mode-grid h3{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:20px 0 12px}.mode-grid p{font-size:12px;line-height:1.9;color:var(--muted);max-width:470px}.mode-example{font-size:10px;color:#c3d4af;margin-top:24px}.use-cases{padding-bottom:0}.scenario-row{display:grid;grid-template-columns:150px 1.2fr 1fr 50px;align-items:center;gap:20px;padding:29px 0;border-top:1px solid var(--line)}.scenario-index{font-family:Consolas,monospace;color:#8f9c82;font-size:9px;letter-spacing:1px}.scenario-row h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0}.scenario-row p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.scenario-symbol{color:var(--green);font-size:26px;justify-self:end}.projects-note{display:flex;align-items:center;gap:22px;padding:25px 28px;background:#1c2217;border:1px solid #35412b;border-radius:9px;margin-top:17px}.projects-note>span:first-child{font-size:34px;color:var(--green)}.projects-note h3{font-size:15px;font-weight:500;margin:0 0 8px}.projects-note p{font-size:11px;line-height:1.7;color:var(--muted);max-width:590px;margin:0}.project-local{font-size:8px;letter-spacing:1px;color:#a9bc94;margin-left:auto;white-space:nowrap}
@media(max-width:1100px){.studio-tabs .tab-arrow{display:none}.studio-tabs button{font-size:10px;gap:7px;padding-inline:10px}.discipline-strip span:not(:first-child){font-size:15px;gap:16px}.scenario-row{grid-template-columns:120px 1fr 1fr 30px}.scenario-row h3{font-size:17px}}
@media(max-width:800px){.studio-tabs{grid-template-columns:repeat(3,1fr)}.studio-tabs button{flex-direction:row;font-size:12px;padding:13px 14px}.studio-tabs .tab-arrow{display:inline;margin-left:auto}.mode-intro{gap:20px}.mode-intro .eyebrow{max-width:160px;line-height:1.8}.mode-grid{gap:25px}.mode-grid h3{font-size:19px}.mode-grid p{font-size:11px}.scenario-row{grid-template-columns:1fr 1fr 28px;gap:14px}.scenario-index{grid-column:1/-1}.scenario-row h3{font-size:18px}.scenario-row p{font-size:11px}.project-local{display:none}}
@media(max-width:480px){.studio-tabs button{font-size:10px;padding:13px 9px;gap:6px}.studio-tabs button>span:first-child{font-size:17px}.studio-tabs .tab-arrow{display:none}.mode-intro{display:block;margin-top:30px}.mode-intro .eyebrow{max-width:none}.mode-intro p{margin-top:14px;font-size:12px}.mode-grid{grid-template-columns:1fr;gap:30px}.mode-grid p{font-size:12px}.mode-grid h3{font-size:21px}.scenario-row{grid-template-columns:1fr 30px;padding:25px 0}.scenario-index{grid-column:1}.scenario-row h3{grid-column:1;font-size:21px;line-height:1.4}.scenario-row p{grid-column:1;font-size:12px}.scenario-symbol{grid-column:2;grid-row:1/4;align-self:center}.projects-note{padding:22px 17px;gap:15px}.projects-note>span:first-child{font-size:28px}.projects-note p{font-size:11px}}
.screenshot-button img{height:auto}
@media(max-width:800px){.hero-art{overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}