:root{--ink:#171713;--muted:#6f7068;--paper:#f6f5ef;--card:#fffefa;--line:#deddd4;--lime:#dfff58;--lime-dark:#9cb727;--coral:#ff765e;--blue:#596cff;--shadow:0 18px 55px #1f1f1814}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 90% 0%, #dfff5847, transparent 24rem), var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.landing{min-height:100vh;padding:24px}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-mark{background:var(--ink);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:80%;height:80%;display:block}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:72px;max-width:1180px;margin:80px auto 0;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--blue);font-size:12px;font-weight:800}.hero h1{letter-spacing:-.075em;max-width:760px;margin:18px 0 28px;font-size:clamp(56px,8vw,106px);line-height:.88}.hero h1 span{background:var(--lime);padding:0 .08em .08em;display:inline-block;transform:rotate(-1deg)}.hero-copy{color:var(--muted);max-width:630px;font-size:20px;line-height:1.55}.button-row{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:13px 18px;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.secondary{color:var(--ink);background:0 0}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.danger{color:#a22917;background:#fff0ed;border-color:#ffc5ba}.button.small{min-height:36px;padding:8px 12px;font-size:14px}.demo-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:22px;transform:rotate(1.5deg)}.demo-top{gap:8px;margin-bottom:24px;display:flex}.demo-top i{background:var(--line);border-radius:50%;width:10px;height:10px}.flow-step{border:1px solid var(--line);border-radius:18px;margin-top:12px;padding:18px}.flow-step small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px;font-weight:800;display:block}.flow-arrow{text-align:center;color:var(--muted);padding-top:12px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--card);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);border-radius:24px;padding:32px}.auth-card h1{letter-spacing:-.045em;margin:28px 0 8px;font-size:34px}.auth-card p{color:var(--muted);line-height:1.5}.app-shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f5efdb;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sidebar nav{gap:7px;margin-top:34px;display:grid}.nav-link{color:var(--muted);border-radius:12px;align-items:center;gap:11px;padding:11px 13px;font-size:14px;font-weight:700;display:flex}.nav-link:hover,.nav-link.active{background:var(--card);color:var(--ink);box-shadow:0 2px 12px #0000000a}.sidebar-footer{color:var(--muted);margin-top:auto;font-size:12px}.main{min-width:0;padding:36px clamp(20px,4vw,56px) 72px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.page-header h1{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(32px,5vw,52px);line-height:1}.page-header p{color:var(--muted);margin:0}.grid{gap:16px;display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{letter-spacing:-.04em;margin-top:10px;font-size:34px;font-weight:800;display:block}.section{margin-top:30px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h2{letter-spacing:-.025em;margin:0;font-size:20px}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 18px;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}tr:last-child td{border-bottom:0}.status{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.status:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.status.active:before,.status.succeeded:before{background:#73b62c}.status.paused:before{background:#f2ac36}.status.failed:before{background:var(--coral)}.status.processing:before{background:var(--blue)}.status.awaiting_opt_in:before{background:var(--blue);box-shadow:0 0 0 4px #596cff1f}.status.skipped:before{background:#9c9c93}.actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:9px;place-items:center;display:grid}.icon-button:hover{color:var(--ink);border-color:#aaa99f}.empty{text-align:center;padding:50px 22px}.empty strong{margin-bottom:7px;font-size:20px;display:block}.empty p{color:var(--muted);max-width:420px;margin:0 auto 20px}.form-card{background:var(--card);border:1px solid var(--line);border-radius:22px;max-width:860px;overflow:hidden}.form-section{border-bottom:1px solid var(--line);padding:24px}.form-section:last-child{border-bottom:0}.form-section h2{margin:0 0 5px;font-size:19px}.form-section>p{color:var(--muted);margin:0 0 20px;font-size:14px}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field small{color:var(--muted);line-height:1.4}.input{width:100%;color:var(--ink);background:#fff;border:1px solid #cdccc2;border-radius:11px;outline:none;min-height:44px;padding:10px 12px}textarea.input{resize:vertical;min-height:110px}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #596cff1f}.checkbox{align-items:flex-start;gap:10px;font-size:14px;display:flex}.checkbox input{accent-color:var(--ink);margin-top:2px}.notice{color:#303c9c;background:#eef0ff;border-radius:13px;padding:13px 15px;font-size:14px;line-height:1.5}.notice.error{color:#932d1d;background:#fff0ed}.notice.success{color:#466c1f;background:#edf8df}.notice+.notice{margin-top:10px}.form-footer{background:#faf9f4;justify-content:flex-end;align-items:center;gap:10px;padding:18px 24px;display:flex}.account-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.account-main{align-items:center;gap:14px;display:flex}.avatar{background:linear-gradient(135deg,var(--blue),var(--coral));color:#fff;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.muted{color:var(--muted)}.mobile-bar{display:none}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:42px;margin-top:55px}.demo-card{transform:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding-bottom:100px}.mobile-bar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#fffefaf0;border-radius:18px;justify-content:space-around;padding:8px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.mobile-bar .nav-link{padding:9px}.mobile-bar .nav-link span{display:none}.stats{grid-template-columns:1fr 1fr}}@media (max-width:600px){.landing{padding:18px}.hero{margin-top:46px}.hero h1{font-size:56px}.hero-copy{font-size:17px}.page-header{flex-direction:column;align-items:stretch}.page-header .button{width:100%}.stats,.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-section{padding:20px 17px}.form-footer{padding:16px}.account-card{flex-direction:column;align-items:flex-start}}