/* AI Chatbots page final refinement — homepage-oriented hero and official channel visuals. */
.chatbots-page .gos-product-hero{padding:54px 0 64px;min-height:590px}
.chatbots-page .gos-product-hero-grid{grid-template-columns:.94fr 1.06fr;gap:42px;align-items:center}
.chatbots-page .gos-product-hero h1{font-size:clamp(43px,4.25vw,62px)!important;line-height:1.045!important;letter-spacing:-.047em!important;max-width:690px}
.chatbots-page .gos-product-hero p{max-width:660px}
.gos-chatbot-approved-hero{width:112%;margin-right:-12%;overflow:hidden;border:1px solid rgba(52,160,255,.24);border-radius:28px;background:#020916;box-shadow:0 34px 90px rgba(0,0,0,.42)}
.gos-chatbot-approved-hero picture,.gos-chatbot-approved-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9}.gos-chatbot-approved-hero img{object-fit:cover}
.chatbots-page .gos-social-integrations{display:block;margin-top:24px;max-width:470px}.chatbots-page .gos-social-integrations>small{display:block;margin:0 0 9px;color:#90AAA8;font-size:9px;font-weight:850;letter-spacing:.13em}.gos-social-badge-row{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}.chatbots-page .gos-social-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#EAF4F3;font-size:10px;font-weight:750;white-space:nowrap}.chatbots-page .gos-social-badge img{display:block;width:22px;height:22px;flex:0 0 22px;object-fit:contain}

/* Visible workflow CTA. */
.gos-chat-flow-cta{display:inline-flex!important;align-items:center;gap:10px;margin-top:24px;padding:13px 18px!important;border:2px solid #F97316!important;border-radius:12px!important;background:#fff!important;color:#071827!important;font-weight:800!important;box-shadow:0 10px 25px rgba(249,115,22,.12)}.gos-chat-flow-cta:hover{background:#FFF7F0!important;transform:translateY(-1px)}

/* Uniform coloured customer-channel cards. */
.chatbots-page .gos-channel-row{align-items:stretch}.chatbots-page .gos-channel-row>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0}.chatbots-page .gos-channel-logo{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;margin:0 auto 13px!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:0 12px 28px rgba(7,24,39,.12)}.chatbots-page .gos-channel-logo img{display:block;width:64px;height:64px;object-fit:contain;border-radius:50%}.chatbots-page .gos-channel-row b{margin-top:0}.chatbots-page .gos-provider-note{max-width:930px;margin-left:auto;margin-right:auto}

/* Commercial plan actions with approved outlined treatment. */
.chatbots-page .gos-price-grid>article{display:flex;flex-direction:column}.chatbots-page .gos-price-grid>article ul{flex:1}.gos-plan-cta{display:flex;align-items:center;justify-content:center;margin-top:22px;padding:12px 15px;border:2px solid #F97316;border-radius:11px;background:#fff;color:#071827;font-size:11px;font-weight:850;text-decoration:none}.gos-plan-cta:hover{background:#FFF7F0;color:#071827;transform:translateY(-1px)}.chatbots-page .gos-price-grid .featured .gos-plan-cta{background:#fff;color:#071827}

/* Keep the closing action on the same horizontal level as its message. */
.chatbots-page .gos-final-cta-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:34px!important;align-items:center!important}.chatbots-page .gos-final-cta-box>a{align-self:center!important;justify-self:end!important;white-space:nowrap!important;margin:0!important}

@media(max-width:1100px){.gos-chatbot-approved-hero{width:106%;margin-right:-6%}.chatbots-page .gos-product-hero h1{font-size:clamp(42px,4.6vw,58px)!important}}
@media(max-width:980px){.chatbots-page .gos-product-hero-grid{grid-template-columns:1fr!important;gap:42px}.gos-chatbot-approved-hero{width:100%;margin:0}.chatbots-page .gos-product-hero h1{max-width:760px}.chatbots-page .gos-final-cta-box{grid-template-columns:1fr!important}.chatbots-page .gos-final-cta-box>a{justify-self:start!important}}
@media(max-width:640px){.chatbots-page .gos-product-hero{padding:40px 0 55px}.chatbots-page .gos-product-hero h1{font-size:39px!important;line-height:1.06!important}.gos-chatbot-approved-hero{border-radius:20px}.gos-social-badge-row{gap:5px}.chatbots-page .gos-social-badge{flex:1;padding:7px 5px;font-size:8px;gap:4px}.chatbots-page .gos-social-badge img{width:18px;height:18px;flex-basis:18px}.chatbots-page .gos-channel-logo,.chatbots-page .gos-channel-logo img{width:54px!important;height:54px!important}.chatbots-page .gos-final-cta-box>a{width:100%;justify-content:center!important}}

/* v1.1 visual-fidelity corrections. */
.gos-chatbot-approved-hero{height:440px;min-height:440px}.gos-chatbot-approved-hero picture{display:block;width:100%;height:100%}.gos-chatbot-approved-hero picture img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;transform:scale(1.045);transform-origin:center}

/* Give the channel descriptions enough visual weight and a clear bullet cue. */
.chatbots-page .gos-channel-row>div>span:last-child{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;color:#304A50!important;font-size:10px!important;font-weight:800!important;line-height:1.35;text-align:center}.chatbots-page .gos-channel-row>div>span:last-child:before{content:"•";color:#F97316;font-size:15px;line-height:1}

/* Replace the plain source checklist with a visual explanation of approved knowledge flow. */
.gos-chat-knowledge-visual{overflow:hidden;border:1px solid rgba(22,161,169,.28);border-radius:26px;background:#03131f;box-shadow:0 30px 75px rgba(0,0,0,.3)}.gos-chat-knowledge-visual picture,.gos-chat-knowledge-visual img{display:block;width:100%;height:auto}.gos-chat-knowledge-visual img{aspect-ratio:4/3;object-fit:cover;object-position:center}

/* One injected sandbox action per plan card. */
.chatbots-page .gos-price-grid>article>.gos-plan-cta{display:flex;align-items:center;justify-content:center;margin-top:22px;padding:12px 15px;border:2px solid #F97316;border-radius:11px;background:#fff;color:#071827;font-size:11px;font-weight:850;text-decoration:none}.chatbots-page .gos-price-grid>article>.gos-plan-cta:hover{background:#FFF7F0;color:#071827;transform:translateY(-1px)}

@media(max-width:980px){.gos-chatbot-approved-hero{height:auto;min-height:0;aspect-ratio:16/9}.gos-chatbot-approved-hero picture img{aspect-ratio:16/9;transform:none}.gos-chat-knowledge-visual{max-width:760px;margin:0 auto}}
@media(max-width:640px){.chatbots-page .gos-channel-row>div>span:last-child{font-size:9px!important}.gos-chat-knowledge-visual{border-radius:20px}}

/* v1.2 final hero: native 4:3 artwork fills the right-hand hero column. */
.gos-chatbot-approved-hero{width:110%;height:500px;min-height:500px;margin-right:-10%;aspect-ratio:4/3}.gos-chatbot-approved-hero picture,.gos-chatbot-approved-hero picture img{width:100%;height:100%}.gos-chatbot-approved-hero picture img{aspect-ratio:auto;object-fit:cover;object-position:center;transform:none}
@media(max-width:1100px){.gos-chatbot-approved-hero{width:106%;height:445px;min-height:445px;margin-right:-6%}}
@media(max-width:980px){.gos-chatbot-approved-hero{width:100%;height:auto;min-height:0;margin:0;aspect-ratio:4/3}.gos-chatbot-approved-hero picture img{aspect-ratio:4/3}}

/* v1.3 transparent hero artwork integrates directly with the page background. */
.gos-chatbot-approved-hero{overflow:visible;border:0;background:transparent;box-shadow:none}
.gos-chatbot-approved-hero picture img{object-fit:contain;filter:drop-shadow(0 28px 42px rgba(0,0,0,.28))}


/* v1.4 shared ChatGPT animation replaces the static chatbot hero artwork. */
.gos-chatbot-approved-hero{overflow:hidden!important;border:1px solid rgba(89,222,235,.36)!important;border-radius:28px!important;background:#061f2b!important;box-shadow:0 30px 72px rgba(0,0,0,.32)!important}
#g1-chat-animation{width:100%;height:100%;min-height:0;padding:16px;background:#061f2b;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}
#g1-chat-animation *{box-sizing:border-box}
#g1-chat-animation .ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#g1-chat-animation .orb{position:absolute;border-radius:999px;border:1px solid rgba(77,220,235,.18)}
#g1-chat-animation .orb.one{width:430px;height:430px;right:-170px;top:-180px}
#g1-chat-animation .orb.two{width:300px;height:300px;left:-130px;bottom:-140px}
#g1-chat-animation .wave{position:absolute;left:0;right:0;bottom:50px;height:76px;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(55,219,235,.6) 7px 9px,transparent 9px 15px);mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);transform:skewY(-2deg)}
#g1-chat-animation .phone{width:min(390px,100%);min-height:0;flex:1;display:flex;flex-direction:column;background:rgba(6,31,43,.94);border:1px solid rgba(89,222,235,.5);border-radius:27px;box-shadow:0 20px 56px rgba(0,0,0,.35),0 0 34px rgba(35,211,228,.08);overflow:hidden;position:relative;z-index:1}
#g1-chat-animation .header{padding:12px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(4,22,32,.82)}
#g1-chat-animation .bot-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#0c2d3a;box-shadow:0 0 22px rgba(32,216,231,.25);border:1px solid rgba(127,234,241,.28)}
#g1-chat-animation .bot-avatar svg{width:100%;height:100%;display:block}
#g1-chat-animation .header-copy{min-width:0;flex:1}
#g1-chat-animation .name{font-size:14px;font-weight:700;letter-spacing:.01em}
#g1-chat-animation .status{font-size:10px;color:#9fdfe6;margin-top:2px;display:flex;align-items:center;gap:6px}
#g1-chat-animation .dot{width:7px;height:7px;border-radius:50%;background:#37e68a;box-shadow:0 0 10px rgba(55,230,138,.8)}
#g1-chat-animation .chat{min-height:0;flex:1;padding:13px 15px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;overflow:hidden;background:linear-gradient(180deg,rgba(7,34,46,.55),rgba(4,21,30,.86))}
#g1-chat-animation .row{display:flex;width:100%;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .38s ease,transform .38s ease}
#g1-chat-animation .row.show{opacity:1;transform:translateY(0) scale(1)}
#g1-chat-animation .row.client{justify-content:flex-end}
#g1-chat-animation .row.bot{justify-content:flex-start}
#g1-chat-animation .bubble{max-width:84%;padding:8px 11px;border-radius:15px;font-size:12px;line-height:1.35;box-shadow:0 7px 18px rgba(0,0,0,.14)}
#g1-chat-animation .client .bubble{background:linear-gradient(135deg,#0e91b8,#19c5c2);border-bottom-right-radius:5px;color:#fff}
#g1-chat-animation .bot .bubble{background:#102f3d;border:1px solid rgba(134,221,229,.16);border-bottom-left-radius:5px;color:#eefcfd}
#g1-chat-animation .meta{font-size:8px;opacity:.63;margin-top:3px;text-align:right}
#g1-chat-animation .booking-card{margin-top:7px;padding:8px 9px;border-radius:11px;background:linear-gradient(180deg,rgba(19,199,213,.13),rgba(9,52,65,.75));border:1px solid rgba(92,230,236,.25);display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center}
#g1-chat-animation .booking-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(19,199,213,.14);font-size:14px}
#g1-chat-animation .booking-title{font-size:10px;font-weight:750;color:#eaffff}
#g1-chat-animation .booking-time{font-size:9px;color:#9ddde4;margin-top:1px}
#g1-chat-animation .booking-check{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#21c98b;color:#031b22;font-weight:900;font-size:11px}
#g1-chat-animation .typing{display:flex;gap:5px;align-items:center;min-height:32px;padding:10px 13px}
#g1-chat-animation .typing span{width:6px;height:6px;border-radius:50%;background:#9cdde4;animation:g1bounce 1s infinite ease-in-out}
#g1-chat-animation .typing span:nth-child(2){animation-delay:.14s}
#g1-chat-animation .typing span:nth-child(3){animation-delay:.28s}
@keyframes g1bounce{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}
#g1-chat-animation .composer{height:54px;padding:8px 11px;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);background:rgba(3,19,27,.95)}
#g1-chat-animation .input{flex:1;height:36px;border-radius:12px;border:1px solid rgba(146,213,220,.2);background:#092532;color:#8eb8be;padding:0 11px;display:flex;align-items:center;font-size:11px}
#g1-chat-animation .send{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#13c7d5,#0b8cad);color:#fff;font-size:15px;display:grid;place-items:center}
#g1-chat-animation .controls{position:relative;z-index:2;display:flex;gap:8px;margin-top:9px}
#g1-chat-animation .controls button{height:32px;padding:0 13px;border-radius:999px;border:1px solid rgba(126,216,226,.28);background:rgba(6,31,43,.9);color:#ecffff;font-size:10px;font-weight:700;cursor:pointer}
#g1-chat-animation .controls button:hover{border-color:rgba(126,216,226,.58);background:rgba(13,55,68,.96)}
#g1-chat-animation .controls button:focus-visible{outline:2px solid #7ce7ef;outline-offset:2px}
@media(max-width:1100px){#g1-chat-animation{padding:14px}#g1-chat-animation .phone{width:min(360px,100%)}#g1-chat-animation .chat{padding:11px 13px;gap:7px}#g1-chat-animation .bubble{font-size:11px}}
@media(max-width:640px){.gos-chatbot-approved-hero{height:520px!important;min-height:520px!important;aspect-ratio:auto!important;border-radius:20px!important}#g1-chat-animation{padding:14px 12px}#g1-chat-animation .phone{width:min(390px,100%);border-radius:23px}#g1-chat-animation .chat{padding:13px 14px;gap:8px}#g1-chat-animation .bubble{font-size:12px}}
@media(prefers-reduced-motion:reduce){#g1-chat-animation .row{transition:none;opacity:1;transform:none}#g1-chat-animation .typing-row{display:none!important}#g1-chat-animation .typing span{animation:none}}


/* v1.5 match the AI Receptionist animation scale and top-label treatment. */
.gos-chatbot-approved-hero{width:110%;height:570px;min-height:570px;margin:-10px -10% -64px 0;aspect-ratio:auto}
#g1-chat-animation{padding:10px 15px 12px}
#g1-chat-animation .badge{position:relative;z-index:3;flex:0 0 auto;margin:0 0 7px;font-size:9px;line-height:1.2;letter-spacing:.15em;text-transform:uppercase;color:#8bdde4;white-space:nowrap}
#g1-chat-animation .phone{width:min(440px,100%)}
@media(max-width:1100px){.gos-chatbot-approved-hero{width:106%;height:530px;min-height:530px;margin:-10px -6% -64px 0;aspect-ratio:auto}#g1-chat-animation{padding-left:12px;padding-right:12px}#g1-chat-animation .phone{width:min(410px,100%)}}
@media(max-width:980px){.gos-chatbot-approved-hero{width:100%;height:590px;min-height:590px;margin:0 0 -64px;aspect-ratio:auto}#g1-chat-animation{padding:12px 15px}#g1-chat-animation .phone{width:min(470px,100%)}}
@media(max-width:640px){.gos-chatbot-approved-hero{width:100%;height:570px!important;min-height:570px!important;margin:0 0 -54px;aspect-ratio:auto!important}#g1-chat-animation{padding:11px 10px}#g1-chat-animation .phone{width:min(470px,100%)}}