@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#15231c;--muted:#6c7a72;--bg:#f5f7f3;--card:#fff;--accent:#167653;--accent2:#0d4d3a;--soft:#e9f5ef;--line:#dfe7e1;--danger:#a83737;--shadow:0 18px 50px rgba(22,52,39,.08)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'DM Sans',system-ui,sans-serif}button,input{font:inherit}a{color:var(--accent);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font:800 16px 'Manrope',sans-serif;text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#19835d,#105e44);color:#fff;font:800 14px 'Manrope';box-shadow:0 8px 18px rgba(22,118,83,.19)}
.app-header{height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(4vw,28px);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.desktop-nav{display:flex;gap:6px;align-self:stretch}.desktop-nav a,.desktop-nav span{display:flex;align-items:center;padding:0 14px;color:#6b7871;font-weight:600}.desktop-nav .active{color:var(--accent);position:relative}.desktop-nav .active:after{content:'';height:3px;border-radius:3px;background:var(--accent);position:absolute;left:14px;right:14px;bottom:0}.account-menu{justify-self:end;position:relative}.account-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;padding:7px 8px;border-radius:12px}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:#f2f5f2}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:800}.account-label{display:grid;line-height:1.15}.account-label small{font-size:11px}.chevron{color:var(--muted)}.menu-card{position:absolute;right:0;top:55px;width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:var(--shadow)}.menu-email{font-size:12px;color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--line);overflow:hidden;text-overflow:ellipsis}.menu-card a,.menu-card button{display:block;width:100%;text-align:left;padding:10px;border-radius:8px;background:none;border:0;color:var(--ink);font-weight:600}.menu-card a:hover,.menu-card button:hover{background:var(--bg);text-decoration:none;cursor:pointer}.menu-card form{margin:0}
.dashboard-main{max-width:1240px;margin:auto;padding:48px 28px 80px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.welcome-row h1{font:700 36px/1.14 'Manrope';letter-spacing:-.035em;margin:4px 0 7px}.eyebrow{font:800 11px/1.2 'Manrope';letter-spacing:.14em;color:var(--accent);margin:0 0 9px}.muted,small{color:var(--muted)}.mode{display:flex;align-items:center;gap:8px;background:var(--soft);color:var(--accent2);border:1px solid #dcefe5;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800;letter-spacing:.05em}.mode i{width:8px;height:8px;border-radius:50%;background:#1d9a6e;box-shadow:0 0 0 4px rgba(29,154,110,.1)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats article,.panel,.auth-card,.simple-auth-card,.account-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(20,44,33,.045)}.stats article{padding:22px;display:flex;gap:15px;align-items:flex-start}.metric-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--accent);font:800 16px 'Manrope'}.stats article>div:last-child{display:grid}.stats span{color:var(--muted);font-size:13px}.stats strong{font:800 27px 'Manrope';letter-spacing:-.04em;margin:1px 0}.stats small{font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{padding:23px}.panel-title,.row{display:flex;justify-content:space-between;align-items:center}.panel-title{padding-bottom:15px;border-bottom:1px solid var(--line)}.panel h2{font:750 18px 'Manrope';margin:0}.count-badge{background:#f0f3f0;color:var(--muted);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.quiet-link{color:var(--accent);font-size:12px;font-weight:700}.row{padding:14px 0;border-bottom:1px solid var(--line)}.row small{display:block}.empty-state{min-height:190px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-state>span{width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-weight:800;margin-bottom:10px}.empty-state b{color:var(--ink);font:700 15px 'Manrope'}.empty-state p{margin:3px}.activity-row{display:flex;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-row div{display:grid}.activity-row small{font-size:11px}.activity-dot{width:9px;height:9px;background:#62b592;border-radius:50%;box-shadow:0 0 0 4px var(--soft)}.integrations{margin-top:18px}.integration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding-top:18px}.integration-grid>div{border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;min-height:112px}.integration-grid>div>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:10px;font-weight:800;margin-bottom:10px}.integration-grid b{font:700 12px 'Manrope'}.integration-grid small{font-size:10px}
button,.primary-button,.button-link{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}.primary-button,.button-link{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;min-height:49px;box-shadow:0 10px 20px rgba(22,118,83,.16)}button:hover,.primary-button:hover,.button-link:hover{background:#126344;text-decoration:none}.secondary-button{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.compact{padding:7px 9px;margin-left:4px}
.auth-shell{min-height:100vh;background:#fff}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr)}.auth-brand{position:relative;overflow:hidden;padding:48px max(6vw,60px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(68,180,132,.32),transparent 33%),linear-gradient(145deg,#0d3d30,#0e5a42 68%,#0d4a38)}.auth-brand:after{content:'';position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-270px;bottom:-240px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.02)}.auth-brand .brand{color:#fff;z-index:1}.auth-promise{max-width:640px;z-index:1}.status-pill{display:inline-block;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.12em}.auth-promise h1{font:800 clamp(42px,5vw,70px)/1.03 'Manrope';letter-spacing:-.055em;margin:24px 0 18px}.auth-promise h1 em{font-style:normal;color:#8fe0bb}.auth-promise p{max-width:570px;color:#c9ddd4;font-size:17px}.trust-row{display:flex;gap:10px;margin-top:30px}.trust-row span{padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.08);color:#d9e8e1;font-size:11px;font-weight:700}.auth-brand>small{color:#a9c7ba;z-index:1}.auth-panel{display:grid;place-items:center;padding:38px;background:#f8faf8}.auth-card{width:min(460px,100%);padding:38px}.auth-card h2{font:800 29px/1.15 'Manrope';letter-spacing:-.035em;margin:0 0 7px}.mobile-brand{display:none}.auth-card form{margin-top:24px}label{display:block;font-weight:700;margin:15px 0 6px;font-size:13px}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #ced9d2;border-radius:10px;font:inherit;color:var(--ink);background:#fff;outline:none}input:focus{border-color:#4c9d7e;box-shadow:0 0 0 4px rgba(22,118,83,.09)}.password-field{position:relative;display:block}.password-field input{padding-right:65px}.reveal{position:absolute;right:5px;top:12px;background:transparent;color:var(--accent);padding:7px;box-shadow:none;font-size:11px}.reveal:hover{background:var(--soft)}.form-options{display:flex;align-items:center;justify-content:space-between;margin:16px 0 20px;font-size:12px}.check{display:flex;gap:8px;align-items:center;margin:0;font-weight:500}.check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.auth-footnote{text-align:center;color:#8b9790;font-size:10px;margin:21px 0 0}.notice{padding:11px 13px;border-radius:10px;margin:16px 0;font-size:12px;font-weight:600}.error-notice{background:#fff1f1;color:var(--danger);border:1px solid #f3d6d6}.success-notice{background:var(--soft);color:var(--accent2);border:1px solid #d4ebdf}.setup-notice{background:#fff9e9;color:#775b14;border:1px solid #f0e1b9}
.simple-auth{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top,#edf7f1,transparent 35%),var(--bg)}.simple-auth-card{width:min(480px,100%);padding:38px;text-align:center}.brand.centered{justify-content:center;margin-bottom:28px}.security-icon{width:54px;height:54px;margin:0 auto 15px;border-radius:16px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font:800 22px 'Manrope'}.simple-auth-card h1,.account-card h1{font:800 28px/1.15 'Manrope';letter-spacing:-.035em;margin:0 0 9px}.simple-auth-card form{text-align:left;margin-top:22px}.back-link{display:inline-block;margin-top:21px}.button-link{margin-top:22px}.primary-button:disabled{opacity:.45;cursor:not-allowed}.account-main{max-width:560px;margin:auto;padding:50px 25px}.account-card{padding:34px}.account-card button{width:100%;margin-top:10px}.success{color:var(--accent2);background:var(--soft);border-radius:9px;padding:11px 13px}.error{color:var(--danger)}
@media(max-width:1000px){.desktop-nav{display:none}.app-header{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:repeat(3,1fr)}.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px}}
@media(max-width:700px){.app-header{padding:0 15px}.app-header>.brand>span:last-child{display:none}.account-label{display:none}.dashboard-main{padding:31px 16px 60px}.welcome-row{display:block}.welcome-row h1{font-size:29px}.mode{display:inline-flex;margin-top:16px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:15px;gap:10px}.metric-icon{display:none}.stats strong{font-size:23px}.grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.panel{padding:18px}.auth-panel{padding:18px}.auth-card{padding:28px 22px}.form-options{align-items:flex-start;gap:12px}.check{max-width:210px}}
.tracking-grid select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #ced9d2;border-radius:10px;background:#fff;color:var(--ink)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tracking-grid form .primary-button{margin-top:20px}.generated-link{margin-top:20px;padding:16px;border-radius:13px;background:var(--soft)}.generated-link input{font-size:12px}.generated-link button{margin-top:9px;width:100%}.journey{list-style:none;padding:8px 0 0;margin:0;counter-reset:steps}.journey li{counter-increment:steps;position:relative;padding:15px 0 15px 48px;border-bottom:1px solid var(--line);display:grid}.journey li:before{content:counter(steps);position:absolute;left:0;top:13px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:800}.journey span{font-size:12px;color:var(--muted)}
@media(max-width:700px){.field-pair{grid-template-columns:1fr}}
.subscriber-tools{gap:20px}.tool-actions,.subscriber-search{display:flex;gap:9px;align-items:center}.subscriber-search input{width:250px;margin:0;padding:9px 12px}.export-button{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:9px;padding:8px 11px}.subscriber-table-wrap{overflow-x:auto}.subscriber-table{width:100%;border-collapse:collapse;text-align:left}.subscriber-table th{padding:14px 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}.subscriber-table td{padding:17px 12px;border-bottom:1px solid #e8eeea;vertical-align:top}.subscriber-table td b,.subscriber-table td small{display:block}.subscriber-table td small{margin-top:4px}.delivery-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#f0f2f1;color:#68756e;font-size:11px;font-weight:700}.delivery-pill.ok{background:var(--soft);color:var(--accent)}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.tag-list span{padding:4px 7px;border-radius:7px;background:var(--soft);color:var(--accent);font-size:10px;font-weight:700}@media(max-width:800px){.subscriber-tools,.tool-actions{align-items:stretch;flex-direction:column}.subscriber-search input{width:100%}.subscriber-table{min-width:850px}}
.audience-page{max-width:1320px}.audience-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.audience-heading h1{font:800 40px/1 'Manrope';letter-spacing:-.045em;margin:4px 0 10px}.audience-count{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 18px;display:grid;text-align:right}.audience-count strong{font:800 22px 'Manrope';color:var(--accent)}.audience-count span{font-size:11px;color:var(--muted)}.audience-panel{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);overflow:hidden}.audience-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.audience-search{display:flex;gap:8px;align-items:center;flex:1;max-width:620px}.audience-search>span{font-size:24px;color:var(--muted)}.audience-search input{margin:0;max-width:390px;padding:10px 12px}.audience-search button{padding:10px 14px}.export-button{background:var(--soft);color:var(--accent);font-size:12px}.subscriber-list-head,.subscriber-row{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(210px,.9fr) minmax(270px,1fr) 120px;gap:20px;align-items:center}.subscriber-list-head{padding:12px 22px;background:#fafcfb;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.subscriber-row{padding:18px 22px;border-top:1px solid #edf1ee}.subscriber-row:hover{background:#fbfdfb}.subscriber-identity{display:flex;align-items:center;gap:12px;min-width:0}.subscriber-initial{flex:0 0 39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:850}.subscriber-identity div{min-width:0}.subscriber-identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscriber-identity small,.acquisition-cell small,.added-cell small{display:block;font-size:10px;margin-top:3px}.acquisition-cell b,.added-cell b{font-size:13px}.tag-list{margin-top:7px}.delivery-cell{display:flex;gap:8px}.provider-state{display:grid;grid-template-columns:25px 1fr;column-gap:7px;align-items:center;min-width:128px;border:1px solid var(--line);border-radius:10px;padding:7px 8px}.provider-state i{grid-row:1/3;width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#eef1ef;color:#69766f;font-size:8px;font-style:normal;font-weight:900}.provider-state em{font-size:9px;color:var(--muted);font-style:normal}.provider-state b{font-size:10px}.provider-state.ok{border-color:#cfe9dc;background:#f7fcf9}.provider-state.ok i{background:var(--soft);color:var(--accent)}.provider-state.ok b{color:var(--accent)}
@media(max-width:1000px){.subscriber-list-head{display:none}.subscriber-row{grid-template-columns:1fr 1fr}.delivery-cell{justify-content:flex-start}.added-cell{text-align:right}}@media(max-width:650px){.audience-heading{align-items:start}.audience-count{padding:8px 11px}.audience-count span{display:none}.audience-toolbar{align-items:stretch;gap:10px;flex-direction:column}.audience-search{max-width:none}.audience-search>span{display:none}.audience-search input{max-width:none}.export-button{justify-content:center}.subscriber-row{grid-template-columns:1fr;padding:17px}.delivery-cell{flex-wrap:wrap}.added-cell{text-align:left}}
.automation-page,.automation-detail{max-width:1280px}.provider-strip{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px;margin-bottom:22px}.provider-strip>div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px}.provider-logo,.sequence-icon{width:38px;height:38px;border-radius:11px;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-weight:850}.provider-strip p{display:grid;margin:0;flex:1}.provider-strip small{font-size:10px}.provider-strip a{font-size:11px}.provider-coming{display:grid!important;align-content:center}.automation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.automation-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px;box-shadow:var(--shadow)}.automation-card-top{display:flex;justify-content:space-between}.status-ready{height:max-content;padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.08em}.automation-card h2{font:800 22px 'Manrope';margin:20px 0 7px}.automation-card>p{color:var(--muted);min-height:48px}.sequence-stats{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.sequence-stats span{padding:8px 10px;background:#f5f7f5;border-radius:9px;color:var(--muted);font-size:10px}.sequence-stats b{color:var(--ink)}.automation-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;margin-top:16px}.automation-hero>div,.automation-hero>aside{background:#fff;border:1px solid var(--line);border-radius:19px;padding:26px;box-shadow:var(--shadow)}.automation-hero h1{font:800 34px/1.1 'Manrope';letter-spacing:-.04em;margin:5px 0 10px}.deploy-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.provider-choice{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px;color:var(--ink)}.provider-choice i{width:29px;height:29px;border-radius:8px;background:#eef1ef;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:900}.provider-choice span{display:grid;font-size:11px;font-weight:800}.provider-choice small{font-size:9px;font-weight:500}.provider-choice.connected{border-color:#cfe9dc;background:#f6fbf8}.provider-choice.connected i{background:var(--soft);color:var(--accent)}.capability-note{padding:13px;border-radius:11px;background:#fff8e7;border:1px solid #efe0b5}.capability-note b{font-size:11px}.capability-note p{font-size:10px;color:#735d25;margin:4px 0 0}.sequence-list{margin-top:20px;display:grid;gap:10px}.email-step{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.email-step summary{display:flex;align-items:center;gap:14px;padding:17px 19px;cursor:pointer;list-style:none}.email-step summary::-webkit-details-marker{display:none}.day-badge{width:58px;padding:6px;border-radius:8px;background:var(--soft);color:var(--accent);text-align:center;font-size:9px;font-weight:900}.step-title{display:grid;flex:1}.step-title b{font:750 14px 'Manrope'}.step-title small{font-size:10px}.email-content{border-top:1px solid var(--line);padding:19px;background:#fafcfb}.email-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:14px}.email-preview{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px}.email-preview p{margin:0 0 13px}.email-cta{display:inline-flex;padding:12px 15px;border-radius:8px;background:var(--accent);color:#fff;margin:5px 0 15px}.affiliate-line{color:var(--muted);font-size:10px}.copy-email{display:block;margin:14px auto 0}.expand{color:var(--muted)}
@media(max-width:800px){.provider-strip,.automation-grid,.automation-hero{grid-template-columns:1fr}.automation-hero h1{font-size:29px}.email-meta{display:grid;gap:5px}.email-step summary{padding:14px}.step-title small{display:none}.email-preview{padding:18px}}
.campaign-page,.campaign-detail-page{max-width:1320px}.campaign-heading,.campaign-detail-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.campaign-heading h1,.campaign-detail-hero h1{font:800 38px/1.08 'Manrope';letter-spacing:-.045em;margin:4px 0 9px}.sync-state{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 15px}.sync-state>i{width:10px;height:10px;border-radius:50%;background:#27a573;box-shadow:0 0 0 5px var(--soft)}.sync-state span{display:grid}.sync-state small{font-size:10px}.campaign-summary,.metric-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.campaign-summary article,.metric-ribbon article{display:grid;background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 19px}.campaign-summary span,.metric-ribbon span{font-size:11px;color:var(--muted)}.campaign-summary strong,.metric-ribbon strong{font:800 25px 'Manrope'}.campaign-table-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.campaign-table-head,.campaign-table-row{display:grid;grid-template-columns:2fr .7fr .7fr .8fr 1.5fr 28px;gap:18px;align-items:center}.campaign-table-head{padding:12px 20px;background:#fafcfb;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.campaign-table-row{padding:18px 20px;border-top:1px solid var(--line);color:var(--ink)}.campaign-table-row:hover{background:#fafcfb;text-decoration:none}.campaign-table-row>span{display:grid}.campaign-table-row small{font-size:10px;margin-top:3px}.row-arrow{font-size:21px;color:var(--accent)}.health{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;background:#fff2d9;color:#8a5d08;font-style:normal;font-size:9px;font-weight:850;letter-spacing:.07em}.health.click{background:#edf2ff;color:#405da8}.health.conversion{background:var(--soft);color:var(--accent)}.campaign-detail-hero{margin-top:18px}.metric-ribbon{grid-template-columns:repeat(5,1fr)}.metric-ribbon small{font-size:9px}.diagnosis-card{display:flex;justify-content:space-between;gap:25px;align-items:center;background:linear-gradient(135deg,#123e30,#176b4f);color:#fff;border-radius:18px;padding:24px;margin-bottom:18px}.diagnosis-card h2{font:750 22px 'Manrope';margin:3px 0 7px}.diagnosis-card p{margin:0;color:#cce3d9;max-width:760px}.diagnosis-card>span{min-width:210px;padding:13px;border-left:1px solid rgba(255,255,255,.2);font-size:12px}.recommendation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recommendation-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.recommendation-top{display:flex;justify-content:space-between}.recommendation-top span{font-weight:800}.recommendation-top em{font-style:normal;font-size:9px;color:var(--accent);font-weight:850;background:var(--soft);border-radius:999px;padding:5px 8px}.recommendation-card h2{font:750 20px 'Manrope';margin:5px 0 15px}.message-preview{border:1px solid var(--line);border-radius:13px;padding:18px;background:#fafcfb}.message-preview p{white-space:pre-line}.message-preview>b{display:inline-flex;background:var(--accent);color:#fff;border-radius:8px;padding:10px 12px;margin:5px 0}.message-preview small{display:block;word-break:break-all;font-size:8px}.approval-bar{position:sticky;bottom:15px;z-index:5;display:flex;justify-content:space-between;align-items:center;margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:0 15px 45px rgba(17,45,33,.18)}.approval-bar div{display:grid}.approval-bar button{min-width:250px}.job-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px}.job-list>div{display:grid;grid-template-columns:1fr 150px 160px;padding:11px 0;border-top:1px solid var(--line)}
.suppression-strip{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:12px;align-items:center;background:#fff8ea;border:1px solid #f0dfb9;border-radius:16px;padding:16px 19px;margin:-2px 0 18px}.suppression-strip div{display:grid}.suppression-strip p{margin:0 0 3px}.suppression-strip>span{display:grid;color:var(--muted);font-size:10px;border-left:1px solid #ead9b5;padding-left:15px}.suppression-strip>span strong{color:var(--ink);font:800 20px 'Manrope'}
@media(max-width:900px){.campaign-table-head{display:none}.campaign-table-row{grid-template-columns:1fr 1fr}.campaign-table-row>span:first-child,.campaign-table-row>span:nth-child(5){grid-column:1/-1}.row-arrow{display:none}.metric-ribbon{grid-template-columns:repeat(2,1fr)}.suppression-strip{grid-template-columns:1fr 1fr}.suppression-strip div{grid-column:1/-1}.recommendation-grid{grid-template-columns:1fr}}@media(max-width:650px){.campaign-heading,.campaign-detail-hero,.diagnosis-card,.approval-bar{align-items:stretch;flex-direction:column}.campaign-summary{grid-template-columns:1fr 1fr}.approval-bar button{min-width:0;width:100%}.diagnosis-card>span{border-left:0;border-top:1px solid rgba(255,255,255,.2)}}
.sync-controls{display:flex;gap:9px;align-items:center}.sync-controls form{margin:0}@media(max-width:650px){.sync-controls{align-items:stretch;flex-direction:column}.sync-controls button{width:100%}}
.campaign-drafts{margin:0 0 18px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 10px}.section-title h2{font:750 22px 'Manrope';margin:2px 0}.section-title>span{font-size:10px;font-weight:800;color:var(--accent);background:var(--soft);border-radius:999px;padding:6px 9px}.draft-grid{display:grid;gap:10px}.draft-grid article{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}.draft-grid article>div{display:grid;gap:3px}.draft-grid em{font-style:normal;font-size:9px;font-weight:850;letter-spacing:.08em;color:var(--accent)}.draft-grid h3{font:750 18px 'Manrope';margin:0}.draft-grid p,.draft-grid small{margin:0;color:var(--muted);font-size:11px}.draft-grid .primary-button{white-space:nowrap}@media(max-width:650px){.draft-grid article{align-items:stretch;flex-direction:column}.draft-grid .primary-button{text-align:center}}
.integration-connect{max-width:760px}.connect-card{margin:22px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.connect-card h1{font:800 32px/1.1 'Manrope';letter-spacing:-.04em;margin:6px 0 10px}.connect-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:900;margin-bottom:18px}.connect-card form{margin:25px 0}.connect-card .primary-button{margin-top:16px}.where-key{margin-top:24px;padding:17px;border-radius:13px;background:#f7faf8;border:1px solid var(--line)}.where-key ol{margin:9px 0 0;padding-left:20px;color:var(--muted)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.secondary-button:hover{text-decoration:none}
.job-list>a{display:grid;grid-template-columns:1fr 150px 240px;padding:13px 0;border-top:1px solid var(--line);color:var(--ink)}.job-list>a:hover{text-decoration:none;color:var(--accent)}.studio-page{max-width:1320px}.studio-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px}.studio-heading h1{font:800 38px/1.1 'Manrope';margin:4px 0}.studio-state{font-size:10px;font-weight:850;letter-spacing:.08em;background:var(--soft);color:var(--accent);border-radius:999px;padding:8px 11px}.studio-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.studio-editor,.studio-preview{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.studio-editor label{display:grid;gap:7px;font-size:11px;font-weight:800;margin-bottom:17px}.studio-editor input,.studio-editor textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:12px 13px;font:inherit;color:var(--ink);background:#fcfdfc}.studio-editor textarea{resize:vertical;line-height:1.55}.sender-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.studio-actions{display:flex;justify-content:space-between;gap:15px;align-items:center}.test-send{display:flex;gap:8px;flex:1;justify-content:flex-end}.test-send input{max-width:250px}.guardrail{font-size:10px;color:var(--muted);margin:14px 0 0}.email-canvas{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fafcfb}.email-canvas>small{font-size:9px;color:var(--muted)}.email-canvas>h2{font:750 21px/1.3 'Manrope';margin:5px 0 23px;padding-bottom:16px;border-bottom:1px solid var(--line)}.audience-rule{display:grid;margin-top:15px;background:var(--soft);border-radius:12px;padding:15px}.audience-rule span{font-size:13px;margin:4px 0}.audience-rule small{font-size:9px}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}}@media(max-width:650px){.studio-heading,.studio-actions,.test-send{align-items:stretch;flex-direction:column}.sender-grid{grid-template-columns:1fr}.test-send input{max-width:none}.job-list>a{grid-template-columns:1fr}}
.campaign-table-head,.campaign-table-row{grid-template-columns:1.8fr .62fr .62fr .7fr 1.35fr 120px}.row-action{display:inline-flex!important;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:850;text-align:center}.campaign-table-row:hover .row-action{background:#0f6549}@media(max-width:900px){.row-action{grid-column:1/-1}}
.traffic-page{max-width:1380px}.traffic-forms{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.traffic-forms select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #ced9d2;border-radius:10px;background:#fff}.traffic-forms .primary-button{margin-top:18px}.traffic-orders{padding:0;overflow:hidden}.traffic-orders>.panel-title{padding:22px 24px}.traffic-order{padding:22px 24px;border-top:1px solid var(--line)}.order-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.order-head>div{display:grid}.order-head b{font:750 17px 'Manrope'}.order-metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.order-metrics>span{display:grid;background:#f7faf8;border:1px solid #e8eeea;border-radius:11px;padding:11px}.order-metrics small{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.order-metrics b{font:800 18px 'Manrope';margin-top:3px}.order-metrics em{font-size:9px;color:var(--accent);font-style:normal}.positive{color:var(--accent)}.negative{color:var(--danger)}.vendor-link{display:flex;gap:9px;margin-top:14px}.vendor-link input{margin:0;font-size:11px}.vendor-link button{white-space:nowrap;padding:10px 13px}@media(max-width:1050px){.order-metrics{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){.traffic-forms{grid-template-columns:1fr}.order-metrics{grid-template-columns:repeat(2,1fr)}.vendor-link{flex-direction:column}.vendor-link button{width:100%}}
.heading-actions{display:flex;gap:10px;align-items:center}.rotator-library{margin-bottom:18px;padding:0;overflow:hidden}.rotator-library>.panel-title{padding:20px 23px}.rotator-row{display:grid;grid-template-columns:1fr minmax(480px,.9fr);gap:20px;align-items:center;padding:17px 23px;border-top:1px solid var(--line)}.rotator-row>div{display:grid}.rotator-row form{display:grid;grid-template-columns:1fr 80px 100px auto;gap:8px}.rotator-row select,.rotator-row input{width:100%;margin:0;padding:10px;border:1px solid #ced9d2;border-radius:9px;background:#fff}.click-table-wrap{overflow:auto;padding:0}.click-table{width:100%;min-width:1050px;border-collapse:collapse}.click-table th{text-align:left;background:#fafcfb;padding:13px 16px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.click-table td{padding:15px 16px;border-top:1px solid var(--line);vertical-align:top}.click-table td b,.click-table td small{display:block}.click-table code{font-size:12px;color:var(--accent2);background:var(--soft);padding:5px 8px;border-radius:7px}@media(max-width:900px){.rotator-row{grid-template-columns:1fr}.rotator-row form{grid-template-columns:1fr 70px 90px auto}.heading-actions{align-items:stretch;flex-direction:column}}@media(max-width:600px){.rotator-row form{grid-template-columns:1fr 1fr}.rotator-row select{grid-column:1/-1}}
.meta-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.meta-status-grid article,.meta-workflow article{background:#fff;border:1px solid #dce7e0;border-radius:22px;padding:26px;box-shadow:0 14px 34px rgba(23,64,45,.05)}.meta-status-grid span,.meta-status-grid small{display:block;color:#718078}.meta-status-grid strong{display:block;font-size:32px;margin:10px 0}.meta-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.meta-workflow h2{margin:8px 0 10px}.meta-workflow p:not(.eyebrow){min-height:72px;color:#64736b;line-height:1.55}.meta-next{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:30px}@media(max-width:800px){.meta-status-grid,.meta-workflow{grid-template-columns:1fr}.meta-next{align-items:flex-start;flex-direction:column}}
.meta-onboard{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;background:linear-gradient(140deg,#0e4b38,#167653);color:#fff;border-radius:24px;padding:30px;margin:22px 0}.meta-onboard h2{font:800 28px 'Manrope';margin:6px 0}.meta-onboard p:not(.eyebrow){color:#d5e9e0}.meta-onboard .eyebrow{color:#9ce0c0}.meta-onboard form{display:grid;grid-template-columns:1fr .65fr;gap:10px;align-items:end}.meta-onboard label{color:#fff;margin:0}.meta-onboard label small{color:#bcd8cc}.meta-onboard input{background:rgba(255,255,255,.98)}.meta-onboard button{grid-column:1/-1;background:#fff;color:var(--accent2);box-shadow:none}.project-list{display:grid;gap:12px;margin-bottom:24px}.project-list>article{display:grid;grid-template-columns:105px minmax(260px,1.3fr) minmax(250px,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px 20px}.project-state{width:max-content;border-radius:999px;padding:6px 9px;background:#fff3d8;color:#7d5a0a;font-size:9px;font-weight:900;letter-spacing:.06em}.project-state.ready{background:var(--soft);color:var(--accent)}.project-state.failed{background:#fff1f1;color:var(--danger)}.project-copy{min-width:0}.project-copy h3{font:750 17px 'Manrope';margin:0 0 3px}.project-copy a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.project-copy p{font-size:10px;color:var(--muted);margin:5px 0 0}.project-tracking{display:grid;gap:3px}.project-tracking span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.project-tracking b{color:var(--ink)}@media(max-width:900px){.meta-onboard{grid-template-columns:1fr}.meta-onboard form{grid-template-columns:1fr}.project-list>article{grid-template-columns:1fr}.project-tracking{max-width:360px}}@media(max-width:600px){.meta-onboard{padding:22px}.meta-onboard form{display:block}.meta-onboard label{margin-top:12px}.meta-onboard button{margin-top:14px}}
.funnel-page{max-width:1460px}.funnel-create{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px}.funnel-create h2{margin:3px 0}.funnel-create form{display:flex;gap:9px;min-width:min(560px,50%)}.funnel-create input{margin:0}.funnel-card{padding:0;overflow:hidden;margin-bottom:20px}.funnel-card-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 25px;border-bottom:1px solid var(--line)}.funnel-card-head h2{margin:3px 0}.funnel-card-head small{color:var(--muted)}.funnel-link{display:flex;gap:8px;min-width:min(520px,48%)}.funnel-link input{margin:0;font-size:10px}.funnel-link button{white-space:nowrap}.journey-canvas{display:flex;align-items:stretch;gap:10px;padding:22px;overflow-x:auto;background:linear-gradient(180deg,#f7faf8,#fff)}.stage-card{position:relative;flex:1;min-width:280px;max-width:380px;background:#fff;border:1px solid #d8e4dd;border-radius:16px;padding:18px;box-shadow:0 10px 26px rgba(26,70,50,.06)}.stage-number{position:absolute;top:-10px;left:16px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:900}.stage-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.stage-top span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.stage-top h3{font:750 17px 'Manrope';margin:3px 0 12px}.stage-top>b{font-size:9px;background:var(--soft);color:var(--accent);border-radius:999px;padding:6px 8px;white-space:nowrap}.variant-list{display:grid;gap:6px;margin:4px 0 14px}.variant-list>div{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.variant-list span{font-size:10px;font-weight:800}.variant-list small,.variant-list p{font-size:8px;color:var(--muted);margin:0}.variant-form{display:grid;grid-template-columns:1fr 48px 58px auto;gap:5px}.variant-form select,.variant-form input{min-width:0;width:100%;margin:0;padding:8px 7px;border:1px solid var(--line);border-radius:8px;font-size:9px;background:#fff}.variant-form button{padding:8px}.stage-arrow{align-self:center;font-size:24px;color:var(--accent)}.empty-journey{width:100%;padding:35px;text-align:center;color:var(--muted);border:1px dashed #bdcdc4;border-radius:14px}.stage-form{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:10px;align-items:end;padding:18px 22px;border-top:1px solid var(--line)}.stage-form label{margin:0}.stage-form input,.stage-form select{margin-top:6px}.empty-funnels{text-align:center;padding:50px}.empty-funnels>span{font-size:35px;color:var(--accent)}@media(max-width:900px){.funnel-create,.funnel-card-head{align-items:stretch;flex-direction:column}.funnel-create form,.funnel-link{min-width:0;width:100%}.stage-form{grid-template-columns:1fr 1fr}.stage-form button{grid-column:1/-1}}@media(max-width:600px){.funnel-create form,.funnel-link{flex-direction:column}.stage-form{grid-template-columns:1fr}.stage-form button{grid-column:auto}}
.path-report{border-top:1px solid var(--line);padding:18px 22px}.path-report-head,.path-row{display:grid;grid-template-columns:110px 1fr 140px;gap:14px;align-items:center}.path-report-head{color:var(--muted);font-size:9px;padding:0 0 8px}.path-report-head b{grid-column:1/3;color:var(--ink);font-size:12px}.path-row{border-top:1px solid #edf1ee;padding:10px 0}.path-row code{font-size:9px;color:var(--accent)}.path-row>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.path-row i{font-style:normal;background:#f4f8f5;border-radius:7px;padding:5px 7px;font-size:9px}.path-row em{font-style:normal;color:var(--accent)}.path-row small{text-align:right;color:var(--muted)}@media(max-width:700px){.path-report-head{display:none}.path-row{grid-template-columns:1fr}.path-row small{text-align:left}}
.funnel-head-actions{display:flex;align-items:center;gap:9px}.install-page{max-width:1380px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.install-steps h2{margin:4px 0 8px}.install-steps>p{color:var(--muted)}.code-copy{display:flex;align-items:stretch;gap:8px;margin:14px 0}.code-copy code{flex:1;overflow:auto;background:#10291f;color:#d9f2e5;border-radius:10px;padding:13px;font-size:10px;white-space:nowrap}.code-copy button{white-space:nowrap}.platform-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.platform-notes span{display:grid;background:#f6f9f7;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:9px;color:var(--muted)}.platform-notes b{color:var(--ink);font-size:10px;margin-bottom:3px}.page-register{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:12px}.page-register h2{margin:3px 0}.page-register form{display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:8px;flex:1;max-width:900px}.page-register input,.page-register select{margin:0}.verification-list{display:grid;gap:10px}.verification-row{display:grid;grid-template-columns:90px 1fr 1fr auto;gap:16px;align-items:center;padding:17px}.verification-row>div:nth-child(2){display:grid;min-width:0}.verification-row a{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verification-row small{font-size:9px}.verify-state{font-size:8px;font-weight:900;letter-spacing:.07em;padding:7px 8px;border-radius:999px;text-align:center;background:#fff5dc;color:#775500}.verify-state.verified{background:var(--soft);color:var(--accent)}.verify-state.failed,.verify-state.attention{background:#fff0f0;color:var(--danger)}.check-pills{display:flex;gap:5px;flex-wrap:wrap}.check-pills span{font-size:8px;border-radius:999px;padding:5px 7px;background:#f1f3f2;color:#7d8882}.check-pills span.ok{background:var(--soft);color:var(--accent)}.event-monitor{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.event-monitor h2{margin:3px 0}.event-monitor>div:last-child{display:flex;gap:9px}.event-monitor span{display:grid;min-width:110px;background:#f6f9f7;border-radius:10px;padding:10px}.event-monitor small{font-size:8px;color:var(--muted)}.event-monitor b{font:800 20px 'Manrope'}@media(max-width:950px){.install-grid{grid-template-columns:1fr}.page-register{align-items:stretch;flex-direction:column}.page-register form{max-width:none;width:100%;grid-template-columns:1fr 1fr}.verification-row{grid-template-columns:90px 1fr}.check-pills{grid-column:1/-1}}@media(max-width:650px){.funnel-head-actions,.code-copy,.event-monitor{align-items:stretch;flex-direction:column}.platform-notes{grid-template-columns:1fr}.page-register form{grid-template-columns:1fr}.verification-row{grid-template-columns:1fr}.event-monitor>div:last-child{flex-wrap:wrap}}
.variant-rules{border-top:1px solid var(--line);padding-top:9px}.variant-rules summary{cursor:pointer;color:var(--accent);font-size:9px;font-weight:850}.variant-rules .variant-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.variant-rules label{margin:0;font-size:8px}.variant-rules select,.variant-rules input{margin-top:4px}.variant-rules .check-label{display:flex;align-items:center;gap:6px}.variant-rules .check-label input{width:auto}.variant-rules button{grid-column:1/-1}.funnel-head-actions>form{margin:0}@media(max-width:650px){.variant-rules .variant-form{grid-template-columns:1fr}}

/* Guided funnel setup */
.setup-alert{display:flex;gap:9px;align-items:center;border-radius:12px;padding:13px 16px;margin:0 0 18px;font-size:11px}.setup-alert.success{background:#e9f7f0;border:1px solid #bde1cf;color:#105f45}.setup-alert.warning{background:#fff7e6;border:1px solid #efd8a4;color:#765514}.setup-alert span{color:inherit}.funnel-card-head{align-items:flex-start}.funnel-head-actions{flex-wrap:wrap;justify-content:flex-end;max-width:850px}.funnel-head-actions .primary-button,.funnel-head-actions .secondary-button{white-space:nowrap}.funnel-link{min-width:340px;max-width:430px}.connect-page-button{padding:12px 16px}.stage-form{grid-template-columns:minmax(180px,.75fr) 1fr .8fr 1.1fr auto}.stage-form-intro{display:grid;align-self:center}.stage-form-intro b{font:750 15px 'Manrope'}.stage-form-intro small{font-size:9px;color:var(--muted);margin-top:3px}
.setup-page{max-width:1240px}.setup-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:18px 0 28px}.setup-heading h1{font:800 42px/1.05 'Manrope';letter-spacing:-.045em;margin:5px 0 10px}.setup-heading p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:15px}.setup-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px 30px;margin:0 0 18px;box-shadow:var(--shadow);overflow:hidden}.step-badge{position:absolute;left:30px;top:29px;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900}.step-copy{padding-left:54px;margin-bottom:23px}.step-copy h2{font:750 24px 'Manrope';margin:4px 0 5px}.step-copy p:not(.eyebrow){margin:0;color:var(--muted)}.page-connect-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#f8fbf9;border:1px solid #e2ebe5;border-radius:15px;padding:20px}.page-connect-form label{display:grid;gap:6px;margin:0;font-size:11px}.page-connect-form label small{font-weight:500;color:var(--muted)}.page-connect-form input,.page-connect-form select{width:100%;box-sizing:border-box;margin:0;background:#fff;border:1px solid #cbd8d0;border-radius:10px;padding:13px;font:inherit}.page-connect-form .wide{grid-column:1/-1}.connected-pages{display:grid;gap:10px}.connected-page{display:grid;grid-template-columns:44px minmax(220px,1.2fr) minmax(180px,.8fr) auto;gap:16px;align-items:center;border:1px solid #dfe8e2;border-radius:14px;padding:16px}.page-status{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff3d9;color:#806018;font-weight:900}.page-status.verified{background:var(--soft);color:var(--accent)}.page-status.failed,.page-status.attention{background:#fff0f0;color:var(--danger)}.page-identity,.connection-summary{display:grid;min-width:0;gap:3px}.page-identity a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.page-identity small,.connection-summary small{font-size:9px;color:var(--muted)}.connection-summary b{font-size:11px}.connection-summary .good{color:var(--accent)}.connection-summary .bad{color:var(--danger)}.page-actions{display:flex;gap:8px}.page-actions form{margin:0}.page-actions button{white-space:nowrap}.friendly-empty{display:flex;align-items:center;gap:14px;border:1px dashed #b9ccc0;border-radius:14px;padding:22px;color:var(--muted)}.friendly-empty>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:900}.friendly-empty p{margin:4px 0 0}.manual-install{padding:0}.manual-install>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:22px 28px;list-style:none}.manual-install>summary::-webkit-details-marker{display:none}.manual-install>summary span{display:grid;gap:3px}.manual-install>summary small{font-size:10px;color:var(--muted);font-weight:500}.manual-install>summary em{font-style:normal;color:var(--accent);font-weight:800;font-size:10px}.manual-install[open]>summary{border-bottom:1px solid var(--line)}.manual-install[open]>summary em{font-size:0}.manual-install[open]>summary em:after{content:'Close instructions';font-size:10px}.manual-body{padding:24px 28px;display:grid;gap:22px}.instruction-block{display:grid;grid-template-columns:32px 1fr;gap:14px}.instruction-block>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:900}.instruction-block h3{margin:2px 0 4px}.instruction-block p{margin:0 0 12px;color:var(--muted)}.clean-code{display:flex;max-width:100%;min-width:0;background:#10291f;border-radius:11px;overflow:hidden}.clean-code code{display:block;flex:1;min-width:0;overflow:auto;white-space:nowrap;padding:13px;color:#d9f2e5;font-size:10px}.clean-code button{border-radius:0;white-space:nowrap}.platform-help{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-left:46px}.platform-help span{display:grid;gap:3px;border:1px solid var(--line);background:#f8faf9;border-radius:11px;padding:12px;font-size:9px;color:var(--muted)}.platform-help b{font-size:10px;color:var(--ink)}.next-step-card{display:grid;grid-template-columns:35px 1fr auto;gap:18px;align-items:center}.next-step-card .step-badge{position:static}.next-step-card .step-copy{padding:0;margin:0}.next-step-card .primary-button{text-decoration:none;white-space:nowrap}
@media(max-width:1100px){.stage-form{grid-template-columns:1fr 1fr}.stage-form-intro{grid-column:1/-1}.stage-form button{grid-column:1/-1}.connected-page{grid-template-columns:44px 1fr}.connection-summary{grid-column:2}.page-actions{grid-column:2}}@media(max-width:900px){.setup-heading{align-items:flex-start;flex-direction:column}.funnel-head-actions{justify-content:flex-start;max-width:none}.funnel-link{min-width:0;max-width:none}.platform-help{grid-template-columns:1fr}.next-step-card{grid-template-columns:35px 1fr}.next-step-card .primary-button{grid-column:2;width:max-content}}@media(max-width:650px){.setup-card{padding:22px 18px}.step-badge{left:18px;top:23px}.step-copy{padding-left:49px}.page-connect-form{grid-template-columns:1fr;padding:15px}.page-connect-form .wide{grid-column:auto}.connected-page{grid-template-columns:1fr}.page-status,.connection-summary,.page-actions{grid-column:auto}.page-actions{align-items:stretch;flex-direction:column}.page-actions button{width:100%}.manual-install>summary,.manual-body{padding:19px 18px}.instruction-block{grid-template-columns:1fr}.platform-help{margin-left:0}.clean-code{flex-direction:column}.clean-code button{border-radius:0}.next-step-card{grid-template-columns:1fr}.next-step-card .step-badge,.next-step-card .primary-button{grid-column:auto}.setup-heading h1{font-size:34px}}
.status-checklist{gap:6px}.status-checklist>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a958f}.status-checklist i{width:15px;height:15px;flex:0 0 15px;border-radius:50%;display:grid;place-items:center;background:#edf1ef}.status-checklist .complete{color:var(--accent)}.status-checklist .complete i{background:var(--soft)}.status-checklist .complete i:after{content:'✓';font-style:normal;font-size:9px;font-weight:900}.status-checklist .pending i:after{content:'';width:5px;height:5px;border-radius:50%;background:#a9b3ad}

/* Funnel workspace layout */
.funnel-page .welcome-row{margin:18px 0 24px}.funnel-page .welcome-row h1{max-width:780px}.funnel-create{padding:24px 28px}.funnel-create form{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;min-width:min(650px,52%)}.funnel-create form .primary-button{min-height:48px}.funnel-card{overflow:hidden}.funnel-card-head{align-items:center;padding:24px 28px 16px;border-bottom:0}.funnel-head-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;max-width:none}.funnel-head-actions .primary-button,.funnel-head-actions .secondary-button{min-height:44px;padding:11px 16px}.connect-page-button{width:auto!important}.funnel-toolbar{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px;margin:0 28px 22px;padding:13px 15px;background:#f6f9f7;border:1px solid #e0e8e3;border-radius:13px}.funnel-toolbar>label{margin:0;font-size:10px;font-weight:850;color:var(--ink)}.funnel-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;max-width:none;width:100%}.funnel-link input{width:100%;box-sizing:border-box;min-width:0;min-height:42px;padding:10px 12px;background:#fff}.funnel-link button{min-height:42px;padding:10px 15px}.journey-canvas{display:flex;align-items:stretch;gap:14px;padding:26px 28px;background:#f8faf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto}.stage-card{flex:1 1 360px;min-width:320px;max-width:none;padding:22px}.stage-count-1 .stage-card{min-width:0;width:100%}.stage-count-1 .stage-top h3{font-size:20px}.stage-top h3{margin-bottom:15px}.variant-list{margin-bottom:16px}.connected-destination{display:grid!important;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;background:#f7faf8;border-color:#dce7e0!important;padding:12px!important}.connected-destination small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}.stage-form{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(210px,.85fr) minmax(260px,1fr) auto;gap:16px;align-items:end;padding:24px 28px}.stage-form-intro{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.stage-form-intro b{font-size:17px}.stage-form-intro small{font-size:10px}.stage-form label{display:grid;grid-template-rows:auto 48px;gap:7px;margin:0;min-width:0;font-size:10px;font-weight:850;color:var(--ink)}.stage-form label>span{display:block;white-space:nowrap}.stage-form input,.stage-form select{display:block;width:100%;height:48px;box-sizing:border-box;margin:0;padding:11px 12px;border:1px solid #ccd8d1;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.stage-form button{height:48px;min-width:126px;padding:10px 18px}.path-report{padding:22px 28px;background:#fff}.path-report-head{grid-template-columns:120px minmax(0,1fr) 150px;padding-bottom:12px}.path-row{grid-template-columns:120px minmax(0,1fr) 150px;padding:12px 0}.path-row code{font-size:10px}.path-row i{font-size:10px;padding:6px 8px}
@media(max-width:1100px){.funnel-create{align-items:stretch;flex-direction:column}.funnel-create form{min-width:0;width:100%}.stage-form{grid-template-columns:1fr 1fr}.stage-form-intro{grid-column:1/-1}.stage-form button{grid-column:1/-1;width:100%}}
@media(max-width:760px){.funnel-page .welcome-row{align-items:flex-start;flex-direction:column;gap:14px}.funnel-card-head{align-items:flex-start;flex-direction:column}.funnel-head-actions{justify-content:flex-start;flex-wrap:wrap;width:100%}.funnel-toolbar{grid-template-columns:1fr;margin:0 18px 18px}.funnel-create{padding:20px}.funnel-create form{grid-template-columns:1fr}.journey-canvas{padding:24px 18px}.stage-card{min-width:280px}.stage-count-1 .stage-card{min-width:0}.stage-form{grid-template-columns:1fr;padding:22px 18px}.stage-form-intro,.stage-form button{grid-column:auto}.stage-form-intro{display:grid;gap:3px}.path-report{padding:20px 18px}.path-report-head{display:none}.path-row{grid-template-columns:1fr;gap:7px}.path-row small{text-align:left}}
.stage-actions{display:flex;align-items:center;gap:10px}.stage-actions>form,.variant-meta>form{margin:0}.stage-actions>b{font-size:9px;background:var(--soft);color:var(--accent);border-radius:999px;padding:6px 8px;white-space:nowrap}.danger-link{border:0;background:transparent!important;box-shadow:none!important;color:#a33b3b!important;padding:3px!important;font-size:9px!important;font-weight:800;cursor:pointer;text-decoration:underline}.variant-list>div>span:first-child{display:grid;min-width:0}.variant-list>div>span:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.variant-meta{display:flex;align-items:center;gap:8px;white-space:nowrap}.variant-rules .variant-form .wide-field{grid-column:1/-1}.saved-destination{grid-column:1/-1;display:grid;gap:5px;padding:10px;border:1px dashed #cbd8d0;border-radius:9px}.saved-destination span{font-size:8px;font-weight:800;color:var(--muted)}.saved-destination select{margin:0}

/* Scalable vertical funnel map */
.journey-canvas{display:grid;grid-template-columns:1fr;gap:0;padding:28px 32px;background:#f7faf8;overflow:visible}.stage-card,.stage-count-1 .stage-card{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);column-gap:28px;align-items:start;width:auto;min-width:0;max-width:none;padding:24px 26px;border-radius:15px;overflow:hidden}.stage-number{top:20px;left:-13px;width:30px;height:30px;border-radius:9px}.stage-top{grid-column:1;min-width:0;padding-left:4px}.stage-top>div:first-child{min-width:0}.stage-top h3,.stage-count-1 .stage-top h3{font-size:19px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 12px}.stage-actions{align-items:flex-start;flex-direction:column;gap:7px}.stage-actions .danger-link{color:#75827b!important;text-decoration:none}.stage-actions .danger-link:hover{color:#a33b3b!important}.variant-list{grid-column:2;grid-row:1/3;margin:0;min-width:0}.variant-list>p{padding:13px 15px;background:#fafcfb;border:1px dashed #cedbd3;border-radius:10px}.variant-list>div{align-items:center;min-height:48px;padding:11px 13px}.variant-list>div>span:first-child{gap:3px}.variant-list>div>span:first-child small{font-size:9px!important}.variant-meta{justify-content:flex-end}.variant-rules{grid-column:1/-1;margin-top:16px;padding-top:13px}.variant-rules summary{font-size:10px}.stage-arrow{height:42px;display:grid;place-items:center;align-self:auto;font-size:0}.stage-arrow:after{content:'↓';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e5f3ec;color:var(--accent);font-size:18px;font-weight:800}.connected-destination{grid-template-columns:150px minmax(0,1fr)!important}.empty-journey{box-sizing:border-box}
@media(max-width:820px){.journey-canvas{padding:24px 18px}.stage-card,.stage-count-1 .stage-card{grid-template-columns:1fr;row-gap:12px;padding:22px 20px}.stage-number{left:10px;top:-12px}.stage-top{grid-column:1}.stage-actions{align-items:center;flex-direction:row}.variant-list{grid-column:1;grid-row:auto}.connected-destination{grid-template-columns:1fr!important}.variant-list>div{align-items:flex-start;flex-direction:column}.variant-meta{justify-content:flex-start;white-space:normal}}

/* Guided transitions and progressive disclosure */
.handoff-guide{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);gap:24px;align-items:center;margin-top:16px;padding:15px 16px;border:1px solid #cfe4d8;border-radius:12px;background:#f1f8f4}.handoff-guide>div:first-child{display:grid;gap:3px}.handoff-guide b{font:750 12px 'Manrope'}.handoff-guide small{font-size:10px;color:var(--muted)}.handoff-guide.final{grid-template-columns:1fr}.handoff-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.handoff-copy input{min-width:0;margin:0;padding:10px 11px;font-size:10px;background:#fff}.handoff-copy button{white-space:nowrap;padding:10px 13px}.variant-rules .variant-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.variant-rules label{font-size:11px}.variant-rules label>small{display:block;margin-top:5px;font-size:9px;font-weight:500;color:var(--muted)}.advanced-routing{grid-column:1/-1;border:1px solid #dce7e0;border-radius:11px;padding:0!important;margin:0!important}.advanced-routing>summary{padding:12px 14px!important;color:var(--ink)!important;font-size:10px!important}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:2px 14px 14px}.advanced-grid .check-label{grid-column:1/-1}.variant-rules .variant-form>button{min-height:44px;font-size:12px}.variant-rules summary{font-size:12px}.saved-destination span{font-size:10px}.variant-list span{font-size:12px}.variant-list small,.variant-list p{font-size:10px}
@media(max-width:820px){.handoff-guide{grid-template-columns:1fr}.handoff-copy{grid-template-columns:1fr}.advanced-grid{grid-template-columns:1fr}.advanced-grid .check-label{grid-column:auto}}
.stage-card .stage-number{top:18px;left:18px}.stage-card .stage-top{padding-left:48px}
@media(max-width:820px){.stage-card .stage-number{top:18px;left:18px}.stage-card .stage-top{padding-left:48px}}

.test-button{background:#6c43c0!important;color:#fff!important;border:1px solid #6c43c0!important;border-radius:10px;padding:11px 16px;font-weight:800;white-space:nowrap}.test-mode-badge{padding:10px 14px;border-radius:999px;background:#eee8fb;color:#5f36ad;font-size:10px;font-weight:900;letter-spacing:.08em}.test-page{max-width:1380px}.back-link{display:inline-block;margin:4px 0 16px;color:var(--accent);font-weight:800}.test-launch,.test-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.test-launch h2,.test-actions h2{margin:0 0 5px}.test-launch p,.test-actions p{margin:0;color:var(--muted)}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-bottom:18px}.test-stage{padding:22px}.test-stage h2{margin:4px 0 16px}.test-check{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.test-check span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:900}.test-check small{font-size:9px}.test-check.passed span{background:#daf2e5;color:#147453}.test-check.passed small{color:#147453}.test-check.waiting span{background:#f0f2f1;color:#7d8983}.test-check.waiting small{color:#7d8983}.test-log{padding:24px}.test-token{display:block;padding:10px 12px;border-radius:8px;background:#f5f2fb;color:#5f36ad;overflow-wrap:anywhere;margin-bottom:12px}@media(max-width:700px){.test-launch,.test-actions{align-items:stretch;flex-direction:column}.test-launch .primary-button,.test-actions form,.test-actions button{width:100%;box-sizing:border-box;text-align:center}}
.advanced-grid label:not(.check-label):after{display:block;margin-top:5px;font-size:9px;font-weight:500;line-height:1.35;color:var(--muted)}
.advanced-grid label:nth-child(3):after{content:'Stop using this destination after this many total clicks. Zero means no limit.'}
.advanced-grid label:nth-child(4):after{content:'Maximum clicks sent here per calendar day. Zero means no daily limit.'}
.advanced-grid label:nth-child(5):after{content:'Your traffic cost per unique click, used to calculate profit and ROI.'}
.advanced-grid label:nth-child(6):after{content:'Optional two-letter country codes separated by commas. Blank allows every country.'}
.advanced-grid label:nth-child(7):after{content:'Optional: desktop, mobile or tablet. Separate multiple choices with commas.'}
.advanced-grid label:nth-child(8):after{content:'Optional source names matching your tracking links. Blank allows every source.'}
.advanced-grid label:nth-child(9):after{content:'Optional date and time when this destination becomes eligible.'}
.advanced-grid label:nth-child(10):after{content:'Optional date and time when traffic to this destination must stop.'}
.advanced-grid .check-label{align-items:flex-start!important}.advanced-grid .check-label:after{content:'Safety destination used only when every normal choice is capped, paused or unhealthy.';display:block;font-size:9px;font-weight:500;line-height:1.35;color:var(--muted)}