@font-face { font-family:Manrope; font-style:normal; font-weight:400; font-display:swap; src:url("manrope-400.ttf") format("truetype"); }
@font-face { font-family:Manrope; font-style:normal; font-weight:500; font-display:swap; src:url("manrope-500.ttf") format("truetype"); }
@font-face { font-family:Manrope; font-style:normal; font-weight:600; font-display:swap; src:url("manrope-600.ttf") format("truetype"); }
@font-face { font-family:Manrope; font-style:normal; font-weight:700; font-display:swap; src:url("manrope-700.ttf") format("truetype"); }
@font-face { font-family:Manrope; font-style:normal; font-weight:800; font-display:swap; src:url("manrope-800.ttf") format("truetype"); }
/* SmartBots Landing v2 — visual tokens and layout from approved handoff. */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F7F8FB;color:#152238;font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;text-wrap:pretty}
a{color:#245BEB;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#1D4ED0}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #245BEB;outline-offset:2px}
h1,h2,h3,p{margin:0}

.v1 { min-height:100vh;display:flex;flex-direction:column;overflow-x:clip }
.v2 { padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;width:100%;margin:0 auto }
.v3 { display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#152238 }
.v4 { font-weight:800;font-size:19px;letter-spacing:-.01em;line-height:1 }
.v5 { background:linear-gradient(90deg,#F58529,#DD2A7B,#8134AF);-webkit-background-clip:text;background-clip:text;color:transparent }
.v6 { height:3px;width:56px;border-radius:2px;background:linear-gradient(90deg,#245BEB,#DD2A7B,#F58529) }
.v7 { height:44px;padding:0 18px;border-radius:10px;border:1px solid #DCE3EC;background:#fff;font-weight:600;font-size:15px;color:#152238 }
.state7:hover { border-color:#245BEB;color:#245BEB }
.v8 { flex:1 }
.v9 { padding:clamp(24px,5vw,72px) 20px clamp(40px,7vw,72px);position:relative }
.v10 { position:absolute;right:-120px;top:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgba(221,42,123,.14),rgba(221,42,123,0));pointer-events:none }
.v11 { max-width:1040px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px 48px;align-items:center;position:relative }
.v12 { flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:18px }
.v13 { font-size:14px;font-weight:700;color:#526174;letter-spacing:.01em }
.v14 { font-size:clamp(34px,8.6vw,60px);line-height:1.06;font-weight:800;letter-spacing:-.025em }
.v15 { font-size:clamp(17px,4.5vw,20px);line-height:1.5;color:#526174;max-width:560px }
.v16 { display:inline-flex;align-self:flex-start;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #DCE3EC;color:#152238;font-weight:700;font-size:15px;gap:8px }
.v17 { width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#F58529,#DD2A7B) }
.v18 { display:flex;flex-direction:column;gap:14px;margin-top:6px }
.v19 { width:100%;max-width:380px;height:56px;border-radius:12px;border:0;background:#245BEB;color:#fff;font-weight:700;font-size:17px }
.state20:hover { background:#1D4ED0 }
.v20 { display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.45 }
.v21 { font-weight:700;color:#152238 }
.v22 { color:#526174 }
.v23 { align-self:flex-start;font-size:15px;font-weight:600;padding:8px 0;min-height:44px;display:inline-flex;align-items:center }
.v24 { flex:0 0 auto;width:100%;max-width:300px;margin:0 auto;position:relative;padding-left:20px }
.v25 { position:absolute;left:0;top:24px;padding:10px 16px;border-radius:14px;background:linear-gradient(135deg,#F58529 0%,#DD2A7B 55%,#8134AF 100%);color:#fff;font-weight:800;font-size:18px;letter-spacing:.02em;box-shadow:0 12px 30px rgba(221,42,123,.3);z-index:2;transform:rotate(-6deg) }
.v26 { position:absolute;left:12px;bottom:-6px;width:14px;height:14px;background:#F58529;transform:rotate(45deg);border-radius:3px }
.v27 { border-radius:44px;background:#0F1626;padding:10px;box-shadow:0 30px 60px rgba(21,34,56,.25),0 0 0 1px rgba(255,255,255,.08) inset }
.v28 { border-radius:36px;background:#fff;overflow:hidden;position:relative }
.v29 { position:absolute;left:50%;top:10px;transform:translateX(-50%);width:96px;height:28px;border-radius:999px;background:#0F1626 }
.v30 { display:flex;justify-content:space-between;padding:14px 22px 0;font-size:12px;font-weight:700;color:#152238 }
.v31 { display:flex;gap:4px;align-items:center }
.v32 { width:14px;height:8px;border-radius:2px;border:1.5px solid #152238 }
.v33 { display:flex;align-items:center;gap:10px;padding:22px 16px 12px;border-bottom:1px solid #EEF1F5 }
.v34 { width:30px;height:30px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF) }
.v35 { display:flex;width:100%;height:100%;border-radius:50%;background:#fff;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#152238 }
.v36 { display:flex;flex-direction:column;line-height:1.2 }
.v37 { font-size:13px;font-weight:700 }
.v38 { font-size:11px;color:#526174 }
.v39 { padding:14px 12px 16px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.4;background:#FAFBFD }
.v40 { align-self:center;font-size:11px;color:#526174;background:#EEF1F5;padding:3px 10px;border-radius:999px }
.v41 { align-self:flex-start;max-width:86%;padding:9px 11px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #E6EAF0;display:flex;flex-direction:column;gap:7px }
.v42 { display:block;text-align:center;padding:7px;border-radius:8px;border:1px solid #245BEB;color:#245BEB;font-weight:700;font-size:12px }
.v43 { align-self:flex-end;max-width:70%;padding:8px 11px;border-radius:14px 14px 4px 14px;background:#245BEB;color:#fff }
.v44 { align-self:flex-start;max-width:86%;padding:9px 11px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #E6EAF0;color:#526174 }
.v45 { align-self:flex-start;max-width:90%;padding:9px 11px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #E6EAF0;display:flex;flex-direction:column;gap:7px }
.v46 { color:#1B9E5A;font-weight:700 }
.v47 { display:block;padding:7px 9px;border-radius:8px;background:#EAF0FF;color:#245BEB;font-weight:600;font-size:11.5px }
.v48 { padding:clamp(48px,7vw,88px) 20px;background:#fff;border-top:1px solid #DCE3EC;border-bottom:1px solid #DCE3EC }
.v49 { max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:22px }
.v50 { display:flex;flex-direction:column;gap:10px }
.v51 { font-size:clamp(26px,6.5vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.015em }
.v52 { font-size:17px;color:#526174 }
.v53 { border:1px solid #DCE3EC;border-radius:16px;background:#F7F8FB;overflow:hidden }
.v54 { display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;background:#fff;border-bottom:1px solid #DCE3EC }
.v55 { height:44px;border-radius:10px;border:0;font-weight:600;font-size:15px }
.v56 { padding:18px 16px 16px;display:flex;flex-direction:column;gap:16px }
.v57 { display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#526174 }
.v58 { padding:6px 10px;border-radius:8px;background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF);color:#fff;font-weight:700 }
.v59 { padding:6px 10px;border-radius:8px;background:#fff;border:1px solid #DCE3EC }
.v60 { padding:6px 10px;border-radius:8px;background:#EAF0FF;color:#245BEB }
.v61 { display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#526174 }
.v62 { height:48px;padding:0 14px;border:1px solid #DCE3EC;border-radius:10px;background:#fff;font-size:16px;font-weight:600;color:#152238;width:100% }
.state64:focus { border-color:#245BEB;box-shadow:0 0 0 3px #EAF0FF;outline:none }
.v63 { padding:12px 14px;border:1px solid #DCE3EC;border-radius:10px;background:#fff;font-size:16px;color:#152238;resize:none;width:100%;line-height:1.45 }
.state66:focus { border-color:#245BEB;box-shadow:0 0 0 3px #EAF0FF;outline:none }
.v64 { height:48px;padding:0 14px;border:1px solid #DCE3EC;border-radius:10px;background:#fff;font-size:16px;color:#152238;width:100% }
.state68:focus { border-color:#245BEB;box-shadow:0 0 0 3px #EAF0FF;outline:none }
.v65 { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 0;border:0;background:transparent;text-align:left;font-size:15px;font-weight:600;color:#152238;width:100% }
.v66 { flex:none;width:46px;height:28px;border-radius:999px;position:relative }
.v67 { position:absolute;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(21,34,56,.2) }
.v68 { height:52px;border-radius:12px;border:0;background:#245BEB;color:#fff;font-weight:700;font-size:16px }
.state73:hover { background:#1D4ED0 }
.v69 { padding:18px 16px 16px;display:flex;flex-direction:column;gap:18px }
.v70 { display:flex;flex-direction:column;gap:8px }
.v71 { font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#526174 }
.v72 { display:flex;gap:10px;align-items:flex-start }
.v73 { flex:none;width:34px;height:34px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF) }
.v74 { display:flex;width:100%;height:100%;border-radius:50%;background:#fff;color:#526174;align-items:center;justify-content:center;font-size:13px;font-weight:700 }
.v75 { display:flex;flex-direction:column;gap:6px;font-size:15px }
.v76 { font-weight:700 }
.v77 { font-size:14px;color:#526174 }
.v78 { align-self:flex-start;max-width:92%;padding:12px 14px;border-radius:16px 16px 16px 6px;background:#fff;border:1px solid #DCE3EC;font-size:16px;display:flex;flex-direction:column;gap:10px }
.v79 { display:block;padding:10px 12px;border-radius:10px;background:#EAF0FF;color:#245BEB;font-weight:600;font-size:14px;word-break:break-all }
.v80 { height:44px;border-radius:10px;border:1px solid #245BEB;background:#fff;color:#245BEB;font-weight:700;font-size:15px }
.state86:hover { background:#EAF0FF }
.v81 { font-size:13px;color:#526174 }
.v82 { align-self:flex-end;max-width:92%;padding:10px 14px;border-radius:16px 16px 6px 16px;background:#245BEB;color:#fff;font-size:15px }
.v83 { align-self:flex-start;max-width:92%;padding:12px 14px;border-radius:16px 16px 16px 6px;background:#fff;border:1px solid #DCE3EC;font-size:16px }
.v84 { display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px dashed #DCE3EC }
.v85 { font-size:13px;font-weight:600;color:#526174 }
.v86 { display:grid;grid-template-columns:1fr 1fr;gap:8px }
.v87 { height:44px;border-radius:10px;border:1px solid #DCE3EC;background:#fff;font-weight:600;font-size:15px }
.state94:hover { border-color:#245BEB }
.state95:hover { border-color:#245BEB }
.state96:hover { background:#EAF0FF }
.v88 { align-self:flex-start;min-height:44px;padding:0 4px;border:0;background:transparent;color:#245BEB;font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:3px }
.v89 { font-size:13px;color:#526174;margin-top:-12px }
.v90 { margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:17px;font-weight:600 }
.v91 { display:flex;gap:12px }
.v92 { flex:none;width:28px;height:28px;border-radius:50%;background:#EAF0FF;color:#245BEB;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800 }
.v93 { font-size:15px;color:#526174 }
.v94 { padding:clamp(48px,7vw,88px) 20px }
.v95 { background:#fff;border:1px solid #DCE3EC;border-radius:20px;padding:clamp(22px,5vw,32px);display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden }
.v96 { position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#245BEB,#8134AF,#DD2A7B,#F58529) }
.v97 { align-self:flex-start;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#F58529,#DD2A7B,#8134AF);color:#fff;font-size:13px;font-weight:700 }
.v98 { font-size:clamp(40px,10vw,56px);line-height:1;font-weight:800;letter-spacing:-.02em }
.v99 { font-size:.45em;font-weight:600;color:#526174;letter-spacing:0 }
.v100 { font-size:16px;font-weight:600 }
.v101 { align-self:flex-start;padding:5px 10px;border-radius:999px;background:#EAF0FF;color:#245BEB;font-size:13px;font-weight:700 }
.v102 { display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#F7F8FB;border:1px solid #DCE3EC }
.v103 { flex:none;width:36px;height:36px;border-radius:9px;background:#245BEB;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px }
.v104 { display:flex;flex-direction:column }
.v105 { font-weight:700;font-size:16px }
.v106 { margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:16px }
.v107 { display:flex;gap:12px;align-items:flex-start }
.v108 { flex:none;margin-top:3px;width:20px;height:20px;border-radius:50%;background:#EAF0FF;color:#245BEB;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800 }
.v109 { display:flex;flex-direction:column;gap:12px;padding-top:6px;border-top:1px solid #DCE3EC }
.v110 { height:56px;border-radius:12px;border:0;background:#245BEB;color:#fff;font-weight:700;font-size:17px;margin-top:10px }
.state120:hover { background:#1D4ED0 }
.v111 { padding:clamp(8px,2vw,24px) 20px clamp(48px,7vw,88px) }
.v112 { max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px }
.v113 { font-size:clamp(24px,6vw,32px);line-height:1.15;font-weight:800;letter-spacing:-.015em }
.v114 { display:flex;flex-direction:column;border-top:1px solid #DCE3EC }
.v115 { padding:clamp(44px,7vw,80px) 20px;background:#fff;border-top:1px solid #DCE3EC }
.v116 { max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:16px }
.v117 { width:100%;max-width:380px;height:56px;border-radius:12px;border:0;background:#245BEB;color:#fff;font-weight:700;font-size:17px;margin-top:6px }
.state128:hover { background:#1D4ED0 }
.v118 { padding:clamp(48px,7vw,96px) 20px;background:#0F1626;color:#fff;position:relative;overflow:hidden }
.v119 { position:absolute;right:-160px;bottom:-200px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(221,42,123,.35),rgba(221,42,123,0));pointer-events:none }
.v120 { position:absolute;left:-200px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(36,91,235,.35),rgba(36,91,235,0));pointer-events:none }
.v121 { max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:32px;position:relative }
.v122 { display:flex;flex-direction:column;gap:14px;max-width:680px }
.v123 { display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C9D3E6 }
.v124 { height:3px;width:28px;border-radius:2px;background:linear-gradient(90deg,#245BEB,#DD2A7B,#F58529) }
.v125 { font-size:17px;font-weight:600;color:#C9D3E6 }
.v126 { font-size:clamp(30px,7.5vw,48px);line-height:1.08;font-weight:800;letter-spacing:-.02em }
.v127 { font-size:17px;line-height:1.5;color:#C9D3E6 }
.v128 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px }
.v129 { padding:22px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px }
.v130 { width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px }
.v131 { font-size:19px;font-weight:800;line-height:1.25;min-height:2.5em }
.v132 { font-size:15px;color:#C9D3E6 }
.v133 { width:40px;height:40px;border-radius:12px;background:#245BEB;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px }
.v134 { width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#245BEB,#8134AF);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px }
.v135 { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,rgba(245,133,41,.18),rgba(221,42,123,.18) 50%,rgba(36,91,235,.22));border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none }
.state147:hover { border-color:rgba(255,255,255,.4);color:#fff }
.v136 { display:flex;flex-direction:column;gap:4px;min-width:0 }
.v137 { font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#C9D3E6 }
.v138 { font-size:clamp(20px,5vw,26px);font-weight:800;letter-spacing:-.01em;line-height:1.2 }
.v139 { font-size:14px;color:#C9D3E6 }
.v140 { flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fff;color:#0F1626;font-size:24px;font-weight:700;line-height:1 }
.v141 { padding:28px 20px calc(28px + env(safe-area-inset-bottom));background:#fff }
.v142 { max-width:640px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:14px;color:#526174 }
.v143 { font-weight:800;color:#152238 }
.v144 { border-bottom:1px dashed #DCE3EC }
.v145 { max-width:640px;margin:16px auto 0;font-size:12px;line-height:1.5;color:#526174 }
/* Native interactions and accessibility, independent of the design runtime. */
[hidden] { display:none !important }
.conditional { display:contents }
.cta-link { display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none }
.cta-link:hover { color:#fff }
header .cta-link:hover { color:#245BEB }
[role="tab"] { background:transparent;color:#526174 }
[role="tab"][aria-selected="true"] { background:#245BEB;color:#fff }
.switch-track { background:#DCE3EC }
.switch-knob { left:3px }
[aria-checked="true"] .switch-track { background:#245BEB }
[aria-checked="true"] .switch-knob { left:21px }
input,textarea { min-width:0 }
[data-text] { overflow-wrap:anywhere }
.faq-item { border-bottom:1px solid #DCE3EC;scroll-margin-top:16px }
.faq-item summary { display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;list-style:none;font-size:17px;font-weight:700;cursor:pointer }
.faq-item summary::-webkit-details-marker { display:none }
.faq-symbol::after { content:'+';flex:none;width:28px;height:28px;border-radius:50%;background:#EAF0FF;color:#245BEB;display:grid;place-items:center;font-size:18px;font-weight:700;line-height:1 }
.faq-item[open] .faq-symbol::after { content:'−' }
.faq-answer { padding:0 0 18px;display:flex;flex-direction:column;gap:10px;font-size:16px;color:#526174;max-width:560px }
.skip-link { position:fixed;top:-80px;left:16px;z-index:20;padding:12px;background:#fff }
.skip-link:focus { top:12px }
#demo { scroll-margin-top:12px }
@media (prefers-reduced-motion:no-preference) { html { scroll-behavior:smooth } }

.faq-symbol { flex:none }
footer a.v144 { color:inherit;text-decoration:none }
