/* Growth OS 6.0 · executive scale, data motion and new operating centers */
:root{--executive:#071b14;--signal:#b9f15b;--paper:#f5f5f0}body{font-size:15px;background:var(--paper)}.app-shell{grid-template-columns:286px minmax(0,1fr)}.sidebar{width:286px;padding:25px 19px 20px;background:radial-gradient(circle at 10% 0,rgba(79,151,119,.18),transparent 28%),linear-gradient(180deg,#0d2019,#08130f);box-shadow:12px 0 40px rgba(5,24,18,.08)}.side-nav{gap:6px}.nav-item{min-height:42px;padding:11px 13px;font-size:12px}.nav-item.active{box-shadow:0 10px 24px rgba(185,241,91,.12)}
.main{padding:0 clamp(28px,3vw,58px) 80px;background:radial-gradient(circle at 95% 0,rgba(185,241,91,.08),transparent 23%),linear-gradient(180deg,#f7f7f2,#efeee8)}.topbar{height:92px;margin:0 clamp(-58px,-3vw,-28px);padding:0 clamp(28px,3vw,58px)}.topbar h1{font-size:26px}.page{padding-top:10px}.page-intro h2,.list-header h2{font-size:32px}.page-intro p,.list-header p{max-width:820px;font-size:12px;line-height:1.75}.panel{border-color:rgba(35,59,49,.12);box-shadow:0 10px 30px rgba(18,40,31,.04)}.hero-panel{min-height:320px;padding:52px 54px;border-radius:18px;background:radial-gradient(circle at 76% 32%,rgba(185,241,91,.2),transparent 25%),linear-gradient(125deg,#071b14,#104a37 70%,#0a281e)}.hero-copy h2{font-size:42px;line-height:1.1}.hero-copy p{font-size:13px;line-height:1.85;max-width:780px}.kpi-card,.automation-kpi{min-height:126px;padding:23px}.kpi-copy strong,.automation-kpi strong{font-size:31px}
.kpi-card,.marketing-hub-kpis article,.worker-kpis article,.data-center-kpis article{animation:metricRise .55s both}.kpi-card:nth-child(2),.marketing-hub-kpis article:nth-child(2),.worker-kpis article:nth-child(2){animation-delay:.07s}.kpi-card:nth-child(3),.marketing-hub-kpis article:nth-child(3),.worker-kpis article:nth-child(3){animation-delay:.14s}.kpi-card:nth-child(4),.marketing-hub-kpis article:nth-child(4),.worker-kpis article:nth-child(4){animation-delay:.21s}@keyframes metricRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.trend-chart svg path,.analytics-chart svg path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:chartDraw 1.4s ease forwards}@keyframes chartDraw{to{stroke-dashoffset:0}}.data-trend-chart i,.trend-columns i,.trend-columns b{transform-origin:bottom;animation:barGrow .8s cubic-bezier(.2,.8,.2,1) both}@keyframes barGrow{from{transform:scaleY(.05);opacity:.25}to{transform:scaleY(1);opacity:1}}
.live-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #b8d8ca;border-radius:999px;background:#edf8f2;color:#176748;font-size:10px;font-weight:900;white-space:nowrap}.live-chip i{width:7px;height:7px;border-radius:50%;background:#16a367;animation:livePulse 1.8s infinite}@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(22,163,103,0)}100%{box-shadow:0 0 0 0 rgba(22,163,103,0)}}.marketing-script-builder{padding:28px;margin-bottom:18px;background:linear-gradient(140deg,#fff,#f2f9f5)}.marketing-script-form{display:grid;grid-template-columns:minmax(380px,1.8fr) .55fr .8fr auto;gap:13px;align-items:end}.marketing-script-form label{display:grid;gap:7px;margin:0;color:var(--muted);font-size:10px;font-weight:800}.marketing-script-form textarea{min-height:76px}.marketing-script-form button{height:42px;white-space:nowrap}
.script-preview{display:grid;grid-template-columns:.65fr 1.35fr;gap:22px;margin-top:20px;padding:20px;border-radius:14px;background:#0d2c22;color:#fff}.script-preview>div{display:grid;align-content:start;gap:7px}.script-preview>div>span{font-size:9px;letter-spacing:.15em;color:#8bbaa7}.script-preview>div>strong{font-size:19px}.script-preview>div>small{color:#b4d0c4;line-height:1.7}.script-preview ol{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;list-style:none;margin:0;padding:0}.script-preview li{display:flex;gap:8px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.045)}.script-preview li>i{flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--signal);color:#173326;font-style:normal;font-size:9px;font-weight:900}.script-preview li span{display:grid;gap:3px}.script-preview li b{font-size:10px}.script-preview li small{font-size:8px;color:#9fbeb1;line-height:1.5}
.marketing-hero,.package-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:20px;padding:40px 42px;border-radius:18px;background:radial-gradient(circle at 84% 15%,rgba(185,241,91,.22),transparent 26%),linear-gradient(125deg,#071b14,#104a37);color:#fff;box-shadow:0 24px 60px rgba(7,27,20,.18)}.marketing-hero:after,.package-hero:after{content:"";position:absolute;width:320px;height:320px;right:-110px;bottom:-230px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.02)}.marketing-hero>div,.package-hero>div{position:relative;z-index:1}.marketing-hero h2,.package-hero h2{margin:6px 0 9px;font-size:34px}.marketing-hero p,.package-hero p{max-width:850px;margin:0;color:#bdd3c9;line-height:1.75;font-size:12px}.marketing-hero .btn{position:relative;z-index:2;white-space:nowrap}
.marketing-hub-kpis,.worker-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:19px}.marketing-hub-kpis article,.worker-kpis article{position:relative;overflow:hidden;display:grid;gap:5px;min-height:116px;padding:22px;border:1px solid rgba(35,59,49,.12);border-radius:14px;background:#fff}.marketing-hub-kpis article:after,.worker-kpis article:after{content:"";position:absolute;right:-20px;top:-28px;width:82px;height:82px;border-radius:50%;background:rgba(11,107,77,.06)}.marketing-hub-kpis span,.marketing-hub-kpis small,.worker-kpis span,.worker-kpis small{font-size:9px;color:var(--muted)}.marketing-hub-kpis strong,.worker-kpis strong{font-size:29px;color:#123d30}.worker-kpis article:last-child strong{font-size:14px;line-height:1.45;margin-top:5px}
.scenario-selector,.compliance-lab{padding:27px;margin-bottom:18px}.scenario-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.scenario-tabs button{border:1px solid var(--line);border-radius:999px;background:#f7f8f5;padding:9px 13px;color:#52645c;font-size:10px;font-weight:800}.scenario-tabs button.active{border-color:#0b6b4d;background:#0b6b4d;color:#fff}.scenario-result{display:grid;grid-template-columns:1.35fr 1fr auto;gap:24px;align-items:center;padding:22px;border-radius:14px;background:linear-gradient(125deg,#f0f7f3,#f9fbf7)}.scenario-result>div>span{font-size:9px;color:#398466}.scenario-result h4{margin:4px 0 11px;font-size:17px}.scenario-picks{display:flex;gap:7px;flex-wrap:wrap}.scenario-picks b{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;background:#fff;font-size:9px}.scenario-picks i{font-style:normal;color:var(--green)}.scenario-result ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.scenario-result li{display:flex;align-items:center;gap:8px;font-size:9px;color:#5b6e65}.scenario-result li i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#dcebe4;color:#176748;font-style:normal;font-weight:900}
.marketing-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.marketing-category{padding:0;overflow:hidden}.marketing-category>header{display:flex;gap:13px;align-items:center;padding:21px 22px;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#fbfcfa,#f2f5f1)}.marketing-category>header>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#0f3a2d;color:#b9f15b;font-style:normal;font-size:10px;font-weight:900}.marketing-category h3{margin:0 0 4px;font-size:15px}.marketing-category header p{margin:0;color:var(--muted);font-size:9px}.marketing-category>div{display:grid}.marketing-category section{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf0ec}.marketing-category section:last-child{border-bottom:0}.marketing-category section>div{display:grid;gap:4px}.marketing-category section strong{font-size:11px}.marketing-category section span{font-size:9px;line-height:1.6;color:var(--muted)}.marketing-item-actions{display:flex!important;gap:5px}.marketing-category section button{border:0;border-radius:7px;padding:7px 8px;background:#edf3f0;color:#265d49;font-size:8px;font-weight:900;white-space:nowrap}.marketing-category section button:last-child{background:#103d30;color:#fff}.capability-status{padding:5px 7px;border-radius:999px;font-size:7px;white-space:nowrap}.capability-status.ready{background:#e3f3ea;color:#126946}.capability-status.connected{background:#fff1d6;color:#92600a}.capability-status.planned{background:#eceef1;color:#697079}
.compliance-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.compliance-layout form label{display:grid;gap:8px;font-size:10px;font-weight:800;color:var(--muted)}.compliance-result{min-height:192px;padding:16px;border-radius:13px;background:#f5f7f4}.compliance-result>header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:9px;background:#e8f3ed}.compliance-result>header.risk-high{background:#fae9e7;color:#983b35}.compliance-result>header.risk-medium{background:#fff2da;color:#8e5b06}.compliance-result>header div{display:flex;align-items:center;gap:10px}.compliance-result>header strong{font-size:25px}.compliance-issues{display:grid;gap:7px;margin:10px 0}.compliance-issues article{display:flex;gap:9px;padding:10px;background:#fff;border-radius:8px}.compliance-issues article>i{flex:0 0 23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#fae9e7;color:#9c3f37;font-style:normal;font-weight:900}.compliance-issues article>i.medium{background:#fff0cf;color:#915e08}.compliance-issues article>i.low,.compliance-issues article.passed>i{background:#e5f3eb;color:#17704e}.compliance-issues article>div{display:grid;gap:3px}.compliance-issues strong{font-size:10px}.compliance-issues span,.compliance-issues p,.compliance-result>small{font-size:8px;color:var(--muted);line-height:1.55;margin:0}
.worker-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(420px,1.3fr);gap:17px}.worker-layout>.panel{padding:25px}.worker-create-panel{grid-row:span 2}.worker-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.worker-form>label{display:grid;gap:7px;font-size:10px;font-weight:800;color:var(--muted)}.worker-form>label:nth-child(3),.worker-form .worker-instructions,.worker-form>button{grid-column:1/-1}.worker-roster,.worker-run-list{display:grid;gap:10px;max-height:590px;overflow:auto;padding-right:3px}.worker-card{display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.worker-avatar{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#0b6b4d,#123f32);color:#fff;font-size:18px;font-weight:900}.worker-avatar>i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#a6aaa8}.worker-avatar>i.online{background:#3ec884;box-shadow:0 0 9px rgba(62,200,132,.5)}.worker-copy{display:grid;gap:7px}.worker-copy>div{display:flex;gap:7px;align-items:center}.worker-copy strong{font-size:12px}.worker-copy>div>b{padding:4px 6px;border-radius:5px;background:#e7f2ed;color:#196b4d;font-size:7px}.worker-copy p{margin:0;color:#52645c;font-size:9px;line-height:1.6}.worker-copy>small{font-size:8px;color:var(--muted)}.worker-capabilities{display:flex;gap:5px;flex-wrap:wrap}.worker-capabilities span{padding:3px 6px;border-radius:4px;background:#f0f2ef;color:#6a746f;font-size:7px}.worker-actions{display:grid;gap:5px}.worker-actions button{border:0;border-radius:6px;padding:6px 8px;background:#e8efeb;color:#305e4c;font-size:8px;font-weight:900}.worker-actions button:first-child{background:#0b6b4d;color:#fff}.worker-actions button.danger{background:#f8e9e7;color:#a4433b}.worker-run-list>article{display:flex;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.worker-run-list>article>i{flex:0 0 27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e3f3ea;color:#14704c;font-style:normal;font-weight:900}.worker-run-list>article>div{display:grid;gap:4px}.worker-run-list>article>div>div{display:flex;gap:7px;align-items:center}.worker-run-list strong{font-size:10px}.worker-run-list b{padding:3px 6px;border-radius:4px;font-size:7px}.worker-run-list b.ai{background:#e7edff;color:#4261a2}.worker-run-list b.local{background:#eee;color:#68706c}.worker-run-list p{margin:0;color:#52645c;font-size:9px;line-height:1.55}.worker-run-list small{font-size:8px;color:var(--muted)}
.package-platforms{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,64px);gap:8px}.package-platforms i{height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);font-style:normal;font-size:11px;font-weight:900}.package-layout{display:grid;grid-template-columns:minmax(330px,.68fr) minmax(520px,1.32fr);gap:17px}.package-layout>.panel{padding:26px}.package-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.package-form label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.package-form .package-url,.package-form button{grid-column:1/-1}.package-truth{margin-top:16px;padding:14px;border-left:3px solid #d0ac53;background:#f8f3e6}.package-truth p{margin:5px 0 0;color:#74684c;font-size:9px;line-height:1.65}.package-list{display:grid;gap:10px}.package-record{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.package-type{height:54px;display:grid;place-items:center;border-radius:10px;background:#123f32;color:#fff;font-size:9px;font-weight:900}.package-type.android{background:#286940}.package-type.ios{background:#252a2d}.package-type.windows{background:#1460a8}.package-type.pwa{background:#6848a6}.package-record-copy{display:grid;gap:5px;min-width:0}.package-record-copy>div{display:flex;align-items:center;gap:8px}.package-record-copy strong{font-size:12px}.package-record-copy span,.package-record-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.package-record-copy code{overflow:hidden;text-overflow:ellipsis;padding:5px 7px;border-radius:5px;background:#edf0ed;color:#52615a;font-size:7px}.package-status{padding:4px 6px;border-radius:999px;font-size:7px}.package-status.ready{background:#e3f3ea;color:#126946}.package-status.builder_required{background:#fff0d3;color:#8c5b08}.package-record-action .btn{white-space:nowrap}
@media(max-width:1280px){.app-shell{grid-template-columns:246px minmax(0,1fr)}.sidebar{width:246px}.marketing-script-form{grid-template-columns:1fr 1fr}.marketing-script-form label:first-child{grid-column:1/-1}.scenario-result{grid-template-columns:1fr 1fr}.scenario-result>.btn{grid-column:1/-1;justify-self:start}.marketing-category section{grid-template-columns:1fr auto}.marketing-item-actions{grid-column:1/-1}.worker-layout,.package-layout{grid-template-columns:1fr}.worker-create-panel{grid-row:auto}}@media(max-width:900px){.marketing-hub-kpis,.worker-kpis{grid-template-columns:1fr 1fr}.marketing-category-grid,.compliance-layout{grid-template-columns:1fr}.script-preview{grid-template-columns:1fr}.marketing-hero,.package-hero{padding:30px}}@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%}.main{padding:0 13px 45px}.topbar{margin:0 -13px;padding:0 13px}.page-intro h2,.list-header h2{font-size:24px}.hero-copy h2{font-size:29px}.marketing-script-form,.worker-form,.package-form,.scenario-result{grid-template-columns:1fr}.marketing-script-form label:first-child,.worker-form>label:nth-child(3),.worker-form .worker-instructions,.worker-form>button,.package-form .package-url,.package-form button{grid-column:auto}.marketing-hub-kpis,.worker-kpis{grid-template-columns:1fr 1fr}.marketing-hero,.package-hero{display:grid;padding:26px 22px}.package-platforms{grid-template-columns:repeat(4,1fr)}.package-platforms i{height:43px}.script-preview ol{grid-template-columns:1fr}.worker-card,.package-record{grid-template-columns:48px 1fr}.worker-actions,.package-record-action{grid-column:2;display:flex}.marketing-category section{grid-template-columns:1fr}.capability-status{justify-self:start}.marketing-category>header{padding:17px}.compliance-lab,.scenario-selector,.marketing-script-builder,.worker-layout>.panel,.package-layout>.panel{padding:19px}}