body.welcome-mode>main,body.welcome-mode>.transport,body.welcome-mode header #share,body.welcome-mode header #export{display:none!important}
#welcome{max-width:1280px;margin:auto;padding:65px 40px 40px;color:var(--ink)}
.welcome-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding:15px 0 70px}
.welcome-copy h1,#welcomeLogin h1{font-size:clamp(36px,4.3vw,64px);font-weight:600;line-height:1.2;letter-spacing:-3px;margin:25px 0}.welcome-copy h1 em,#welcomeLogin em{color:var(--lime);font-style:normal}
.welcome-copy p,#welcomeLogin p{font-size:15px;line-height:1.9;color:#a9b8ae}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 16px}.welcome-actions button{font-size:13px;padding:16px 23px}.welcome-copy>small{font-size:11px;color:#83978c}
.welcome-art{min-height:390px;background:radial-gradient(ellipse at 50% 35%,#344c32,transparent 65%),#131e19;border:1px solid #40523b;border-radius:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
.welcome-art>strong{font-size:180px;line-height:.9;color:var(--lime);font-weight:600;letter-spacing:-12px;z-index:1}.welcome-art>strong>span{font-size:11px;letter-spacing:8px;display:block;text-align:center;margin:18px 0 0 12px}.art-caption,.art-bottom{font-size:8px;letter-spacing:3px;color:#b2c7a4;position:absolute;top:27px}.art-bottom{top:auto;bottom:25px}.art-orbit{position:absolute;width:310px;height:310px;border:1px solid #c6ef7920;border-radius:50%;transform:rotate(-25deg) scaleX(1.4)}.art-orbit:after{content:'';position:absolute;inset:30px;border:1px solid #c6ef7920;border-radius:50%}.art-bars{position:absolute;inset:auto 20px 62px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:4px;opacity:.2;z-index:-1}.art-bars i{height:var(--bar);width:8px;background:var(--lime);border-radius:5px}
.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:40px;padding:35px 0;margin-bottom:70px}.welcome-features span{font-size:9px;letter-spacing:2px;color:var(--lime)}.welcome-features h2{font-size:19px;margin:15px 0 10px}.welcome-features p{font-size:12px;line-height:1.9;color:#91a59a;margin:0}
.demo-studio{scroll-margin-top:100px;border:1px solid #3a493e;background:#111a17;border-radius:20px;padding:30px;box-shadow:0 30px 70px #0003}.demo-intro{display:flex;justify-content:space-between;align-items:start;gap:15px}.demo-intro h2{font-size:25px;letter-spacing:-1px;margin:12px 0}.demo-intro p{font-size:12px;color:#9bae9f}.demo-badge{border:1px solid #52683f;color:var(--lime);font-size:10px;padding:8px 12px;border-radius:20px;white-space:nowrap}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 0 20px;margin-top:10px;border-top:1px solid var(--line)}.demo-top strong{font-size:16px}.demo-top p{font-size:10px;color:#8da590;margin:8px 0 0}.demo-controls{display:flex;gap:8px}.demo-controls button{font-size:11px}
.demo-parts{display:flex;gap:8px}.demo-parts button{flex:1;background:#1a2620;color:#a3b5a6;border:1px solid #334538;text-align:left;padding:14px 16px}.demo-parts button small{float:right;font-size:9px;opacity:.7}.demo-parts button[aria-pressed=true]{background:#c6ef7912;border-color:#819b5b;color:var(--lime)}
.demo-progress{display:flex;gap:24px;align-items:center;padding:22px 0}.demo-progress>span{font-size:11px;min-width:45px}.demo-progress>strong{font-size:11px;color:var(--lime);white-space:nowrap}.demo-beats{display:flex;gap:8px;flex:1}.demo-beats span{flex:1;text-align:center;border-radius:6px;background:#202c24;color:#819786;padding:9px 0;font-size:11px}.demo-beats .on{background:var(--lime);color:#18271a;box-shadow:0 0 20px #c6ef7920}
#demoCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-card{min-width:0;border:1px solid #334237;padding:16px;border-radius:10px;background:#172019;transition:border-color .2s}.demo-card.current{border-color:#b4d781;background:#1d2c20}.demo-card>strong{font-size:10px;color:#c4d5bc}.demo-card textarea{resize:vertical;min-height:85px;width:100%;display:block;margin:12px 0;background:#0e1712;color:#e4ecdf;border:1px solid #354638;border-radius:6px;font-size:12px;line-height:1.8;padding:10px}.demo-card>small{font-size:8px;letter-spacing:1px;color:#89a17e}.demo-disclaimer{font-size:10px;line-height:1.8;color:#889b8b;margin:20px 0 0}
.welcome-bottom{text-align:center;padding:80px 0 25px}.welcome-bottom h2{font-size:32px;letter-spacing:-1px;font-weight:500;margin:18px 0 25px}.welcome-bottom button{font-size:13px;padding:17px 26px}.welcome-bottom p{font-size:10px;line-height:1.9;color:#82998a;margin:20px 0}
.login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding:65px 0 100px}.login-card{padding:40px;border:1px solid #40543e;background:#142018;border-radius:20px}.login-card h2{font-size:25px;letter-spacing:-1px;margin:20px 0 10px}.login-card>small{display:block;line-height:1.8;font-size:10px;color:#8fa08f;margin-top:25px}.login-eight{display:block;color:#536c46;font-size:33px;letter-spacing:12px;line-height:1.7;margin-top:35px}.login-eight b{color:#b8d98b;font-weight:400}#welcomeLoginMount .account-panel{display:block!important;margin:25px 0 0;padding:20px 0 0;border:0;border-top:1px solid #354833;border-radius:0;background:none}#welcomeLoginMount #accountName{display:none}#welcomeLoginMount #accountStatus{font-size:12px}#welcomeLoginMount #googleButton{min-height:35px;overflow:visible}
@media(max-width:900px){#welcome{padding:35px 25px}.welcome-hero{gap:30px}.welcome-art{min-height:320px}.welcome-art>strong{font-size:140px}.welcome-copy h1,#welcomeLogin h1{letter-spacing:-2px}.welcome-features{gap:20px}#demoCards{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{gap:40px}.login-card{padding:25px}}
@media(max-width:650px){#welcome{padding:30px 18px}.welcome-hero{grid-template-columns:1fr;gap:30px;padding:10px 0 35px}.welcome-copy h1,#welcomeLogin h1{font-size:40px;margin:20px 0}.welcome-copy p,#welcomeLogin p{font-size:13px}.welcome-art{min-height:250px}.welcome-art>strong{font-size:130px}.art-orbit{width:230px;height:230px}.welcome-actions{margin:25px 0 15px;gap:8px}.welcome-actions button{font-size:11px;padding:13px 16px}.welcome-copy>small{font-size:9px}.welcome-features{grid-template-columns:1fr;gap:28px;padding:30px 0;margin-bottom:35px}.welcome-features h2{font-size:19px;margin:10px 0}.welcome-features p br{display:none}.demo-studio{padding:18px;border-radius:14px}.demo-intro{display:block}.demo-intro h2{font-size:22px}.demo-badge{display:inline-block;margin:5px 0 15px}.demo-top{flex-wrap:wrap;padding:18px 0}.demo-top>div:first-child{width:100%}.demo-controls{width:100%}.demo-controls button{flex:1}.demo-parts{gap:5px}.demo-parts button{padding:11px 9px;font-size:11px}.demo-parts button small{display:block;float:none;margin-top:5px;font-size:8px}.demo-progress{gap:10px}.demo-progress>span{min-width:33px;font-size:10px}.demo-beats{gap:4px}.demo-beats span{font-size:9px;padding:8px 0}.demo-progress>strong{font-size:9px}.demo-card{padding:11px}.demo-card>strong{font-size:9px}.demo-card textarea{font-size:11px;min-height:90px;padding:8px}.demo-card>small{font-size:6px;letter-spacing:0}.demo-disclaimer{font-size:9px}.welcome-bottom{padding:50px 0 15px}.welcome-bottom h2{font-size:25px}.login-layout{grid-template-columns:1fr;gap:25px;padding:30px 0}.login-eight{display:none}.login-card{padding:25px 20px}.login-card h2{font-size:23px}}