@font-face{font-family:Kontakt;src:url('/assets/fonts/Manrope-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Kontakt;src:url('/assets/fonts/Manrope-Bold.ttf');font-weight:700;font-display:swap}
:root{--ink:#1a1c22;--muted:#717789;--line:#e3e6ed;--lime:#e2ff54;--bg:#f6f7fa;--green:#7f942d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Kontakt,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.2;letter-spacing:-1.3px}h2{font-size:21px;line-height:1.35;letter-spacing:-.5px}h3{font-size:17px}p{color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid #7961c8;outline-offset:4px}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:8px}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:white;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:35px}.brand{font-size:26px;font-weight:700;letter-spacing:-1px}.side-title,.eyebrow{font-size:11px;letter-spacing:1px;font-weight:700;color:var(--muted)}.sidebar nav{display:grid;gap:7px;margin-top:12px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px;border-radius:9px;color:var(--muted);font-size:15px}.sidebar nav a.active{background:var(--lime);color:var(--ink);font-weight:700}.nav-icon{width:21px;font-size:20px;text-align:center}.side-campaign{padding:15px;background:var(--bg);border-radius:10px;line-height:1.6}.side-campaign strong,.side-campaign small{display:block}.side-campaign small{color:var(--muted);font-size:12px}.side-user{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:var(--lime);border-radius:10px;font-weight:700}.side-user strong{font-size:13px;display:block;overflow-wrap:anywhere}.side-user small{font-size:11px;color:var(--muted)}.workspace-main{min-width:0}.topbar{min-height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:18px 34px}.crumb{color:var(--muted);display:flex;gap:18px;align-items:center}.crumb strong{color:var(--ink)}.top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.badge{border-radius:6px;background:#edf0e3;color:#687238;padding:5px 11px;font-size:12px}.badge.demo{background:#ede8fa;color:#6d4e99}.text-button{font-size:13px;text-decoration:underline;text-underline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;border-radius:9px;background:white;border:1px solid var(--line);font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}.button.primary{background:var(--lime);border-color:var(--lime)}.button:disabled{opacity:.5;cursor:wait}.content{max-width:1480px;margin:auto;padding:36px 34px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading p{margin-top:8px;max-width:650px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:14px}.metric{padding:23px}.metric>span{display:block;color:var(--muted)}.metric strong{display:block;font-size:36px;letter-spacing:-1px;line-height:1.3;margin:9px 0}.metric small{font-size:11px;color:var(--muted)}.metric.accent{background:var(--lime);border-color:var(--lime)}.metric.accent span,.metric.accent small{color:#5c682c}.analysis-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:22px}.panel{padding:25px;min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.panel-heading>span{font-size:12px;color:var(--muted)}.funnel{display:grid;gap:20px}.funnel-row{display:grid;grid-template-columns:105px minmax(0,1fr) 38px;gap:12px;align-items:center;font-size:13px}.track{height:10px;background:#f0f2e9;border-radius:9px;overflow:hidden}.track i{height:100%;display:block;background:var(--lime);border-radius:9px;max-width:100%}.funnel-row strong{text-align:right}.chart{width:100%;height:220px}.chart text{font:11px Kontakt;fill:#717789}.empty-chart{min-height:220px;display:grid;place-content:center;text-align:center;gap:12px;padding:20px}.empty-icon{color:#aeb7a0;font-size:36px}.empty-chart h3{font-size:16px}.empty-chart p{font-size:13px;max-width:350px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{font-weight:400;color:var(--muted);font-size:11px;background:#fafbfc}th,td{padding:13px 12px;border-bottom:1px solid #edf0f4}td:first-child{font-weight:700}tbody tr:last-child td{border-bottom:0}.status{padding:4px 8px;border-radius:5px;background:#f0f1f5;font-size:11px;color:#697083}.status.won{background:#edf4d4;color:#61792b}.muted{color:var(--muted)}.under-note{margin-top:15px;font-size:12px;line-height:1.7}.first-step{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;background:#eef1e5;border:1px solid #dfe5d2;border-radius:15px;padding:35px;margin-bottom:30px}.first-step h2{font-size:29px}.first-step p{margin:13px 0 23px}.first-step ol{padding:0;list-style:none;display:grid;gap:18px;counter-reset:steps}.first-step li{display:flex;gap:14px;align-items:center;font-size:15px}.first-step li:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid #ced7b8;border-radius:50%}.templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.template{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden}.template-art{display:block;padding:20px;background:#eceee7;aspect-ratio:1.5}.template canvas{width:100%;height:auto;box-shadow:0 6px 17px #0002;transform:rotate(-3deg)}.template-copy{padding:20px}.template-copy p{font-size:13px;margin:5px 0 17px}.template-copy a{font-size:13px;font-weight:700}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.campaign-tile{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.campaign-tile canvas{width:100%;height:auto}.campaign-thumb{display:block;background:#edf0e8;padding:22px;aspect-ratio:1.55}.campaign-tile .tile-body{padding:20px}.campaign-tile h3{margin:12px 0 5px}.tile-body>p{font-size:12px}.tile-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:17px;padding-top:15px;font-size:12px}.danger{color:#a23a31}.campaign-select{max-width:300px;min-width:150px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fields .full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700}input,select,textarea{width:100%;min-width:0;border:1px solid #d7dce5;border-radius:8px;background:white;padding:12px;margin-top:8px;font-size:14px}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:17px;height:17px;margin:0;accent-color:#839830}.field-help{font-size:12px;color:var(--muted);font-weight:400;display:block;margin-top:6px}.form-section{margin-bottom:24px}.form-section h2{margin-bottom:7px}.form-section>p{margin-bottom:24px;font-size:14px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{padding:19px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.choice:has(:checked){border-color:#92a741;background:#f5f8e9}.choice span{display:flex;gap:10px;align-items:center}.choice small{display:block;margin:9px 0 0 27px;font-weight:400;color:var(--muted)}.brief-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.request-summary{position:sticky;top:20px}.request-summary canvas{width:100%;height:auto;margin-block:18px}.request-summary dl{display:grid;grid-template-columns:1fr auto;font-size:13px;gap:12px;margin-bottom:23px}.request-summary dt{color:var(--muted)}.request-summary dd{margin:0;font-weight:700}.request-summary .button{width:100%;margin-top:10px}.request-summary p{font-size:12px;margin-top:14px}.error{color:#9d342b;background:#fff0ed;padding:12px;border-radius:8px;font-size:13px}.success{background:#edf5d8;border:1px solid #d2e2b1;padding:20px;border-radius:10px;margin-bottom:25px}.success p{margin-top:7px;font-size:13px}.contact-controls{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:20px}.contact-controls input{max-width:300px;margin:0}.contact-editor{max-width:650px}.contact-editor h2{margin-bottom:22px}.contact-editor .button{margin-top:20px}.report-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.report-settings p{font-size:13px;margin:10px 0 18px}.banner{padding:12px 20px;border:1px solid #dfd9ea;background:#f3eff9;border-radius:8px;margin-bottom:24px;font-size:13px;color:#6f5688}.banner a{text-decoration:underline}.empty{padding:50px;text-align:center}.empty p{margin:13px auto 23px;max-width:430px}.profile-wrap{max-width:800px}.profile-wrap .button{margin-top:25px}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);box-shadow:0 30px 120px #0002}dialog::backdrop{background:#15201999;backdrop-filter:blur(4px)}dialog h2{font-size:27px;margin:9px 0}dialog>p{font-size:14px;margin:10px 0 22px}dialog label{margin-top:17px}.dialog-close{position:absolute;right:18px;top:12px;font-size:24px;color:var(--muted)}dialog .button{margin-top:22px;width:100%}.auth-switch{margin-top:18px;font-size:13px;text-align:center}.auth-switch button{text-decoration:underline}.auth-note{font-size:11px;color:var(--muted);margin-top:18px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 23px;background:#253326;color:white;border-radius:10px;z-index:20;max-width:calc(100% - 32px);box-shadow:0 10px 40px #0002}.loading{padding:50px}.mobile-brand{display:none}.mobile-menu{display:none}.contact-note{font-size:12px;color:var(--muted);margin-top:20px}.account-scope{padding:0 34px 22px;text-align:right;font-size:11px;color:var(--muted)}
@media(min-width:1700px){.content{padding:45px}.metrics{gap:23px}}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 12px}.sidebar .brand{font-size:23px}.content{padding:28px 23px}.topbar{padding:18px 23px}.metrics{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:1fr}.brief-layout{grid-template-columns:1fr}.request-summary{position:static}.request-summary canvas{max-width:250px}.campaign-grid{grid-template-columns:repeat(2,1fr)}.first-step{gap:20px}.templates{gap:12px}.template-copy{padding:15px}.template-art{padding:14px}}
@media(max-width:700px){body{font-size:14px}.shell{display:block}.sidebar{position:static;height:auto;padding:18px 16px;gap:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow-x:auto;gap:5px;margin:0}.sidebar nav a{padding:9px 12px;font-size:12px;white-space:nowrap}.sidebar nav .nav-icon{display:none}.sidebar .side-title,.side-campaign,.side-user{display:none}.sidebar .brand{font-size:24px}.topbar{padding:14px 16px;min-height:64px;flex-wrap:wrap;gap:8px}.crumb{font-size:12px;gap:9px}.top-actions{gap:8px}.top-actions .button{padding:8px 12px;min-height:38px;font-size:12px}.badge{font-size:10px}.content{padding:25px 16px 45px}h1{font-size:29px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px}.page-heading p{font-size:13px}.metrics{gap:11px}.metric{padding:16px}.metric span{font-size:12px}.metric strong{font-size:30px}.metric small{font-size:10px}.panel{padding:18px}.panel h2{font-size:18px}.funnel-row{grid-template-columns:90px minmax(0,1fr) 35px;font-size:12px}.chart{height:180px}.templates,.campaign-grid{grid-template-columns:1fr}.template-art{padding:25px;aspect-ratio:1.65}.first-step{grid-template-columns:1fr;padding:23px}.first-step h2{font-size:25px}.first-step ol{gap:12px}.first-step li{font-size:13px}.fields,.choice-grid,.report-settings{grid-template-columns:1fr}.fields .full{grid-column:auto}.contact-controls{align-items:stretch;flex-direction:column}.contact-controls input{max-width:none}.request-summary{padding:23px}.campaign-select{width:100%;max-width:none}.empty{padding:30px 15px}.account-scope{padding:0 16px 20px}.panel-heading{gap:10px}.panel-heading>span{font-size:10px}.button{font-size:13px}.brief-layout{gap:18px}}
.result-list{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:28px;font-size:14px}.result-list dt{color:var(--muted)}.result-list dd{font-weight:700;margin:0}.campaign-select{margin-bottom:22px}.page-heading .campaign-select{margin-bottom:0}@media(max-width:700px){.result-list{font-size:12px;gap:15px}}
.nav-icon .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;display:block}.planning-note{border-top:1px solid var(--line);padding-top:17px;margin:18px 0;font-size:13px}.planning-note p{margin-top:9px}

.account-security{margin-top:22px}.account-security .button{margin:18px 16px 0 0}.request-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;margin:24px 0}.request-details dt{color:var(--muted)}.request-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}#workflow-form label{display:grid;gap:8px;margin-top:20px}#workflow-form .button{margin-top:20px}@media(max-width:700px){.request-details{grid-template-columns:1fr;gap:5px}.request-details dd{margin-bottom:12px}}

/* Keep labels inside the sidebar and make the campaign review action easy to find. */
.sidebar{min-width:0}.sidebar nav a{min-width:0;overflow-wrap:anywhere}.nav-icon{flex:0 0 21px}.tile-actions{flex-wrap:wrap;gap:12px}.tile-actions .review-entry{flex-basis:100%;order:-1;font-weight:700;color:#354923;background:#f0f5e2;padding:10px 12px;border-radius:7px}
@media(max-width:700px){.sidebar nav a{flex:0 0 auto;overflow-wrap:normal}.sidebar nav{max-width:100%;padding-bottom:4px}}

/* A single place for artwork and customer feedback. */
.design-process{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 28px;color:var(--muted,#68766c);font-size:14px}
.design-process span{display:flex;align-items:center;gap:8px}
.design-process b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9efdf;color:#304331}
.flow-tile>.flow-details{padding:0;border:0;margin-top:16px}
.flow-tile>.flow-details summary{font-size:13px;color:var(--muted,#68766c);cursor:pointer}
.flow-tile>.flow-details .button{margin-top:12px}
.flow-tile a.flow-art{display:block}

.campaign-share{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.campaign-share label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.campaign-share input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:9px;background:#f7f8fa;font-size:12px}.campaign-share small{color:var(--muted);line-height:1.5}.campaign-share .actions{gap:8px}.campaign-share .button{padding:10px 12px;font-size:13px}

#sales-page-tracking{margin-bottom:32px}#sales-page-tracking .metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0}#sales-page-tracking>p{margin:14px 0}#sales-page-tracking .panel-heading{align-items:flex-start;flex-wrap:wrap}#sales-page-tracking h1{font-size:clamp(26px,3vw,36px)}#sales-page-tracking .actions{margin-top:18px}