:root{--green:#16c79a;--mint:#102c27;--lime:#c3ffe9;--ink:#f2f6f4;--muted:#a2b1ac;--line:#2a3532;--white:#151b19;--shadow:0 22px 70px #0008;color-scheme:dark}
body{background:#0c100f;color:#f2f6f4;font-family:Inter,"Segoe UI",system-ui,sans-serif}
.topbar{background:#111715;border-color:#25302c;color:#f2f6f4;box-shadow:0 8px 28px #0003}
.brand-mark{background:#16c79a;color:#07130f;border-radius:12px}
.demo-tag{background:#142b25;color:#a2ffdc;border:1px solid #275545}
.main{max-width:1180px;padding-top:40px}
.welcome-banner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:340px;align-items:center;overflow:hidden;padding:45px 52px;border:1px solid #293632;border-radius:28px;background:radial-gradient(ellipse at 83% 48%,#153a30 0,transparent 45%),linear-gradient(120deg,#171e1c,#101513 72%);box-shadow:0 26px 70px #0004}
.welcome-copy{position:relative;z-index:2;max-width:590px}.welcome-copy h1{max-width:560px;margin:16px 0;font:800 clamp(38px,5vw,58px)/1.03 Inter,"Segoe UI",sans-serif;letter-spacing:-2.8px}.welcome-copy>p{max-width:490px;margin:0;color:#a8b7b1;font-size:17px;line-height:1.65}.welcome-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:27px}.welcome-actions .btn-primary{background:#16c79a;color:#061510;box-shadow:0 10px 30px #16c79a2e}.btn-quiet{background:transparent;color:#c5d0cc;border:1px solid #36423e}.welcome-art{height:250px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;width:245px;height:245px;border:1px solid #316653;border-radius:50%;opacity:.55}.orbit-two{width:195px;height:195px;border-color:#1c9d74;opacity:.27}.art-message{position:relative;z-index:1;width:min(290px,90%);padding:23px 24px;background:#edf8f3;color:#14231e;border-radius:18px 18px 18px 5px;box-shadow:0 24px 70px #0007;transform:rotate(-3deg)}.art-message span{display:block;margin-bottom:16px;color:#33806a;font-size:10px;font-weight:900;letter-spacing:1.3px}.art-message b{font-size:20px}.art-message p{margin:7px 0 20px;color:#4c625a;line-height:1.45}.art-message i{display:block;text-align:right;color:#148c69;font-style:normal}.art-sticker{position:absolute;z-index:2;right:0;bottom:4px;padding:12px 17px;border:1px solid #355348;border-radius:13px;background:#17221e;color:#b8cac2;font-size:11px;line-height:1.45;box-shadow:0 12px 32px #0005}.art-sticker strong{color:#83edc9;font-size:13px}
.eyebrow{color:#74e5be}.section-head{align-items:center}.section-head h2{color:#f1f7f4}.section-head p{color:#99aaa3}.next-step-section{margin-top:42px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.journey-card{position:relative;display:flex;align-items:flex-start;gap:15px;min-height:136px;padding:22px;border:1px solid #2a3531;border-radius:18px;background:linear-gradient(145deg,#171d1b,#121715);transition:border-color .18s,transform .18s}.journey-card:hover{transform:translateY(-2px);border-color:#3f7861}.journey-number{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#17392e;color:#75efc1;font-size:12px;font-weight:900}.journey-card strong{display:block;margin:3px 28px 7px 0;color:#f1f6f3;font-size:15px}.journey-card p{margin:0;color:#9fada7;font-size:13px;line-height:1.55}.journey-icon{position:absolute;right:19px;top:18px;color:#6cdcb3;font-size:21px}.demo-explainer{display:flex;align-items:flex-start;gap:13px;margin-top:15px;padding:17px 20px;border:1px solid #314239;border-radius:16px;background:#121a16}.demo-indicator{width:9px;height:9px;flex:0 0 9px;margin-top:6px;border-radius:50%;background:#20d499;box-shadow:0 0 0 5px #20d4991a}.demo-explainer strong{color:#dcf6eb;font-size:13px}.demo-explainer p{margin:5px 0 0;color:#9eafa7;font-size:12px;line-height:1.5}.demo-label{margin-left:auto;padding:5px 8px;border:1px solid #385143;border-radius:7px;color:#9be8c9;font-size:9px;font-weight:900;letter-spacing:1px}
.card,.list-card,.panel,.campaign-list .card{background:#141a18;border-color:#293430;color:#edf3f0;box-shadow:0 18px 48px #0003}.list-card{overflow:auto}.list-row{border-color:#2a3531;color:#d8e2dd}.list-head{color:#899a92}.main h1,.main h2,.main h3{color:#f1f6f4}.main p,.intro,.hint{color:#a3b2ac}.input,.textarea,.select{background:#0e1311!important;color:#f0f6f2!important;border-color:#34413b!important}.input::placeholder,.textarea::placeholder{color:#71817a}.btn-outline{background:#161d1a;border-color:#35423d;color:#e4ece8}.btn-primary{background:#16c79a;color:#061510;box-shadow:0 9px 24px #16c79a24}.btn-soft{background:#18382d;color:#a8f3d5}.notice,.trust-note,.drop-card{background:#13231c;border-color:#294638;color:#c9e5d8}.status{border-color:#385044}.campaign-list{margin-top:40px}.footer{border-color:#27312d;color:#81918a}.footer .text-button,.text-button{color:#83e8c2}
.step-instruction{margin:-4px 0 25px;padding:17px 19px;border:1px solid #315242;border-left:3px solid #1bc995;border-radius:13px;background:linear-gradient(110deg,#16251e,#141a18)}.step-instruction span{display:block;margin-bottom:7px;color:#7ce5be;font-size:10px;font-weight:900;letter-spacing:1.2px}.step-instruction strong{display:block;color:#edf7f1;font-size:16px}.step-instruction p{margin:5px 0 0;color:#a6b5ad;font-size:13px;line-height:1.5}.steps{margin:22px 0}.step{color:#85968e}.step b{background:#18211d;border-color:#36443d;color:#d3e0d9}.step.active b,.step.done b{background:#16c79a;border-color:#16c79a;color:#07140f}.step-line{background:#34413a}.wizard-actions{position:sticky;bottom:14px;z-index:8;margin:20px -10px 0;padding:12px;border:1px solid #303b36;border-radius:16px;background:#111715ed;backdrop-filter:blur(16px);box-shadow:0 12px 30px #0006}.wizard-title h1{color:#f4f7f5}.wizard-title .text-button{padding-left:0}.review-box{background:#101613;border-color:#2b3731;color:#e8f0eb}.review-box span{color:#86a096}.preview{background:#19231e;border-color:#304139}.bubble{background:#eaf7f0;color:#18352a}.upload-zone{background:#111815;border-color:#43534a;color:#d6e2dc}.upload-zone p{color:#9aaba2}.success{background:#141b18}.success-mark{background:#16c79a;color:#07140f}.admin-order,.admin-banner{background:#131a17;border-color:#2c3832;color:#dce6e0}
.guide-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:22px;background:#050908c9;backdrop-filter:blur(9px)}.guide-modal{position:relative;width:min(570px,100%);max-height:min(92vh,850px);overflow:auto;padding:38px;border:1px solid #394740;border-radius:25px;background:linear-gradient(145deg,#19211e,#101513);box-shadow:0 35px 100px #000b}.guide-close{position:absolute;top:17px;right:18px;width:36px;height:36px;border:1px solid #3a4640;border-radius:50%;background:#202925;color:#cbd6d0;font-size:24px;line-height:1}.guide-kicker{color:#7de7bf;font-size:10px;font-weight:900;letter-spacing:1.4px}.guide-modal h2{max-width:420px;margin:13px 0 8px;color:#f1f7f4;font-size:30px;line-height:1.1;letter-spacing:-.8px}.guide-lead{margin:0 0 22px;color:#aab8b1;font-size:14px;line-height:1.6}.guide-steps{display:grid;gap:10px}.guide-steps article{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid #2c3832;border-radius:14px;background:#131a17}.guide-steps article>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#1a4233;color:#83efc3;font-weight:900}.guide-steps strong{display:block;margin:2px 0 4px;color:#e7f0eb;font-size:13px}.guide-steps p{margin:0;color:#9eada5;font-size:12px;line-height:1.5}.guide-privacy{margin-top:14px;padding:12px 14px;border-radius:12px;background:#17251e;color:#b6d8c8;font-size:11px;line-height:1.5}.guide-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:21px}.guide-actions .btn-primary{background:#16c79a;color:#061510}
.admin-sql{background:#101613!important;border-color:#35433c!important;color:#d5e6dd}.top-right .btn{white-space:nowrap}.mobile-nav{background:#111715ed;border-color:#293430}.mobile-nav button{color:#9fafa6}.mobile-nav button:hover{color:#79e4bd}
@media(max-width:760px){.main{padding:24px 16px 95px}.welcome-banner{grid-template-columns:1fr;min-height:0;padding:28px 22px 20px;border-radius:22px}.welcome-copy h1{font-size:42px;letter-spacing:-2px}.welcome-copy>p{font-size:15px}.welcome-actions{align-items:stretch;gap:7px}.welcome-actions .btn{width:100%}.welcome-art{height:205px;margin-top:7px}.art-orbit{width:190px;height:190px}.orbit-two{width:150px;height:150px}.art-message{width:245px;padding:17px}.art-message p{margin-bottom:12px}.journey-grid{grid-template-columns:1fr;gap:9px}.journey-card{min-height:unset;padding:17px}.demo-explainer{padding:14px}.demo-label{display:none}.guide-modal{padding:30px 22px 22px;border-radius:20px}.guide-modal h2{font-size:25px}.guide-actions{align-items:stretch}.guide-actions .btn{width:100%}.guide-actions .text-button{width:100%}.topbar{padding:0 14px}.top-right{gap:6px}.top-right .btn-small{padding:8px;font-size:10px}.topbar .demo-tag{display:none}.wizard-actions{bottom:72px}}
@media(max-width:760px){.top-right [data-action="account"],.top-right [data-action="signout"]{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.side-nav{position:fixed;z-index:15;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column;padding:22px 15px 18px;border-right:1px solid #26312d;background:#111715;color:#e6efea}.side-brand{display:flex;align-items:center;gap:12px;margin:0 0 38px;padding:0 8px;text-decoration:none;font-size:17px;font-weight:900;letter-spacing:-.4px}.side-brand .brand-mark{width:38px;height:38px}.side-brand small,.side-account small{display:block;margin-top:3px;color:#708078;font-size:8px;font-weight:900;letter-spacing:1.2px}.side-caption{margin:0 10px 9px;color:#64746c;font-size:9px;font-weight:900;letter-spacing:1.4px}.side-link{display:flex;align-items:center;gap:13px;width:100%;margin:2px 0;padding:12px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#aab8b0;text-align:left;font-size:12px;font-weight:700;transition:background .15s,color .15s}.side-link>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#8ee6c2;font-size:18px}.side-link:hover{background:#18221d;color:#eff7f2}.side-link.active{border-color:#28513f;background:#183329;color:#c8f7e1}.side-link.active>span{background:#20513c;color:#9af1ce}.side-caption-lower{margin-top:36px}.side-account{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px 9px 3px;border-top:1px solid #2a3530}.account-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#37d5a2;box-shadow:0 0 0 5px #37d5a21c}.side-account span:last-child{min-width:0}.side-account strong{display:block;max-width:185px;overflow:hidden;color:#cbd7d0;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{display:none}.topbar{width:calc(100% - 240px);margin-left:240px;padding:0 34px}.topbar .brand{display:none}.main{width:auto;max-width:1280px;margin:0 0 0 max(240px,calc(240px + (100vw - 240px - 1280px)/2));padding:40px 34px 84px}.footer{margin-left:240px}.saved-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.saved-list-card{padding:21px;border:1px solid #2c3932;border-radius:18px;background:linear-gradient(145deg,#171e1b,#121715)}.saved-list-top{display:flex;align-items:center;justify-content:space-between}.saved-list-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#18382c;color:#8debc4;font-size:22px}.saved-list-count{color:#a8f0d2;font-size:11px;font-weight:800}.saved-list-card h3{margin:18px 0 5px;color:#f0f6f2;font-size:17px}.saved-list-card>p{margin:0;color:#8fa097;font-size:12px}.saved-list-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.contact-help{display:flex;gap:13px;align-items:flex-start;margin:0 0 21px;padding:17px 19px;border:1px solid #2d4438;border-radius:15px;background:#142019}.contact-help-icon{font-size:19px}.contact-help strong{color:#d9f2e5;font-size:13px}.contact-help p{margin:4px 0 0;color:#a2b5aa;font-size:12px;line-height:1.55}.empty-contacts{display:grid;justify-items:center;padding:60px 25px;border:1px dashed #3a4941;border-radius:20px;background:#121715;text-align:center}.empty-contacts-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#1b3227;color:#98edc9;font-size:30px}.empty-contacts h3{margin:18px 0 6px;color:#f0f6f2}.empty-contacts p{max-width:440px;margin:0 0 18px;color:#9fafa6;font-size:13px;line-height:1.6}
@media(max-width:980px){.side-nav{display:none}.mobile-nav{display:flex}.topbar{width:100%;margin-left:0}.topbar .brand{display:flex}.main{width:100%;max-width:1180px;margin:0 auto;padding:30px 22px 100px}.footer{margin-left:0}.saved-lists{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.main{padding:23px 16px 100px}.topbar{padding:0 14px}.saved-lists{grid-template-columns:1fr}.saved-list-actions .btn{flex:1}.mobile-nav button{min-width:0;flex:1;padding:5px 2px;font-size:9px}.mobile-nav button span{font-size:17px}.top-right .btn-small{padding:7px 8px;font-size:9px}}
.optional-field{margin:0 0 17px;border:1px solid #303c36;border-radius:12px;background:#111714}.optional-field summary{padding:13px 15px;color:#bdc9c2;font-size:12px;font-weight:700;cursor:pointer}.optional-field summary span{margin-left:7px;color:#81938a;font-size:10px;font-weight:500}.optional-field .field{padding:0 15px 14px}.quick-message-wrap{margin:17px 0 19px}.quick-message-title{display:block;margin-bottom:8px;color:#c1ccc6;font-size:12px;font-weight:700}.quick-message-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-message{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:12px;border:1px solid #34433b;border-radius:12px;background:#121a16;color:#e3ece7;text-align:left;font-size:12px;font-weight:800}.quick-message span{color:#8bdcb8;font-size:10px;font-weight:600}.quick-message:hover,.quick-message.selected{border-color:#37bd8a;background:#183127}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.contact-method{display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:center;padding:14px;border:1px solid #35423c;border-radius:14px;background:#121815;color:#e7f0eb;text-align:left}.contact-method>span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1a2b22;color:#8debc4;font-size:17px}.contact-method strong{font-size:12px}.contact-method small{margin-top:4px;color:#94a49b;font-size:10px}.contact-method.selected{border-color:#31bd88;background:#173026;box-shadow:inset 0 0 0 1px #31bd8833}.final-action{display:grid;justify-items:end;gap:5px}.final-action p{margin:0;color:#9db0a5;font-size:11px;text-align:right}.final-action .btn[disabled]{opacity:.45;cursor:not-allowed;filter:saturate(.45)}
@media(max-width:600px){.quick-message-list{grid-template-columns:1fr}.quick-message{flex-direction:row;justify-content:space-between;align-items:center}.contact-methods{grid-template-columns:1fr}.wizard-actions{flex-wrap:wrap}.final-action{width:100%;justify-items:stretch}.final-action .btn{width:100%}.final-action p{text-align:center}}

/* Shared dark client theme: keep every legacy component on the same palette. */
:root{font-family:"DM Sans",system-ui,sans-serif;color:#edf4f0;background:#0c100f;color-scheme:dark;--green:#16c79a;--mint:#142b24;--lime:#c3ffe9;--ink:#edf4f0;--muted:#9eaea6;--line:#2b3832;--white:#151b18;--orange:#332719;--shadow:0 22px 70px #0008}
body{background:#0c100f;color:#edf4f0;font-family:"DM Sans",system-ui,sans-serif}
.credit-pill,.avatar,.card,.panel,.admin-order,.list-card,.review-box,.quick-message,.contact-method,.template-chip,.tool,.file-chip,.upload-zone,.radio-card,.step b,.mobile-nav,.optional-field,.admin-sql{background-color:#151c19!important;color:#e7efea!important;border-color:#2b3932!important}
.status,.status.pending,.status.processing,.status.completed,.status.rejected{background:#1c2923!important;color:#b9e8d1!important;border:1px solid #35473d}
.btn-danger{background:#3a211f!important;color:#ffb6a8!important;border:1px solid #633630}
.btn-outline{background:#151c19;color:#e1ebe5;border-color:#35443b}
.credit-pill{font-size:14px}
.admin-note{max-width:320px!important;padding:10px 12px!important;font-size:12px!important}
.admin-tools button:disabled{opacity:.45;cursor:not-allowed}
.top-right{flex-wrap:wrap;justify-content:flex-end}
.admin-order .message-excerpt{white-space:pre-wrap;max-height:96px;overflow:auto;margin-top:9px;line-height:1.5}
.mobile-nav button{font-size:12px}
.step{font-size:13px}
.wizard-actions{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:8;padding:10px;background:#111714ed;border:1px solid #2b3932;border-radius:17px;backdrop-filter:blur(14px)}
.app-shell.is-wizard .mobile-nav{display:none}
.app-shell.is-wizard .main{padding-bottom:30px}
.wizard-live-estimate{position:sticky;bottom:84px;z-index:7;margin:15px 0;padding:12px 16px;border:1px solid #355342;border-radius:14px;background:#14241c;color:#d8f5e7;font-size:13px;box-shadow:0 10px 28px #0005}
.live-price{float:right;color:#82ebbd;font-weight:800}
.message-preview-live{margin:13px 0 18px;padding:15px;background:#e9e4dc;border-radius:16px;color:#202521}
.message-preview-live .bubble{max-width:90%;min-height:54px}
.price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.price-card{padding:18px;border:1px solid #2b3932;border-radius:16px;background:#151c19}
.price-card strong{display:block;font-size:15px}
.price-card .price{display:block;margin:8px 0;color:#82ebbd;font-size:23px;font-weight:800}
.price-card p{margin:0;color:#a4b3ab;font-size:13px;line-height:1.5}
.simulator{margin-top:14px;padding:18px;border:1px solid #34453b;border-radius:16px;background:#121815}
.simulator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.simulator-result{font-size:20px;font-weight:800;color:#82ebbd}
.wizard-heading-compact{margin-bottom:13px!important}
.wizard-heading-compact .eyebrow,.wizard-heading-compact p,.wizard-heading-compact .text-button{display:none}
.wizard-heading-compact h1{margin:0;font-size:25px}
.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-box:last-child:nth-child(odd){grid-column:1/-1}
.campaign-row-button{width:100%;border:0;text-align:left;color:inherit;cursor:pointer;background:transparent;font:inherit}
.toast{bottom:24px;padding:14px 18px;min-height:48px}
.toast.toast-error{background:#5a2522;color:#ffe8e3;border:1px solid #a8483d}
.toast.toast-success{background:#123d2b;color:#e0ffef;border:1px solid #258454}
.field-error{margin:8px 0 0;color:#ffb2a4;font-size:13px;font-weight:700}
.campaign-detail{margin-top:16px;padding:20px;border:1px solid #33483b;border-radius:18px;background:#141c18}
.campaign-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.timeline-item{padding:13px;border-radius:12px;background:#1a2720;color:#aebdb4;font-size:12px}
.tutorial-open{overflow:hidden}
@media(max-width:760px){.price-cards,.simulator-grid{grid-template-columns:1fr}.wizard-live-estimate{bottom:79px}.wizard-actions{bottom:calc(72px + env(safe-area-inset-bottom))}.app-shell.is-wizard .wizard-actions{bottom:calc(12px + env(safe-area-inset-bottom))}.app-shell.is-wizard .wizard-live-estimate{bottom:calc(82px + env(safe-area-inset-bottom))}.step{font-size:12px}.mobile-nav button{font-size:12px}.review-grid{grid-template-columns:1fr}.review-box:last-child:nth-child(odd){grid-column:auto}.field label{font-size:14px}.textarea{min-height:125px}}

/* Final campaign review: a phone-sized WhatsApp-style preview of the chosen content. */
.campaign-preview{margin:20px 0;padding:19px;border:1px solid #2d4035;border-radius:20px;background:linear-gradient(145deg,#151e19,#111714);box-shadow:0 18px 48px #0003}
.campaign-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.campaign-preview-heading .eyebrow{display:block;margin-bottom:4px;color:#8be1ad;font-size:12px}
.campaign-preview-heading h3{margin:0;color:#eef5f0;font-size:17px}
.preview-device-label{flex:0 0 auto;padding:7px 10px;border:1px solid #35483c;border-radius:999px;background:#18231c;color:#b4c6b9;font-size:12px;font-weight:700}
.wa-device{width:min(100%,380px);margin:0 auto;overflow:hidden;border:5px solid #252c28;border-radius:30px;background:#e9eee9;color:#18231e;box-shadow:0 20px 50px #0006,inset 0 0 0 1px #ffffff30}
.wa-statusbar{display:flex;align-items:center;justify-content:space-between;height:27px;padding:0 16px;background:#f5f7f4;color:#33423a;font-size:12px;font-weight:800}
.wa-chat-header{display:flex;align-items:center;gap:9px;min-height:58px;padding:7px 12px;background:#f5f7f4;border-top:1px solid #e7ebe7;border-bottom:1px solid #dce3dc}
.wa-back{color:#2c8063;font-size:30px;line-height:1}
.wa-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#a9d7c0;color:#215c43;font-weight:900}
.wa-recipient{display:grid;gap:2px;min-width:0}.wa-recipient strong{font-size:14px}.wa-recipient small{color:#697970;font-size:12px}
.wa-header-dots{margin-left:auto;color:#587165;font-weight:900;letter-spacing:2px}
.wa-chat-wallpaper{min-height:190px;padding:17px 12px;background-color:#e4e9e4;background-image:radial-gradient(#aab9ad33 1px,transparent 1px);background-size:12px 12px}
.wa-date-label{display:table;margin:0 auto 14px;padding:5px 10px;border-radius:8px;background:#f1f4ef;color:#617068;font-size:12px;box-shadow:0 1px 2px #0001}
.wa-outgoing-bubble{width:fit-content;max-width:min(94%,320px);margin-left:auto;padding:6px 7px 5px;border:1px solid #c8e6d1;border-radius:12px 3px 12px 12px;background:#d8f5df;color:#17241c;box-shadow:0 1px 2px #0002}
.wa-message-copy{padding:5px 5px 2px;font-size:15px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.wa-message-copy strong{font-weight:800}.wa-message-copy em{font-style:italic}.wa-message-copy s{text-decoration:line-through}
.wa-message-meta{display:flex;justify-content:flex-end;gap:4px;margin:3px 3px 0;color:#75867a;font-size:11px}
.wa-message-meta span:last-child{color:#4a8292;font-weight:900;letter-spacing:-2px}
.wa-attachment{margin:0 0 5px;overflow:hidden;border-radius:8px;background:#f5f7f4}
.wa-attachment-image img,.wa-attachment-video video{display:block;width:100%;max-height:230px;object-fit:cover;background:#d7ded8}
.wa-attachment figcaption{padding:5px 7px;color:#5d6b61;font-size:12px;overflow-wrap:anywhere}
.wa-attachment-audio,.wa-attachment-document{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:10px;border-radius:9px;background:#f4f6f2}
.wa-attachment-audio>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#d7eee0;color:#24734b;font-size:19px}
.wa-attachment-audio>div,.wa-attachment-document>span:last-child{display:grid;gap:5px;min-width:0}
.wa-attachment-audio strong,.wa-attachment-document strong{font-size:12px;overflow-wrap:anywhere}
.wa-attachment-audio audio{display:block;width:230px;max-width:100%;height:34px}
.wa-document-icon{display:grid;place-items:center;flex:0 0 40px;height:46px;border-radius:8px;background:#ffe3dd;color:#b84b3a;font-size:11px;font-weight:900}
.wa-attachment-document small{color:#6c7b71;font-size:12px}
.wa-composer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:49px;padding:8px 13px;border-top:1px solid #d6ded6;background:#f5f7f4;color:#8b9890;font-size:13px}
.wa-composer span:first-child{font-size:22px;color:#52705d}.wa-composer span:last-child{color:#51745e}
.campaign-preview-note{max-width:560px;margin:13px auto 0;color:#a7b7ad;font-size:12px;line-height:1.55;text-align:center}
@media(max-width:760px){.campaign-preview{padding:14px 10px;border-radius:17px}.campaign-preview-heading{align-items:flex-start}.campaign-preview-heading h3{font-size:15px}.wa-device{max-width:360px}.wa-chat-wallpaper{min-height:160px}}

/* WhatsApp-like conversation palette, limited to the message preview. */
.wa-device{border-color:#173c32;background:#f0f2f5}
.wa-statusbar,.wa-chat-header{background:#075e54;color:#fff}
.wa-statusbar{border-bottom:1px solid #075e54}
.wa-chat-header{border-top:1px solid #128c7e;border-bottom:1px solid #064c43}
.wa-back,.wa-header-dots{color:#f4fff8}
.wa-avatar{background:#25d366;color:#075e54}
.wa-recipient strong{color:#fff}
.wa-recipient small{color:#d2e9df}
.wa-chat-wallpaper{background-color:#ece5dd;background-image:radial-gradient(circle at 18% 25%,transparent 0 15px,#887d7018 16px 17px,transparent 18px),radial-gradient(circle at 72% 70%,transparent 0 23px,#887d7018 24px 25px,transparent 26px),linear-gradient(135deg,transparent 48%,#887d7010 49% 50%,transparent 51%);background-size:112px 104px,144px 132px,72px 72px}
.wa-date-label{background:#fff;color:#52645a}
.wa-outgoing-bubble{border-color:#c6e4bd;background:#dcf8c6;color:#18251c}
.wa-message-meta{color:#687a6d}
.wa-message-meta span:last-child{color:#34b7f1}
.wa-attachment{background:#f8faf6}
.wa-attachment-audio>span{background:#dcf8c6;color:#075e54}
.wa-document-icon{background:#e4f4df;color:#075e54}
.wa-composer{background:#f0f2f5}
.wa-composer span:first-child,.wa-composer span:last-child{color:#128c7e}
.wa-message-meta,.wa-document-icon{font-size:12px}

/* Pricing draft: one compact price ladder and one live, client-facing simulator. */
.pricing-section{padding:0 0 8px}
.pricing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}
.pricing-heading h2{margin:5px 0 6px;color:#f1f7f4;font:800 clamp(23px,3vw,30px)/1.12 Inter,"Segoe UI",sans-serif;letter-spacing:-1px}
.pricing-heading p{margin:0;color:#9eaea6;font-size:14px;line-height:1.5}
.pricing-provisional{flex:0 0 auto;padding:8px 10px;border:1px solid #66512f;border-radius:999px;background:#282116;color:#edca89;font-size:9px;font-weight:900;letter-spacing:.9px}
.pricing-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:15px;align-items:stretch}
.pricing-rates,.pricing-simulator{min-width:0;padding:23px;border:1px solid #2b3932;border-radius:20px;background:linear-gradient(145deg,#151c19,#111614)}
.pricing-rates-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}
.pricing-rates-heading>div,.simulator-heading>div{display:grid;gap:4px}
.pricing-rates-heading strong,.simulator-heading strong{color:#edf4f0;font-size:15px;font-weight:800}
.pricing-rates-heading span:not(.pricing-minimum),.simulator-heading span:not(.simulator-icon){color:#8fa097;font-size:11px}
.pricing-minimum{padding:6px 8px;border-radius:8px;background:#1a2b22;color:#a5e9c9;font-size:10px;font-weight:800;white-space:nowrap}
.pricing-tiers{display:grid;gap:7px}
.pricing-tier{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #29362f;border-radius:11px;background:#121815;color:#c6d2cb;font-size:12px}
.pricing-tier:nth-child(4){border-color:#276149;background:linear-gradient(100deg,#16281f,#142019)}
.pricing-tier strong{color:#a3f1cf;font-size:14px;white-space:nowrap}
.pricing-tier small{color:#8fa097;font-size:10px;font-weight:600}
.pricing-addons{margin-top:14px;padding:14px;border:1px solid #2d3d33;border-radius:13px;background:#121a15}
.pricing-addons>strong{display:block;margin-bottom:8px;color:#dceae2;font-size:12px}
.pricing-addons p{display:flex;justify-content:space-between;gap:12px;margin:6px 0;color:#aab9b0;font-size:11px}
.pricing-addons b{color:#c1f3d9;font-weight:800;white-space:nowrap}
.pricing-addons small{display:block;margin-top:10px;color:#82938a;font-size:10px;line-height:1.5}
.pricing-simulator{background:radial-gradient(ellipse at 100% 0,#183529 0,transparent 43%),linear-gradient(145deg,#151d19,#111614);border-color:#35513f}
.simulator-heading{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.simulator-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #326447;border-radius:12px;background:#1a3828;color:#8ce9bb;font-size:19px;font-weight:800}
.simulator-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:end}
.simulator-grid .field{margin:8px 0 12px}
.simulator-grid .field label{color:#c5d1ca;font-size:11px}
.simulator-grid .input,.simulator-grid .select{min-height:45px;padding:11px 12px;border-radius:11px;font-size:13px}
.simulator-check{grid-column:1/-1;display:flex;align-items:center;gap:11px;margin:0 0 16px;padding:11px 12px;border:1px solid #304137;border-radius:12px;background:#121a15;color:#d9e7df;cursor:pointer}
.simulator-check input{width:17px;height:17px;accent-color:#21c98c}
.simulator-check span{display:grid;gap:3px}
.simulator-check b{font-size:11px}
.simulator-check small{color:#8d9e94;font-size:10px}
.simulator-total{padding:16px;border:1px solid #2c6045;border-radius:14px;background:linear-gradient(120deg,#172b20,#16231b)}
.simulator-total>span{display:block;color:#b1c3b8;font-size:11px;font-weight:700}
.simulator-total>strong{display:block;margin:5px 0 3px;color:#a5f1c9;font-size:30px;font-weight:900;letter-spacing:-1px}
.simulator-total>strong small{color:#9eb0a5;font-size:11px;font-weight:700;letter-spacing:0}
.simulator-total>p{margin:5px 0 0;color:#91a398;font-size:10px;line-height:1.5}
.pricing-footnote{margin:12px 0 0;color:#84968b;font-size:10px;line-height:1.5}
.counter>span{max-width:78%;line-height:1.45}
.wizard-live-estimate{display:flex;align-items:center;justify-content:space-between;gap:16px}
.estimate-price{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 10px;min-width:0}
.estimate-price>span,.estimate-credits>span{color:#96b1a2;font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
.estimate-price>strong{color:#a5f1c9;font-size:17px;white-space:nowrap}
.estimate-price>small{grid-column:1/-1;color:#9cac9f;font-size:10px;line-height:1.4}
.estimate-credits{display:grid;gap:4px;flex:0 0 auto;padding-left:15px;border-left:1px solid #365341;text-align:right}
.estimate-credits>strong{color:#d2dfd7;font-size:13px}
.counter .over-price-threshold{color:#edca89}
@media(max-width:900px){.pricing-layout{grid-template-columns:1fr}.pricing-rates,.pricing-simulator{padding:20px}}
@media(max-width:600px){.pricing-heading{align-items:flex-start;flex-direction:column;gap:10px}.pricing-heading h2{font-size:25px}.pricing-heading p{font-size:13px}.pricing-rates,.pricing-simulator{padding:17px;border-radius:17px}.pricing-minimum{font-size:9px}.pricing-addons p{font-size:10px}.simulator-grid{grid-template-columns:1fr}.simulator-check{grid-column:auto}.simulator-total>strong{font-size:27px}.counter{align-items:flex-start;gap:8px}.counter>span{max-width:none}.wizard-live-estimate{align-items:flex-start;gap:10px;padding:10px 12px}.estimate-price{grid-template-columns:1fr;gap:3px}.estimate-price>strong{font-size:15px}.estimate-price>small{max-width:220px}.estimate-credits{padding-left:10px}.estimate-credits>span{max-width:105px;font-size:8px}.estimate-credits>strong{font-size:12px}}