:root{font-family:system-ui,sans-serif;color:#1d2730;background:#f2f5f7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;background:#17232e;color:white;padding:10px 15px;cursor:pointer}button.secondary{background:#e8ebef;color:#19212a}button.small{padding:6px 10px}header{background:#17232e;color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}header strong{font-size:20px}header small{display:block;color:#c7d3dc}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:20px 0 12px}p{color:#60707d}.intro{max-width:1500px;margin:20px auto 0;padding:0 20px}.layout{max-width:1500px;margin:20px auto;padding:0 20px;display:grid;grid-template-columns:190px minmax(340px,1fr) minmax(340px,1.1fr);gap:18px;align-items:start}.card{background:#fff;border:1px solid #dce3e8;border-radius:14px;padding:22px;box-shadow:0 2px 10px #0000000a}.auth{max-width:430px;margin:10vh auto}.auth label{margin:16px 0}.sample{display:inline-block;background:#eaf4ea;color:#285d29;padding:6px 10px;border-radius:7px;font-size:13px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-size:13px;font-weight:650}input,select,textarea{width:100%;padding:10px;border:1px solid #bcc8d1;border-radius:8px;background:white;margin-top:5px}input:focus,select:focus{outline:2px solid #7188a0}.inline{display:flex;gap:6px}.inline input[type=color]{width:54px;min-width:54px;height:43px;padding:2px}.actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.sites{display:grid;gap:7px;margin-top:15px}.site{width:100%;text-align:left;background:#f3f5f7;color:#19212a;overflow-wrap:anywhere}.site.active{background:#dce9ef}.install{margin-top:28px;border-top:1px solid #ddd;padding-top:18px}.install textarea{height:84px;resize:vertical;font-family:monospace}.install button{margin-top:8px}#message{min-height:20px;color:#a23f20}#preview-canvas{position:relative;height:550px;border:1px solid #dce3e8;border-radius:10px;background:#f8fafb;overflow:hidden}.mock{padding:30px}.bar,.title,.line{background:#e4e9ed;border-radius:5px;height:16px;margin-bottom:20px}.bar{height:65px}.title{width:58%;height:34px;margin-top:45px}.line.short{width:67%}.cw-host{position:absolute;inset:20px}@media(max-width:1100px){.layout{grid-template-columns:190px 1fr}.preview{grid-column:2}}@media(max-width:700px){.layout{display:block}.card{margin-bottom:15px}.grid{grid-template-columns:1fr}.preview{display:block}}

#message.success{color:#176b46;font-weight:700}#message.pending{color:#526675}#message.error{color:#a23f20;font-weight:700}button:disabled{opacity:.65;cursor:wait}

.header-actions{display:flex;gap:8px;flex-wrap:wrap}.text-button{background:transparent;color:#17232e;padding:4px 0;text-decoration:underline}.hint{font-size:13px;margin:8px 0}details{margin:12px 0;padding:12px;border:1px solid #dce3e8;border-radius:8px}summary{cursor:pointer;font-weight:650}details p{font-size:14px;line-height:1.6}details code{overflow-wrap:anywhere}@media(max-width:700px){header{gap:12px;padding:16px;flex-wrap:wrap}.auth{margin:30px 15px}}

@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{font-family:Manrope,system-ui,sans-serif;color:#142D3B;background:#F5F7F6}
button{background:#00A88F;color:#142D3B;font-weight:700;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#00BB9F}button:focus-visible,summary:focus-visible{outline:3px solid #00A88F;outline-offset:3px}button.secondary{background:#EAF1EF;color:#142D3B}button.secondary:hover:not(:disabled){background:#DDEAE6}button.small{padding:9px 13px;font-size:13px}
header{background:#142D3B;padding:20px 28px;min-height:100px}header small{color:#BAD0C9;font-size:12px;margin-top:6px}.brand-logo{display:block;width:260px;max-width:100%;height:auto}.header-brand .brand-logo{width:240px}.header-actions button.secondary{background:#274351;color:#fff}.header-actions button.secondary:hover{background:#365663}
.card{border-color:#DFE8E4;border-radius:18px;box-shadow:0 4px 24px #142d3b06}.auth{max-width:460px;padding:32px;margin:7vh auto}.auth .brand-logo{width:300px;margin:0 0 24px}.auth h1{font-size:25px;letter-spacing:-.5px;margin-top:24px}.auth .brand-tagline{font-size:12px;margin:-10px 0 30px;color:#60756F}.auth .actions>button[type=submit]{flex-grow:1}.auth p{line-height:1.6}.auth .text-button{margin-top:4px}.text-button{background:transparent;color:#142D3B}.text-button:hover:not(:disabled){background:transparent;color:#007764}
p{color:#60756F}.sample{background:#E1F5EE;color:#006D5C;font-weight:600}.site{background:#F5F7F6;color:#142D3B}.site.active{background:#DFF3EC;color:#005A4B;box-shadow:inset 3px 0 0 #00A88F}.site:hover:not(:disabled){background:#EAF1EF}
input,select,textarea{border-color:#BCCFC8;font-size:16px;color:#142D3B}input:focus,select:focus,textarea:focus{outline:2px solid #00A88F;outline-offset:1px}#preview-canvas{background:#F5F7F6;border-color:#DFE8E4}.bar,.title,.line{background:#E4ECE8}.install{border-color:#DFE8E4}details{border-color:#DFE8E4;background:#FAFCFB}#message.success{color:#006D5C}
@media(max-width:700px){header{padding:18px;gap:18px}.header-brand .brand-logo{width:220px}.auth{margin:28px 15px;padding:26px}.auth .brand-logo{width:280px}.header-actions{gap:8px}.layout{padding:0 14px}.intro{padding:0 14px;font-size:14px}}

.auth-home{margin:28px 0 0;padding-top:20px;border-top:1px solid #DFE8E4;font-size:12px}.auth-home a{color:#60756F;text-decoration:none}.requests-card{max-width:960px;margin:35px auto}.request-row{padding:22px 0;border-top:1px solid #DFE8E4}.request-row h2{margin:0 0 8px}.request-row p{margin:6px 0}.request-row small{color:#60756F}@media(max-width:700px){.requests-card{margin:25px 15px}}

.access-panel{padding:18px;background:#f0f8f5;border:1px solid #cfe6dc;border-radius:12px;margin:18px 0}.access-panel h2{font-size:18px}.purchase-terms{display:block;font-size:13px;margin:12px 0}.purchase-terms input{width:auto;display:inline-block;margin-right:6px}.access-panel button{margin:5px 6px 5px 0}input[readonly]{background:#f3f5f4;color:#60756f}

/* ReachButton checkout */
.access-panel h2{margin:0 0 10px}.purchase-card{overflow:hidden;border:1px solid #ccdcd6;border-radius:16px;margin:18px 0 24px;background:white;box-shadow:0 12px 30px #142d3b0a}.purchase-art{padding:28px;background:linear-gradient(135deg,#edf8f3,#d8f0e7);text-align:center}.purchase-art .brand-logo{width:220px;margin:auto}.purchase-art p{font-size:12px;margin:10px 0 20px}.purchase-demo{max-width:290px;margin:auto;padding:20px;background:#fff;border:1px solid #c7e1d5;border-radius:14px;box-shadow:0 10px 20px #142d3b0c;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.purchase-demo span{border-radius:6px;background:#f0f6f3;padding:7px 10px;font-size:11px;color:#36594e}.purchase-demo strong{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:12px 15px;border-radius:9px;background:#00a88f;color:#142d3b;font-size:14px}.purchase-demo b{font-size:20px}.purchase-body{padding:26px;text-align:center}.purchase-eyebrow{display:block;font-size:10px;letter-spacing:1.4px;color:#007663;font-weight:700}.purchase-body h2{font-size:24px;letter-spacing:-.6px;margin:12px 0 8px}.purchase-domain{font-size:13px;overflow-wrap:anywhere;margin:0 0 15px}.purchase-price{font-size:52px;font-weight:700;letter-spacing:-2px;line-height:1.2}.purchase-once{font-size:12px;margin:6px 0 20px}.purchase-benefits{padding:0;margin:0 0 20px;list-style:none;text-align:left;font-size:12px;line-height:1.65}.purchase-benefits li{padding:5px 0 5px 22px;position:relative}.purchase-benefits li:before{content:'✓';position:absolute;left:0;color:#008470;font-weight:700}.sandbox-notice{padding:10px;border-radius:8px;background:#fff4da;color:#765315;font-size:12px;font-weight:700}.purchase-terms{font-size:12px;font-weight:400;text-align:left;line-height:1.5;padding:10px 0;border-top:1px solid #e4ece8}.purchase-terms input{width:16px;height:16px;vertical-align:middle;margin:0 5px 0 0;accent-color:#00a88f}.purchase-terms a{color:#006d5c}#checkout-help{font-size:12px;line-height:1.5;margin:8px 0 15px}#paypal-buttons{min-width:0;position:relative;z-index:0}.checkout-fallback{width:100%;font-size:12px;margin-top:10px}.purchase-security{font-size:11px;line-height:1.6;margin:14px 0}.purchase-body #payment-message{font-size:12px;color:#9a4128;line-height:1.6;overflow-wrap:anywhere}.purchase-body #payment-message:empty{margin:0}button:disabled{cursor:not-allowed}@media(max-width:700px){.purchase-art{padding:24px 18px}.purchase-body{padding:22px 18px}.purchase-body h2{font-size:22px}}

.checkout-fallback[hidden]{display:none!important}