@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
:root{--bg:#fff9f6;--ink:#49383c;--muted:#8d7779;--line:#eddcda;--accent:#b45e69}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1200px;margin:auto;padding:0 44px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'DM Serif Display',Georgia,serif;font-size:29px;letter-spacing:-1px}.logo span{color:#e7807d}.small{font-size:13px;color:var(--muted)}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:16px 24px;border-radius:50px;font-size:14px;font-weight:600}.btn:hover{background:var(--accent)}main{min-height:calc(100svh - 157px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:50px;padding-bottom:65px}.eyebrow{font-size:15px;line-height:1.5;letter-spacing:2px;text-transform:uppercase;color:#96545e;font-weight:700;margin-bottom:24px}h1{font:400 clamp(54px,6.2vw,94px)/1.04 'DM Serif Display',Georgia,serif;letter-spacing:-2.5px;margin:0 0 25px;max-width:760px}h1 em{font-style:normal;color:#b45e69}.lead{font-size:19px;line-height:1.65;max-width:530px;margin:0 0 27px;color:#4c5950}.channels{font-size:14px;font-weight:600;display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:0 0 38px}.channels span{border:1px solid #d4d8ce;padding:10px 14px;border-radius:30px}.side{min-width:0}.carousel{position:relative;max-width:520px;margin:auto}.slides{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.slides::-webkit-scrollbar{display:none}.slide{display:flex;flex:0 0 100%;width:100%;min-width:100%;min-height:355px;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always}.slide.active{display:flex;align-items:center;justify-content:center}.message-card{width:100%;border:1px solid #d7d9d0;background:#fff;border-radius:22px;padding:31px 29px;box-shadow:0 18px 42px #49383c10}.message-heading{font-size:12px;color:#788178;margin-bottom:24px;font-weight:700}.simple-chat{display:flex;flex-direction:column;gap:18px}.simple-chat .bubble{font-size:17px;padding:17px 20px;max-width:88%;line-height:1.5}.phone{border:1px solid #d7d9d0;background:#fafaf8;border-radius:32px;overflow:hidden;box-shadow:0 18px 42px #49383c10;width:min(100%,365px)}.phone-top{padding:15px 20px 13px;border-bottom:1px solid #e8e8e4;background:#fdfdfb;text-align:center}.phone-time{font-size:12px;font-weight:700;color:#343a34;text-align:left;padding-left:5px;margin-bottom:12px}.phone-avatar{width:39px;height:39px;background:#e3e8dc;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;color:#45644d;font-size:19px}.phone-name{font-size:13px;font-weight:700}.phone-sub{font-size:11px;color:#8a908a;margin-top:3px}.chat{padding:28px 18px 22px;min-height:225px;display:flex;flex-direction:column;gap:17px;justify-content:flex-end}.bubble{padding:14px 16px;border-radius:20px;font-size:15px;line-height:1.5;max-width:90%;overflow-wrap:anywhere}.outgoing{background:#348b55;color:white;align-self:flex-end;border-bottom-right-radius:5px}.incoming{background:#e8e9e5;color:#273129;align-self:flex-start;border-bottom-left-radius:5px}.phone-bottom{height:52px;padding:10px 15px;background:#fdfdfb;display:flex;align-items:center;gap:9px}.plus{font-size:21px;color:#8b948c}.compose{border:1px solid #dedfd9;border-radius:20px;height:30px;flex:1;color:#a6aaa4;font-size:12px;display:flex;align-items:center;padding:0 12px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:17px}.carousel-arrow{height:37px;width:37px;border:1px solid #d4d8ce;background:transparent;border-radius:50%;font-size:20px;color:var(--ink)}.carousel-arrow:hover{background:#e9ede5}.dots{display:flex;gap:9px}.dot{height:9px;width:9px;border:0;border-radius:50%;background:#c9cfc5;padding:0}.dot.active{background:var(--accent);width:24px;border-radius:8px}.slide-label{text-align:center;font-size:15px;font-weight:600;line-height:1.5;color:var(--ink);margin:0 0 16px}.note{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.5}.foot{height:67px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.overlay{position:fixed;inset:0;background:#101b15a8;display:none;align-items:center;justify-content:center;padding:20px;z-index:3}.overlay.open{display:flex}.dialog{background:var(--bg);border-radius:18px;padding:34px;width:min(520px,100%);max-height:92svh;overflow:auto;position:relative}.dialog h2{font:400 42px/1.1 'DM Serif Display',Georgia,serif;margin:0 0 12px}.dialog p{font-size:14px;color:var(--muted);line-height:1.6}.close{position:absolute;right:20px;top:12px;border:0;background:transparent;font-size:30px}.field{display:block;margin:18px 0 7px;font-size:13px;font-weight:600}input,textarea{width:100%;border:1px solid #bfc8bb;background:#fff;padding:13px;border-radius:8px}textarea{min-height:130px;resize:vertical}.result{display:none;background:#e7eae1;border-radius:10px;padding:16px;margin-top:18px;white-space:pre-wrap;font-size:13px;line-height:1.6}.result.show{display:block}@media(max-width:850px){.shell{padding:0 24px}main{grid-template-columns:1fr;gap:36px;padding-top:65px;padding-bottom:60px}h1{font-size:clamp(52px,10vw,78px)}.side{max-width:650px}.foot{height:auto;min-height:67px}.small{font-size:11px}}@media(max-width:450px){header{height:72px}.shell{padding-left:19px;padding-right:19px}.logo{font-size:25px}h1{font-size:51px;letter-spacing:-1.5px}.lead{font-size:17px}.slide{min-height:350px}.message-card{padding:24px 18px}.simple-chat .bubble{font-size:15px}.phone{border-radius:26px}.chat{min-height:210px;padding:20px 13px}.bubble{font-size:14px;padding:12px}.phone-top{padding:12px}.foot{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}}

#copy{margin-top:14px} [hidden]{display:none!important}