:root{--coral:#ff5b4d;--lime:#b8f35d;--blue:#2f6bff;--amber:#f8b84e;--ink:#101923;--muted:#687482;--canvas:#faf7f2;--surface:#fff;--line:#e8e6e1;--yt:#ff0033;--ig:#c13584;--fb:#1877f2;--shadow:0 18px 48px rgba(16,25,35,.07)}
*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.big-number{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.04em}h1{font-size:clamp(44px,6vw,78px);line-height:1.04}h2{font-size:clamp(27px,3.4vw,42px);line-height:1.1}h3{font-size:20px;line-height:1.2}p{line-height:1.5}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.05em}.brand img{width:35px;height:35px}.button{border:0;background:var(--coral);color:#fff;border-radius:14px;padding:13px 20px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;box-shadow:none;transition:transform .18s,opacity .18s}.button:hover{transform:translateY(-2px)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.button.small{font-size:13px;min-height:38px;padding:8px 12px;border-radius:11px}.button.blue{background:var(--blue)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.link-button{border:0;background:none;color:var(--blue);padding:0;font-weight:750}.tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.035em;background:#fff0ed;color:#b74437}.tag.blue{background:#ecf1ff;color:var(--blue)}.tag.green{background:#ebf9d9;color:#315d15}.tag.amber{background:#fff5df;color:#8a5b12}.card{background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}.pad{padding:25px}.grid{display:grid;gap:20px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:15px}.divider{height:1px;background:var(--line);margin:20px 0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #dce1e3;background:#fff;color:var(--ink);border-radius:13px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,107,255,.11)}.field textarea{min-height:90px;resize:vertical}.help{font-size:12px;color:var(--muted)}.error{color:#bc342a;font-size:13px;min-height:19px}.success{color:#238636}.checkbox{display:flex;align-items:flex-start;gap:10px;line-height:1.4;font-size:13px}.checkbox input{margin-top:3px;accent-color:var(--coral)}.icon-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.platform-pill{padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.platform-pill .icon-dot{width:8px;height:8px}.logo-spark{font-size:18px;color:var(--coral)}
/* Marketing and authentication */
.landing{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 95% 4%,#edf8dd 0 11%,transparent 11.2%),var(--canvas)}.landing-header{max-width:1280px;margin:auto;padding:30px 34px;display:flex;align-items:center;justify-content:space-between}.landing-header nav{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700}.landing-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:80px 34px 110px}.landing-copy{max-width:610px}.landing-copy h1{margin:18px 0 22px}.landing-copy .lead{font-size:19px;color:#4e5d66;max-width:530px}.landing-copy .actions{display:flex;gap:12px;margin:32px 0}.landing-copy .fine{font-size:12px;color:var(--muted)}.hero-visual{position:relative;min-height:560px}.hero-halo{position:absolute;inset:0 0 5% 0;border-radius:50%;background:#ecf8db}.hero-phone{position:absolute;right:20%;top:0;width:290px;height:570px;border:10px solid #18232d;border-radius:42px;background:var(--ink);box-shadow:25px 30px 50px rgba(16,25,35,.2);padding:20px;color:#fff;transform:rotate(4deg)}.hero-phone .notch{height:15px;width:90px;background:#000;border-radius:20px;margin:-10px auto 25px}.hero-phone .mini{border-radius:18px;background:#24313a;padding:17px;margin-top:18px}.hero-phone .mini strong{font-size:37px}.hero-phone .mini p{font-size:12px;color:#bdc7cc;margin:5px 0}.hero-float{position:absolute;left:0;bottom:40px;width:250px;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow);transform:rotate(-5deg)}.hero-float strong{font-size:18px}.hero-float .tiny-path{height:35px;margin-top:12px;border-bottom:4px solid var(--coral);border-radius:50%}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,#ecf8db,transparent 35%),var(--canvas)}.auth-card{max-width:430px;width:100%;padding:34px}.auth-card h2{margin:25px 0 8px}.auth-card form{margin:22px 0}.auth-card .button{width:100%}
/* Product shell */
.app-shell{min-height:100vh}.topbar{height:75px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(250,247,242,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.topbar-actions{display:flex;align-items:center;gap:12px}.desktop-layout{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 75px)}.sidebar{border-right:1px solid var(--line);padding:30px 16px;display:flex;flex-direction:column;gap:6px;background:#fff}.nav-item{padding:12px 14px;border-radius:12px;color:#60707a;font-weight:700;font-size:14px;display:flex;align-items:center;gap:12px}.nav-item.active,.nav-item:hover{background:#fff0ed;color:#bc493f}.sidebar-note{margin-top:auto;background:#f5f8ef;border-radius:16px;padding:15px;font-size:12px;color:#4b6350;line-height:1.5}.content{padding:36px clamp(24px,4vw,65px) 80px;max-width:1400px;width:100%;margin:auto}.page-heading{margin-bottom:26px}.page-heading h1{font-size:41px;margin:4px 0 7px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:25px 0}.stat-card{padding:22px 24px;min-height:128px}.stat-card .number{font-size:39px;font-weight:850;letter-spacing:-.05em;margin:9px 0 3px}.stat-card small{color:var(--muted)}.dashboard-main{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.chart-card{padding:25px}.chart{width:100%;height:240px}.chart-grid{stroke:#e4e8e8;stroke-width:1}.chart-line-youtube{fill:none;stroke:var(--yt);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line-instagram{fill:none;stroke:var(--ig);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.legend{display:flex;gap:15px;font-size:12px;color:var(--muted);margin-top:4px}.post-table{width:100%;border-collapse:collapse;font-size:13px}.post-table th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;padding:13px 9px;border-bottom:1px solid var(--line)}.post-table td{padding:14px 9px;border-bottom:1px solid #f0f0ed}.post-table tr:last-child td{border:0}.insight-panel{background:#eff9dd;border-color:#e1efc5;padding:25px}.insight-panel h3{font-size:26px;margin:14px 0}.experiment-panel{background:#fff9eb;padding:25px}.experiment-panel h3{font-size:23px;margin:12px 0}.desktop-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.story-small{min-height:260px;padding:21px;display:flex;flex-direction:column}.story-small h3{font-size:21px}.story-small .story-number{font-size:44px;font-weight:850;letter-spacing:-.06em;margin:auto 0}.story-small:nth-child(1){background:#141e27;color:white}.story-small:nth-child(2){background:#fff4ef}.story-small:nth-child(3){background:#eefaef}.story-small:nth-child(4){background:#eef2ff}.story-small p{font-size:13px}.capture{padding:25px}.capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.empty{padding:40px;text-align:center;border:1px dashed #cfd5d8;border-radius:20px;color:var(--muted);background:#fff}.empty strong{display:block;color:var(--ink);font-size:19px;margin-bottom:6px}.admin-table tr:hover{background:#fafaf8}.status-pill{font-size:11px;font-weight:800;border-radius:99px;padding:5px 10px;background:#edf5fc;color:#29618d}.status-pill.warn{background:#fff0dd;color:#955a18}.preview-card{background:#15202a;border-radius:25px;color:#fff;padding:30px;min-height:310px;display:flex;flex-direction:column}.preview-card .brand{font-size:16px}.preview-card .brand img{width:27px}.preview-card h2{font-size:34px;margin:32px 0 15px}.preview-card .preview-metrics{display:flex;gap:22px;background:#273741;border-radius:13px;padding:14px;margin-top:auto}.preview-card .preview-metrics strong{color:var(--lime);font-size:22px}
/* Phone-first app */
.phone-wrap{max-width:485px;margin:0 auto;min-height:calc(100vh - 75px);padding:25px 20px 110px}.phone-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:8px 0 22px}.phone-heading h1{font-size:34px;margin:8px 0 0}.story-shell{border-radius:29px;overflow:hidden;min-height:550px;display:flex;flex-direction:column;box-shadow:0 25px 60px rgba(16,25,35,.12)}.story-progress{display:flex;gap:5px;padding:22px 22px 7px}.story-progress span{height:4px;flex:1;border-radius:99px;background:rgba(255,255,255,.3)}.story-progress span.on{background:var(--coral)}.story-body{padding:25px;flex:1;display:flex;flex-direction:column}.story-body .eyebrow{color:var(--coral)}.story-body h2{font-size:36px;margin:24px 0 8px}.story-body .big-number{font-size:78px;font-weight:850;line-height:1;margin:24px 0 4px}.story-body .story-bottom{margin-top:auto}.story-shell.dark{background:#131e27;color:white}.story-shell.light{background:#fff;color:var(--ink)}.story-shell.peach{background:#fff0eb;color:var(--ink)}.story-shell.lime{background:#eaf7d6;color:var(--ink)}.story-shell .story-progress span:not(.on){background:rgba(104,116,130,.25)}.story-shell.dark .story-progress span:not(.on){background:rgba(255,255,255,.25)}.story-nav{display:flex;gap:10px;margin:15px 0}.story-nav .button{flex:1}.mini-platform{padding:13px;border-radius:14px;margin:9px 0;background:rgba(255,255,255,.11);display:flex;justify-content:space-between;align-items:center}.light .mini-platform,.peach .mini-platform,.lime .mini-platform{background:rgba(16,25,35,.05)}.mini-platform strong{font-size:19px}.branch-visual{display:flex;align-items:center;justify-content:center;height:105px}.branch-visual svg{width:210px;height:100px}.evidence-box{border-radius:17px;padding:18px;background:rgba(255,255,255,.6);margin:20px 0}.evidence-box strong{font-size:19px}.fine-text{font-size:12px;color:var(--muted)}.dark .fine-text{color:#c5cdd2}.phone-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:6;background:#fff;border-top:1px solid var(--line);padding:10px 10px calc(11px + env(safe-area-inset-bottom));justify-content:space-around}.phone-bottom-nav a{font-size:12px;font-weight:750;color:#7c8890;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:75px}.phone-bottom-nav a.active{color:var(--coral)}.phone-bottom-nav a span{font-size:22px}.modal-backdrop{position:fixed;inset:0;background:rgba(10,18,25,.55);z-index:20;display:grid;place-items:center;padding:15px}.modal{background:#fff;border-radius:24px;width:min(100%,560px);max-height:calc(100vh - 30px);overflow:auto;padding:26px}.modal h2{font-size:29px}.modal-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.x-button{border:0;background:#f2f3f1;border-radius:99px;width:34px;height:34px;font-size:20px}.onboard{max-width:550px;margin:45px auto;padding:30px}.onboard .step-count{color:var(--coral);font-weight:800;font-size:12px}.onboard h1{font-size:39px;margin:18px 0}.onboard .step-illustration{height:130px;display:grid;place-items:center;background:#eff8e7;border-radius:21px;margin:25px 0}.onboard .step-illustration img{height:95px}.onboard .progress-dots{display:flex;gap:7px}.onboard .progress-dots span{height:5px;flex:1;background:#e1e5e3;border-radius:9px}.onboard .progress-dots span.active{background:var(--coral)}
#toast{position:fixed;right:20px;bottom:20px;background:#15202a;color:white;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:30;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.desktop-story{grid-template-columns:repeat(2,1fr)}.dashboard-main{grid-template-columns:1fr}.landing-content{gap:20px}.hero-phone{right:6%}}
@media(max-width:720px){.landing-header{padding:20px}.landing-header nav a:not(.button){display:none}.landing-content{display:block;padding:60px 22px 80px}.landing-copy h1{font-size:51px}.hero-visual{margin-top:55px;min-height:500px}.hero-phone{right:10%;width:260px;height:500px}.hero-float{bottom:10px}.topbar{height:66px;padding:0 20px}.topbar .brand{font-size:19px}.topbar .brand img{width:29px;height:29px}.topbar-actions .button{display:none}.desktop-layout{display:block}.sidebar{display:none}.content{padding:25px 18px 100px}.page-heading h1{font-size:34px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid .stat-card:last-child{grid-column:span 2}.capture-grid{grid-template-columns:1fr}.desktop-story{grid-template-columns:repeat(2,1fr)}.phone-bottom-nav{display:flex}.post-table th:nth-child(3),.post-table td:nth-child(3){display:none}.phone-wrap{min-height:calc(100vh - 66px)}}
@media(max-width:440px){.hero-visual{min-height:450px}.hero-phone{right:2%;width:240px;height:480px}.hero-float{width:205px;left:-5px}.landing-copy .actions{flex-direction:column}.landing-copy .actions .button{width:100%}.story-body h2{font-size:32px}.desktop-story{grid-template-columns:1fr}.stat-card .number{font-size:31px}.phone-wrap{padding-left:15px;padding-right:15px}.story-shell{min-height:520px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}