.elementor-kit-9{--e-global-color-primary:#3CF2D2;--e-global-color-secondary:#4F8BFF;--e-global-color-text:#EEF0FF;--e-global-color-accent:#FFC83D;--e-global-color-hbbbg:#0B0D1A;--e-global-color-hbbbg2:#12152A;--e-global-color-hbbcard:#171B35;--e-global-color-hbbline:#262C55;--e-global-color-hbbmuted:#A3A8CF;--e-global-color-hbbblue2:#2A62D6;--e-global-color-hbbpink:#FF5FA8;--e-global-color-hbbpurple:#A55BFF;--e-global-color-hbbred:#C8164A;--e-global-color-hbbdark:#1A1030;--e-global-typography-primary-font-family:"Bungee";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Fredoka";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Fredoka";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Fredoka";--e-global-typography-accent-font-weight:700;background-color:#0B0D1A;color:#EEF0FF;font-family:"Fredoka", system-ui, sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:#3CF2D2;}.elementor-kit-9 a:hover{color:#FFC83D;}.elementor-kit-9 h1{color:#EEF0FF;font-family:"Bungee", system-ui, sans-serif;font-weight:400;}.elementor-kit-9 h2{color:#EEF0FF;font-family:"Bungee", system-ui, sans-serif;font-weight:400;}.elementor-kit-9 h3{color:#EEF0FF;font-family:"Fredoka", system-ui, sans-serif;font-weight:700;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-family:"Fredoka", system-ui, sans-serif;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:22px;--container-default-padding-bottom:0px;--container-default-padding-left:22px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================
   Homebody Bots (homebodybots.com): global.css
   Elementor: Site Settings > Custom CSS (or Custom Code, location head, wrapped in a style tag).
   Fonts: Bungee (headings) + Fredoka (body). Set them in Site Settings > Global Fonts
   and turn on Elementor > Settings > Performance > "Load Google Fonts Locally" so visitors' IPs aren't sent to Google
   (better for UK GDPR and faster). No @import here on purpose: it blocks rendering.
   ========================================================== */

:root{
  --hbb-bg:#0b0d1a; --hbb-bg2:#12152a; --hbb-card:#171b35; --hbb-line:#262c55;
  --hbb-text:#eef0ff; --hbb-muted:#a3a8cf;
  --hbb-neon:#3cf2d2; --hbb-blue:#4f8bff; --hbb-pink:#ff5fa8; --hbb-sun:#ffc83d; --hbb-purple:#a55bff; --hbb-red:#ff3b6b;
  --hbb-head:"Bungee",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji"; --hbb-body:"Fredoka",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";
  --hbb-me:#2a62d6; /* darker blue for white text (5.5:1) */
}
body{background:var(--hbb-bg);color:var(--hbb-text);font-family:var(--hbb-body)}
.hbb-head, .hbb-head .elementor-heading-title{font-family:var(--hbb-head)!important;font-weight:400!important;letter-spacing:.5px;line-height:1.05}
.hbb-grad, .hbb-grad .elementor-heading-title{background:linear-gradient(90deg,var(--hbb-neon),var(--hbb-blue),var(--hbb-pink),var(--hbb-sun));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:hbbGrad 6s ease-in-out infinite alternate}
@keyframes hbbGrad{to{background-position:100% 0}}

/* Eyebrow pill */
.hbb-eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(60,242,210,.12);color:var(--hbb-neon);font-weight:600;font-size:.9rem;border:1px solid rgba(60,242,210,.4)}

/* Stickers (rotated colour pops) */
.hbb-sticker{display:inline-block;font-family:var(--hbb-head);font-size:.85rem;padding:8px 14px;border-radius:12px;transform:rotate(-6deg);box-shadow:0 6px 0 rgba(0,0,0,.25);color:#1a1030;background:var(--hbb-sun);animation:hbbFloat 3.5s ease-in-out infinite}
.hbb-sticker.pink{background:var(--hbb-pink);color:#1a1030;transform:rotate(5deg);animation-delay:-1s}
.hbb-sticker.neon{background:var(--hbb-neon);transform:rotate(-3deg);animation-delay:-2s}
@keyframes hbbFloat{50%{translate:0 -6px}}

/* Buttons: bouncy hover */
.hbb-btn, .hbb-btn .elementor-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px!important;font-family:var(--hbb-body);font-weight:700!important;padding:14px 26px;text-decoration:none;transition:transform .25s cubic-bezier(.3,1.8,.5,1),box-shadow .25s}
.hbb-btn-primary, .hbb-btn-primary .elementor-button{background:linear-gradient(135deg,var(--hbb-neon),var(--hbb-blue))!important;color:#06101c!important;box-shadow:0 6px 0 #1b5f8a,0 14px 30px rgba(60,242,210,.3)}
.hbb-btn-amazon, .hbb-btn-amazon .elementor-button{background:var(--hbb-sun)!important;color:#1a1030!important;box-shadow:0 5px 0 #b8860b;justify-content:center;width:100%}
.hbb-btn-ghost, .hbb-btn-ghost .elementor-button{background:transparent!important;color:var(--hbb-text)!important;border:2px solid var(--hbb-line)!important}
.hbb-btn:hover, .hbb-btn .elementor-button:hover{transform:translateY(-3px) rotate(-2deg) scale(1.04)}
.hbb-btn:active, .hbb-btn .elementor-button:active{transform:translateY(2px) scale(.98)}

/* Cards & tiles */
.hbb-card{background:var(--hbb-card);border:1px solid var(--hbb-line);border-radius:24px;padding:24px}
.hbb-card.hbb-rec{border:3px solid var(--hbb-neon);box-shadow:0 0 0 8px rgba(60,242,210,.08),0 20px 50px rgba(0,0,0,.35)}
.hbb-tile{background:var(--hbb-card);border:1px solid var(--hbb-line);border-radius:20px;padding:26px;transition:border-color .25s}
.hbb-tile:hover{border-color:var(--hbb-pink)}
.hbb-tile:nth-child(3n+1):hover{border-color:var(--hbb-neon)} .hbb-tile:nth-child(3n+2):hover{border-color:var(--hbb-sun)}
.hbb-emo{font-size:2.2rem;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,95,168,.25),rgba(60,242,210,.18));margin-bottom:14px;transition:transform .4s cubic-bezier(.3,1.8,.5,1)}
.hbb-tile:hover .hbb-emo{transform:rotate(-12deg) scale(1.15)}
.hbb-say{display:inline-block;margin-top:12px;font-size:.9rem;color:var(--hbb-sun);font-weight:600}
.hbb-ribbon{position:absolute;top:-16px;right:18px;background:var(--hbb-pink);color:#1a1030;font-family:var(--hbb-head);font-size:.8rem;padding:6px 12px;border-radius:999px;transform:rotate(4deg);z-index:3}
.hbb-art{border-radius:18px;background:radial-gradient(circle at 50% 70%,rgba(79,139,255,.25),transparent 65%),#11152c;border:1px solid var(--hbb-line);display:grid;place-items:center;padding:10px}
.hbb-art svg,.hbb-art img{max-height:190px;width:auto;max-width:94%;height:auto}
.hbb-art>.hbb-bot,.hbb-art .elementor-widget-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.hbb-art img{height:190px}
.hbb-meter{display:flex;gap:4px;margin:4px 0 14px}.hbb-meter i{flex:1;height:8px;border-radius:9px;background:#2a2f55}
.hbb-meter i.on{background:linear-gradient(90deg,var(--hbb-neon),var(--hbb-blue))}
.hbb-feat{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px}
.hbb-feat li:before{content:"✓";color:var(--hbb-neon);font-weight:700;margin-right:8px}
.hbb-feat li.no{color:var(--hbb-muted)} .hbb-feat li.no:before{content:"–";color:var(--hbb-muted)}

/* Honest note */
.hbb-honest{padding:16px 18px;border-radius:14px;border:2px dashed var(--hbb-sun);color:#ffe7a3;background:rgba(255,200,61,.07)}

/* Joke marquee strip */
.hbb-marquee{overflow:hidden;white-space:nowrap;background:var(--hbb-sun);color:#1a1030;font-family:var(--hbb-head);font-size:1rem;padding:10px 0;transform:rotate(-1.2deg) scale(1.03);margin:0}
.hbb-marquee-wrap{overflow:hidden;padding:14px 0}
.hbb-marquee span{display:inline-block;padding-left:100%;animation:hbbMarq 28s linear infinite}
.hbb-marquee-wrap:hover .hbb-marquee span{animation-play-state:paused}
@keyframes hbbMarq{to{transform:translateX(-100%)}}

/* Sections: semi-transparent so the parallax layers show through */
.hbb-section-alt{background:rgba(18,21,42,.65)}

/* Accessibility helpers */
:focus-visible{outline:3px solid var(--hbb-sun);outline-offset:3px;border-radius:6px}
.hbb-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hbb-skip{position:absolute;left:12px;top:-60px;z-index:10000;background:var(--hbb-sun);color:#1a1030;font-weight:700;padding:10px 16px;border-radius:999px;text-decoration:none}
.hbb-skip:focus{top:12px}
/* "Ad / affiliate link" label next to Amazon buttons (ASA/CMA: make ads obvious) */
.hbb-adlabel{display:block;text-align:center;font-size:.8rem;color:var(--hbb-muted);margin-top:8px}
.hbb-disclose{display:flex;gap:10px;align-items:flex-start;max-width:820px;margin:0 auto 34px;padding:12px 16px;border-radius:14px;background:rgba(79,139,255,.1);border:1px solid rgba(79,139,255,.45);color:var(--hbb-text);font-size:.95rem}
.hbb-disclose a{color:var(--hbb-neon)}
/* Pause-animations toggle (WCAG 2.2.2). snippets/pause-motion.html adds/removes html.hbb-paused */
.hbb-paused *,.hbb-paused *:before,.hbb-paused *:after{animation:none!important;transition:none!important}
.hbb-paused .hbb-marquee span{padding-left:0}
.hbb-paused #hbb-chaser,.hbb-paused #hbb-scroll-robot{display:none!important}

@media (prefers-reduced-motion:reduce){
  .hbb-grad,.hbb-grad .elementor-heading-title,.hbb-sticker,.hbb-marquee span{animation:none!important}
  .hbb-marquee span{padding-left:0}
  .hbb-btn,.hbb-btn .elementor-button,.hbb-emo{transition:none}
}

/* Page layout styles (shared by every page). */
*{box-sizing:border-box} html{scroll-behavior:smooth}
html,body{overflow-x:hidden;overflow-x:clip}
body{margin:0;line-height:1.6;font-size:17px}
a{color:var(--hbb-neon)}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px;position:relative}
.hero{padding:70px 0 40px;position:relative}
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero{padding-top:40px}}
h1{font-size:clamp(2.1rem,4.6vw,3.6rem);margin:18px 0 14px}
.hero h1{font-size:clamp(2.3rem,5vw,3.9rem)}
.lead{font-size:1.15rem;color:var(--hbb-muted);max-width:540px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.stickers{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.stage{position:relative;height:440px}
@media(max-width:900px){.stage{height:auto;padding-top:0;margin-top:10px}}
.stage .tw{position:absolute;top:0;left:6%;right:6%;z-index:6}
@media(max-width:900px){.stage .tw{position:relative;left:auto;right:auto;min-height:72px;margin-bottom:14px}}
.stage .bots{position:absolute;left:0;right:0;bottom:30px;display:grid;grid-template-columns:1fr 1.05fr .75fr;align-items:end;gap:6px}
@media(max-width:900px){.stage .bots{position:relative;bottom:auto}}
.stage .floor{position:absolute;left:4%;right:4%;bottom:26px;height:3px;background:linear-gradient(90deg,transparent,var(--hbb-neon),var(--hbb-pink),transparent);opacity:.7}
.stage .bots .hbb-bot:nth-child(1){animation:bob 2.4s ease-in-out infinite}
.stage .bots .hbb-bot:nth-child(2){animation:bob 2.1s ease-in-out .4s infinite}
.stage .bots .hbb-bot:nth-child(3){animation:bob 2.8s ease-in-out .8s infinite}
@keyframes bob{50%{transform:translateY(-10px)}}
.tap-hint{position:absolute;bottom:-4px;right:4%;font-size:.85rem;color:var(--hbb-muted)}
@media(max-width:900px){.tap-hint{position:static;display:block;text-align:center;margin-top:12px}.stage .floor{bottom:auto;position:relative;margin-top:-4px}}
section{padding:90px 0;position:relative}
.sec-head{text-align:center;max-width:740px;margin:0 auto 48px}
.sec-head h2{font-size:clamp(1.8rem,4.2vw,3rem);margin:14px 0}
.sec-head p{color:var(--hbb-muted);font-size:1.1rem;margin:0}
.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.g3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.g3{grid-template-columns:1fr}}
.hbb-tile h3{margin:0 0 6px;font-size:1.25rem}.hbb-tile p{margin:0;color:var(--hbb-muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media(max-width:900px){.split{grid-template-columns:1fr}}
.phone{width:300px;max-width:100%;margin:0 auto;background:#05060d;border:10px solid #2a2f55;border-radius:38px;padding:18px 14px;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px #3b4278;transform:rotate(-3deg)}
.phone .top{width:90px;height:6px;background:#2a2f55;border-radius:9px;margin:0 auto 14px}
.msg{padding:10px 13px;border-radius:16px;margin:8px 0;font-size:.9rem;max-width:88%}
.msg.me{background:var(--hbb-me);color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.msg.bot{background:#1d2244;border-bottom-left-radius:4px}
.snap{margin-top:6px;border-radius:12px;height:110px;background:linear-gradient(160deg,#2b3060,#151838);overflow:hidden}
.snap svg{width:100%;height:100%;display:block}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.checks li{display:flex;gap:14px;align-items:flex-start;background:var(--hbb-card);border:1px solid var(--hbb-line);border-radius:16px;padding:16px 18px}
.checks .ic{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:rgba(60,242,210,.12)}
.checks h3{margin:0 0 2px;font-size:1.08rem}.checks p{margin:0;color:var(--hbb-muted);font-size:.97rem}
.hbb-honest{margin-top:22px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.cards>div{display:flex}.cards .hbb-card{flex:1}
@media(max-width:980px){.cards{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.hbb-card{position:relative;display:flex;flex-direction:column}
.tier{font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--hbb-muted)}
.hbb-rec .tier{color:var(--hbb-neon)}
.hbb-art{height:210px;margin:12px 0 16px}
.hbb-card h3 a{color:inherit;text-decoration:none}.hbb-card h3 a:hover{color:var(--hbb-sun)}
.more{display:inline-block;margin:0 0 14px;font-weight:600;padding:6px 0}
.hbb-card h3{margin:0;font-size:1.35rem;line-height:1.2}
.price{font-family:var(--hbb-head);font-size:2rem;margin:10px 0 0;color:var(--hbb-sun)}.price small{margin-left:6px;font-family:var(--hbb-body);font-size:.9rem;color:var(--hbb-muted)}
.allin{color:var(--hbb-muted);font-size:.92rem;margin:2px 0 12px}
.hbb-card .hbb-btn{margin-top:auto}
.note-small{color:var(--hbb-muted);font-size:.88rem;text-align:center;margin-top:26px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}@media(max-width:800px){.steps{grid-template-columns:1fr;gap:34px}}
.step{position:relative}
.step:before{counter-increment:s;content:counter(s);position:absolute;top:-20px;left:22px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--hbb-head);background:linear-gradient(135deg,var(--hbb-pink),var(--hbb-sun));color:#1a1030;transform:rotate(-8deg)}
.step h3{margin:14px 0 6px}.step p{margin:0;color:var(--hbb-muted)}
.faq{max-width:800px;margin:0 auto}
details{background:var(--hbb-card);border:1px solid var(--hbb-line);border-radius:16px;padding:18px 22px;margin-bottom:12px;transition:border-color .2s}
details:hover{border-color:var(--hbb-neon)}
summary{cursor:pointer;font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--hbb-neon);font-size:1.4rem;line-height:1;transition:transform .3s}
details[open] summary:after{transform:rotate(45deg)}
details p{color:var(--hbb-muted);margin:10px 0 0}
.parade{position:relative;height:120px;overflow:hidden;border-top:1px solid var(--hbb-line);border-bottom:1px solid var(--hbb-line);background:rgba(13,16,34,.7)}
.parade .walker{position:absolute;bottom:8px;height:104px;width:140px;animation:walk 24s linear infinite}
.parade .walker img{height:100%;width:auto;display:block}
.parade .w2{animation-delay:-8s}.parade .w3{animation-delay:-16s}
@keyframes walk{from{left:-160px}to{left:100%}}
.hbb-footer{border-top:1px solid var(--hbb-line);padding:46px 0 90px;color:var(--hbb-muted);font-size:.95rem}
.hbb-footer .disc{color:var(--hbb-text);font-weight:700}
.hbb-footer .harm{font-family:var(--hbb-head);color:var(--hbb-sun);font-size:1rem}
.js .reveal{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .7s ease,transform .8s cubic-bezier(.3,1.5,.5,1)}
.js .reveal.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
.hbb-paused .js .reveal,.hbb-paused.js .reveal{opacity:1;transform:none}

/* ---------- multi-page additions ---------- */
.page-hero{padding:56px 0 30px}
.page-hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.3rem)}
.page-hero .lead{max-width:620px}
.page-hero .art{max-width:340px;margin:0 auto;width:100%}
.page-hero .art svg,.page-hero .art img{width:100%;height:auto;display:block}
@media(max-width:900px){.page-hero .wrap{grid-template-columns:1fr}.page-hero .art{max-width:260px}.page-hero{padding-top:34px}}
.crumbs{font-size:.9rem;color:var(--hbb-muted);margin:0}
.crumbs a{color:var(--hbb-muted)}
section.tight{padding:56px 0}
.center{text-align:center}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.prose{max-width:780px;margin:0 auto}
.prose h2{font-family:var(--hbb-head);font-weight:400;font-size:clamp(1.3rem,2.6vw,1.7rem);margin:42px 0 10px;line-height:1.15}
.prose h3{font-size:1.2rem;margin:26px 0 6px}
.prose p,.prose li{color:#d4d7f2}
.prose li{margin:6px 0}
.prose a{color:var(--hbb-neon)}
.prose table,.compare{width:100%;border-collapse:collapse;margin:16px 0;font-size:.97rem}
.prose th,.prose td,.compare th,.compare td{border:1px solid var(--hbb-line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th,.compare th{background:var(--hbb-card);color:var(--hbb-text)}
.table-scroll{overflow-x:auto;border-radius:14px;-webkit-overflow-scrolling:touch}
.table-scroll:focus-visible{outline:3px solid var(--hbb-sun)}
.compare{min-width:640px;background:rgba(23,27,53,.6)}
.compare caption{caption-side:top;text-align:left;color:var(--hbb-muted);padding:0 0 10px;font-size:.92rem}
.compare th[scope=row]{width:22%}
.draft{max-width:780px;margin:0 auto 26px;padding:14px 18px;border-radius:14px;border:2px dashed var(--hbb-pink);background:rgba(255,95,168,.08);color:#ffd0e5;font-weight:600}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:800px){.facts{grid-template-columns:1fr}}
.facts .hbb-tile ul{margin:8px 0 0;padding-left:20px;color:var(--hbb-muted)}
.facts .hbb-tile li{margin:5px 0}
.buybox{max-width:520px;margin:30px auto 0;text-align:center}
.cant{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.cant li{background:var(--hbb-card);border:1px solid var(--hbb-line);border-radius:14px;padding:12px 16px;color:var(--hbb-muted)}
.cant li:before{content:"✗";color:var(--hbb-red);font-weight:700;margin-right:10px}
.form{max-width:640px;margin:0 auto;display:grid;gap:16px}
.form label{font-weight:600;display:block;margin-bottom:6px}
.form input,.form textarea{width:100%;font:inherit;color:var(--hbb-text);background:var(--hbb-card);border:2px solid var(--hbb-line);border-radius:12px;padding:12px 14px;min-height:48px}
.form input:focus,.form textarea:focus{border-color:var(--hbb-neon);outline:none}
.form .hint{color:var(--hbb-muted);font-size:.9rem}
.form .hp{position:absolute;left:-9999px}
.form button{justify-self:start;border:0;cursor:pointer;font-size:1.05rem}
.e404{min-height:62vh;display:grid;place-items:center;text-align:center;padding:50px 0}
.e404 .big{font-family:var(--hbb-head);font-size:clamp(5rem,18vw,11rem);line-height:1;margin:0;background:linear-gradient(90deg,var(--hbb-neon),var(--hbb-pink),var(--hbb-sun));-webkit-background-clip:text;background-clip:text;color:transparent}
.e404 .lost{width:200px;margin:10px auto 0}
.e404 .lost .hbb-bot{animation:lookabout 3s ease-in-out infinite}
@keyframes lookabout{25%{transform:translateX(-14px) rotate(-4deg)}75%{transform:translateX(14px) rotate(4deg)}}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;margin-bottom:26px}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr}}
.foot-grid h2{font-family:var(--hbb-head);font-weight:400;font-size:.95rem;color:var(--hbb-text);margin:0 0 10px;letter-spacing:.5px}
.foot-links{list-style:none;padding:0;margin:0}
.foot-links a{display:inline-block;color:var(--hbb-muted);padding:7px 0;min-height:24px}
.foot-links a:hover{color:var(--hbb-sun)}
.foot-legal p{margin:8px 0}
@media(max-width:600px){
  section{padding:64px 0}
  .sec-head{margin-bottom:32px}
  .g3 .hbb-tile{display:grid;grid-template-columns:52px 1fr;column-gap:14px;padding:18px}
  .g3 .hbb-tile .hbb-emo{width:52px;height:52px;font-size:1.7rem;margin:0;grid-row:span 3}
  .hero{padding-bottom:20px}
}
@media(max-width:900px){.page-hero.legal .art{display:none}}
.compare th[scope=row]{position:sticky;left:0;z-index:1}
.swipe{display:none;color:var(--hbb-muted);font-size:.9rem;margin:0 0 8px}
@media(max-width:700px){.swipe{display:block}}


/* ---------- Elementor build additions ---------- */
.elementor-widget-html{width:100%}
.e-con.hbb-sec{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}
.site-main,.page-content{margin:0;padding:0}
/* Header (Theme Builder) */
.e-con.hbb-brand-wrap{width:auto!important;--width:auto;flex:0 0 auto!important}
.hbb-nav{flex:1 1 auto!important;min-width:0}
.hbb-skipwrap{top:0;left:0;width:1px!important;height:1px}
.hbb-skipwrap .hbb-skip{top:-120px}.hbb-skipwrap .hbb-skip:focus{top:8px}
.hbb-header{position:relative;z-index:50;background:rgba(11,13,26,.8)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hbb-line)}
.hbb-header .elementor-sticky--effects,.hbb-header.elementor-sticky--active{background:rgba(11,13,26,.92)!important}
.hbb-brand a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--hbb-text)}
.hbb-brand .elementor-heading-title{font-family:var(--hbb-head)!important;font-weight:400!important;font-size:1.05rem!important;color:var(--hbb-text)!important;white-space:nowrap}
.hbb-brand .elementor-heading-title b{color:var(--hbb-neon);font-weight:400}
.hbb-logo img{height:68px!important;width:auto!important;max-width:none!important;display:block;transition:transform .4s cubic-bezier(.3,1.8,.5,1)}
.hbb-logo:hover img{transform:rotate(-3deg) scale(1.04)}
@media(max-width:767px){.hbb-logo img{height:48px!important}}
.hbb-nav .elementor-nav-menu--main .elementor-item{font-family:var(--hbb-body);font-weight:600;color:var(--hbb-muted);border-radius:10px;padding:10px 10px!important}
.hbb-nav .elementor-nav-menu--main .elementor-item:hover,.hbb-nav .elementor-nav-menu--main .elementor-item:focus{color:var(--hbb-sun)}
.hbb-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--hbb-text);background:rgba(60,242,210,.12)}
.hbb-nav .elementor-menu-toggle{border:2px solid var(--hbb-line);border-radius:12px;min-width:48px;min-height:44px;background:transparent;color:var(--hbb-text)}
.hbb-nav .elementor-menu-toggle svg{fill:var(--hbb-text)}
.hbb-nav .elementor-nav-menu--dropdown{background:#0b0d1a!important;box-shadow:0 20px 40px rgba(0,0,0,.6);border-bottom:1px solid var(--hbb-line)}
.hbb-nav .elementor-nav-menu--dropdown .elementor-item{color:var(--hbb-text)!important;background:transparent!important;font-family:var(--hbb-body);font-size:1.1rem;font-weight:600;padding:14px 22px!important;border-bottom:1px solid var(--hbb-line)}
.hbb-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{color:var(--hbb-neon)!important}
/* Contact form (Elementor Pro Form) */
.hbb-form .elementor-field-group>label{font-weight:600;color:var(--hbb-text)}
.hbb-form .elementor-field-textual{font-family:var(--hbb-body);color:var(--hbb-text)!important;background:var(--hbb-card)!important;border:2px solid var(--hbb-line)!important;border-radius:12px!important;padding:12px 14px!important;min-height:48px;font-size:1rem}
.hbb-form .elementor-field-textual:focus{border-color:var(--hbb-neon)!important;box-shadow:none}
.hbb-form .elementor-button{background:linear-gradient(135deg,var(--hbb-neon),var(--hbb-blue))!important;color:#06101c!important;border-radius:999px!important;font-family:var(--hbb-body);font-weight:700;font-size:1.05rem;padding:14px 26px;box-shadow:0 6px 0 #1b5f8a,0 14px 30px rgba(60,242,210,.3);transition:transform .25s cubic-bezier(.3,1.8,.5,1)}
.hbb-form .elementor-button:hover{transform:translateY(-3px) rotate(-2deg) scale(1.04)}
.hbb-form .elementor-message{color:var(--hbb-neon)}
.hbb-form .elementor-field-type-acceptance label,.hbb-form .elementor-field-subgroup label{color:var(--hbb-muted)}
.hbb-wrap640{max-width:640px;margin:0 auto;padding:0 22px;width:100%}
.prose .extra-note{color:var(--hbb-muted);font-size:.95rem}
.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:800px){.tips{grid-template-columns:1fr}}

/* Bot categories (pre-built / kits) */
.hbb-group{margin:0 0 56px}.hbb-group:last-of-type{margin-bottom:28px}
.group-head{text-align:center;max-width:680px;margin:0 auto 34px}
.group-head .hbb-head{font-size:clamp(1.35rem,3.2vw,2rem);margin:0 0 10px}
.group-head p{color:var(--hbb-muted);margin:0;font-size:1.05rem}
.cards.cards-2{grid-template-columns:repeat(2,1fr);max-width:820px;margin:0 auto}
@media(max-width:980px){.cards.cards-2{grid-template-columns:1fr;max-width:520px}}
.hbb-variants{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:26px 0 8px}
@media(max-width:800px){.hbb-variants{grid-template-columns:1fr}}
.hbb-variants .hbb-tile{display:flex;flex-direction:column;gap:10px}.hbb-variants .hbb-btn{align-self:flex-start;max-width:100%;white-space:normal;text-align:center}
.hbb-footer p{overflow-wrap:anywhere}
.g3.g4{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.g3.g4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.g3.g4{grid-template-columns:1fr}}

/* Stacked logo */
.hbb-header .e-con-inner{min-height:84px}
@media(max-width:767px){.hbb-header .e-con-inner{min-height:64px}}
.hbb-logo{line-height:0}

.chat-cap{margin:12px auto 0;max-width:340px;text-align:center}/* End custom CSS */