:root{--m-navy:#071d2b;--m-deep:#0c3040;--m-teal:#087e73;--m-line:#dce7e2;--m-muted:#687b7c;--m-bg:#f2f5f2}
.marketing-page{background:var(--m-bg)}.marketing-page button{font:inherit}.marketing-page input,.marketing-page select,.marketing-page textarea{accent-color:#087e73}.marketing-page .topbar{height:70px}
.campaign-hero{background:radial-gradient(circle at 75% 50%,#15525a 0,#0b3343 36%,#071d2b 100%);color:white;padding:52px max(4vw,calc((100vw - 1540px)/2));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:7vw;align-items:center}
.campaign-hero h1{font-size:clamp(44px,5vw,80px);letter-spacing:-.06em;line-height:1.1;margin:14px 0}.campaign-hero p{font-size:16px;line-height:1.8;color:#cde0df;max-width:750px;margin:0 0 21px}.campaign-hero small{display:block;color:#a4c3c2;font-size:11px;margin-top:23px}.campaign-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.campaign-hero-board{background:#123c4b;border:1px solid #4d8588;border-radius:17px;padding:25px;box-shadow:0 24px 50px #06172455}.campaign-hero-board>span{font-size:11px;letter-spacing:.15em;color:#9de1cb;font-weight:800}.campaign-hero-board>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}.campaign-hero-board b{display:grid;place-items:center;min-height:64px;background:#edf8f3;border-radius:8px;color:#17433e;font-size:13px}.campaign-hero-board p{font-size:12px;margin:0;color:#c9e2df}
.campaign-crumb{max-width:1640px;margin:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px 4vw;font-size:12px;color:#6b8080}.campaign-crumb b{color:#087e73}.campaign-crumb button{border:0;background:none;padding:0;color:#087e73;cursor:pointer}.campaign-crumb a:hover,.campaign-crumb button:hover{text-decoration:underline}
.campaign-layout{max-width:1640px;margin:0 auto;padding:20px 4vw 100px;display:grid;grid-template-columns:235px minmax(550px,1fr) 270px;gap:18px;align-items:start}.campaign-steps,.campaign-content,.campaign-rail{background:#fff;border:1px solid var(--m-line);border-radius:15px;box-shadow:0 18px 55px #0a28310d}.campaign-steps,.campaign-rail{position:sticky;top:88px}.campaign-steps{padding:11px}.steps-title{padding:14px 13px 19px;border-bottom:1px solid #e5eeea}.steps-title span{display:block;color:#07877b;letter-spacing:.17em;font-size:10px;font-weight:800}.steps-title b{display:block;font-size:13px;margin-top:5px}.campaign-steps button{display:grid;grid-template-columns:31px 1fr;text-align:left;align-items:start;width:100%;border:1px solid transparent;border-radius:9px;background:transparent;color:#30464c;padding:13px 10px;margin-top:5px;column-gap:5px}.campaign-steps button:hover{background:#f0f8f4}.campaign-steps button.active{background:#e9f7ee;border-color:#b3ddce;color:#0a675b}.campaign-steps button span{grid-row:span 2;color:#1f8c7d;font-size:11px;font-weight:800}.campaign-steps button b{font-size:12px}.campaign-steps button small{font-size:10px;color:#829390;margin-top:3px}.steps-foot{border-top:1px solid #e5eeea;color:#76908d;font-size:10px;margin:15px 5px 0;padding:16px 8px 6px}.steps-foot .live-dot{margin-right:5px}
.campaign-content{min-width:0;padding:32px}.campaign-step[hidden]{display:none!important}.step-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:29px}.step-heading>div>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#0a897d}.step-heading h2{font-size:30px;line-height:1.2;margin:7px 0 8px}.step-heading p{color:#637677;font-size:13px;margin:0;line-height:1.7}.step-heading em{font-size:10px;font-style:normal;border-radius:20px;padding:6px 10px;background:#eaf3ed;color:#146f62;white-space:nowrap;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:20px 0}.form-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{font-size:11px;font-weight:800;color:#456063;min-width:0}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.phase-table input,.phase-table textarea{display:block;width:100%;border:1px solid #cbdad4;background:#fff;color:#19333c;border-radius:8px;padding:10px 11px;font-size:12px;line-height:1.5;margin-top:6px;outline:0}.form-grid input,.form-grid select{height:43px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.phase-table input:focus,.phase-table textarea:focus{border-color:#078f7e;box-shadow:0 0 0 3px #0e9a7a20}.form-grid input::placeholder,.phase-table input::placeholder{color:#a3b1ae}.subhead{display:flex;justify-content:space-between;gap:12px;align-items:end;border-bottom:1px solid #e2ebe7;margin:28px 0 14px;padding-bottom:8px}.subhead b{font-size:14px}.subhead span{font-size:10px;color:#8ca09b}
.cohort-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cohort-cards input{position:absolute;opacity:0}.cohort-cards label span{display:block;border:1px solid #d7e5de;border-radius:9px;padding:13px;min-height:116px;background:#f8faf8;cursor:pointer}.cohort-cards strong,.cohort-cards small,.cohort-cards em{display:block}.cohort-cards strong{font-size:14px}.cohort-cards small{font-size:10px;color:#69837e;margin-top:6px}.cohort-cards em{font-size:10px;font-style:normal;color:#0b7b68;margin-top:13px}.cohort-cards input:checked+span{background:#e6f6ec;border-color:#0c9a7e;box-shadow:inset 0 3px #0c9a7e}.cohort-cards input:focus-visible+span{outline:3px solid #1ab89c}.insight-card{border:1px solid #c9e1d7;background:#eff8f3;border-radius:10px;padding:20px;margin-top:20px}.insight-card>span{font-size:10px;color:#0b7e68;letter-spacing:.12em;font-weight:800}.insight-card h3{font-size:21px;margin:5px 0 11px}.insight-card p{font-size:12px;color:#3d555b;margin:6px 0}.insight-card .subtle{color:#708982;font-size:11px;margin-top:15px}
.phase-table{border:1px solid #dce7e1;border-radius:10px;overflow:hidden}.phase-table>div{display:grid;grid-template-columns:140px 160px minmax(0,1fr);gap:13px;align-items:center;padding:11px 14px;border-bottom:1px solid #e5eee8}.phase-table>div:last-child{border-bottom:0}.phase-table .phase-head{background:#edf5f0;color:#527168;font-size:10px;letter-spacing:.06em}.phase-table span{font-size:12px;font-weight:800}.phase-table small{display:block;color:#849b93;font-size:10px;font-weight:500}.phase-table input,.phase-table textarea{margin:0}.phase-table textarea{resize:vertical}.math-panel{background:#0d3140;color:#fff;border-radius:11px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.math-panel>div{border-right:1px solid #3b6470;padding-right:10px;min-width:0}.math-panel>div:last-of-type{border:0}.math-panel span{display:block;color:#9ed3cb;font-size:10px}.math-panel strong{display:block;font-size:16px;line-height:1.4;margin-top:6px;overflow-wrap:anywhere}.math-panel small{display:block;color:#b6d2ce;font-size:10px;margin-top:4px}.math-panel>p{grid-column:1/-1;color:#bcd2d0;font-size:10px;line-height:1.7;margin:8px 0 0}.math-panel:has(>h3){display:block}.math-panel h3{font-size:19px}.math-panel h3+p{font-size:12px;margin-top:10px}
.benefit-detail{border:1px solid #d5e4dc;border-radius:10px;padding:19px;background:#f7faf7;display:flex;align-items:center;justify-content:space-between;gap:20px}.benefit-detail div{max-width:590px}.benefit-detail span{color:#078478;font-size:10px;font-weight:800}.benefit-detail h3{font-size:21px;margin:5px 0}.benefit-detail p{color:#657a78;font-size:12px;margin:0}.benefit-detail strong{font-size:11px;color:#146e60;background:#e2f3ea;padding:10px;border-radius:7px;max-width:220px}.benefit-detail strong.warn{background:#fff0e2;color:#8a612d}
.channel-matrix{border:1px solid #dbe6e1;border-radius:10px;overflow:hidden;margin-top:21px}.channel-matrix>div{display:grid;grid-template-columns:110px 1fr 1.1fr;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #e7eee9;font-size:11px}.channel-matrix>div:first-child{background:#f0f6f2;color:#55736a;font-size:10px}.channel-matrix>div:last-child{border:0}.channel-matrix span{font-weight:800;color:#087e73}.channel-matrix small{font-size:10px;color:#728782}.creative-preview{margin-top:21px;display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:center}.creative-preview>div{border:1px solid #b7d9cf;background:linear-gradient(140deg,#e8f6ef,#f8fbf7);border-radius:13px;padding:23px}.creative-preview span{color:#0a8677;font-size:10px;font-weight:800}.creative-preview h3{font-size:20px;margin:10px 0}.creative-preview p{font-size:12px;color:#4b6968}.creative-preview b{display:inline-block;background:#087e73;color:#fff;padding:8px 11px;border-radius:6px;font-size:11px}.creative-preview>small{color:#778c88;font-size:11px;line-height:1.7}
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-grid>div{border:1px solid #dbe8e0;border-radius:9px;padding:16px}.m-badge{display:inline-block;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:800}.m-badge.good{background:#e0f4e7;color:#12785f}.m-badge.pending{background:#fff0e1;color:#936734}.review-grid b{display:block;font-size:13px;margin:9px 0 4px}.review-grid p{color:#71847e;font-size:11px;margin:0}.approval-list{border-top:1px solid #dce7e0;margin-top:22px;padding-top:16px}.approval-list label{display:flex;gap:10px;align-items:start;font-size:12px;padding:8px 0;color:#455e5c}.approval-list input{margin-top:3px}.export-row,.step-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.export-row{margin-top:21px}.review-note{font-size:11px;color:#937b56;margin-top:14px}.step-actions{border-top:1px solid #e0eae3;margin-top:28px;padding-top:22px}.text-action{border:0;background:none;color:#087e73;font-size:12px;font-weight:800;cursor:pointer}.text-action:hover{text-decoration:underline}.metric-flow{display:flex;flex-wrap:wrap;gap:7px;align-items:center;background:#eaf6ee;border-radius:9px;padding:13px}.metric-flow span{font-size:11px;color:#0a7668;font-weight:800}.metric-flow i{font-style:normal;color:#91bdb0}.event-spec{background:#f0f5f2;border-radius:9px;padding:18px;margin-top:20px}.event-spec b{font-size:13px}.event-spec p{font-size:11px;color:#607772;line-height:1.7;margin:5px 0 0}
.campaign-rail{overflow:hidden}.rail-top{background:#0d3342;color:#fff;padding:18px 17px;display:flex;align-items:center;gap:9px}.rail-top b{font-size:12px}.rail-top small{margin-left:auto;color:#99c1bc;font-size:9px}#campaign-summary{padding:18px}#campaign-summary h3{font-size:16px;line-height:1.35;margin-bottom:19px}.summary-rows>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e5eee9;padding:9px 0;font-size:11px}.summary-rows span{color:#83958f}.summary-rows b{text-align:right;font-size:11px}.readiness{margin-top:23px}.readiness>b{font-size:11px}.readiness>div{background:#e4ede7;border-radius:9px;height:8px;margin:9px 0}.readiness>div span{display:block;background:#0a947b;height:8px;border-radius:9px}.readiness small{font-size:10px;color:#83958f}.summary-warning{background:#fff6e6;border-radius:7px;padding:10px;color:#90723b;font-size:10px;line-height:1.5}.rail-footer{border-top:1px solid #e0e9e2;padding:17px;color:#5d7470}.rail-footer b{font-size:11px}.rail-footer p{font-size:10px;line-height:1.6}
.campaign-evidence{max-width:1540px;margin:0 auto 100px;padding:0 4vw}.evidence-head span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#0b8878}.evidence-head h2{font-size:30px;margin:7px 0}.evidence-head p{font-size:12px;color:#728681}.campaign-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:21px}.campaign-evidence-grid figure{margin:0;background:#fff;border:1px solid #dce7e2;border-radius:12px;overflow:hidden}.campaign-evidence-grid img{width:100%;height:220px;object-fit:cover;object-position:top;background:#eff3f0}.campaign-evidence-grid figcaption{padding:15px}.campaign-evidence-grid figcaption b,.campaign-evidence-grid figcaption span,.campaign-evidence-grid figcaption a{display:block}.campaign-evidence-grid figcaption b{font-size:13px}.campaign-evidence-grid figcaption span{font-size:11px;color:#748782;margin-top:4px}.campaign-evidence-grid figcaption a{font-size:11px;color:#087e73;font-weight:800;margin-top:10px}
@media(max-width:1380px){.campaign-layout{grid-template-columns:190px minmax(480px,1fr) 220px}.campaign-content{padding:25px}.campaign-steps button{padding:11px 6px}.campaign-hero{gap:4vw}}
@media(max-width:1100px){.campaign-layout{grid-template-columns:170px minmax(0,1fr)}.campaign-rail{grid-column:2;position:static}.campaign-hero{grid-template-columns:1fr}.campaign-hero-board{display:none}}
@media(max-width:760px){.campaign-hero{padding:46px 20px}.campaign-hero>div{min-width:0}.campaign-hero .eyebrow{white-space:normal}.campaign-hero p{font-size:13px}.campaign-crumb{padding:14px 20px}.campaign-layout{display:block;padding:9px 14px 70px}.campaign-steps{position:static;display:flex;overflow-x:auto;gap:7px;padding:8px;margin-bottom:12px}.steps-title,.steps-foot{display:none}.campaign-steps button{min-width:135px;width:auto;margin:0;grid-template-columns:25px 1fr}.campaign-steps button small{display:none}.campaign-content{padding:22px 18px}.campaign-rail{margin-top:12px}.step-heading h2{font-size:26px}.step-heading em{display:none}.form-grid,.form-grid.triple{grid-template-columns:1fr 1fr;gap:12px}.cohort-cards{grid-template-columns:1fr}.cohort-cards label span{min-height:0}.phase-table>div{grid-template-columns:85px 1fr}.phase-table .phase-head b:last-child,.phase-table textarea{grid-column:2}.phase-table .phase-head{display:none}.phase-table span{grid-row:span 2}.benefit-detail{display:block}.benefit-detail strong{display:block;max-width:none;margin-top:13px}.channel-matrix>div{grid-template-columns:70px 1fr}.channel-matrix>div>:last-child{grid-column:2}.creative-preview{grid-template-columns:1fr}.math-panel{grid-template-columns:1fr 1fr}.math-panel>div:nth-child(2){border:0}.math-panel>div:nth-child(3){grid-column:1/-1;border:0;border-top:1px solid #3b6470;padding-top:8px}.review-grid{grid-template-columns:1fr}.campaign-evidence{padding:0 14px}.campaign-evidence-grid{grid-template-columns:1fr}}
@media(max-width:460px){.form-grid,.form-grid.triple{grid-template-columns:1fr}.step-heading{display:block}.campaign-content{padding:20px 14px}.campaign-hero h1{font-size:48px}.metric-flow{font-size:10px}.math-panel{grid-template-columns:1fr}.math-panel>div{border:0;border-bottom:1px solid #3b6470;padding-bottom:8px}.math-panel>div:nth-child(3){grid-column:auto;border:0}}
@media print{.topbar,.campaign-hero,.campaign-crumb,.campaign-steps,.campaign-rail,.agent-widget,.step-actions,.export-row,footer{display:none!important}.campaign-layout{display:block;padding:0}.campaign-content{border:0;box-shadow:none;padding:0}.campaign-step[hidden]{display:block!important;break-before:page}.campaign-step{break-inside:avoid}}
