:root{color-scheme:light;--blue:#216fb6;--ink:#142a3e;--muted:#596c7c}*{box-sizing:border-box}.site-view{margin:0;background:#f4f7f5;color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.site-view:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#f4f7f5ed,#f9fbf8f5),var(--page-photo) center 48%/cover no-repeat}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.layout{max-width:1090px;margin:auto;padding:52px 34px;display:grid;grid-template-columns:1fr 430px;gap:62px;align-items:center;min-height:100vh}.intro{position:relative;padding-top:300px}.intro:before{content:'';position:absolute;top:0;left:0;right:0;height:280px;border-radius:24px;background:var(--page-photo) center 43%/cover no-repeat;box-shadow:0 12px 36px #203b3912}.intro .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.4px;color:#366b55;font-weight:750}.intro h1{font-size:44px;line-height:1.1;letter-spacing:-1.7px;font-weight:650;margin:15px 0}.intro p{color:var(--muted);font-size:15px;max-width:390px;margin-bottom:0}.line{display:none}.caption{font-size:10px;color:#63796c;margin-top:22px}.page{width:100%;padding:30px 24px 24px;background:#fff;border:1px solid #dce5e4;border-radius:26px;box-shadow:0 18px 65px #2645370d}.brand{width:258px;max-width:95%;height:auto;display:block;margin:0 auto 23px}.tag{text-align:center;color:#697c8a;font-size:12px;margin:0 0 25px;line-height:1.7}.tag b{color:#263f52;font-size:13px;font-weight:550}.primary{display:flex;align-items:center;gap:12px;padding:17px 15px;border-radius:14px;background:var(--blue);color:white;box-shadow:0 7px 20px #216fb622;margin-bottom:12px;transition:transform .2s,background .2s}.primary:hover{background:#1a5d9b;transform:translateY(-2px)}svg{width:23px;height:23px;display:block}.primary strong{font-size:14px}.primary small{color:#e6f2fc}.icon{height:41px;width:41px;flex-shrink:0;display:grid;place-items:center;background:#edf4fa;border-radius:11px;color:var(--blue)}.primary .icon{color:white;background:#ffffff19}.card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce5eb;border-radius:14px;padding:14px 15px;margin-bottom:10px;transition:background .2s,transform .2s}.card:hover{background:#f3f8fc;transform:translateY(-2px)}strong,small{display:block}strong{font-size:13px;font-weight:650}small{font-size:11px;margin-top:3px;color:var(--muted)}.arrow{margin-left:auto;color:#6a8297}.arrow svg{width:17px;height:17px}.primary .arrow{color:white}.services{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:24px 0 20px}.services span{font-size:9px;padding:5px 8px;border:1px solid #e0e8e6;background:#f7f9f8;border-radius:30px;color:#587164}.foot{text-align:center;font-size:9px;color:#6f8190;letter-spacing:.9px;margin:0}.old-preview{position:absolute;top:14px;right:18px;font-size:8px;letter-spacing:1px;border:1px solid #d3dfdb;border-radius:20px;padding:4px 10px;color:#5c7367;background:#ffffffcc} @media(max-width:780px){.layout{display:block;max-width:490px;padding:43px 17px 26px;min-height:100vh}.intro{height:190px;padding:0}.intro:before{height:205px;border-radius:22px 22px 0 0;background-position:center 38%;box-shadow:none}.intro>*{display:none}.page{position:relative;padding:26px 18px 23px;border-radius:22px;border-color:#e0e8e2;box-shadow:0 10px 35px #1c3c2412}.brand{width:245px;margin-bottom:19px}.tag{font-size:11px;margin-bottom:22px}.tag b{font-size:12px}.primary{padding:17px 14px}.card{padding:14px}.old-preview{font-size:8px;top:12px;right:18px}.services{margin-top:22px}.foot{font-size:8px}}@media(max-width:350px){.layout{padding-left:10px;padding-right:10px}.page{padding-left:12px;padding-right:12px}strong{font-size:12px}.primary strong{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Shared page and editor */
html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f4f7f5;color:#142a3e}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #72b4ee;outline-offset:2px}.site-view{position:relative;isolation:isolate;min-height:100vh}.site-view:before{position:absolute;background:linear-gradient(90deg,rgb(244 247 245 / var(--fade,.92)),rgb(249 251 248 / var(--fade,.92))),var(--page-photo) center 48%/cover no-repeat}.site-view.no-photo .intro{padding-top:0}.site-view.no-photo .intro:before{display:none}.edit-footer{display:block;text-align:center;font-size:10px;color:#7a8791;margin-top:17px}.admin-app{min-height:100vh;background:#f4f6f8;color:#172e43}.admin-top{position:sticky;top:0;z-index:20;padding:19px 32px;background:#fff;border-bottom:1px solid #dfe6ed;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-brand{font-size:22px;font-weight:750;color:#216fb6;letter-spacing:-.7px}.admin-brand span{font-size:13px;letter-spacing:0;color:#6f7d8c;font-weight:500}.admin-top small{color:#6c7b8a;font-size:11px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.action{border:1px solid #cedae4;border-radius:10px;background:white;color:#24425b;padding:11px 14px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;text-decoration:none}.action svg,.editor-tabs svg,.button-editor svg,.preview-label svg,.upload-control svg{height:16px;width:16px;flex-shrink:0}.primary-action{background:#216fb6;color:#fff;border-color:#216fb6}.primary-action:hover{background:#185b98}.subtle{background:transparent;border-color:transparent}.admin-grid{display:grid;grid-template-columns:minmax(420px,620px) 390px;gap:60px;max-width:1160px;padding:34px 32px 70px;margin:auto;align-items:start}.editor-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#6c889b;font-weight:750}.editor-heading h1{font-size:26px;letter-spacing:-.8px;line-height:1.2;margin:12px 0}.editor-heading p{font-size:13px;color:#647789;margin-bottom:24px}.editor-tabs{display:flex;gap:5px;border-bottom:1px solid #dce4eb;margin-bottom:20px}.editor-tabs button{border:0;background:transparent;color:#5d7184;font-size:12px;font-weight:650;padding:12px 10px;display:flex;align-items:center;gap:6px;border-bottom:3px solid transparent}.editor-tabs button.active{color:#216fb6;border-bottom-color:#216fb6}.form-panel{background:white;padding:25px;border:1px solid #e0e6ed;border-radius:16px}.form-panel h2{font-size:18px;letter-spacing:-.3px;margin:0 0 7px}.form-panel h3{font-size:15px;margin:25px 0 12px}.helper{font-size:11px;color:#71808e;line-height:1.6;margin:4px 0 22px}.field{display:block;font-size:12px;font-weight:650;color:#294259;margin:19px 0}.field small{font-size:10px;font-weight:400;color:#788694;margin:4px 0 7px}.field input:not([type=range]),.field textarea,.field select{display:block;box-sizing:border-box;width:100%;background:#fff;color:#243b50;border:1px solid #cedae4;border-radius:9px;padding:11px 12px;font-size:13px;margin-top:7px;line-height:1.5}.field textarea{min-height:85px;resize:vertical}.field input[type=range]{display:block;margin-top:15px;width:100%;accent-color:#216fb6}.section-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.button-editor{padding:18px;background:#fbfcfd;border:1px solid #dae3ec;border-radius:12px;margin:17px 0}.button-editor-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.button-editor-top b{font-size:12px;max-width:72%;overflow-wrap:anywhere}.button-editor-top>div{display:flex;gap:2px}.button-editor-top button{display:grid;place-items:center;border:0;background:transparent;color:#6b7f90;padding:5px}.switch-field{display:flex;align-items:center;gap:7px;font-size:11px;color:#607687;margin-top:13px}.switch-field input{accent-color:#216fb6}.asset-preview{height:180px;margin:20px 0;border-radius:12px;overflow:hidden;background:#f2f5f7}.asset-preview img{height:100%;width:100%;object-fit:cover;object-position:center 40%}.logo-preview{height:100px;padding:15px;background:#f9fbfd;border:1px solid #e4eaf0;border-radius:10px}.logo-preview img{height:100%;max-width:100%;object-fit:contain}.upload-control{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px dashed #9eb9d0;border-radius:10px;padding:15px;color:#216fb6;font-size:12px;font-weight:600;cursor:pointer;margin:14px 0;overflow:hidden}.upload-control small{flex-basis:100%;font-size:10px;font-weight:400;color:#6c8091}.upload-control input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-control:focus-within{outline:3px solid #72b4ee}.notice{padding:13px 15px;border-radius:10px;font-size:12px;white-space:pre-wrap;line-height:1.6;margin:15px 0}.notice.error{background:#fff0ee;color:#94382c;border:1px solid #f0c8c0}.notice.success{background:#eaf6ee;color:#28613f;border:1px solid #c6e4d0}.live-preview{position:sticky;top:115px}.preview-label{display:flex;justify-content:space-between;align-items:center;margin:0 3px 14px;gap:10px}.preview-label span{font-size:9px;font-weight:750;letter-spacing:1px;display:flex;gap:6px;align-items:center;color:#50718b}.preview-label small{font-size:9px;color:#84929f}.phone-preview{border:7px solid #243648;border-radius:34px;overflow:hidden;box-shadow:0 18px 40px #1b34451a;background:#fff}.compact.site-view{min-height:0}.compact .layout{display:block;max-width:none;padding:20px 13px 20px;min-height:0}.compact .intro{padding:0;height:145px}.compact .intro:before{height:160px;border-radius:17px 17px 0 0;background-position:center 38%;box-shadow:none}.compact .intro>*{display:none}.compact .page{position:relative;padding:23px 14px 20px;border-radius:20px}.compact .brand{width:225px;margin-bottom:17px}.compact .tag{font-size:10px;margin-bottom:20px}.compact .tag b{font-size:11px}.compact .primary{padding:15px 12px}.compact .card{padding:12px}.compact strong{font-size:12px}.compact small{font-size:10px}.compact .primary strong{font-size:12px}.compact .icon{height:35px;width:35px}.compact .services{gap:4px;margin:20px 0 15px}.compact .services span{font-size:8px;padding:4px 7px}.compact .foot{font-size:8px}.compact.no-photo .intro{display:none}.copy-button{display:flex;margin:18px auto 10px;background:transparent}.live-preview>.helper{text-align:center;font-size:9px}.manual{font-size:13px;color:#50697d;line-height:1.8}.manual ol{padding-left:20px}.manual li{margin:17px 0}.manual b{display:inline;color:#234158}.manual a{color:#216fb6;text-decoration:underline}.modal-backdrop{position:fixed;inset:0;background:#112a4366;backdrop-filter:blur(3px);z-index:50;display:grid;place-items:center;padding:20px}.confirm-dialog{width:100%;max-width:450px;background:white;padding:28px;border-radius:19px;box-shadow:0 20px 80px #0003}.confirm-dialog h2{font-size:22px;margin:0 0 13px}.confirm-dialog p{font-size:13px;color:#647789;line-height:1.7}.confirm-dialog>div{display:flex;justify-content:end;gap:10px;margin-top:25px;flex-wrap:wrap}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(140deg,#eaf1f7,#f8faf8);box-sizing:border-box}.login-screen section{width:100%;max-width:400px;padding:34px;background:white;border:1px solid #dae4ed;border-radius:20px;box-shadow:0 15px 50px #29465d12}.login-screen h1{font-size:28px;line-height:1.2;letter-spacing:-.8px}.login-screen p{font-size:14px;color:#61788a;line-height:1.7}.login-screen section>a{display:flex;margin-top:20px;font-size:12px;color:#216fb6}.login-screen section>a.primary-action{color:white}.mobile-switch{display:none}.no-photo .layout{min-height:100vh}@media(min-width:781px){.site-view .intro h1{max-width:400px}}@media(max-width:1000px){.admin-grid{grid-template-columns:minmax(350px,1fr) 340px;gap:25px;padding-left:20px;padding-right:20px}.admin-top{padding:16px 20px}.open-public{display:none}.admin-brand span{display:none}}@media(max-width:780px){.admin-top{padding:13px 14px;gap:10px;flex-wrap:wrap}.admin-brand{font-size:20px}.admin-top>div:first-child{width:100%;display:flex;align-items:center;justify-content:space-between}.admin-top small{font-size:9px}.top-actions{width:100%;gap:8px}.top-actions .action{flex:1;font-size:11px;padding:10px}.admin-grid{display:block;padding:22px 15px 50px}.editor-heading h1{font-size:24px}.editor-heading p{font-size:12px}.form-panel{padding:19px}.editor-tabs{gap:0}.editor-tabs button{flex:1;padding:12px 5px;font-size:10px;justify-content:center;gap:4px}.editor-tabs svg{height:14px;width:14px}.mobile-switch{display:flex;position:sticky;top:117px;z-index:19;background:#f4f6f8;padding:10px 15px;border-bottom:1px solid #dfe6ec;gap:8px}.mobile-switch button{flex:1;background:white;border:1px solid #d7e1eb;color:#5e778c;border-radius:8px;padding:9px;font-size:12px}.mobile-switch button.selected{background:#e7f0f9;border-color:#a9c8e4;color:#216fb6;font-weight:700}.admin-grid .mobile-hidden{display:none}.live-preview{position:static;max-width:390px;margin:auto}.phone-preview{border-width:5px}.confirm-dialog{padding:22px}.confirm-dialog>div>.action{flex:1}.site-view.no-photo .intro{display:none}.site-view.no-photo .layout{padding-top:45px}.button-editor{padding:14px}.section-head .action{padding:9px;font-size:10px}}

.compact.no-photo .layout{min-height:0}

.logo-presets{display:flex;gap:8px;flex-wrap:wrap}.selected-preset{background:#e7f0f9;border-color:#92b9da;color:#216fb6}.logo-preview{height:155px}
.background-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 28px}.background-gallery button{border:2px solid #dce5ed;background:#fff;border-radius:10px;overflow:hidden;padding:0;text-align:left}.background-gallery button.selected{border-color:#216fb6}.background-gallery img{width:100%;height:95px;object-fit:cover;display:block}.background-gallery span{display:block;padding:8px;font-size:10px;font-weight:650;color:#34536d}.whatsapp-settings{padding:17px;background:#f0f6fb;border:1px solid #d4e4f1;border-radius:12px;margin-bottom:25px}.topic-dialog{color-scheme:light;width:calc(100% - 34px);max-width:470px;max-height:90dvh;overflow:auto;border:1px solid #dce5ed;border-radius:22px;padding:25px;background:white;color:#18334a;box-shadow:0 25px 80px #11273c40}.topic-dialog::backdrop{background:#152c466b;backdrop-filter:blur(3px)}.topic-dialog header{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.topic-eyebrow{font-size:9px;letter-spacing:1.8px;color:#216fb6;font-weight:750}.topic-dialog h2{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:9px 0}.topic-close{background:#f0f4f7;border:0;color:#5d758a;border-radius:30px;padding:7px;display:grid;place-items:center}.topic-help{font-size:12px;color:#6a7f90;margin:10px 0 19px}.topic-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.topic-choices label{padding:13px;border:1px solid #d5e0e9;border-radius:11px;background:#fff;display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.topic-choices label.checked{background:#edf5fc;border-color:#216fb6;color:#1d609c}.topic-choices input{accent-color:#216fb6;margin:0}.message-preview{background:#f3f6f8;border-radius:12px;padding:16px;margin:22px 0 18px}.message-preview>span{font-size:10px;color:#718798;font-weight:650}.message-preview p{font-size:13px;line-height:1.7;color:#365469;margin:7px 0 0;white-space:pre-wrap}.topic-continue{width:100%;font-size:13px;padding:14px}.topic-note{font-size:10px;color:#7d8d9a;text-align:center;margin:13px 0 0}@media(max-width:500px){.topic-dialog{padding:22px}.topic-dialog h2{font-size:21px}.topic-choices label{padding:12px;font-size:12px}}

body{margin:0}.topic-dialog{max-width:min(510px,94vw)}.topic-dialog h2{font-size:23px}.topic-dialog::backdrop{background:#142a3e88}