:root{--chat-navy:#071a3d;--chat-ink:#12233e;--chat-blue:#0874ef;--chat-cyan:#16d9bd;--chat-green:#20b86b;--chat-paper:#f4f8fd;--chat-line:#d9e5f1;--chat-muted:#62738a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.open-chat-page{margin:0;overflow-x:clip;background:#fff;color:var(--chat-ink);font:400 16px/1.65 "DM Sans",sans-serif}
.open-chat-page a{color:inherit;text-decoration:none}
.open-chat-page .site-header{position:absolute;z-index:30;top:0;right:0;left:0}
.open-chat-page .nav-shell{margin-top:14px;background:rgba(255,255,255,.97);box-shadow:0 16px 50px rgba(1,18,44,.18)}
.chat-hero{position:relative;overflow:hidden;padding:148px 0 82px;background:radial-gradient(circle at 12% 22%,rgba(22,217,189,.16),transparent 29%),radial-gradient(circle at 88% 15%,rgba(8,116,239,.2),transparent 31%),linear-gradient(145deg,#05132b 0,#08234a 58%,#0a315b 100%);color:#fff}
.chat-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.chat-hero:after{position:absolute;right:-150px;bottom:-220px;width:520px;height:520px;border:1px solid rgba(84,227,203,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(84,227,203,.025),0 0 0 140px rgba(84,227,203,.018);content:""}
.chat-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.94fr) minmax(430px,.76fr);gap:80px;align-items:center}
.chat-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 25px;color:#9fb4cf;font-size:12px}
.chat-breadcrumb a:hover{color:#fff}
.chat-kicker{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:#78e9d7;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.chat-kicker i{width:8px;height:8px;border-radius:50%;background:var(--chat-cyan);box-shadow:0 0 0 6px rgba(22,217,189,.1)}
.chat-kicker.dark{color:#067360}
.chat-copy h1{max-width:720px;margin:0 0 24px;font:800 clamp(45px,5.4vw,72px)/1.01 Manrope,sans-serif;letter-spacing:-.052em}
.chat-copy h1 em{color:#68ead6;font-style:normal}
.chat-lead{max-width:680px;margin:0;color:#c5d3e6;font-size:19px;line-height:1.65}
.chat-lead strong{color:#fff}
.chat-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin:28px 0 0;padding:0;list-style:none;color:#afc0d5;font-size:12px}
.chat-trust li{display:flex;align-items:center;gap:7px}
.chat-trust span{display:grid;width:18px;height:18px;border:1px solid rgba(98,232,210,.42);border-radius:50%;color:#62e8d2;font-size:10px;place-items:center}
.chat-tool-card{position:relative;padding:27px;border:1px solid rgba(255,255,255,.22);border-radius:27px;background:#fff;color:var(--chat-ink);box-shadow:0 38px 90px rgba(0,0,0,.34),11px 12px 0 rgba(22,217,189,.18)}
.route-rail{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:-12px 0 23px;padding:9px 12px;border:1px solid #dce8f3;border-radius:13px;background:#f5f9fd;color:#5c6f87;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.route-rail span{display:flex;align-items:center;gap:7px}
.route-rail .route-end{justify-content:flex-end;color:#087760}
.route-rail i{width:7px;height:7px;border-radius:50%;background:#8aa0b9}
.route-rail .route-end i{background:var(--chat-green);box-shadow:0 0 0 4px rgba(32,184,107,.1)}
.route-rail b{color:#8ba0b7;font-size:14px}
.tool-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.tool-heading small{display:block;margin-bottom:4px;color:var(--chat-blue);font-size:9px;font-weight:700;letter-spacing:.13em}
.tool-heading h2{margin:0;font:700 23px/1.2 Manrope,sans-serif;letter-spacing:-.025em}
.live-badge{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#ecfbf4;color:#07824e;font-size:9px;font-weight:700}
.live-badge i{width:6px;height:6px;border-radius:50%;background:#19b96b;box-shadow:0 0 0 4px rgba(25,185,107,.1);animation:chatPulse 2s infinite}
.phone-row{display:grid;grid-template-columns:125px minmax(0,1fr);gap:10px}
.chat-field{display:block}
.chat-field>span{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px;color:#2f435d;font-size:11px;font-weight:700}
.chat-field>span small{color:#8593a5;font-size:9px;font-weight:500;text-transform:uppercase}
.chat-field input,.chat-field select,.chat-field textarea{width:100%;border:1px solid #cddbe9;border-radius:12px;outline:none;background:#f9fbfd;color:#18304f;font:500 14px "DM Sans",sans-serif;transition:border-color .18s,box-shadow .18s,background .18s}
.chat-field input,.chat-field select{height:50px;padding:0 13px}
.chat-field select{padding-right:7px;cursor:pointer}
.chat-field textarea{min-height:89px;padding:13px 14px;resize:vertical}
.chat-field input:hover,.chat-field select:hover,.chat-field textarea:hover{border-color:#a9bed2;background:#fff}
.chat-field input:focus,.chat-field select:focus,.chat-field textarea:focus{border-color:var(--chat-blue);background:#fff;box-shadow:0 0 0 4px rgba(8,116,239,.11)}
.chat-field input[aria-invalid="true"]{border-color:#d73545;box-shadow:0 0 0 4px rgba(215,53,69,.08)}
.field-hint{margin:7px 0 0;color:#7a899c;font-size:10px}
.field-error{min-height:18px;margin:1px 0 4px;color:#c52d3e;font-size:10px;font-weight:600}
.message-field{position:relative;margin-top:2px}
.message-count{position:absolute;right:10px;bottom:9px;padding:2px 5px;border-radius:5px;background:rgba(249,251,253,.94);color:#8493a6;font-size:9px}
.open-button{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;min-height:62px;margin-top:17px;padding:8px 10px;border:0;border-radius:14px;background:linear-gradient(135deg,#17ad64,#21c979);color:#fff;box-shadow:0 16px 34px rgba(25,180,104,.25);cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s,filter .18s}
.open-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(25,180,104,.32);filter:saturate(1.05)}
.open-button:focus-visible,.web-button:focus-visible{outline:3px solid rgba(8,116,239,.32);outline-offset:3px}
.wa-mark{display:grid;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.13);font-size:20px;place-items:center}
.open-button small,.open-button strong{display:block}
.open-button small{margin-bottom:1px;color:#dff9e9;font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.open-button strong{font:700 13px Manrope,sans-serif}
.open-button>b{display:grid;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.13);font-size:16px;place-items:center}
.web-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:9px;border:1px solid #cddceb;border-radius:12px;background:#fff;color:#34506e;font:700 11px "DM Sans",sans-serif;cursor:pointer;transition:border-color .18s,background .18s}
.web-button:hover{border-color:#8cb3df;background:#f2f7fd}
.open-status{margin-top:12px;padding:11px 13px;border:1px solid #bcebd3;border-radius:11px;background:#f0fbf5;color:#35614b;font-size:10px}
.open-status strong,.open-status span{display:block}
.open-status a{color:#087551;font-weight:700;text-decoration:underline}
.privacy-line{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0 -4px;color:#77879a;font-size:9px;text-align:center}
.privacy-line span{color:#16a88d;font-size:15px}
.chat-proof{border-bottom:1px solid var(--chat-line);background:#fff}
.chat-proof .container{display:flex;align-items:center;justify-content:center;gap:15px;padding-top:21px;padding-bottom:21px;color:#64758a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.chat-proof strong{color:#213a59;font-size:10px}
.chat-proof i{color:#27af76;font-style:normal}
.chat-section{padding:96px 0}
.chat-section-head{max-width:760px;margin-bottom:42px}
.chat-section-head.compact{max-width:660px}
.chat-section-head h2,.device-copy h2,.privacy-grid h2{margin:0 0 18px;font:800 clamp(35px,4.2vw,54px)/1.08 Manrope,sans-serif;letter-spacing:-.045em}
.chat-section-head>p:last-child,.device-copy>p{margin:0;color:var(--chat-muted);font-size:17px}
.chat-how{background:#fff}
.chat-steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--chat-line);border-radius:23px;background:#fff;box-shadow:0 24px 60px rgba(18,45,80,.08)}
.chat-steps article{position:relative;min-height:230px;padding:34px 31px;border-right:1px solid var(--chat-line)}
.chat-steps article:last-child{border:0}
.chat-steps b{display:grid;width:39px;height:39px;margin-bottom:37px;border-radius:11px;background:#eaf3ff;color:var(--chat-blue);font:700 11px Manrope,sans-serif;place-items:center}
.chat-steps article:nth-child(3) b{background:#eafaf4;color:#078259}
.chat-steps h3{margin:0 0 9px;font:700 20px/1.2 Manrope,sans-serif}
.chat-steps p{margin:0;color:var(--chat-muted);font-size:13px}
.device-section{background:linear-gradient(180deg,#f4f8fd,#fff)}
.device-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}
.device-copy>p{max-width:670px}
.device-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:31px}
.device-notes>div{padding:19px;border:1px solid #dbe6f1;border-radius:15px;background:#fff}
.device-notes strong,.device-notes span{display:block}
.device-notes strong{margin-bottom:5px;font:700 14px Manrope,sans-serif}
.device-notes span{color:#6b7a8d;font-size:11px}
.conversation-preview{position:relative;padding:16px;border:1px solid #cbdbea;border-radius:25px;background:#fff;box-shadow:20px 24px 0 #dfeaf5,0 28px 65px rgba(17,48,85,.13)}
.preview-top{display:flex;align-items:center;justify-content:space-between;padding:8px 7px 18px;color:#6a7c91;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.preview-top span{display:flex;align-items:center;gap:7px;color:#1a385c}
.preview-top i{width:7px;height:7px;border-radius:50%;background:#1dbb6c;box-shadow:0 0 0 5px rgba(29,187,108,.1)}
.preview-contact{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:17px;border:1px solid #dce7f1;border-radius:16px;background:#f7fafd}
.preview-contact>b{display:grid;width:46px;height:46px;border-radius:13px;background:#e6f1ff;color:#0874ef;font:700 13px Manrope,sans-serif;place-items:center}
.preview-contact strong,.preview-contact small{display:block}
.preview-contact strong{font:700 14px Manrope,sans-serif}
.preview-contact small{margin-top:3px;color:#8290a1;font-size:9px}
.preview-contact>span{display:grid;width:25px;height:25px;border-radius:50%;background:#e7faf0;color:#0a9059;font-size:11px;place-items:center}
.preview-arrow{height:42px;color:#209868;font-size:23px;text-align:center;line-height:42px}
.preview-chat{overflow:hidden;border:1px solid #d5e0ea;border-radius:18px;background:#efeae2}
.preview-chat header{display:flex;align-items:center;gap:10px;padding:13px;background:#075e54;color:#fff}
.preview-chat header>span{display:grid;width:34px;height:34px;border-radius:50%;background:#d8f2e8;color:#08745e;font-weight:700;place-items:center}
.preview-chat header strong,.preview-chat header small{display:block}
.preview-chat header strong{font:700 11px Manrope,sans-serif}
.preview-chat header small{color:#bfddd7;font-size:8px}
.preview-chat>p{position:relative;width:76%;margin:31px 13px 38px auto;padding:12px 12px 22px;border-radius:10px 2px 10px 10px;background:#d9fdd3;color:#253832;font-size:11px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.preview-chat>p small{position:absolute;right:7px;bottom:4px;color:#6d7d77;font-size:7px}
.intent-split{background:#fff}
.intent-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.intent-card{position:relative;min-height:250px;padding:32px;border:1px solid var(--chat-line);border-radius:20px;background:#fff}
.intent-card.active{border-color:#a9e8d4;background:radial-gradient(circle at 90% 10%,rgba(22,217,189,.14),transparent 35%),#f5fcfa}
.intent-card>span{color:#73859a;font-size:9px;font-weight:700;letter-spacing:.13em}
.intent-card h3{margin:27px 0 9px;font:800 29px/1.1 Manrope,sans-serif;letter-spacing:-.035em}
.intent-card p{max-width:490px;margin:0 0 24px;color:#63748a}
.intent-card strong{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf3f9;color:#334e6d;font-size:10px}
.intent-card.active strong{background:#dff8ee;color:#087551}
.intent-card a{position:absolute;right:30px;bottom:31px;color:var(--chat-blue);font-size:11px;font-weight:700}
.intent-card a:hover{text-decoration:underline}
.privacy-section{background:radial-gradient(circle at 10% 20%,rgba(22,217,189,.13),transparent 30%),linear-gradient(135deg,#071a3d,#0b2f5c);color:#fff}
.privacy-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start}
.privacy-grid h2{margin-bottom:0}
.privacy-grid>div:last-child>p{margin:5px 0 24px;color:#c0cee0;font-size:17px}
.privacy-grid ul{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.privacy-grid li{padding:9px 12px;border:1px solid rgba(105,232,211,.25);border-radius:999px;background:rgba(22,217,189,.07);color:#d8f8f1;font-size:10px;font-weight:700}
.privacy-grid li span{margin-right:5px;color:#63e7d1}
.scale-section{padding:100px 0;background:#f5f8fc}
.scale-grid{display:grid;grid-template-columns:1fr .95fr;gap:75px;align-items:center}
.scale-grid h2{margin:0 0 21px;font:800 clamp(37px,4.3vw,57px)/1.06 Manrope,sans-serif;letter-spacing:-.047em}
.scale-grid h2 em{color:#0874ef;font-style:normal}
.scale-grid>div:first-child>p:not(.chat-kicker){max-width:670px;margin:0;color:#607188;font-size:16px}
.scale-actions{display:flex;align-items:center;gap:20px;margin-top:29px}
.scale-primary{display:inline-flex;min-height:52px;align-items:center;padding:0 20px;border-radius:12px;background:#0874ef;color:#fff!important;font-weight:700;box-shadow:0 14px 30px rgba(8,116,239,.2)}
.scale-actions>a:last-child{color:#31506f;font-size:12px;font-weight:700}
.scale-board{overflow:hidden;border:1px solid #d4e1ee;border-radius:23px;background:#fff;box-shadow:0 28px 70px rgba(18,45,80,.13)}
.scale-board>header{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #e1eaf3;color:#234261}
.scale-board>header span{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.1em}
.scale-board>header i{width:7px;height:7px;border-radius:50%;background:#20bb6c;box-shadow:0 0 0 5px rgba(32,187,108,.1)}
.scale-board>header b{font:700 13px Manrope,sans-serif}
.scale-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:32px 21px}
.scale-flow article{min-height:118px;padding:15px;border:1px solid #dce6f0;border-radius:13px;background:#f8fafc}
.scale-flow article small,.scale-flow article strong,.scale-flow article span{display:block}
.scale-flow article small{color:#0874ef;font-size:8px;font-weight:700}
.scale-flow article strong{margin:16px 0 5px;font:700 11px/1.3 Manrope,sans-serif}
.scale-flow article span{color:#7b899b;font-size:8px}
.scale-flow>i{color:#1eac72;font-style:normal}
.scale-board>footer{display:flex;align-items:center;justify-content:space-between;padding:16px 21px;background:#071a3d;color:#fff}
.scale-board>footer span{color:#9eb2cc;font-size:9px}
.scale-board>footer strong{font:700 10px Manrope,sans-serif}
.chat-faq{padding:100px 0;background:#fff}
.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.chat-faq-list{border-top:1px solid #cfdce9}
.chat-faq-list details{border-bottom:1px solid #cfdce9}
.chat-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;cursor:pointer;list-style:none;font:700 16px/1.4 Manrope,sans-serif}
.chat-faq-list summary::-webkit-details-marker{display:none}
.chat-faq-list summary span{display:grid;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#edf4fb;color:#0874ef;place-items:center;transition:transform .2s}
.chat-faq-list details[open] summary span{transform:rotate(45deg)}
.chat-faq-list details p{margin:-5px 45px 22px 0;color:#63748a;font-size:14px}
.chat-faq-list a{color:#0874ef;font-weight:700;text-decoration:underline}
@keyframes chatPulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:1050px){.chat-hero-layout{grid-template-columns:1fr;gap:48px}.chat-copy{max-width:790px}.chat-tool-card{width:min(100%,620px)}.device-grid,.scale-grid{grid-template-columns:1fr;gap:55px}.conversation-preview,.scale-board{width:min(100%,650px)}.privacy-grid,.faq-grid{gap:48px}.scale-flow article{min-height:105px}}
@media(max-width:760px){.open-chat-page .site-header{position:absolute}.chat-hero{padding:122px 0 64px}.chat-hero-layout{gap:38px}.chat-copy h1{font-size:44px}.chat-lead{font-size:16px}.chat-trust{display:grid;gap:9px}.chat-tool-card{padding:21px;border-radius:21px;box-shadow:0 28px 60px rgba(0,0,0,.3),7px 8px 0 rgba(22,217,189,.16)}.phone-row{grid-template-columns:112px minmax(0,1fr)}.chat-proof .container{align-items:flex-start;flex-direction:column;gap:7px}.chat-proof i{display:none}.chat-section,.chat-faq,.scale-section{padding:72px 0}.chat-steps{grid-template-columns:1fr}.chat-steps article{min-height:0;border-right:0;border-bottom:1px solid var(--chat-line)}.chat-steps b{margin-bottom:22px}.device-grid,.privacy-grid,.scale-grid,.faq-grid{grid-template-columns:1fr}.device-notes,.intent-cards{grid-template-columns:1fr}.privacy-grid{gap:34px}.intent-card a{position:static;display:block;margin-top:23px}.scale-actions{align-items:flex-start;flex-direction:column}.scale-flow{grid-template-columns:1fr}.scale-flow>i{transform:rotate(90deg);text-align:center}.scale-flow article{min-height:0}.scale-board>footer{align-items:flex-start;flex-direction:column;gap:5px}.chat-section-head h2,.device-copy h2,.privacy-grid h2,.scale-grid h2{font-size:37px}}
@media(max-width:520px){.chat-hero{padding-top:112px}.chat-copy h1{font-size:40px}.chat-breadcrumb{display:none}.chat-kicker{font-size:9px}.chat-tool-card{margin:0 -3px;padding:17px}.route-rail{margin-top:-5px}.tool-heading h2{font-size:20px}.phone-row{grid-template-columns:1fr}.country-field select{font-size:13px}.chat-field input,.chat-field select{height:48px}.open-button{min-height:60px}.chat-proof .container{padding-top:17px;padding-bottom:17px}.chat-section,.chat-faq,.scale-section{padding:62px 0}.chat-section-head{margin-bottom:31px}.chat-section-head h2,.device-copy h2,.privacy-grid h2,.scale-grid h2{font-size:34px}.chat-steps article{padding:27px 23px}.device-notes{grid-template-columns:1fr}.conversation-preview{padding:10px;border-radius:20px;box-shadow:9px 11px 0 #dfeaf5}.preview-chat>p{width:86%}.intent-card{min-height:0;padding:26px 22px}.privacy-grid>div:last-child>p{font-size:15px}.privacy-grid ul{align-items:flex-start;flex-direction:column}.scale-board{border-radius:18px}.scale-flow{padding:22px 16px}.chat-faq-list summary{font-size:14px}.chat-faq-list details p{margin-right:15px}.route-rail{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-badge i{animation:none}.open-button,.chat-field input,.chat-field select,.chat-field textarea,.chat-faq-list summary span{transition:none}}
