:root,[data-theme=light]{--color-bg:#fff;--color-bg-elevated:#fff;--color-bg-panel:#f7f7f7;--color-surface:#fff;--color-border:#0000001a;--color-text:#000;--color-text-muted:#0000008c;--color-accent:#3d5c4e;--color-accent-soft:#3d5c4e1a;--color-accent-strong:#000;--color-accent-ink:#fff;--color-danger:#b42318;--color-hero-wash:#fff;--color-aside-wash:#f7f7f7;--color-plane:#f2f2f2;--shadow-soft:0 1px 2px #0000000a, 0 8px 24px #0000000f;--shadow-lift:0 2px 4px #0000000d, 0 16px 40px #00000014;--shadow-inset:inset 0 1px 0 #ffffffbf, inset 0 -1px 0 #0000000a;--text-relief:0 1px 0 #fffc, 0 1px 2px #00000014;--nav-bg:#ffffffe6}[data-theme=dark]{--color-bg:#000;--color-bg-elevated:#0c0c0c;--color-bg-panel:#121212;--color-surface:#101010;--color-border:#ffffff1f;--color-text:#fff;--color-text-muted:#ffffff8c;--color-accent:#9bb5a8;--color-accent-soft:#9bb5a824;--color-accent-strong:#fff;--color-accent-ink:#000;--color-danger:#f97066;--color-hero-wash:#000;--color-aside-wash:#0c0c0c;--color-plane:#111;--shadow-soft:0 1px 2px #00000080, 0 8px 28px #0000008c;--shadow-lift:0 2px 6px #00000073, 0 18px 48px #000000a6;--shadow-inset:inset 0 1px 0 #ffffff14, inset 0 -1px 0 #00000073;--text-relief:0 1px 0 #ffffff1f, 0 2px 8px #0000008c;--nav-bg:#000000e0}:root{--font-display:"Poppins", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:36px;--sidebar-width:248px;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--color-text);background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg);min-width:320px;color:var(--color-text);margin:0;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);text-shadow:var(--text-relief);margin:0;font-weight:650}.hero-brand,.brand{text-shadow:var(--text-relief)}.btn{cursor:pointer;box-shadow:var(--shadow-soft);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.2rem;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s,opacity .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:var(--shadow-soft);transform:translateY(0)}.btn-primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);box-shadow:var(--shadow-soft), var(--shadow-inset)}.btn-secondary{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-soft), var(--shadow-inset)}.btn-ghost{color:var(--color-text-muted);box-shadow:none;background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-panel);box-shadow:var(--shadow-soft)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.btn-lg{padding:.9rem 1.45rem;font-size:1.02rem}.btn-block{border-radius:var(--radius-md);width:100%}.theme-toggle{font-size:.85rem;font-weight:500}.icon{stroke-width:1.75px;flex-shrink:0;width:1.1rem;height:1.1rem}.icon-sm{width:1rem;height:1rem}.icon-lg{width:1.35rem;height:1.35rem}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--color-text-muted);font-size:.875rem;font-weight:600}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=url],.field input[type=datetime-local],.field select,.field textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);width:100%;color:var(--color-text);resize:vertical;box-shadow:var(--shadow-inset), var(--shadow-soft);padding:.8rem 1rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-text);box-shadow:var(--shadow-inset), var(--shadow-lift);outline:none}.field input[type=color]{cursor:pointer;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);height:44px;box-shadow:var(--shadow-soft);padding:.3rem}.field-error{color:var(--color-danger);font-size:.85rem}.checkbox-row{color:var(--color-text-muted);align-items:flex-start;gap:.65rem;font-size:.9rem;display:flex}.checkbox-row input{margin-top:.2rem}.checkbox-row a{color:var(--color-text);text-underline-offset:2px;font-weight:600;text-decoration:underline}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=560px){.form-row{grid-template-columns:1fr}}.mkt-nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--nav-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;margin:.75rem 1rem 0;padding:.85rem 1.5rem;display:flex;position:sticky;top:.75rem}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);font-size:1.25rem;font-weight:700}.brand span{color:var(--color-text)}.brand-static{cursor:default;-webkit-user-select:none;user-select:none}.mkt-nav-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.landing{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.hero{gap:2rem;max-width:1100px;margin:0 auto;padding:4.5rem 1.75rem 3rem;display:grid}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:end;gap:2.5rem;display:grid}.hero-brand{font-family:var(--font-display);letter-spacing:-.045em;margin-bottom:1rem;font-size:clamp(2.6rem,7vw,4rem);font-weight:700;line-height:1}.hero h1{max-width:14ch;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.12}.hero-lead{max-width:38ch;color:var(--color-text-muted);margin-top:1rem;font-size:1.08rem;line-height:1.6}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.hero-aside{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);min-height:280px;box-shadow:var(--shadow-lift), var(--shadow-inset);flex-direction:column;gap:.85rem;padding:1.35rem;display:flex}.hero-aside h2{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.95rem;font-weight:600;font-family:var(--font-body)}.hero-stat{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding:.65rem 0;font-size:.95rem;display:flex}.hero-stat:last-child{border-bottom:0}.hero-stat strong{font-family:var(--font-display)}.hero-plane{background:var(--color-plane);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);width:100vw;min-height:160px;color:var(--color-text-muted);text-align:center;place-items:center;margin-top:1rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:1.5rem;font-size:.95rem;display:grid}.landing-section{border-top:1px solid var(--color-border);max-width:1100px;margin:0 auto;padding:4rem 1.75rem}.landing-section h2{margin-bottom:.6rem;font-size:clamp(1.5rem,3vw,2rem)}.section-lead{color:var(--color-text-muted);max-width:48ch;margin-bottom:2rem;line-height:1.55}.feature-cols{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);min-height:180px;box-shadow:var(--shadow-soft), var(--shadow-inset);flex-direction:column;gap:.65rem;padding:1.35rem;transition:transform .15s,box-shadow .15s;display:flex}.feature-card:hover{box-shadow:var(--shadow-lift), var(--shadow-inset);transform:translateY(-2px)}.feature-card .icon-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-soft);place-items:center;display:grid}.feature-card h3{font-size:1.05rem}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.55}.steps-ol{grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}.step-card{border-top:2px solid var(--color-text);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft);flex-direction:column;gap:.45rem;padding:1.1rem 1rem 1rem;display:flex}.step-card .n{font-family:var(--font-display);text-shadow:var(--text-relief);font-size:1.4rem;font-weight:700}.step-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.split-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.split-grid ul{color:var(--color-text-muted);margin:0;padding-left:1.1rem;line-height:1.7}.trust-note{border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft), var(--shadow-inset);margin-top:1.5rem;padding:1.15rem 1.25rem;font-size:.95rem;line-height:1.55}.cta-band{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-elevated);box-shadow:var(--shadow-lift), var(--shadow-inset);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem 1.5rem;display:flex}.cta-band h2{font-size:1.35rem}.cta-band p{color:var(--color-text-muted);margin-top:.35rem}.landing-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem;font-size:.9rem;display:flex}.landing-footer-links{gap:1rem;display:flex}.landing-footer-links a:hover{color:var(--color-text)}.auth-layout{background:var(--color-bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-aside{background:var(--color-aside-wash);border-right:1px solid var(--color-border);flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex}.auth-aside-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-aside h1{max-width:14ch;margin-top:2rem;font-size:1.85rem;line-height:1.25}.auth-aside p{color:var(--color-text-muted);max-width:34ch;margin-top:1rem;line-height:1.55}.auth-panel{background:var(--color-bg);justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-elevated);width:100%;max-width:400px;box-shadow:var(--shadow-lift), var(--shadow-inset);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.auth-card h1{font-size:1.55rem}.auth-card .sub{color:var(--color-text-muted);margin-top:-.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-footer{color:var(--color-text-muted);font-size:.9rem}.auth-footer a{color:var(--color-text);text-underline-offset:2px;font-weight:600;text-decoration:underline}@media (width<=860px){.auth-layout{grid-template-columns:1fr}.auth-aside{display:none}.hero-grid,.feature-cols,.steps-ol,.split-grid{grid-template-columns:1fr}}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;background:var(--color-bg);min-height:100vh;display:grid}.sidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border);box-shadow:var(--shadow-soft);flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:.65rem;padding:.7rem .85rem;font-weight:500;transition:background .15s,box-shadow .15s,color .15s;display:flex}.nav-item:hover{background:var(--color-bg-panel);color:var(--color-text);box-shadow:var(--shadow-soft)}.nav-item.active{background:var(--color-bg-panel);color:var(--color-text);box-shadow:var(--shadow-soft), var(--shadow-inset)}.empty-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);max-width:520px;box-shadow:var(--shadow-lift), var(--shadow-inset);padding:2.25rem 1.75rem}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(520px,100%);max-height:min(90vh,820px);box-shadow:var(--shadow-lift);padding:1.35rem;overflow:auto}.kpi{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft), var(--shadow-inset);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;display:flex}.product-tile{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft);align-items:flex-start;gap:.85rem;padding:1.1rem;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:flex}.product-tile:hover{background:var(--color-bg-panel);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft), var(--shadow-inset);flex-direction:column;gap:.75rem;padding:1.35rem;display:flex}.onboarding-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-elevated);max-width:480px;box-shadow:var(--shadow-lift), var(--shadow-inset);margin:0 auto;padding:1.85rem}.draft-card,.timeline-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft);align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;display:flex}.band{text-transform:uppercase;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.product-swatch,.inline-swatch{border:1px solid var(--color-border);width:14px;height:14px;box-shadow:var(--shadow-soft);border-radius:999px;flex-shrink:0;margin-top:.25rem}.sidebar-brand{padding:.25rem .5rem}.sidebar-org{color:var(--color-text-muted);margin-top:-1rem;padding:0 .5rem;font-size:.8rem}.sidebar-nav{flex-direction:column;flex:1;gap:.2rem;display:flex}.sidebar-user{border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.sidebar-user .meta{padding:0 .5rem}.sidebar-user .name{font-size:.9rem;font-weight:600}.sidebar-user .email{color:var(--color-text-muted);font-size:.8rem}.sidebar-actions{flex-wrap:wrap;gap:.25rem;display:flex}.app-main{background:var(--color-bg);padding:1.75rem 2rem}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-head h1{align-items:center;gap:.55rem;font-size:1.5rem;display:flex}.page-head .lead{color:var(--color-text-muted);margin-top:.35rem}.page-actions{flex-wrap:wrap;gap:.5rem;display:flex}.empty-panel h2{margin-bottom:.5rem;font-size:1.15rem}.empty-panel p{color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.55}.topbar-mobile{display:none}.modal-backdrop{z-index:50;background:#00000080;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-head h2{font-size:1.2rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.context-toggle{align-self:flex-start;padding-left:0}.context-fields{border-top:1px solid var(--color-border);flex-direction:column;gap:1rem;padding:.75rem 0;display:flex}.chart-box{width:100%;min-height:260px}.chart-range{border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.chart-range-btn{box-shadow:none;border-radius:999px;padding:.4rem .75rem;font-size:.85rem}.chart-range-btn.active{background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-soft)}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-label{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.kpi-value{font-family:var(--font-display);text-shadow:var(--text-relief);font-size:1.35rem;font-weight:600}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;display:grid}.product-tile h2{margin-bottom:.25rem;font-size:1.05rem}.product-tile p{color:var(--color-text-muted);font-size:.9rem}.inline-swatch{vertical-align:middle;margin-top:0;margin-right:.55rem;display:inline-block}.breadcrumb{color:var(--color-text-muted);margin-bottom:.45rem;font-size:.85rem}.breadcrumb a{color:var(--color-text)}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.panel h2{align-items:center;gap:.45rem;font-size:1.05rem;display:flex}.panel-wide{grid-column:1/-1}.sub{color:var(--color-text-muted)}.onboarding{background:var(--color-bg);min-height:100vh;padding:1.25rem}.onboarding-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.steps-indicator{color:var(--color-text-muted);flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.steps-indicator .active{color:var(--color-text);font-weight:600}.onboarding-step{flex-direction:column;gap:1rem;display:flex}.onboarding-step h1{font-size:1.55rem}.legal-page{background:var(--color-bg);min-height:100vh}.legal-content{flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}.legal-content h1{font-size:1.8rem}.legal-content p{color:var(--color-text-muted);line-height:1.6}.studio-layout{grid-template-columns:minmax(260px,320px) 1fr;gap:1rem;display:grid}.draft-list,.timeline-list{flex-direction:column;gap:.75rem;display:flex}.draft-card{flex-direction:column}.draft-meta{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.draft-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.checklist{color:var(--color-text-muted);margin:0;padding-left:1.1rem;font-size:.85rem}.band-watch{color:var(--color-text)}.band-high{color:var(--color-danger)}.band-safe{color:var(--color-text-muted)}.kpi-row.mini{grid-template-columns:repeat(3,1fr);margin-top:.75rem;margin-bottom:0}.media-thumb{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);box-shadow:var(--shadow-soft);margin:0;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;background:#000;width:100%;max-height:220px;display:block}.media-thumb.large img,.media-thumb.large video{object-fit:contain;max-height:420px}.media-thumb figcaption{color:var(--color-text-muted);padding:.45rem .7rem;font-size:.8rem}.media-thumb-fallback{min-height:140px;color:var(--color-text-muted);place-content:center;justify-items:center;gap:.35rem;padding:1rem;display:grid}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;display:grid}.media-inline{max-width:280px;margin:.55rem 0 .25rem}.creative-preview{flex-direction:column;gap:1rem;display:flex}.creative-block{flex-direction:column;gap:.35rem;display:flex}.creative-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:.75rem;font-weight:700}.creative-hook{font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:650;line-height:1.25}.creative-caption{color:var(--color-text-muted);white-space:pre-wrap;margin:0;line-height:1.55}.creative-meta-row{flex-wrap:wrap;gap:.35rem;display:flex}.creative-beats{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.creative-beats li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);box-shadow:var(--shadow-soft);gap:.15rem;padding:.7rem .85rem;display:grid}.creative-beats strong{font-size:.85rem}.creative-beats span{color:var(--color-text-muted);font-size:.92rem;line-height:1.45}.creative-inline{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.75rem}.creative-modal{width:min(640px,100%);max-height:min(90vh,900px)}.file-btn{cursor:pointer}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar-mobile{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft);z-index:10;justify-content:space-between;align-items:center;gap:.5rem;margin:.65rem .75rem 0;padding:.85rem 1rem;display:flex;position:sticky;top:.65rem}.app-main{padding:1.25rem 1rem}.studio-layout,.kpi-row,.detail-grid{grid-template-columns:1fr}}