:root{--ink:#14213d;--muted:#667085;--line:#e8eaf0;--brand:#5b5ce2;--bg:#f7f8fb;--green:#1e9d73;--yellow:#f1b952}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}h1,h2,h3,h4,.logo{font-family:'Space Grotesk',sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.logo{font-size:20px;font-weight:700;letter-spacing:-.7px;display:flex;align-items:center;gap:8px}.logo-mark{display:inline-grid;place-items:center;background:var(--brand);color:#fff;width:28px;height:28px;border-radius:9px;font-size:16px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:34px;color:#697185;font-size:14px}.nav-links a:hover,.muted-link:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:24px;font-size:14px}.btn{border:0;border-radius:9px;padding:13px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:white}.btn-brand{background:var(--brand);color:#fff}.btn-outline{border:1px solid #d9dce7;color:var(--ink)}.btn-light{background:#fff;color:var(--ink)}.btn.small{padding:10px 13px;font-size:13px}.btn.full{width:100%;margin-top:10px}.text-btn{font-weight:600;font-size:14px;display:inline-flex;gap:12px;align-items:center}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-top:46px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--brand);margin-bottom:19px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60c6a1;margin-right:8px}.hero h1{font-size:clamp(50px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:0 0 25px}.hero h1 em,h2 em{font-style:normal;color:var(--brand)}.hero-text{font-size:18px;line-height:1.65;color:#687286;max-width:480px;margin:0 0 30px}.hero-actions{display:flex;gap:24px;align-items:center}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:37px;color:#8a91a1;font-size:12px}.avatars{display:flex}.avatars span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f5c2ac;border:2px solid #fff;font-size:8px;font-weight:700;color:#7d3d32;margin-left:-5px}.avatars span:nth-child(2){background:#c4d6fb;color:#38558a}.avatars span:nth-child(3){background:#c9eddc;color:#267a59}.avatars span:last-child{background:#eef0f5;color:#667085}.hero-art{height:445px;position:relative;display:flex;align-items:center;justify-content:center}.glow{position:absolute;inset:20px 0;background:#ebeaff;border-radius:50%;filter:blur(2px);transform:rotate(-8deg)}.mail-window{position:relative;width:470px;background:white;border:1px solid #e6e7ee;border-radius:14px;box-shadow:0 30px 80px #3b3b8050;overflow:hidden;transform:rotate(2deg)}.window-top{height:35px;background:#fafafd;border-bottom:1px solid #ececf2;display:flex;align-items:center;gap:5px;padding:0 13px}.window-top>span{width:6px;height:6px;border-radius:50%;background:#d7d9e0}.window-top small{margin:auto;color:#a4a8b4;font-size:9px}.mail-content{padding:24px 26px}.mini-nav{display:flex;justify-content:space-between;font-size:10px;color:#a1a5b1}.mini-nav b{font-size:14px;color:var(--ink)}.metric-row{display:flex;gap:45px;margin:24px 0}.metric-row small,.metric-row span{display:block;font-size:9px;color:#969cab}.metric-row strong{font:700 27px 'Space Grotesk';display:block;margin:3px 0}.metric-row .up{color:#31a077;font-size:10px}.chart{border-top:1px solid #eeeef3;padding-top:15px}.chart-label{display:flex;justify-content:space-between;font-size:10px}.chart-label span{color:#a1a5b1}.chart svg{width:100%;height:110px;margin-top:12px}.recent{border-top:1px solid #eeeef3;padding-top:14px;display:flex;flex-wrap:wrap;gap:8px;font-size:10px}.recent>b{width:100%}.campaign-chip{background:#fafafd;padding:8px;border-radius:7px;color:#6c7282;flex:1}.campaign-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5b5ce2;margin-right:5px}.campaign-chip i.orange{background:#f1b952}.campaign-chip strong{color:var(--ink);display:block;margin:4px 0 0 11px}.float-card{position:absolute;background:#fff;border:1px solid #eeeef5;border-radius:11px;box-shadow:0 15px 35px #55558b22;padding:12px 15px;font-size:12px;display:grid;grid-template-columns:20px auto;column-gap:7px}.float-card small{grid-column:2;color:#9ca1ad;font-size:9px}.float-one{top:20px;right:-2px;color:#f1a964}.float-two{bottom:20px;left:0}.check{background:#dff8ee;color:#26936d;border-radius:50%;width:20px;height:20px;text-align:center;grid-row:span 2;padding-top:2px}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:94px;display:flex;align-items:center;justify-content:space-around;color:#a4a9b4;font-family:'Space Grotesk';font-size:17px;letter-spacing:1px}.section{padding-top:125px;padding-bottom:125px}.centered{text-align:center}.section h2,.feature-band h2,.cta-band h2{font-size:48px;line-height:1.04;letter-spacing:-2.5px;margin:0 0 17px}.section-lead{max-width:540px;margin:auto;color:#778092;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;text-align:left}.step-card{padding:30px;border-radius:16px;min-height:280px}.step-card.mint{background:#e6f8f0}.step-card.peach{background:#fff0e6}.step-card.lavender{background:#edebff}.step-num{font:600 12px 'Space Grotesk';color:#9399a8}.step-card svg{width:25px;height:25px;margin:40px 0 17px}.step-card h3{font-size:22px;margin:0 0 9px}.step-card p{font-size:14px;color:#687286;line-height:1.5;margin:0 0 17px}.step-card a{font-size:12px;font-weight:700}.feature-band{background:#f5f6fb;padding:120px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.feature-grid>div>p{color:#778092;line-height:1.7;max-width:410px;margin-bottom:26px}.feature-list{display:grid;gap:18px}.feature-item{background:white;border:1px solid var(--line);border-radius:14px;padding:21px;display:flex;gap:17px}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}.feature-icon svg{width:19px}.purple{background:#eae8ff;color:#5b5ce2}.yellow{background:#fff2cf;color:#b27b11}.green{background:#dff8ee;color:#238b68}.feature-item h3{font-size:16px;margin:0 0 5px}.feature-item p{color:#7c8493;font-size:13px;margin:0;line-height:1.5}.pricing-section{padding-bottom:140px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.price-card{border:1px solid var(--line);border-radius:15px;padding:29px;position:relative}.price-card.featured{border:2px solid var(--brand);padding:28px}.popular{position:absolute;right:20px;top:20px;color:var(--brand);font-size:9px;font-weight:700;letter-spacing:1px}.price-card>span{font-weight:700}.price-card h3{font-size:35px;margin:23px 0 5px}.price-card h3 small{font:400 13px 'DM Sans';color:#8b92a0}.price-card p{color:#7c8493;font-size:13px;line-height:1.8;min-height:47px}.price-card hr{border:0;border-top:1px solid var(--line);margin:23px 0}.price-card b{font-size:12px}.price-card .btn{width:100%;margin-top:16px}.cta-band{background:#eae8ff;padding:115px 0}.cta-band p{color:#7c78a4;margin:0 0 28px}.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;color:#9aa1b0;font-size:12px}.footer>div{display:flex;gap:22px}.auth-page{background:#f6f7fb;display:flex;min-height:100vh;align-items:stretch}.auth-card{width:53%;max-width:620px;padding:55px 9%;background:#fff;display:flex;flex-direction:column;justify-content:center}.auth-heading{margin:65px 0 30px}.auth-heading h1{font-size:42px;letter-spacing:-2px;margin:0 0 9px}.auth-heading p{color:#7c8493;margin:0}.social-btn{border:1px solid #dfe1e9;background:#fff;border-radius:8px;height:48px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.social-btn span{font-weight:700}.or{display:flex;align-items:center;gap:12px;color:#a3a9b5;font-size:11px;margin:27px 0}.or:before,.or:after{content:'';height:1px;background:#e8eaf0;flex:1}.auth-card form{display:grid;gap:17px}.auth-card label{font-size:12px;font-weight:600}.auth-card input{display:block;width:100%;border:1px solid #dde0e9;border-radius:7px;padding:13px;margin-top:7px;font:inherit;outline:none}.auth-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5b5ce21a}.input-wrap{position:relative}.input-wrap a{position:absolute;right:13px;top:20px;color:var(--brand);font-size:11px}.auth-switch{text-align:center;font-size:12px;color:#7c8493;margin-top:25px}.auth-switch a,.legal{color:var(--brand)}.legal{font-size:11px;text-align:center;margin-top:20px}.auth-aside{flex:1;background:#eae8ff;display:grid;place-items:center;padding:60px}.quote{font:500 32px/1.2 'Space Grotesk';max-width:360px}.quote small{display:block;font:400 12px 'DM Sans';color:#7776a2;margin-top:25px}.signup-aside{background:#e5f7ef}.signup-note{max-width:350px}.quote-mark{font:700 80px 'Space Grotesk';color:#5b5ce2;line-height:.5}.signup-note p{font:500 29px/1.2 'Space Grotesk';letter-spacing:-1px}.person{display:flex;align-items:center;gap:10px;font-size:12px}.person small{display:block;color:#7c8493;font-size:10px;margin-top:4px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.avatar-purple{background:#e5e3ff;color:#5b5ce2}.avatar-pink{background:#ffd5c7;color:#a44e3d}.mobile-only{display:none}.app-body{background:var(--bg)}#app-shell{display:flex;min-height:100vh}.sidebar{background:#fff;width:248px;border-right:1px solid var(--line);padding:24px 14px 17px;display:flex;flex-direction:column;flex:none}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 10px 25px}.side-collapse{color:#9ca3b2}.workspace-switch{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:23px}.workspace-avatar{width:29px;height:29px;border-radius:8px;background:#eae8ff;color:var(--brand);display:grid;place-items:center;font-size:10px;font-weight:700}.workspace-switch div{flex:1}.workspace-switch b,.workspace-switch small{display:block}.workspace-switch b{font-size:12px}.workspace-switch small{color:#9da4b2;font-size:10px;margin-top:2px}.workspace-switch svg{width:14px;color:#a6adba}.side-nav{display:grid;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;font-size:13px;color:#71798a;padding:10px 11px;border-radius:8px}.side-nav a:hover,.side-nav a.active{background:#f0efff;color:var(--brand);font-weight:600}.side-nav svg{width:17px;height:17px}.nav-label{font-size:9px;letter-spacing:1.4px;color:#b0b5c0;font-weight:700;padding:10px 11px 4px}.space-top{margin-top:10px}.usage{margin-top:auto;background:#f7f7fb;border-radius:10px;padding:12px;font-size:10px;color:#818897}.usage>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.usage b{color:var(--ink)}.usage-bar{height:5px;background:#e1e2ec;border-radius:10px;overflow:hidden}.usage-bar i{display:block;width:77%;height:100%;background:var(--brand);border-radius:10px}.usage small{display:block;margin-top:8px}.usage a{color:var(--brand);font-weight:700}.side-profile{border-top:1px solid var(--line);margin-top:18px;padding:17px 4px 0;display:flex;gap:9px;align-items:center}.side-profile div{flex:1}.side-profile b,.side-profile small{display:block}.side-profile b{font-size:12px}.side-profile small{color:#9aa1ae;font-size:10px;margin-top:3px}.app-main{min-width:0;flex:1}.app-header{height:73px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:13px}.breadcrumb span,.breadcrumb b{color:#a3a9b6;font-weight:400}.header-actions{display:flex;align-items:center;gap:17px}.search{display:flex;align-items:center;gap:7px;color:#9da4b1;border:1px solid var(--line);border-radius:7px;padding:8px 10px;width:205px}.search svg{width:15px}.search input{border:0;outline:0;width:100%;font:12px inherit}.header-icon{background:none;border:0;color:#727b8c;position:relative;cursor:pointer}.header-icon span{width:6px;height:6px;position:absolute;background:#ef8c70;border-radius:50%;top:1px;right:0}.header-icon svg{width:19px}.app-main main{max-width:1370px;margin:auto;padding:34px}.app-footer{color:#a0a6b2;font-size:11px;padding:0 34px 20px}.footer-links{float:right;display:flex;gap:16px}.loading-state{text-align:center;padding:120px;color:#9da4b0}.toast{position:fixed;bottom:22px;right:22px;background:#14213d;color:#fff;padding:12px 15px;border-radius:8px;display:flex;gap:8px;align-items:center;font-size:12px;transform:translateY(90px);opacity:0;transition:.25s;z-index:10}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:16px;color:#8de2be}
/* app pages */
.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.page-kicker{font-size:11px;color:var(--brand);font-weight:700;letter-spacing:1.2px;margin-bottom:8px}.page-head h1{font-size:31px;letter-spacing:-1.4px;margin:0 0 6px}.page-head p{color:#7d8594;margin:0;font-size:13px}.page-actions{display:flex;gap:9px}.icon-btn{border:0;background:transparent;color:#808898;cursor:pointer;padding:5px}.icon-btn svg{width:17px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card,.kpi-card{background:#fff;border:1px solid var(--line);border-radius:12px}.kpi-card{padding:18px}.kpi-card small{color:#8e95a3;font-size:11px}.kpi-card strong{font:600 25px 'Space Grotesk';display:block;margin:8px 0 4px}.kpi-card .trend{font-size:10px;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}.card{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.card-head h3{font-size:15px;margin:0}.card-head span{font-size:11px;color:#8d95a2}.chart-lg{height:210px}.svg-chart{width:100%;height:100%}.chart-grid{stroke:#eef0f4;stroke-width:1}.chart-line{fill:none;stroke:#5b5ce2;stroke-width:3}.chart-area{fill:#5b5ce2;opacity:.08}.legend{display:flex;gap:18px;color:#858d9a;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-right:5px}.dot.orange{background:#f1b952}.health-score{display:flex;align-items:center;gap:20px}.score-ring{width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--brand) 0 92%,#e6e7f0 92%);display:grid;place-items:center;position:relative}.score-ring:after{content:'';position:absolute;background:#fff;border-radius:50%;inset:8px}.score-ring b{position:relative;z-index:1;font:700 22px 'Space Grotesk'}.health-lines{flex:1}.health-line{display:flex;justify-content:space-between;font-size:11px;color:#777f8d;padding:7px 0;border-bottom:1px solid #f0f1f4}.health-line b{color:var(--ink)}.table-card{margin-top:16px}.table-tools{display:flex;gap:9px;align-items:center}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px;font:12px inherit;color:#687181}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#9ba2af;font-size:10px;font-weight:500;border-bottom:1px solid var(--line);padding:10px 8px}.data-table td{padding:14px 8px;border-bottom:1px solid #f0f1f4}.data-table tr:last-child td{border:0}.badge{border-radius:20px;padding:5px 8px;font-size:10px;font-weight:600;background:#eef0f4;color:#697181}.badge.green{background:#e2f8ef;color:#268c69}.badge.yellow{background:#fff4d8;color:#aa7b1e}.badge.red{background:#ffebeb;color:#c35e5e}.person-cell{display:flex;align-items:center;gap:9px}.person-cell b{font-size:12px}.person-cell small{display:block;color:#a0a6b2;font-size:10px;margin-top:2px}.mini-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dce6ff;color:#5270bb;font-size:9px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.quick-action{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:11px;align-items:center;font-size:12px;font-weight:600}.quick-action i{width:29px;height:29px;border-radius:8px;background:#f0efff;color:var(--brand);display:grid;place-items:center}.quick-action svg{width:15px}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template-card{overflow:hidden}.template-preview{height:150px;padding:18px;background:#e9e7ff}.template-preview.orange{background:#fff0e6}.template-preview.mint{background:#e3f8ee}.template-preview>div{background:#fff;border-radius:6px;height:100%;padding:13px;box-shadow:0 4px 10px #4443}.template-preview h4{font-size:13px;margin:0 0 10px}.template-preview p{font-size:8px;color:#9096a2;line-height:1.4}.template-info{padding:15px}.template-info b,.template-info small{display:block}.template-info small{font-size:10px;color:#969cab;margin-top:4px}.template-actions{display:flex;gap:7px;margin-top:13px}.template-actions .btn{font-size:10px;padding:7px 9px}.status-banner{padding:14px 16px;border-radius:9px;background:#e4f8ee;color:#318968;font-size:12px;margin-bottom:18px}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:16px}.settings-nav{display:grid;align-content:start;gap:3px}.settings-nav a{font-size:12px;padding:9px 11px;border-radius:7px;color:#7c8492}.settings-nav a.active,.settings-nav a:hover{background:#eeedff;color:var(--brand);font-weight:600}.settings-card{padding:23px}.settings-card h3{font-size:16px;margin:0 0 4px}.settings-card>p{color:#8a92a0;font-size:12px;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.settings-card label{font-size:11px;font-weight:600}.form-grid input,.form-grid select,.settings-card input,.settings-card select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #dde0e9;border-radius:7px;font:12px inherit;background:#fff}.integration-list{display:grid;gap:10px}.integration-row{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;padding:15px}.integration-row>div{flex:1}.integration-row b,.integration-row small{display:block}.integration-row small{font-size:11px;color:#8e96a5;margin-top:3px}.integration-logo{width:34px;height:34px;border-radius:9px;background:#f0efff;display:grid;place-items:center;color:var(--brand);font-weight:700}.progress{height:7px;background:#eceef4;border-radius:9px;overflow:hidden}.progress i{display:block;background:var(--brand);height:100%;width:82%}.automation-flow{max-width:560px;margin:10px auto}.flow-step{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px;display:flex;align-items:center;gap:13px}.flow-step .flow-icon{width:31px;height:31px;border-radius:8px;background:#eeedff;color:var(--brand);display:grid;place-items:center}.flow-step small{display:block;color:#9aa1ae;font-size:10px;margin-top:3px}.flow-arrow{text-align:center;height:27px;color:#b7bdc9}.flow-arrow:after{content:'↓';font-size:20px}.tabs{display:flex;gap:21px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{border:0;background:none;padding:9px 0 12px;font:12px inherit;color:#8c94a1;cursor:pointer}.tabs button.active{color:var(--brand);font-weight:700;border-bottom:2px solid var(--brand)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:80px}.hero-art{margin-top:15px}.feature-grid{gap:40px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px}.app-header{padding:0 20px}.search{width:150px}.app-main main{padding:25px 20px}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.nav-links,.nav-actions{display:none}.mobile-only{display:block}.hero{padding-top:55px;min-height:auto}.hero h1{font-size:54px}.hero-art{transform:scale(.78);margin:-20px -60px}.logo-strip{gap:22px;justify-content:flex-start;overflow:hidden;white-space:nowrap}.logo-strip span{font-size:14px}.section,.feature-band{padding-top:75px;padding-bottom:75px}.section h2,.feature-band h2,.cta-band h2{font-size:37px}.steps,.feature-grid,.pricing-grid,.page-grid,.dashboard-grid{grid-template-columns:1fr}.pricing-grid{gap:12px}.auth-page{display:block}.auth-card{width:100%;max-width:none;min-height:100vh;padding:35px 28px}.auth-aside{display:none}.app-body .sidebar{position:fixed;z-index:5;left:-260px;top:0;height:100vh;transition:.25s}.app-body.sidebar-open .sidebar{left:0;box-shadow:10px 0 35px #1112}.app-header{height:65px;padding:0 14px}.breadcrumb span,.breadcrumb b{display:none}.header-actions .search,.header-actions .btn,.header-actions>.avatar{display:none}.app-main main{padding:22px 14px}.app-footer{padding:0 14px 15px}.page-head{display:block}.page-actions{margin-top:16px}.form-grid,.settings-layout{grid-template-columns:1fr}.table-card{overflow:auto}.data-table{min-width:620px}.health-score{align-items:flex-start}.float-card{display:none}}
.modal-backdrop{position:fixed;inset:0;background:#14213d66;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{background:#fff;border-radius:14px;width:min(520px,100%);padding:24px;box-shadow:0 25px 80px #14213d33}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h3{margin:0;font-size:20px}.modal-card form{display:grid;gap:15px}.modal-card label{font-size:11px;font-weight:600}.modal-card input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #dde0e9;border-radius:7px;font:12px inherit}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.import-result{display:grid;gap:12px;place-items:center}.import-result b{font-size:20px}.import-result span{font-size:12px;color:#8a92a0}.dragging{background:#eeedff!important;border-color:var(--brand)!important}