/* User dashboard: readable type, direct actions, and project-specific information. */
.dashboard-shell{grid-template-columns:258px minmax(0,1fr)}
.dashboard-shell .sidebar{width:258px;padding:27px 17px}
.dashboard-shell .sidebar .brand{padding:0 12px;margin-bottom:46px}
.dashboard-shell .nav-label{font-size:11px;padding:0 14px;margin-bottom:13px}
.dashboard-shell .side-nav{gap:5px}
.dashboard-shell .side-link{min-height:48px;font-size:14px;line-height:1.35;padding:12px 14px;border-radius:10px;gap:13px}
.dashboard-shell .side-link svg{width:19px;height:19px}
.dashboard-shell .nav-counter{font:700 11px Jakarta,sans-serif;padding:3px 7px}
.dashboard-shell .sidebar-note{font-size:12px;line-height:1.6;margin:0 14px 15px}
.dashboard-shell .account-chip{padding:14px 12px}
.dashboard-shell .account-chip .avatar{width:40px;height:40px;font-size:13px}
.dashboard-shell .account-name{font-size:13px;max-width:145px}
.dashboard-shell .account-role{font-size:10px}
.dashboard-shell .app-top{height:76px;padding:0 46px}
.dashboard-shell .app-top-left{font-size:13px;gap:12px}
.dashboard-shell .app-top-left strong{font-weight:750}
.dashboard-shell .app-top-right .pill{font-size:11px;padding:8px 12px}
.dashboard-shell .app-top-right .avatar{width:38px;height:38px;font-size:13px}
.dashboard-shell .app-main{padding:42px 46px 55px;max-width:1580px}
.dashboard-page{max-width:1300px;margin:auto}
.dashboard-page .eyebrow{font-size:11px;line-height:1.35;letter-spacing:.1em;color:var(--subtle)}
.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.dashboard-heading h1{font:800 clamp(34px,3.4vw,49px)/1.08 Jakarta,sans-serif;letter-spacing:-.055em;margin:10px 0 10px}
.dashboard-heading p{font-size:16px;line-height:1.55;color:var(--subtle);margin:0}
.dashboard-create{min-height:52px;padding:12px 22px;font-size:15px;gap:12px;white-space:nowrap;flex:none;border-radius:9px}
.dashboard-create svg{width:20px;height:20px}
.dashboard-overview{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.86fr);gap:20px;align-items:stretch}
.dashboard-credit,.dashboard-feature{border-radius:16px;min-height:355px;min-width:0;padding:29px 31px;display:flex;flex-direction:column}
.dashboard-credit{background:#252c26;color:#f7f8f2}
.dashboard-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 12px Mono,monospace;letter-spacing:.075em}
.dashboard-card-top svg{width:22px;height:22px}
.dashboard-credit .dashboard-card-top{color:#d7e0ce}.dashboard-credit .dashboard-card-top svg{color:#d6f368}
.dashboard-credit-main{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:25px 0 0}
.dashboard-credit-main>strong{font:800 clamp(74px,7vw,105px)/.95 Jakarta,sans-serif;letter-spacing:-.085em;color:#d6f368}
.dashboard-credit-main>strong.is-unavailable{font-size:clamp(28px,3vw,36px);letter-spacing:-.045em;color:#f7f8f2}
.dashboard-credit-main>span{font-size:17px;font-weight:700}
.dashboard-credit-description{color:#d2dcc9;font-size:14px;line-height:1.55;margin:7px 0 25px}
.dashboard-credit-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:auto}
.dashboard-credit-facts>div{border-top:1px solid #667363;padding-top:13px;min-width:0}
.dashboard-credit-facts span,.dashboard-credit-facts strong{display:block}
.dashboard-credit-facts span{font-size:12px;color:#c2cdb8;margin-bottom:5px}
.dashboard-credit-facts strong{font-size:15px;line-height:1.45;font-weight:750}
.dashboard-credit-link{display:inline-flex;align-items:center;gap:9px;align-self:start;color:#d6f368;font-size:14px;font-weight:750;margin-top:20px}
.dashboard-credit-link svg{width:18px;height:18px}
.dashboard-credit-alert{margin:12px 0 0;color:#ffe6cd;font-size:13px}.dashboard-credit-alert a{text-decoration:underline;text-underline-offset:3px}
.dashboard-feature{background:#e9edfa;border:1px solid #d7def1;color:#222a3d}
.dashboard-feature .dashboard-card-top{color:#53627d}.dashboard-feature .dashboard-card-top svg{color:#304bff}
.dashboard-feature-body{margin:auto 0 22px;min-width:0}
.dashboard-feature-kicker{display:block;color:#53627d;font:700 11px Mono,monospace;letter-spacing:.1em;margin-bottom:12px}
.dashboard-feature h2{font:800 clamp(25px,2.4vw,32px)/1.13 Jakarta,sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0 0 12px}
.dashboard-feature-body p{font-size:14px;line-height:1.55;color:#526078;margin:0 0 16px}
.dashboard-feature-status .badge{color:#3b5d2d}.dashboard-feature-status .badge.RUNNING,.dashboard-feature-status .badge.QUEUED{color:#304bff}.dashboard-feature-status .badge.FAILED{color:#a23e32}
.dashboard-feature-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #bdc9e3;padding-top:17px}
.dashboard-feature-foot>span{font-size:13px;color:#526078}.dashboard-feature-foot>span strong{font-size:23px;line-height:1;color:#253450;margin-right:4px}
.dashboard-feature-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;min-height:45px;padding:10px 15px;background:#304bff;color:#fff;font-size:14px;font-weight:750;white-space:nowrap}
.dashboard-feature-open:hover{background:#223bdc}.dashboard-feature-open svg{width:17px;height:17px}
.dashboard-statline{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:24px 0 29px;margin-bottom:34px}
.dashboard-statline>div{display:flex;align-items:baseline;gap:11px;min-width:0;padding:0 23px;border-left:1px solid var(--line)}
.dashboard-statline>div:first-child{border-left:0;padding-left:0}
.dashboard-statline strong{font:800 32px/1 Jakarta,sans-serif;letter-spacing:-.055em}
.dashboard-statline span{font-size:14px;font-weight:650;color:var(--subtle)}
.dashboard-shortcuts{display:grid;grid-template-columns:190px repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin-bottom:47px}
.dashboard-shortcuts-heading{padding:13px 10px 10px 0}.dashboard-shortcuts-heading h2{font:750 20px/1.24 Jakarta,sans-serif;letter-spacing:-.04em;margin:7px 0 0}
.dashboard-shortcuts>a{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:80px;padding:15px 17px;border:1px solid var(--line);border-radius:11px;background:var(--surface);transition:border-color .18s,background .18s}
.dashboard-shortcuts>a:hover{border-color:var(--brand);background:var(--surface-alt)}
.dashboard-shortcuts>a>svg:first-child{width:22px;height:22px;color:var(--brand)}
.dashboard-shortcuts>a>svg:last-child{width:18px;height:18px;color:var(--subtle)}
.dashboard-shortcuts>a strong,.dashboard-shortcuts>a small{display:block;line-height:1.3}
.dashboard-shortcuts>a strong{font-size:15px}.dashboard-shortcuts>a small{font-size:12px;color:var(--subtle);margin-top:5px}
.dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(325px,.8fr);gap:42px}
.dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
.dashboard-section-head h2{font:800 24px/1.15 Jakarta,sans-serif;letter-spacing:-.045em;margin:6px 0 0}
.dashboard-section-head>a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:700;color:var(--subtle);padding-bottom:4px}
.dashboard-section-head>a:hover{color:var(--brand)}.dashboard-section-head>a svg{width:16px;height:16px}
.dashboard-list{border-top:1px solid var(--line)}
.dashboard-project-row{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;gap:15px;align-items:center;text-align:left;min-height:92px;padding:17px 7px 17px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);transition:background .18s}
.dashboard-project-row:hover{background:var(--surface-alt)}.dashboard-project-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.dashboard-project-icon,.dashboard-activity-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--surface-alt);border-radius:10px;color:var(--brand)}
.dashboard-project-icon svg,.dashboard-activity-icon svg{width:21px;height:21px}
.dashboard-project-name{min-width:0}.dashboard-project-name strong,.dashboard-project-name small,.dashboard-activity-row strong,.dashboard-activity-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-project-name strong,.dashboard-activity-row strong{font-size:15px;line-height:1.4}.dashboard-project-name small,.dashboard-activity-row small{color:var(--subtle);font-size:13px;margin-top:4px}
.dashboard-project-row>.badge{justify-self:end}.dashboard-project-row>svg{width:18px;height:18px;color:var(--subtle)}
.dashboard-activity-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:92px;padding:17px 0;border-bottom:1px solid var(--line)}
.dashboard-activity-row>.badge{justify-self:end}
.dashboard-list-empty{padding:29px 0}.dashboard-list-empty strong{font-size:16px}.dashboard-list-empty p{font-size:14px;color:var(--subtle);margin:7px 0 0}
.dashboard-page .badge{font:700 12px/1.35 Jakarta,sans-serif;gap:7px}.dashboard-page .badge:before{width:7px;height:7px}
[data-theme=dark] .dashboard-feature{background:#252d42;border-color:#404e70;color:#f0f2ff}
[data-theme=dark] .dashboard-feature :is(.dashboard-card-top,.dashboard-feature-kicker,.dashboard-feature-body p,.dashboard-feature-foot>span){color:#c2cee9}
[data-theme=dark] .dashboard-feature .dashboard-card-top svg{color:#aebaff}
[data-theme=dark] .dashboard-feature-foot{border-color:#536184}
[data-theme=dark] .dashboard-feature-foot>span strong{color:#f0f2ff}
[data-theme=dark] .dashboard-feature-open{background:#acb8ff;color:#17204c}
[data-theme=dark] .dashboard-feature-status .badge{color:#b9d78c}
[data-theme=dark] .dashboard-feature-status .badge.RUNNING,[data-theme=dark] .dashboard-feature-status .badge.QUEUED{color:#c0caff}
[data-theme=dark] .dashboard-feature-status .badge.FAILED{color:#ffb4a2}
[data-theme=dark] .dashboard-project-row:hover{background:var(--surface-alt)}
@media(max-width:1200px){.dashboard-shell{grid-template-columns:224px minmax(0,1fr)}.dashboard-shell .sidebar{width:224px;padding:25px 12px}.dashboard-shell .app-main{padding:34px 28px 50px}.dashboard-shell .app-top{padding:0 28px}.dashboard-overview{grid-template-columns:minmax(0,1fr) minmax(285px,.88fr)}.dashboard-shortcuts{grid-template-columns:160px repeat(3,minmax(0,1fr))}.dashboard-shortcuts>a{padding:13px;gap:9px}}
@media(max-width:1000px){.dashboard-overview{grid-template-columns:1fr 1fr}.dashboard-shortcuts{grid-template-columns:repeat(3,1fr)}.dashboard-shortcuts-heading{grid-column:1/-1;padding:0}.dashboard-shortcuts-heading h2{margin-top:4px}.dashboard-content-grid{gap:25px;grid-template-columns:1fr 1fr}.dashboard-credit,.dashboard-feature{padding:24px}.dashboard-credit-main>strong{font-size:76px}.dashboard-feature h2{font-size:25px}.dashboard-project-row{grid-template-columns:40px minmax(0,1fr) 18px}.dashboard-project-row>.badge{grid-column:2;justify-self:start}.dashboard-project-row>svg{grid-column:3;grid-row:1/3}}
@media(max-width:800px){.dashboard-shell{display:block}.dashboard-shell .sidebar{width:258px}.dashboard-shell .app-main{padding:30px 24px 45px}.dashboard-shell .app-top{padding:0 24px}.dashboard-overview{grid-template-columns:1.1fr .9fr}.dashboard-content-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.dashboard-heading{align-items:start;flex-direction:column;gap:18px}.dashboard-heading p{font-size:15px}.dashboard-overview,.dashboard-content-grid{grid-template-columns:1fr}.dashboard-credit,.dashboard-feature{min-height:0}.dashboard-credit{min-height:325px}.dashboard-feature{min-height:265px}.dashboard-shortcuts{grid-template-columns:1fr;gap:10px}.dashboard-shortcuts-heading{grid-column:auto}.dashboard-shortcuts>a{min-height:70px}.dashboard-statline{padding:21px 0}.dashboard-statline>div{display:block;padding:0 13px}.dashboard-statline strong,.dashboard-statline span{display:block}.dashboard-statline strong{font-size:29px}.dashboard-statline span{font-size:12px;margin-top:5px}.dashboard-content-grid{gap:38px}}
@media(max-width:500px){.dashboard-shell .app-top{height:66px;padding:0 16px}.dashboard-shell .app-top-left{font-size:12px;gap:8px}.dashboard-shell .app-top-right{gap:8px}.dashboard-shell .app-top-right .avatar{width:34px;height:34px;font-size:11px}.dashboard-shell .app-main{padding:27px 17px 40px}.dashboard-heading{margin-bottom:22px}.dashboard-heading h1{font-size:35px;line-height:1.13;max-width:330px}.dashboard-heading p{font-size:15px}.dashboard-create{width:100%;justify-content:center;margin:0}.dashboard-credit,.dashboard-feature{padding:24px 22px;border-radius:13px}.dashboard-credit-main{margin:26px 0 0}.dashboard-credit-main>strong{font-size:80px}.dashboard-credit-main>strong.is-unavailable{font-size:30px}.dashboard-credit-main>span{font-size:15px}.dashboard-credit-description{font-size:14px}.dashboard-credit-facts{gap:15px}.dashboard-credit-facts strong{font-size:14px}.dashboard-credit-link{font-size:14px}.dashboard-feature h2{font-size:28px}.dashboard-feature-body p{font-size:14px}.dashboard-feature-foot>span{font-size:12px}.dashboard-feature-open{font-size:13px;padding:9px 12px}.dashboard-statline{margin-bottom:28px}.dashboard-statline strong{font-size:28px}.dashboard-statline span{font-size:11px;line-height:1.3}.dashboard-shortcuts{margin-bottom:43px}.dashboard-shortcuts-heading h2{font-size:22px}.dashboard-section-head h2{font-size:23px}.dashboard-project-row{min-height:91px}.dashboard-project-name strong,.dashboard-activity-row strong{font-size:15px}.dashboard-project-name small,.dashboard-activity-row small{font-size:12px}.dashboard-page .badge{font-size:11px}.dashboard-section-head>a{font-size:12px}}
@media(max-width:360px){.dashboard-credit-facts{grid-template-columns:1fr}.dashboard-statline>div{padding:0 8px}.dashboard-statline span{font-size:10px}.dashboard-feature-foot{align-items:start;flex-direction:column}.dashboard-feature-open{width:100%}}
@media(prefers-reduced-motion:reduce){.dashboard-shortcuts>a,.dashboard-project-row{transition:none}}

/* Activation state: a production pipeline illustration replaces empty statistics. */
.dashboard-onboarding .app-main{padding-top:28px}
.dashboard-onboarding .onboard-top-label{font:700 11px Mono,monospace;letter-spacing:.12em;color:var(--subtle);white-space:nowrap}
.dashboard-onboarding .app-top-left strong{font-size:14px}
.dashboard-onboarding .onboard-refresh{width:auto;min-width:92px;padding:0 11px;gap:7px;font-size:20px}
.dashboard-onboarding .onboard-refresh span{font:700 12px Jakarta,sans-serif}
.dashboard-onboarding .app-top-right .pill{border-color:#c9aa7b;color:#74522e;background:#fbf2e3}
.dashboard-onboarding .app-top-right .pill .dot{background:#b67634}
[data-theme=dark] .dashboard-onboarding .app-top-right .pill{background:#3a2c21;color:#f4d3a2;border-color:#816040}
.dashboard-onboarding .app-footer{max-width:1300px;margin:38px auto 0}
.onboard-console{max-width:1300px;margin:auto;background:#111b16;color:#f1f7ec;border:1px solid #385142;border-radius:16px;overflow:hidden;box-shadow:0 25px 75px #1022171c}
.onboard-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:510px}
.onboard-hero-copy{padding:34px clamp(32px,3.5vw,56px) 30px;display:flex;flex-direction:column;min-width:0;background-image:linear-gradient(#c7ef9b08 1px,transparent 1px),linear-gradient(90deg,#c7ef9b08 1px,transparent 1px);background-size:30px 30px}
.onboard-system-line,.onboard-hero-foot,.matrix-top,.matrix-canvas-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 11px Mono,monospace;letter-spacing:.08em;color:#a9bdab}
.onboard-system-state{display:inline-flex;align-items:center;gap:9px;color:#d6f368;white-space:nowrap}.onboard-system-state i{width:7px;height:7px;border-radius:50%;background:#d6f368;box-shadow:0 0 0 4px #d6f36820}
.onboard-hero-main{margin:auto 0;max-width:590px;padding:35px 0}
.onboard-kicker{display:inline-block;color:#d6f368;font:700 13px Mono,monospace;letter-spacing:.05em;margin-bottom:16px}
.onboard-hero h1{font:800 clamp(47px,4.3vw,62px)/1.04 Jakarta,sans-serif;letter-spacing:-.065em;margin:0 0 23px;max-width:650px}
.onboard-hero h1 em{font-style:normal;color:#d6f368}
.onboard-hero-main p{font-size:17px;line-height:1.65;color:#c4d2c2;max-width:520px;margin:0}
.onboard-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.onboard-primary,.onboard-secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:13px 19px;border-radius:8px;font-size:15px;font-weight:800}
.onboard-primary{background:#d6f368;color:#182318}.onboard-primary:hover{background:#e3ff80}
.onboard-secondary{color:#e8f3e5;border:1px solid #6b826f}.onboard-secondary:hover{background:#223428}
.onboard-primary svg,.onboard-secondary svg{width:18px;height:18px}
.onboard-hero-foot{justify-content:start;flex-wrap:wrap;gap:12px 25px;border-top:1px solid #3d5342;padding-top:20px;font-size:10px;letter-spacing:0}
.onboard-hero-foot span{display:inline-flex;align-items:center;gap:8px}.onboard-hero-foot svg{width:15px;height:15px;color:#d6f368}
.onboard-visual{border-left:1px solid #35503d;background:#17251c;display:flex;flex-direction:column;min-width:0}
.matrix-top{height:58px;padding:0 25px;border-bottom:1px solid #35503d;font-size:10px;color:#bdd2bc;white-space:nowrap}
.matrix-dots{display:inline-flex;gap:5px}.matrix-dots i{width:7px;height:7px;border:1px solid #95b69c;border-radius:50%}.matrix-dots i:first-child{background:#d6f368;border-color:#d6f368}
.matrix-canvas{position:relative;flex:1;min-height:380px;margin:26px;border:1px solid #405c47;background-color:#15231a;background-image:linear-gradient(#8bb28b12 1px,transparent 1px),linear-gradient(90deg,#8bb28b12 1px,transparent 1px);background-size:27px 27px;overflow:hidden}
.matrix-canvas:before,.matrix-canvas:after{content:'';position:absolute;left:18px;right:18px;height:1px;background:#64866a36}.matrix-canvas:before{top:18px}.matrix-canvas:after{bottom:42px}
.matrix-cross{position:absolute;color:#d6f368;font:16px Mono,monospace;opacity:.72}.matrix-cross-a{left:10px;top:3px}.matrix-cross-b{right:10px;bottom:27px}
.matrix-rail{position:absolute;left:13%;right:13%;top:49%;height:2px;background:#71987366}.matrix-rail:before,.matrix-rail:after{content:'';position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#d6f368}.matrix-rail:before{left:0}.matrix-rail:after{right:0}.matrix-rail span{display:block;width:48%;height:2px;background:#d6f368}
.matrix-stages{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.matrix-stage{min-width:0;background:#203126;border:1px solid #6e8b6f;padding:14px 12px 12px;min-height:155px;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 0 #101b14}
.matrix-stage:nth-child(2){transform:translateY(-14px);border-color:#b5d978;background:#26392a}.matrix-stage:nth-child(3){transform:translateY(8px)}
.matrix-stage>span{font:700 10px Mono,monospace;color:#b9ceba;white-space:nowrap}.matrix-stage b{font-size:13px;margin-top:auto;color:#f1f7ec}
.matrix-art{height:69px;position:relative;margin:12px 0 8px}
.matrix-art-brief i{display:block;height:4px;margin:8px 0;background:#97b59a}.matrix-art-brief i:nth-child(1){width:80%;background:#d6f368}.matrix-art-brief i:nth-child(2){width:92%}.matrix-art-brief i:nth-child(3){width:60%}
.matrix-art-scene{display:flex;align-items:center;gap:4px}.matrix-art-scene i{display:block;width:31%;height:46px;border:1px solid #c8e4a0;background:#35573c}.matrix-art-scene i:nth-child(2){height:58px;background:#d6f368}.matrix-art-scene i:nth-child(3){height:39px}
.matrix-art-video{display:grid;place-items:center}.matrix-art-video:before{content:'';width:73px;max-width:88%;height:50px;border:1px solid #d6f368;background:#2d4933}.matrix-art-video i{position:absolute;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #d6f368;margin-left:4px}
.matrix-canvas-foot{position:absolute;left:18px;right:18px;bottom:13px;font-size:9px;color:#b8c8b3}
.onboard-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);border-top:1px solid #385142;background:#15211a}
.onboard-steps,.onboard-account{padding:37px clamp(30px,3vw,48px) 42px;min-width:0}.onboard-account{border-left:1px solid #385142;background:#18261d}
.onboard-section-heading>span{display:block;color:#b8cbb7;font:700 11px Mono,monospace;letter-spacing:.1em;margin-bottom:8px}.onboard-section-heading h2{font:800 25px/1.15 Jakarta,sans-serif;letter-spacing:-.04em;margin:0 0 28px}
.onboard-steps ol{list-style:none;padding:0;margin:0}.onboard-steps li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:17px;min-height:91px;border-top:1px solid #39513e;padding:16px 0}.onboard-steps li:last-child{border-bottom:1px solid #39513e}
.onboard-step-number{width:42px;height:42px;display:grid;place-items:center;border:1px solid #68806b;color:#c5d3c0;border-radius:9px;font:700 14px Mono,monospace}.onboard-step-number svg{width:20px;height:20px}.is-complete .onboard-step-number{background:#d6f368;border-color:#d6f368;color:#17221a}.is-current .onboard-step-number{border-color:#d6f368;color:#d6f368}
.onboard-steps li strong{display:block;font-size:16px;line-height:1.35}.onboard-steps li p{color:#b8cbb7;font-size:13px;line-height:1.45;margin:4px 0 0}.onboard-step-state{color:#b7c6b4;font:700 10px Mono,monospace;letter-spacing:.06em;white-space:nowrap}.onboard-steps li>a{display:inline-flex;align-items:center;gap:6px;color:#d6f368;font-size:13px;font-weight:800;white-space:nowrap}.onboard-steps li>a svg{width:16px;height:16px}
.onboard-account-state{display:flex;align-items:center;gap:11px;background:#263327;border:1px solid #5a6e59;border-radius:9px;padding:15px 17px;margin-bottom:18px}.onboard-account-state strong{font-size:16px}.onboard-account-indicator{width:10px;height:10px;border:2px solid #f4c681;border-radius:50%;flex:none}
.onboard-account dl{margin:0}.onboard-account dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #39513e;padding:14px 0;font-size:13px}.onboard-account dt{color:#b8cbb7}.onboard-account dd{margin:0;text-align:right;font-weight:750;overflow-wrap:anywhere}.onboard-account>a{display:inline-flex;align-items:center;gap:8px;color:#d6f368;font-size:13px;font-weight:800;margin-top:22px}.onboard-account>a svg{width:16px;height:16px}
.onboard-help{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid #385142;padding:20px clamp(30px,3vw,48px);font-size:13px;color:#c4d3c1}.onboard-help span{margin-right:auto}.onboard-help a{display:inline-flex;align-items:center;gap:7px;color:#f1f7ec;font-weight:750}.onboard-help a svg{width:15px;height:15px;color:#d6f368}
@media(max-width:1120px){.onboard-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)}.onboard-hero h1{font-size:clamp(46px,5vw,62px)}.matrix-canvas{margin:20px}.matrix-stages{left:4%;right:4%;gap:7px}.matrix-stage{padding:12px 8px}}
@media(max-width:920px){.onboard-hero{grid-template-columns:1fr}.onboard-visual{border-left:0;border-top:1px solid #35503d;min-height:350px}.matrix-canvas{min-height:280px}.onboard-detail-grid{grid-template-columns:1fr}.onboard-account{border-left:0;border-top:1px solid #385142}.onboard-steps,.onboard-account{padding:32px}}
@media(max-width:600px){.dashboard-onboarding .app-top-left .onboard-top-label{display:none}.dashboard-onboarding .app-top-left strong{font-size:13px}.dashboard-onboarding .onboard-refresh{min-width:38px;width:38px;padding:0}.dashboard-onboarding .onboard-refresh span{display:none}.dashboard-onboarding .app-top-right .pill{display:none}.dashboard-onboarding .app-main{padding:16px 13px 32px}.onboard-console{border-radius:12px}.onboard-hero-copy{padding:24px 21px 22px}.onboard-system-line{font-size:9px}.onboard-system-state{font-size:9px}.onboard-hero-main{padding:42px 0 38px}.onboard-kicker{font-size:12px}.onboard-hero h1{font-size:clamp(39px,11vw,54px);margin-bottom:18px}.onboard-hero-main p{font-size:15px;line-height:1.6}.onboard-hero-actions{gap:10px;margin-top:25px}.onboard-primary,.onboard-secondary{width:100%;min-height:49px;font-size:14px}.onboard-hero-foot{font-size:10px;gap:10px}.onboard-visual{min-height:285px}.matrix-top{height:44px;padding:0 16px;font-size:8px}.matrix-canvas{margin:16px;min-height:240px}.matrix-stages{left:4%;right:4%;gap:6px}.matrix-stage{min-height:120px;padding:8px 6px}.matrix-stage>span{font-size:8px}.matrix-stage b{font-size:11px}.matrix-art{height:51px;margin:9px 0 5px}.matrix-art-scene i{height:35px}.matrix-art-scene i:nth-child(2){height:44px}.matrix-art-scene i:nth-child(3){height:30px}.matrix-art-video:before{height:39px}.matrix-canvas-foot{font-size:7px;left:10px;right:10px}.onboard-steps,.onboard-account{padding:28px 21px}.onboard-section-heading h2{font-size:23px;margin-bottom:22px}.onboard-steps li{grid-template-columns:36px minmax(0,1fr);gap:12px;min-height:86px}.onboard-step-number{width:36px;height:36px}.onboard-steps li strong{font-size:14px}.onboard-steps li p{font-size:12px}.onboard-step-state,.onboard-steps li>a{grid-column:2;justify-self:start;margin-top:-7px}.onboard-help{padding:20px 21px;gap:14px}.onboard-help span{width:100%;margin:0}}
@media(max-width:360px){.onboard-system-line{flex-wrap:wrap}.onboard-hero h1{font-size:39px}.matrix-top>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.onboard-primary,.onboard-secondary{transition:none}}
.matrix-canvas{margin-bottom:10px}
.matrix-rail{top:39%}.matrix-rail span{width:100%;transform-origin:left}
.matrix-stages{top:39%}
.matrix-timeline{position:absolute;left:18px;right:18px;bottom:54px;height:72px;display:grid;grid-template-rows:repeat(3,1fr);gap:5px;padding:7px 10px;border:1px solid #48644e;background:#1a2b20}
.matrix-timeline>div{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;min-width:0}
.matrix-timeline>div>span{font:700 9px Mono,monospace;letter-spacing:.06em;color:#c4d7be}
.matrix-timeline i{display:block;height:8px;background:#2d4633;position:relative;overflow:hidden}.matrix-timeline i b{display:block;height:100%;width:100%;transform-origin:left;background:#d6f368}.matrix-timeline>div:nth-child(2) i b{background:#9bd4be}.matrix-timeline>div:nth-child(3) i b{background:#8d9ff2}
.matrix-playhead{position:absolute;top:0;bottom:0;left:74px;width:1px;background:#eef7d9;box-shadow:0 0 0 2px #eef7d920}
.matrix-transport{display:flex;align-items:center;gap:13px;min-height:64px;padding:0 26px 16px;color:#eaf4e6}
.matrix-transport>div{display:flex;flex-direction:column;gap:3px;min-width:0;margin-right:auto}.matrix-transport strong{font-size:12px}.matrix-transport>div span{font-size:10px;color:#aac0a9}
.matrix-timecode{display:none;font:700 10px Mono,monospace;color:#bfceba;white-space:nowrap}
.matrix-toggle{border:1px solid #658568;color:#eaf4e6;background:#263b2b;border-radius:7px;min-width:77px;min-height:34px;padding:5px 9px;display:none;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:700 11px Jakarta,sans-serif;white-space:nowrap}[data-motion=full] .matrix-toggle{display:inline-flex}[data-motion=full] .matrix-timecode{display:inline}.matrix-toggle span{font-size:14px;line-height:1}.matrix-toggle:hover{border-color:#d6f368;background:#344b35}.matrix-toggle:focus-visible{outline:2px solid #d6f368;outline-offset:3px}
.onboard-rates{display:grid;grid-template-columns:minmax(185px,1.35fr) repeat(3,minmax(130px,1fr)) auto;align-items:stretch;border-top:1px solid #385142;background:#1b2b20}
.onboard-rates>div{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:22px 24px;border-right:1px solid #385142}.onboard-rates>div:first-child{padding-left:clamp(30px,3vw,48px)}
.onboard-rates span{color:#adc2aa;font-size:11px}.onboard-rates>div:first-child span{font:700 10px Mono,monospace;letter-spacing:.08em}.onboard-rates strong{font-size:15px;line-height:1.3}.onboard-rates>a{display:flex;align-items:center;justify-content:center;gap:7px;padding:16px 24px;color:#d6f368;font-size:12px;font-weight:800;white-space:nowrap}.onboard-rates>a:hover{background:#293e2d}.onboard-rates>a svg{width:15px;height:15px}
@media(max-width:1120px){.onboard-rates{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.onboard-rates>div:first-child{grid-column:1/-1;padding:16px 24px;border-bottom:1px solid #385142;gap:3px}}
@media(max-width:920px){.matrix-canvas{min-height:320px}.matrix-stages,.matrix-rail{top:34%}}
@media(max-width:600px){.matrix-canvas{min-height:270px;margin-bottom:8px}.matrix-stages,.matrix-rail{top:34%}.matrix-timeline{left:10px;right:10px;bottom:48px;height:60px;padding:5px 7px;gap:2px}.matrix-timeline>div{grid-template-columns:43px 1fr;gap:5px}.matrix-timeline>div>span{font-size:7px}.matrix-timeline i{height:6px}.matrix-playhead{left:55px}.matrix-transport{padding:0 16px 13px;min-height:57px;gap:8px}.matrix-transport strong{font-size:11px}.matrix-transport>div span{font-size:9px}.matrix-timecode{font-size:9px}.matrix-toggle{min-width:67px;font-size:10px;min-height:32px}.onboard-rates{grid-template-columns:repeat(3,minmax(0,1fr))}.onboard-rates>div:first-child{padding:18px 21px}.onboard-rates>div:not(:first-child){padding:15px 10px}.onboard-rates>div:not(:first-child) span{font-size:10px}.onboard-rates>div:not(:first-child) strong{font-size:12px}.onboard-rates>a{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #385142;padding:14px 21px}}
@media(max-width:360px){.matrix-timecode{display:none}.onboard-rates{grid-template-columns:1fr}.onboard-rates>div:not(:first-child){padding:10px 21px;border-bottom:1px solid #385142;flex-direction:row;justify-content:space-between;gap:12px}.onboard-rates>div:not(:first-child) strong{text-align:right}}
@media(prefers-reduced-motion:reduce){.matrix-toggle,.matrix-timecode{display:none}}