@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");
:root{--ink:#0b1220;--muted:#667085;--line:#e7eaf0;--soft:#f5f7fb;--green:#18a957;--green2:#0f8d47;--navy:#0b1220;--white:#fff;--shadow:0 24px 80px rgba(11,18,32,.10);--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.narrow{max-width:820px}.announcement{background:#eefbf3;color:#1e3d2b;font-size:13px;padding:9px 0}.announcement a{font-weight:700;text-decoration:underline;margin-left:5px}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,234,240,.85)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center}.brand img{width:166px;height:auto}.nav{display:flex;gap:22px;margin-left:auto}.nav a{font-weight:600;font-size:14px;color:#475467;padding:10px 0;position:relative}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--green);border-radius:2px}.nav-cta{margin-left:2px}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);margin:4px auto;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 18px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 12px 30px rgba(24,169,87,.22)}.btn-primary:hover{background:var(--green2)}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-outline-light{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}.btn-lg{padding:15px 21px;font-size:15px;border-radius:16px}.hero{padding:78px 0 70px;background:radial-gradient(circle at 78% 18%,rgba(24,169,87,.09),transparent 32%),linear-gradient(180deg,#fff 0%,#f8fbf9 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:66px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:11px;color:var(--green2)}.eyebrow.light{color:#9ff0c0}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 5px rgba(24,169,87,.10)}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;margin:0 0 16px;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(44px,5vw,72px);max-width:700px}h1 span{color:var(--green)}h2{font-size:clamp(34px,4vw,48px)}h3{font-size:22px;letter-spacing:-.02em}p{color:var(--muted);font-size:16px}.lead{font-size:19px;max-width:690px}.hero-copy .lead{margin:24px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:#52606f;font-weight:700}.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}.phone-shell{width:330px;border:11px solid #101828;border-radius:44px;background:#fff;box-shadow:0 36px 90px rgba(11,18,32,.20),0 10px 25px rgba(11,18,32,.10);padding:16px 14px 14px;position:relative}.phone-shell:before{content:"";position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:100px;height:19px;background:#101828;border-radius:0 0 13px 13px}.phone-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin:7px 4px 16px}.signal{font-size:7px;letter-spacing:2px}.mini-location,.mini-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:9px 10px;font-size:12px;margin-bottom:10px}.mini-location span{margin-left:auto}.mini-search{background:#f8fafb;color:#8793a5}.mini-label{font-size:12px;font-weight:800;margin:16px 3px 10px}.mini-services{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-services>div{padding:9px 5px 8px;border:1px solid var(--line);border-radius:14px;text-align:center;background:#fff}.mini-icon{display:flex;width:34px;height:34px;border-radius:12px;background:#effaf3;align-items:center;justify-content:center;margin:0 auto 5px}.mini-services small{display:block;font-size:9px;color:#667085;font-weight:700}.mini-section{display:flex;justify-content:space-between;align-items:center;margin:18px 3px 9px;font-size:11px}.mini-section span{color:var(--green2);font-weight:700}.mini-card{display:flex;gap:9px;padding:10px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px}.mini-store{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#dbf7e6;color:#0f8d47;font-weight:800}.mini-store.peach{background:#fff1e8;color:#c85e13}.mini-card strong{display:block;font-size:10px}.mini-card p{margin:2px 0;font-size:9px}.mini-card em{font-size:8px;color:var(--green2);font-style:normal;font-weight:800}.mini-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:12px -2px -3px;padding-top:10px}.mini-nav span{font-size:13px;text-align:center;color:#98a2b3}.mini-nav small{display:block;font-size:7px;margin-top:2px}.float-badge{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:11px 14px;border-radius:15px;font-size:12px;font-weight:800}.badge-a{right:-6px;top:23%}.badge-b{left:-35px;bottom:17%}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0}.stats>div{padding:4px 22px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border-right:0}.stats strong{display:block;font-size:15px;margin-bottom:3px}.stats span{font-size:12px;color:var(--muted)}.section{padding:100px 0}.section-soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-head>div{max-width:750px}.section-head>p{max-width:400px;margin:0}.section-head.center{display:block;text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;transition:.22s ease;overflow:hidden}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(11,18,32,.08);border-color:#d8dee8}.service-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:23px;margin-bottom:22px}.service-icon.green{background:#e9faef}.service-icon.orange{background:#fff1e6}.service-icon.blue{background:#eaf3ff}.service-icon.purple{background:#f1eaff}.service-icon.cyan{background:#e9fbfb}.service-icon.yellow{background:#fff8db}.service-card p{font-size:14px;max-width:280px}.arrow{position:absolute;right:21px;top:22px;font-size:19px;color:#9aa5b4}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.reverse-on-mobile{direction:ltr}.split-copy h2{max-width:650px}.split-copy>p{max-width:620px}.check-list{display:grid;gap:14px;margin:26px 0 28px}.check-list>div{display:flex;gap:12px;align-items:flex-start}.check-list span{width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#eaf9ef;color:var(--green2);display:grid;place-items:center;font-size:12px;font-weight:900}.check-list p{margin:0;font-size:15px;color:#475467}.text-link{font-weight:800;color:var(--green2)}.feature-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.panel-top,.dash-head{display:flex;align-items:center;justify-content:space-between}.panel-top{font-weight:800}.live-pill{color:#198754;background:#eaf9ef;padding:6px 9px;border-radius:999px;font-size:11px}.panel-location{margin:22px 0 14px;padding:12px;background:#f8fafb;border:1px solid var(--line);border-radius:14px;font-size:13px;color:#52606f}.order-card{border:1px solid var(--line);border-radius:18px;padding:18px}.order-head{display:flex;justify-content:space-between;font-size:13px}.order-head span{color:var(--green2);font-weight:800}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:23px 8px 7px;position:relative}.timeline:before{content:"";position:absolute;top:5px;left:0;right:0;height:2px;background:#e8ecf1;z-index:0}.timeline i{width:11px;height:11px;border-radius:50%;background:#e8ecf1;display:block;position:relative;z-index:1}.timeline i.done,.timeline i.active{background:var(--green)}.timeline-labels{display:grid;grid-template-columns:repeat(4,1fr);font-size:8px;color:#98a2b3;text-align:center}.timeline-labels span:first-child{text-align:left}.timeline-labels span:last-child{text-align:right}.delivery-note{margin-top:18px;background:#f7fbf8;border:1px solid #e4f3e8;border-radius:12px;padding:10px;font-size:11px;color:#667085}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.panel-stats div{border:1px solid var(--line);border-radius:14px;padding:12px}.panel-stats strong{display:block;font-size:15px}.panel-stats span{font-size:10px;color:#98a2b3}.business-visual{display:flex;justify-content:center}.dashboard-card{width:min(520px,100%);background:#0e1628;border-radius:24px;padding:24px;color:#fff;box-shadow:0 24px 70px rgba(11,18,32,.22)}.dash-head{color:#fff}.dash-head span{color:#a8b2c2;font-size:12px}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.dash-kpis>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:15px}.dash-kpis small{display:block;color:#a8b2c2;font-size:10px}.dash-kpis strong{display:block;margin-top:5px;font-size:20px}.dash-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#c9d1db}.status{padding:5px 8px;border-radius:8px;font-size:10px}.status.success{background:rgba(24,169,87,.16);color:#8aefb2}.status.pending{background:rgba(255,184,77,.13);color:#ffd896}.section-dark{background:var(--navy);color:#fff}.section-dark p{color:#aeb8c8}.delivery-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.delivery-grid h2{max-width:550px}.delivery-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.delivery-cards>div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:18px;padding:20px}.delivery-icon{font-size:26px}.delivery-cards h3{font-size:19px;margin-top:17px}.delivery-cards p{font-size:13px}.faq-list{max-width:860px;margin:0 auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:4px 0}summary{cursor:pointer;list-style:none;padding:20px 2px;font-size:16px;font-weight:800;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--green2);font-size:22px}details[open] summary span{transform:rotate(45deg)}details p{padding:0 2px 20px;margin:0;max-width:780px}.cta-section{padding:0 0 100px}.cta-card{background:linear-gradient(135deg,#122035,#0d1727);color:#fff;border-radius:28px;padding:50px 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 28px 70px rgba(11,18,32,.18)}.cta-card p{color:#aeb8c8}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.site-footer{background:#07101d;color:#c3ccd8;padding:68px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:50px}.footer-brand img{width:170px}.footer-brand p{color:#8e99aa}.site-footer h4{color:#fff;font-size:14px;letter-spacing:0;margin-bottom:15px}.site-footer a{display:block;color:#9eaabc;font-size:13px;margin:10px 0}.site-footer a:hover{color:#fff}.store-btn{display:grid!important;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;width:170px;background:#fff;color:#0b1220!important;border-radius:13px;padding:9px 12px;margin-top:14px!important}.store-btn span{grid-row:1 / span 2;font-size:22px}.store-btn small{font-size:8px;font-weight:700;line-height:1}.store-btn strong{font-size:13px;line-height:1}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);margin-top:45px;padding-top:18px;font-size:11px;color:#7f8a9c}.footer-bottom a{display:inline!important;margin:0}.page-hero{padding:88px 0 80px;background:linear-gradient(180deg,#fbfdfc,#f5f8f6);text-align:center}.page-hero h1{margin:12px auto 16px}.page-hero p{max-width:700px;margin:0 auto;font-size:18px}.page-hero .hero-actions{justify-content:center;margin-top:26px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff}.step>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf9ef;color:var(--green2);font-weight:900;font-size:12px;margin-bottom:23px}.step p{font-size:14px}.quote-card{margin-top:30px;padding:30px;border:1px solid var(--line);background:#fff;border-radius:20px}.quote-card strong{font-family:Manrope;font-size:24px}.quote-card p{margin-bottom:0}.icon-points{display:grid;gap:16px}.icon-points>div{display:flex;gap:14px;padding:17px;border:1px solid var(--line);border-radius:17px}.icon-points b{font-size:21px}.icon-points strong{font-size:15px}.icon-points p{margin:3px 0 0;font-size:13px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit-card{border:1px solid var(--line);border-radius:20px;padding:24px}.benefit-card>span{color:var(--green2);font-weight:900;font-size:12px}.benefit-card h3{margin-top:18px}.benefit-card p{font-size:14px}.dark-list{display:grid;gap:12px;margin-top:28px}.dark-list>div{display:flex;align-items:flex-start;gap:14px}.dark-list b{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#a7f1c5;font-size:11px;flex:0 0 30px}.dark-list p{margin:3px 0 0}.dashboard-large{min-height:330px}.chart{display:flex;align-items:end;gap:9px;height:150px;padding-top:20px}.chart i{flex:1;background:linear-gradient(180deg,#3bd47c,#159c50);border-radius:8px 8px 3px 3px;opacity:.95}.legal{padding:82px 0 100px}.legal h2{font-size:24px;margin-top:36px}.legal p{max-width:820px}.legal a{color:var(--green2);font-weight:700}.muted{color:#98a2b3}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-points{display:grid;gap:14px;margin-top:30px}.contact-points>div{display:flex;gap:12px}.contact-points>div>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf9ef}.contact-points p{font-size:13px;margin:2px 0}.contact-form{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:var(--shadow)}.contact-form label{display:block;font-size:12px;font-weight:800;color:#344054;margin-bottom:15px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dfe4ea;border-radius:13px;padding:12px 13px;margin-top:7px;outline:none;background:#fff;color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#73d39c;box-shadow:0 0 0 3px rgba(24,169,87,.08)}.contact-form textarea{resize:vertical}.form-note{font-size:11px!important;color:#98a2b3!important;margin:12px 0 0}.hp{display:none!important}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#fff,#f6faf7)}.error-logo{width:180px;margin:0 auto 40px}.error-page p{margin-bottom:26px}.reveal{opacity:0;transform:translateY(16px);animation:rise .75s ease forwards}.delay-1{animation-delay:.12s}@keyframes rise{to{opacity:1;transform:none}}
@media (max-width:1050px){.nav{gap:15px}.hero-grid{gap:35px}.service-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.delivery-grid{grid-template-columns:1fr}.delivery-cards{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.container{width:min(var(--max),calc(100% - 28px))}.menu-toggle{display:block}.nav{display:none;position:absolute;left:14px;right:14px;top:72px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);flex-direction:column;gap:4px}.nav.open{display:flex}.nav-cta{display:none}.hero{padding:55px 0}.hero-grid,.split-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:auto;margin-top:10px}.phone-shell{width:315px}.float-badge{display:none}.stats{grid-template-columns:1fr;gap:16px}.stats>div{padding:0;border-right:0}.section{padding:76px 0}.section-head{display:block}.section-head>p{margin-top:14px}.delivery-cards{grid-template-columns:1fr}.cta-card{display:block;padding:35px 28px}.cta-actions{margin-top:22px}.step-grid{grid-template-columns:1fr 1fr}.service-grid,.benefit-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-hero{padding:65px 0}.dashboard-large{margin-top:0}}
@media (max-width:600px){h1{font-size:43px}h2{font-size:32px}.lead{font-size:17px}.service-grid,.benefit-grid,.step-grid{grid-template-columns:1fr}.section{padding:62px 0}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.brand img{width:150px}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.cta-actions .btn{width:100%}.contact-form{padding:21px}.page-hero p{font-size:16px}.announcement{text-align:center}.panel-stats{grid-template-columns:1fr}.hero-visual{overflow:hidden}.phone-shell{width:300px}.badge-b{left:2px}.badge-a{right:2px}}

/* App download banner */
.app-section{padding-top:0}.app-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:28px 30px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#fffef0,#f7fbff);box-shadow:var(--shadow-sm)}.app-banner-icon img{display:block;width:86px;height:86px;border-radius:20px;box-shadow:0 10px 24px rgba(11,18,32,.16)}.app-banner-copy h2{margin:4px 0 8px;font-size:clamp(1.45rem,2.5vw,2rem)}.app-banner-copy p{margin:0;max-width:650px;color:var(--muted)}
@media (max-width:760px){.app-banner{grid-template-columns:auto 1fr}.app-banner .btn{grid-column:1/-1;justify-self:start}.app-banner-icon img{width:72px;height:72px;border-radius:16px}}

/* ============================================================
   FIRSTON GO PUBLIC SUPPORT WIDGET
   ============================================================ */

#firstongo-support-widget {
  position: relative;
  z-index: 9999;
}

.fo-support-actions {
  position: fixed;
  right: 22px;
  bottom: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  z-index: 9999;
}

.fo-support-btn {
  appearance: none;
  border: 0;
  min-width: 128px;
  height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(11,18,32,.18);
  transition: transform .18s ease, box-shadow .18s ease;
}

.fo-support-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(11,18,32,.24);
}

.fo-chat-btn {
  background: var(--navy);
  color: #fff;
}

.fo-wa-btn {
  background: #18a957;
  color: #fff;
}

.fo-support-icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
}

.fo-chat-panel {
  position: fixed;
  right: 22px;
  bottom: 142px;
  width: min(390px, calc(100vw - 32px));
  height: min(620px, calc(100vh - 180px));
  min-height: 420px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(11,18,32,.24);
  z-index: 10000;
  display: flex;
  flex-direction: column;
}

.fo-chat-panel[hidden] {
  display: none !important;
}

.fo-chat-header {
  min-height: 70px;
  padding: 14px 16px;
  background: var(--navy);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fo-chat-header strong {
  display: block;
  font-size: 16px;
}

.fo-chat-header small {
  display: block;
  margin-top: 2px;
  opacity: .75;
  font-size: 12px;
}

.fo-chat-close {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}

.fo-chat-body {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #f7f8fb;
}

.fo-chat-start {
  padding: 18px;
  overflow-y: auto;
}

.fo-chat-welcome {
  margin-bottom: 16px;
}

.fo-chat-welcome strong {
  font-size: 18px;
}

.fo-chat-welcome p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.fo-chat-start label {
  display: block;
  margin: 11px 0;
  font-size: 12px;
  font-weight: 700;
}

.fo-chat-start input[type="text"],
.fo-chat-start input[type="email"],
.fo-chat-start input[type="tel"] {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  outline: none;
}

.fo-chat-start input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(24,169,87,.10);
}

.fo-chat-consent {
  display: flex !important;
  align-items: flex-start;
  gap: 8px;
  font-weight: 400 !important;
  line-height: 1.45;
  color: var(--muted);
}

.fo-chat-consent input {
  margin-top: 3px;
  flex: 0 0 auto;
}

.fo-chat-error {
  min-height: 20px;
  margin: 5px 0;
  color: #b42318;
  font-size: 12px;
}

.fo-chat-start-btn {
  width: 100%;
  border: 0;
  border-radius: 11px;
  padding: 12px 15px;
  background: var(--green);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.fo-chat-start-btn:hover {
  background: var(--green2);
}

.fo-chat-start-btn:disabled {
  opacity: .6;
  cursor: wait;
}

.fo-chat-conversation {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.fo-chat-messages {
  min-height: 0;
  flex: 1;
  padding: 14px;
  overflow-y: auto;
}

.fo-chat-message-row {
  display: flex;
  margin: 7px 0;
}

.fo-msg-visitor {
  justify-content: flex-end;
}

.fo-msg-admin {
  justify-content: flex-start;
}

.fo-chat-message-bubble {
  max-width: 82%;
  padding: 9px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.fo-msg-visitor .fo-chat-message-bubble {
  background: #e9f8ef;
  border-color: #ccebd8;
}

.fo-chat-message-bubble small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 9px;
}

.fo-chat-send-form {
  display: flex;
  gap: 7px;
  padding: 10px;
  background: #fff;
  border-top: 1px solid var(--line);
}

.fo-chat-message {
  min-width: 0;
  flex: 1;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 13px;
  outline: none;
}

.fo-chat-message:focus {
  border-color: var(--green);
}

.fo-chat-send-form button {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 0;
  border-radius: 50%;
  background: var(--green);
  color: #fff;
  cursor: pointer;
  font-size: 17px;
}

.fo-chat-status {
  padding: 4px 12px 8px;
  background: #fff;
  color: var(--muted);
  font-size: 10px;
  text-align: center;
}

@media (max-width: 600px) {
  .fo-support-actions {
    right: 14px;
    bottom: 14px;
    gap: 8px;
  }

  .fo-support-btn {
    min-width: 52px;
    width: 52px;
    height: 52px;
    padding: 0;
    border-radius: 50%;
  }

  .fo-support-btn > span:last-child {
    display: none;
  }

  .fo-support-icon {
    width: auto;
    height: auto;
    font-size: 20px;
  }

  .fo-chat-panel {
    right: 10px;
    bottom: 78px;
    width: calc(100vw - 20px);
    height: min(620px, calc(100vh - 100px));
    min-height: 400px;
    border-radius: 18px;
  }
}