@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--primary:#17b85a;--primary-2:#25d366;--deep:#075e54;--teal:#128c7e;--ink:#10231d;--muted:#64748b;--line:#dfe9e4;--surface:#fff;--bg:#f3f8f5;--danger:#dc2626;--shadow:0 16px 45px rgba(7,94,84,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,a,input,textarea,select{transition:border-color .2s,box-shadow .2s,background .2s,color .2s,transform .2s}button,a{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #25d36655;outline-offset:2px}
h1{font-size:clamp(2rem,5vw,3.65rem);font-weight:800;line-height:1.08;letter-spacing:-.045em;color:var(--ink)}h2{letter-spacing:-.025em}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0,#9ff4bd 0,transparent 30%),radial-gradient(circle at 5% 100%,#d5f8e2 0,transparent 28%),linear-gradient(135deg,#f8fffa,#eefaf3)}.hero:after{content:"";position:absolute;width:380px;height:380px;border:70px solid #25d36612;border-radius:50%;right:-170px;bottom:-200px}.lead{font-size:clamp(1rem,2vw,1.18rem);line-height:1.75;color:var(--muted);margin:1.25rem 0 2rem;max-width:670px}.page{padding:clamp(2rem,6vw,4.5rem) 1rem;min-height:65vh}
.card{position:relative;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:1.5rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:var(--shadow)}.card:hover{border-color:#c8dfd3}.hero .card{box-shadow:0 26px 70px rgba(7,94,84,.14);transform:rotate(.5deg)}
.btn,.btn-secondary,.btn-sm{border:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.85rem;font-weight:800;text-decoration:none;line-height:1.2}.btn{min-height:48px;padding:.85rem 1.3rem;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#052e16;box-shadow:0 8px 22px #17b85a38}.btn:before{content:""}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px #17b85a4d;filter:saturate(1.08)}.btn:active,.btn-secondary:active{transform:translateY(0)}.btn-secondary{min-height:44px;padding:.72rem 1rem;border:1px solid #bdd6ca;background:#fff;color:var(--deep);box-shadow:0 3px 9px rgba(15,23,42,.05)}.btn-secondary:hover{border-color:var(--primary);background:#effcf4;color:#064e3b}.btn-sm{padding:.62rem 1.05rem;background:var(--deep);color:#fff;box-shadow:0 5px 14px #075e5433}.btn-sm:hover{background:var(--teal);transform:translateY(-1px)}
.badge{display:inline-flex;align-items:center;background:#dafbe6;color:#126c3b;border:1px solid #b8efcc;border-radius:999px;padding:.42rem .8rem;font-weight:800;font-size:.76rem;letter-spacing:.025em}.preview{padding:1.05rem;background:linear-gradient(135deg,#effcf4,#f8fffa);border:1px dashed #43cc77;border-radius:1rem;color:#126c3b;margin-top:.5rem;overflow-wrap:anywhere}.fake-qr{display:grid;place-items:center;width:100px;height:100px;background:#effcf4;border:1px solid #ccebd8;border-radius:1rem;font-size:5rem;color:var(--deep);line-height:1}.label,label{display:flex;flex-direction:column;gap:.5rem;font-size:.88rem;font-weight:700;color:#33463f}.flex-row{flex-direction:row;align-items:center}.flex-row input{width:auto}
input,select,textarea{width:100%;border:1px solid #cad9d1;border-radius:.82rem;padding:.82rem .95rem;background:#fbfefc;color:#172b24;font:500 .95rem Manrope,system-ui;outline:none}input:hover,select:hover,textarea:hover{border-color:#9abdab}input:focus,select:focus,textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #25d36620}input[type=color]{height:48px;padding:.3rem}input[type=file]{padding:.65rem}.hint{font-size:.79rem;line-height:1.5;color:var(--muted);font-weight:500}.auth{max-width:500px;margin:auto;display:flex;flex-direction:column;gap:1.15rem}.auth h1{font-size:2.15rem;margin-bottom:.25rem}.auth>a,.auth p a{color:var(--teal);font-weight:800}.auth>a:hover,.auth p a:hover{text-decoration:underline}
.notice{max-width:64rem;margin:1rem auto 0;padding:1rem 1.2rem;border-radius:1rem;border:1px solid;font-weight:600;box-shadow:0 7px 22px rgba(15,23,42,.05)}.notice.success{background:#e9fbef;border-color:#afe5c2;color:#126c3b}.notice.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.copy-row{display:flex;gap:.55rem}.copy-row button{border:0;background:var(--deep);color:#fff;padding:.65rem 1.05rem;border-radius:.72rem;font-weight:800;white-space:nowrap}.copy-row button:hover{background:var(--teal)}.qr-wrap{display:inline-block;background:#fff;padding:18px;border:1px solid var(--line);border-radius:1.2rem;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.stat{background:linear-gradient(145deg,#fff,#f7fcf9);border-radius:1.2rem;padding:1.35rem;border:1px solid var(--line);box-shadow:0 8px 26px rgba(7,94,84,.06)}.stat span{display:block;color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat strong{display:block;margin-top:.2rem;font-size:2rem;color:var(--deep);letter-spacing:-.04em}table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}th,td{text-align:left;padding:1rem;border-bottom:1px solid #e7efeb;vertical-align:middle}th{background:#f5faf7;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#61746c}thead th:first-child{border-radius:.8rem 0 0 .8rem}thead th:last-child{border-radius:0 .8rem .8rem 0}tbody tr:hover td{background:#f9fcfa}td a{color:var(--teal);font-weight:700}td a:hover{text-decoration:underline}td button{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:.48rem .72rem;border:1px solid #c8dad0;border-radius:.65rem;background:#fff;color:var(--deep);font-size:.76rem;font-weight:800;white-space:nowrap}td button:hover{background:#eafaf0;border-color:#63d38b;transform:translateY(-1px)}td button.text-red-600{color:var(--danger);border-color:#fecaca;background:#fffafa}td button.text-red-600:hover{background:#fef2f2;border-color:#f87171}
.prose{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:1.5rem;padding:clamp(1.5rem,5vw,3rem);box-shadow:var(--shadow)}.prose h2{font-size:1.4rem;font-weight:800;margin:2rem 0 .5rem}.prose p{line-height:1.85;margin:1rem 0;color:#52655e}
header nav [data-nav]>a:not(.btn-sm){position:relative;color:#42564e;font-size:.9rem;font-weight:700;padding:.45rem 0}header nav [data-nav]>a:not(.btn-sm):after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--primary);transition:right .2s}header nav [data-nav]>a:not(.btn-sm):hover{color:var(--deep)}header nav [data-nav]>a:not(.btn-sm):hover:after{right:0}footer a{font-weight:700;color:#d7fbe4}footer a:hover{color:#fff;text-decoration:underline}
@media(max-width:767px){header [data-mobile]{background:#fff;border-top:1px solid var(--line)}header [data-mobile] a{padding:.7rem;border-radius:.6rem;font-weight:700;color:var(--deep)}header [data-mobile] a:hover{background:#effcf4}.hero .card{transform:none}.page{padding-top:2rem}.card{border-radius:1.2rem}.copy-row{flex-direction:column}.copy-row button{min-height:44px}td .flex{flex-wrap:wrap}}

/* Premium landing page */
.hero-premium{min-height:720px;background:linear-gradient(120deg,#f5fff8 0,#edfbf3 48%,#e4f8ed 100%)}.hero-premium:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#0f9f5920 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to right,transparent,#000 72%,transparent)}.hero-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.6}.hero-orb-one{width:420px;height:420px;background:#79eba430;right:-120px;top:-160px}.hero-orb-two{width:300px;height:300px;background:#b9f6cf50;left:-170px;bottom:-100px}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.25rem);max-width:760px}.gradient-text{background:linear-gradient(100deg,#0d9362,#21c968);-webkit-background-clip:text;background-clip:text;color:transparent}.badge-live span{width:8px;height:8px;border-radius:50%;background:#20c96b;box-shadow:0 0 0 5px #20c96b20;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #20c96b08}}.btn-hero{min-height:56px;padding:1rem 1.45rem;font-size:1rem}.btn-hero span,.btn-white span{font-size:1.25rem}.btn-hero-secondary{min-height:56px;padding:1rem 1.35rem}.play-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e2f8ea;color:#118650;font-size:.64rem}.trust-row{display:flex;align-items:center;gap:14px;margin-top:2rem}.avatar-stack{display:flex}.avatar-stack span{width:35px;height:35px;margin-left:-8px;display:grid;place-items:center;border:3px solid #f3fcf7;border-radius:50%;background:#d1f5df;color:#12643d;font-size:.66rem;font-weight:800}.avatar-stack span:first-child{margin-left:0;background:#ffe2bd}.avatar-stack span:nth-child(2){background:#dbeafe}.avatar-stack span:nth-child(3){background:#f3e8ff}.avatar-stack span:last-child{background:#0b7454;color:#fff}.stars{color:#f5a524;font-size:.75rem;letter-spacing:.08em}.trust-row p{font-size:.75rem;color:#63756d;margin-top:2px;font-weight:600}
.product-scene{position:relative;min-height:520px}.browser-card{position:absolute;left:0;top:22px;width:88%;background:#fff;border:1px solid #cfdfd7;border-radius:1.4rem;overflow:hidden;box-shadow:0 35px 80px rgba(7,94,84,.18);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.browser-top{height:52px;padding:0 15px;display:flex;align-items:center;gap:12px;background:#f8fbf9;border-bottom:1px solid #e5ede9;color:#98a8a0}.browser-dots{display:flex;gap:5px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#ff847c}.browser-dots i:nth-child(2){background:#f5c451}.browser-dots i:nth-child(3){background:#5bd88b}.browser-url{flex:1;max-width:300px;margin:auto;padding:7px 12px;border:1px solid #e0e9e4;border-radius:7px;background:#fff;color:#819189;font-size:.65rem}.browser-url strong{color:#128c7e}.browser-body{padding:28px}.demo-brand{display:flex;align-items:center;gap:12px}.demo-logo,.phone-avatar{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1fd16a,#0c8a59);color:#fff;font-weight:800}.demo-logo{width:48px;height:48px;font-size:1.25rem}.demo-brand small{font-size:.52rem;letter-spacing:.1em;color:#7b8c84}.demo-brand h3{font-size:1.15rem;font-weight:800}.demo-message{margin:22px 0;padding:15px 18px;border:1px solid #dcebe3;border-radius:13px;background:#f6fcf8}.demo-message span{font-size:.73rem;font-weight:800;color:#0d8754}.demo-message p{margin-top:3px;font-size:.75rem;color:#65766e}.demo-grid{display:grid;grid-template-columns:120px 1fr;gap:18px}.demo-qr{padding:12px;text-align:center;border:1px solid #e0ebe5;border-radius:13px}.qr-pattern{font-size:4rem;color:#075e54;line-height:1}.demo-qr small{font-size:.53rem;color:#829088}.demo-actions{display:flex;flex-direction:column;justify-content:center}.demo-actions span{font-size:.58rem;color:#85958d;text-transform:uppercase;letter-spacing:.07em}.demo-actions strong{margin:4px 0 12px;font-size:.85rem}.demo-actions button{border:0;border-radius:9px;padding:10px 12px;background:#22c968;color:#073b21;font-size:.7rem;font-weight:800}.demo-actions button b{float:right}.phone-card{position:absolute;right:0;bottom:0;width:188px;height:340px;padding:22px 13px 13px;border:7px solid #163a30;border-radius:29px;background:#eaf5ee;box-shadow:0 25px 60px rgba(5,46,33,.28);transform:rotate(4deg)}.phone-speaker{position:absolute;top:7px;left:50%;width:48px;height:5px;border-radius:5px;background:#0b211a;transform:translateX(-50%)}.phone-head{display:flex;align-items:center;gap:7px;margin:2px -6px 25px;padding:8px;background:#075e54;color:#fff;border-radius:8px}.phone-avatar{width:27px;height:27px;border-radius:50%;font-size:.68rem}.phone-head div{display:flex;flex-direction:column}.phone-head strong{font-size:.64rem}.phone-head small{font-size:.5rem;color:#b9ebd0}.chat-bubble{margin-left:18px;padding:9px;border-radius:9px 2px 9px 9px;background:#d9fdd3;font-size:.58rem;line-height:1.45;box-shadow:0 2px 4px #0000000d}.chat-time{text-align:right;margin:2px 5px;color:#618074;font-size:.45rem}.phone-input{position:absolute;left:12px;right:12px;bottom:13px;padding:8px 9px;border-radius:20px;background:#fff;color:#98a69f;font-size:.52rem}.phone-input span{float:right;display:grid;place-items:center;width:18px;height:18px;margin-top:-3px;border-radius:50%;background:#20bd67;color:#fff}.float-pill{position:absolute;z-index:3;padding:9px 13px;border:1px solid #d7e8df;border-radius:999px;background:#ffffffed;box-shadow:0 10px 28px rgba(7,94,84,.12);font-size:.65rem;font-weight:800;color:#315147;backdrop-filter:blur(8px)}.pill-one{left:-25px;top:4px}.pill-two{right:-8px;top:100px;color:#0b8552}.pulse-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#20c96b}
.logo-strip{padding:27px 0;background:#fff;border-top:1px solid #e3eee8;border-bottom:1px solid #e3eee8;text-align:center}.logo-strip p{margin-bottom:17px;color:#8a9a92;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.audiences{display:flex;justify-content:center;gap:clamp(18px,4vw,52px);flex-wrap:wrap}.audiences span{color:#62746c;font-size:.83rem;font-weight:700}.audiences span::first-letter{color:#20b961}.section-block{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem)}.section-heading{text-align:center;max-width:760px;margin:0 auto 3rem}.eyebrow{color:#11975c;font-size:.68rem;font-weight:800;letter-spacing:.14em}.section-heading h2{margin:.7rem 0 1rem;font-size:clamp(2rem,4vw,3.3rem);font-weight:800;line-height:1.15;color:#122a21}.section-heading h2 span{color:#128c67}.section-heading p{color:#6b7e76;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.feature-card{position:relative;overflow:hidden;min-height:330px;padding:32px;border:1px solid #dce9e2;border-radius:1.5rem;background:#fff;box-shadow:0 14px 40px rgba(7,94,84,.07);transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(7,94,84,.12);border-color:#bcdcca}.feature-main{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;min-height:680px;background:linear-gradient(145deg,#fff,#f1fbf5)}.feature-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;border-radius:14px;background:#dff9e8;color:#0e9257;font-size:1.5rem;font-weight:800}.feature-icon.purple{background:#f1e9ff;color:#7c3aed}.feature-icon.orange{background:#fff0db;color:#d97706}.feature-tag{color:#84958d;font-size:.62rem;font-weight:800;letter-spacing:.1em}.feature-card h3{max-width:470px;margin:7px 0 11px;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;line-height:1.25}.feature-card p{max-width:510px;color:#6c7d75;font-size:.9rem;line-height:1.7}.mini-link{display:flex;align-items:center;gap:3px;margin-top:55px;padding:13px;border:1px solid #d9e8e0;border-radius:12px;background:#fff;box-shadow:0 10px 30px #075e5414;color:#7b8e85;font-size:.75rem}.mini-link strong{color:#128c67}.mini-link button{margin-left:auto;border:0;border-radius:8px;padding:8px 11px;background:#e0f9e8;color:#0f8551;font-size:.65rem;font-weight:800}.mini-lock{color:#23c869}.decor-qr{position:absolute;right:-18px;bottom:-24px;color:#7c3aed12;font-size:10rem;transform:rotate(-8deg)}.message-preview{margin-top:30px;margin-left:auto;max-width:270px;padding:13px;border-radius:12px 3px 12px 12px;background:#dffbdc;color:#355246;font-size:.7rem;box-shadow:0 7px 20px #164e6320}.message-preview span{float:right;margin-left:12px;color:#2196f3}
.how-section{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#063e35,#075e54 52%,#0c7767);position:relative;overflow:hidden}.how-section:before{content:"";position:absolute;width:520px;height:520px;left:-260px;top:-260px;border:90px solid #ffffff08;border-radius:50%}.section-heading.light h2{color:#fff}.section-heading.light p{color:#b8d7cb}.section-heading.light .eyebrow{color:#64e697}.steps-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:25px}.steps-line article{text-align:center;padding:28px 18px}.step-number{color:#68dc99;font-size:.65rem;font-weight:800;letter-spacing:.12em}.step-icon{display:grid;place-items:center;width:70px;height:70px;margin:14px auto 20px;border:1px solid #ffffff2b;border-radius:20px;background:#ffffff0d;color:#6fec9f;font-size:1.7rem;box-shadow:inset 0 1px #ffffff1a}.steps-line h3{color:#fff;font-size:1.15rem;font-weight:800}.steps-line p{max-width:270px;margin:9px auto 0;color:#aac8bd;font-size:.82rem;line-height:1.6}.step-arrow{color:#4bcf81;font-size:1.8rem;opacity:.5}.cta-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:clamp(2rem,5vw,4rem);border-radius:1.8rem;background:linear-gradient(125deg,#16a85d,#23cb69);box-shadow:0 24px 55px #16a85d40;color:#063b24}.cta-panel h2{max-width:750px;margin:.5rem 0 .7rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15}.cta-panel p{font-weight:600;color:#075d37}.cta-panel .eyebrow{color:#075d37}.cta-glow{position:absolute;width:300px;height:300px;right:-80px;top:-140px;border:50px solid #ffffff16;border-radius:50%}.btn-white{position:relative;flex-shrink:0;min-height:54px;background:#fff;color:#0b7447;box-shadow:0 12px 30px #075e5430}.btn-white:hover{background:#f3fff7}
@media(max-width:1023px){.hero-premium{min-height:auto}.product-scene{max-width:650px;width:100%;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:span 2;grid-row:auto;min-height:480px}.steps-line{gap:8px}.cta-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.hero-copy h1{font-size:2.8rem}.product-scene{min-height:430px}.browser-card{width:95%}.browser-body{padding:20px}.phone-card{width:150px;height:285px}.demo-grid{grid-template-columns:95px 1fr;gap:10px}.qr-pattern{font-size:3rem}.float-pill{display:none}.feature-grid{grid-template-columns:1fr}.feature-main{grid-column:auto;min-height:440px}.feature-card{min-height:310px;padding:25px}.mini-link{margin-top:35px;flex-wrap:wrap}.mini-link button{width:100%;margin-top:7px}.steps-line{grid-template-columns:1fr}.step-arrow{transform:rotate(90deg);text-align:center}.cta-panel{border-radius:1.3rem}.btn-white{width:100%}.audiences{gap:15px 24px}}

/* Top navigation as visible buttons */
header nav [data-nav]{gap:.55rem}
header nav [data-nav]>a:not(.btn-sm){display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.62rem .88rem;border:1px solid #d8e5de;border-radius:.72rem;background:#fff;color:#3d544a;font-size:.8rem;font-weight:800;box-shadow:0 2px 7px rgba(7,94,84,.035)}
header nav [data-nav]>a:not(.btn-sm):after{display:none}
header nav [data-nav]>a:not(.btn-sm):hover{border-color:#8bc9a7;background:#effbf4;color:#087044;transform:translateY(-1px);box-shadow:0 6px 15px rgba(7,94,84,.09);text-decoration:none}
header nav [data-nav]>a:nth-child(2){border-color:#20bd64;background:linear-gradient(135deg,#27d36e,#18b75a);color:#063c23;box-shadow:0 6px 16px rgba(23,184,90,.22)}
header nav [data-nav]>a:nth-child(2):hover{border-color:#12a650;background:linear-gradient(135deg,#35dd7a,#1ac361);color:#052e1b;box-shadow:0 9px 20px rgba(23,184,90,.3)}
header nav [data-nav] .btn-sm{min-height:40px;border:1px solid #075e54;border-radius:.72rem;padding:.62rem 1rem}
header [data-mobile] a{border:1px solid #d8e5de;background:#fff;box-shadow:0 2px 7px rgba(7,94,84,.035)}
header [data-mobile] a:nth-child(2){border-color:#20bd64;background:#25d366;color:#063c23}

/* Embeddable chat widget generator */
.widget-generator{padding:clamp(1.4rem,4vw,2.4rem)}.widget-title{display:flex;align-items:flex-start;gap:18px}.widget-title .feature-icon{flex:0 0 auto;margin:0}.widget-title h2{margin:.25rem 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.widget-title p{color:#6b7e76;line-height:1.6}.widget-code{margin-top:24px;overflow:hidden;border:1px solid #d9e6df;border-radius:1rem;background:#0d211a}.widget-code-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 14px;border-bottom:1px solid #ffffff12;color:#bad0c6;font-size:.72rem;font-weight:700}.widget-code-head button{border:1px solid #4bd48755;border-radius:.55rem;padding:.5rem .75rem;background:#22c968;color:#073b25;font-size:.7rem;font-weight:800}.widget-code-head button:hover{background:#39db7d;transform:translateY(-1px)}.widget-code textarea{display:block;min-height:260px;border:0;border-radius:0;background:#0d211a;color:#a8e9c2;font:12px/1.65 Consolas,monospace;box-shadow:none;resize:vertical}.widget-code textarea:focus{box-shadow:none}.widget-help{margin-top:16px;padding:13px 15px;border:1px solid #bfe8cf;border-radius:.8rem;background:#eefbf3;color:#426054;font-size:.78rem;line-height:1.6}.widget-help code{padding:2px 5px;border-radius:4px;background:#d9f5e3;color:#075e54;font-family:Consolas,monospace}@media(max-width:640px){.widget-title{flex-direction:column}.widget-code-head{align-items:stretch;flex-direction:column}.widget-code-head button{min-height:42px}}

/* Legal documents */
.legal-page{background:linear-gradient(180deg,#edf9f2 0,#f5f8f6 340px)}.legal-document{max-width:960px;padding:clamp(1.5rem,5vw,4rem)}.legal-header{margin:-1rem -1rem 2.5rem;padding:clamp(1.5rem,5vw,3rem);border-radius:1.2rem;background:linear-gradient(135deg,#075e54,#118366);color:#fff}.legal-header h1{margin:.55rem 0;color:#fff}.legal-header .eyebrow{color:#73eca4}.legal-updated{margin:0!important;color:#c9eddd!important;font-size:.82rem}.legal-intro{margin-bottom:2.5rem;padding:1.4rem;border:1px solid #bde5cd;border-left:4px solid #21c768;border-radius:0 1rem 1rem 0;background:#f0fcf5}.legal-intro>strong{font-size:1.08rem;color:#075e54}.legal-document h2{padding-top:1.1rem;border-top:1px solid #e0ebe5;color:#123b2c;font-size:1.45rem}.legal-document h3{margin:1.7rem 0 .5rem;color:#176e4d;font-size:1.02rem;font-weight:800}.legal-document ul{margin:1rem 0 1.4rem;padding-left:0;list-style:none}.legal-document li{position:relative;margin:.55rem 0;padding-left:1.55rem;color:#52655e;line-height:1.65}.legal-document li:before{content:"✓";position:absolute;left:0;top:.05rem;color:#16a85d;font-weight:800}.legal-contact{display:flex;flex-direction:column;gap:.35rem;margin:1rem 0 1.4rem;padding:1rem 1.2rem;border:1px solid #d3e5dc;border-radius:.9rem;background:#f7fbf9;color:#52655e}.legal-contact strong{color:#075e54}.legal-contact a{color:#11835a;font-weight:800}.legal-contact a:hover{text-decoration:underline}@media(max-width:640px){.legal-header{margin:-.5rem -.5rem 2rem}.legal-document h2{font-size:1.25rem}}