@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&f[]=cabinet-grotesk@500,700&display=swap";:root{color:#28251d;--bg:#f7f6f2;--bg-2:#efebe4;--surface:#ffffffc7;--surface-solid:#fbfbf9;--surface-soft:#f1efea;--line:#ddd8cf;--text:#28251d;--muted:#737069;--primary:#01696f;--primary-strong:#0a5257;--primary-soft:#d8ece9;--primary-accent:#18a6ad;--success-bg:#437a221f;--success-line:#437a2238;--error-bg:#c0492a1f;--error-line:#c0492a38;--shadow:0 18px 48px #201a0f14;--font-body:"Satoshi", Inter, system-ui, sans-serif;--font-display:"Cabinet Grotesk", "Satoshi", Inter, system-ui, sans-serif;background:radial-gradient(circle at top, #01696f1a, transparent 28%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Satoshi,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;font-family:var(--font-body);background:radial-gradient(circle at top, #01696f1a, transparent 28%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);margin:0}button,input{font:inherit}#root{width:100%}a{color:inherit}.page-shell,.auth-shell{box-sizing:border-box;max-width:1440px;min-height:100vh;margin:0 auto;padding:28px}.auth-shell{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:24px;display:grid}.panel,.plan-card,.integration-card,.auth-preview-card,.phone-frame{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #28251d14;border-radius:24px}.panel,.integration-card,.phone-frame{padding:20px}.eyebrow,.channel-chip,.sidebar-chip,.status-pill{border-radius:999px;align-items:center;gap:6px;width:max-content;font-size:12px;font-weight:700;display:inline-flex}.eyebrow{color:var(--primary);background:var(--primary-soft);text-transform:uppercase;letter-spacing:.08em;border:1px solid #01696f29;padding:6px 12px}.hero-section,.section-title-row,.preview-header-row,.integration-header,.plan-card header,.phone-actions-row{justify-content:space-between;gap:16px;display:flex}.hero-section{align-items:flex-end;margin-bottom:24px;padding:8px 2px 4px}.hero-section h1,.auth-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:12px 0 16px;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.03}.hero-kicker{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.hero-copy-block{max-width:720px}.hero-section p,.auth-hero p,.section-title-row p,.integration-card p,.business-form p,.calendar-day-card p,.phone-card p,.workspace-meta p,.status-card p,.account-card p{color:var(--muted)}.hero-actions,.auth-toggle,.preview-meta-row,.platforms,.actions-row,.sidebar-chips,.preview-calendar-strip,.phone-tabs{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.platform-chip,.toggle-pill{cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-button:hover,.secondary-button:hover,.platform-chip:hover,.toggle-pill:hover{transform:translateY(-1px)}.primary-button{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.secondary-button,.toggle-pill,.platform-chip{color:var(--text);border:1px solid var(--line);background:#ffffffbf}.toggle-pill.active,.platform-chip.active{background:linear-gradient(135deg, var(--primary), var(--primary-accent));color:#fff;border-color:#0000}.primary-button:disabled,.secondary-button:disabled,.platform-chip:disabled{opacity:.55;cursor:not-allowed;transform:none}.small-text{color:var(--muted);font-size:12px}.on-dark{color:#ffffffd6}.auth-hero,.auth-panel,.dashboard-panel,.composer-panel,.sidebar-panel,.integrations-panel{position:relative;overflow:hidden}.auth-hero:after,.dashboard-panel:after,.composer-panel:after{content:"";filter:blur(4px);pointer-events:none;background:radial-gradient(circle,#18a6ad2e,#0000 60%);width:220px;height:220px;position:absolute;inset:auto -40px -60px auto}.auth-hero,.auth-panel{padding:28px}.auth-preview-card{background:linear-gradient(135deg,#ffffffeb,#d8ece9b8);margin:24px 0;padding:18px}.preview-header-row span,.auth-copy p{color:var(--muted)}.preview-stats-grid,.stats-board,.integration-grid,.mobile-grid,.workspace-board,.form-grid,.highlight-list,.workflow-list,.plan-list{gap:16px;display:grid}.preview-stats-grid{grid-template-columns:repeat(3,1fr);margin:16px 0}.preview-stats-grid div,.stat-box,.status-card,.account-card,.field-card,.calendar-day-card,.empty-state-card,.phone-card{background:var(--surface-solid);border:1px solid var(--line);border-radius:18px;padding:16px}.preview-calendar-strip span,.status-pill,.sidebar-chip{background:var(--surface-soft);color:var(--text);padding:8px 12px}.highlight-list{margin:0;padding:0;list-style:none}.highlight-list li{color:var(--text);padding-left:18px;position:relative}.highlight-list li:before{content:"•";color:var(--primary);position:absolute;left:0}.auth-copy{margin:24px 0 20px}.auth-form,.business-form{gap:14px;display:grid}.auth-form label,.field-card,.business-form legend{color:var(--text);flex-direction:column;gap:8px;font-weight:600;display:flex}.auth-form input,.business-form input{color:#3b382f;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px}.auth-form input:focus,.business-form input:focus{border-color:#01696f59;outline:2px solid #01696f29}.inline-feedback{border-radius:14px;padding:12px 14px;font-weight:600}.inline-feedback.error{background:var(--error-bg);color:#9f3a21;border:1px solid var(--error-line)}.auth-submit,.full-width{width:100%}.status-banner{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffb3;border-radius:18px;margin-bottom:16px;padding:14px 18px}.status-banner.success{background:var(--success-bg);border-color:var(--success-line)}.status-banner.error{background:var(--error-bg);border-color:var(--error-line)}.workspace-board{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;margin-bottom:24px}.workspace-main{gap:20px;min-width:0;display:grid}.sidebar-panel{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:auto}.dashboard-panel,.composer-panel{min-width:0}.logo-block{align-items:center;gap:12px;margin-bottom:20px;display:flex}.logo-mark{background:linear-gradient(135deg, var(--primary), var(--primary-accent));border-radius:12px;width:38px;height:38px;position:relative}.logo-mark:before{content:"";border:2px solid #fff;border-left-width:6px;border-radius:9px;position:absolute;inset:9px}.workspace-meta{gap:6px;display:grid}.sidebar-nav{gap:8px;margin:18px 0;display:grid}.sidebar-nav a{color:var(--text);border:1px solid #0000;border-radius:14px;padding:12px 14px;font-weight:600;text-decoration:none;transition:all .2s}.sidebar-nav a[href=\#composer]{cursor:pointer}.sidebar-nav a.active{background:var(--primary-soft);color:var(--primary);border-color:#c8e1dc}.sidebar-nav a:hover{background:#fff9;border-color:#01696f1f}.sidebar-chip.primary,.status-pill,.channel-chip.neutral{background:var(--primary-soft);color:var(--primary)}.dashboard-panel,.composer-panel,.integrations-panel{padding:24px}.section-title-row{flex-wrap:wrap;align-items:flex-start;margin-bottom:16px}.section-title-row.compact-left,.section-title-row.subhead{margin-bottom:14px}.section-title-row h2,.section-title-row h3,.integration-card h3,.status-card h3,.phone-top h3,.post-preview-card h3,.auth-copy h2,.calendar-day-card strong,.plan-card h3{color:var(--text);margin:8px 0 0}.section-title-row h2,.section-title-row h3,.auth-copy h2{font-family:var(--font-display);letter-spacing:-.02em}.stats-board{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));align-items:stretch;margin-bottom:18px}.stat-box{flex-direction:column;justify-content:space-between;min-height:148px;display:flex}.stat-box strong{margin:8px 0;font-size:1.7rem;display:block}.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.calendar-day-card{flex-direction:column;justify-content:flex-start;gap:10px;min-height:138px;display:flex}.calendar-day-card strong{font-size:1rem;line-height:1.15}.calendar-day-card small,.stat-box small,.plan-card header span{color:var(--muted)}.emphasis-text{color:var(--primary);font-weight:700}.plan-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.plan-card{padding:16px}.composer-header-row{align-items:flex-start}.composer-header-actions{align-items:flex-start;gap:14px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffffe6;border-radius:999px;font-size:24px;line-height:1}.plan-card header strong{font-size:1.05rem}.two-columns{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.platform-fieldset{border:1px solid var(--line);background:var(--surface-solid);border-radius:20px;padding:16px}.post-preview-card{background:var(--surface-solid);border:1px solid var(--line);border-radius:18px;gap:14px;padding:16px;display:grid}.preview-box,.preview-hero-card{color:#fff;background:linear-gradient(135deg,#0a3f43,#01696f 54%,#89d5d2);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:148px;padding:18px;display:flex}.preview-box strong,.preview-hero-card strong{max-width:16ch;font-size:1.25rem;line-height:1.08}.workflow-step{background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:12px;padding:12px;display:flex}.workflow-step b{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.channel-chip{padding:6px 10px}.channel-chip.instagram{color:#b4236f;background:#fde8f1}.channel-chip.tiktok{color:#00626d;background:#eaf8f9}.channel-chip.linkedin{color:#1c4ed8;background:#e8f0fb}.softer-state{background:linear-gradient(135deg,#ffffffd1,#d8ece9b3);gap:12px;margin-top:14px}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.integration-card{gap:12px;display:grid}.integration-header>div{gap:4px;display:grid}.integration-header>div p{margin:0}.status-pill.ready{color:var(--primary);background:#01696f24}.status-pill.warning{color:#9a4f1a;background:#b55e221f}.integration-state-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.integration-state-card{border:1px solid #28251d14;border-radius:16px;gap:4px;padding:12px;display:grid}.integration-state-card strong{font-size:14px}.integration-state-card small{color:var(--muted)}.integration-state-card.connected,.integration-state-card.ready{background:#01696f14}.integration-state-card.pending{background:#b55e220f}.integration-card ul{margin:0;padding-left:18px}.integration-actions-row{gap:8px;display:grid}.integration-actions-row small{color:var(--muted)}.platform-credential-box{background:#ffffffa8;border:1px solid #28251d14;border-radius:16px;gap:10px;padding:14px;display:grid}.platform-credential-grid{gap:10px;display:grid}.platform-credential-grid label{color:var(--text);gap:6px;font-size:12px;font-weight:700;display:grid}.platform-credential-grid input{color:#3b382f;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px}.platform-credential-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.integration-cta-block{justify-items:end;gap:12px;display:grid}.connection-status-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.connection-status-strip.compact{margin-bottom:0}.connection-status-strip>div,.account-connection-pill{background:#ffffffb3;border:1px solid #28251d14;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.connection-status-strip strong,.account-connection-pill strong{font-size:15px}.connected-accounts-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px;display:grid}.account-connection-pill{grid-template-columns:1fr auto;align-items:center}.account-connection-pill small{color:var(--muted)}.account-connection-pill span{border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.account-connection-pill.connected span{color:var(--primary);background:#01696f24}.account-connection-pill.pending span{color:#9a4f1a;background:#b55e221f}.mobile-section{margin-top:26px}.mobile-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.phone-frame{background:#171614;border-radius:28px;padding:12px}.phone-screen{background:#faf8f3;border-radius:22px;flex-direction:column;min-height:560px;display:flex;overflow:hidden}.phone-top{padding:18px 16px 10px}.phone-card{margin:0 12px 12px}.phone-tabs{border-top:1px solid #e9e3d7;justify-content:space-around;margin-top:auto;padding:12px 8px}.phone-tabs span{color:#6b685f;font-size:11px;font-weight:700}.phone-tabs span.active{color:var(--primary)}.phone-actions-row{padding:0 12px 12px}.phone-actions-row .primary-button,.phone-actions-row .secondary-button{border-radius:16px;width:100%}.footer-note{color:var(--muted);margin-top:18px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#1a181359;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-shell{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto}.modal-shell-narrow{width:min(760px,100%)}.modal-shell .composer-panel{box-shadow:0 28px 80px #201a0f2e}.pending-connection-panel,.callback-card{gap:18px;display:grid}.pending-connection-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pending-connection-header h2,.callback-card h1{margin:12px 0 10px}.pending-connection-grid{gap:12px;display:grid}.pending-page-card{background:#ffffffc2;border:1px solid #28251d14;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.pending-page-card.selected{background:#01696f14;border-color:#01696f47}.pending-page-card input{margin-top:2px}.pending-page-card small{color:var(--muted)}.pending-connection-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.callback-shell{justify-content:center;align-items:center}.callback-card{max-width:560px;margin:0 auto}@media (width<=1360px){.hero-section{align-items:flex-start}}@media (width<=1180px){.auth-shell,.workspace-board,.integration-grid,.mobile-grid,.two-columns,.integration-state-stack{grid-template-columns:1fr}.integration-cta-block{justify-items:stretch}.sidebar-panel{max-height:none;position:static;overflow:visible}.stats-board,.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.stats-board,.calendar-grid{grid-template-columns:1fr}}@media (width<=760px){.page-shell,.auth-shell{padding:18px}.hero-section,.section-title-row,.phone-actions-row,.composer-header-actions,.pending-connection-header{flex-direction:column}.hero-actions{width:100%}.hero-actions .primary-button,.hero-actions .secondary-button{justify-content:center;width:100%}}