/* Front page LIGHT draft: page-only layout. Components come from the shared hb-soft-ui kit. */
html{scroll-behavior:smooth}
body.hbfl{margin:0;background:#fff;overflow-x:hidden}

.hbfl-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:12px 28px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #dcefed}
.hbfl-logo img{height:34px;width:auto}
.hbfl-nav{display:flex;gap:22px;margin-left:auto}
.hbfl-nav a{font:500 12px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#2a3338}
.hbfl-nav a:hover{color:#075760}
.hbfl-icons{display:flex;gap:6px}.hbfl-icons a{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;color:#14181b}.hbfl-icons a:hover{background:#DCEFED;color:#075760}.hbfl-icons svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hbfl-hero{position:relative;overflow:hidden;min-height:min(82vh,760px);display:flex;align-items:center}
.hbfl-hero-bg{position:absolute;inset:0}
.hbfl-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;animation:hbfl-kb 24s ease-in-out infinite alternate}
@keyframes hbfl-kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.hbfl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.3) 74%,rgba(255,255,255,.05)),linear-gradient(180deg,rgba(255,255,255,0) 72%,#fff)}
@media(min-width:981px){.hbfl-hero-bg{left:32%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}}
.hbs .hbfl-hero-in{position:relative;z-index:2;width:100%;padding-top:70px;padding-bottom:80px}
.hbfl-hero .hbs-h1{max-width:760px}
.hbfl-hero .hbs-sub{font-size:18px}
.hbfl-center{justify-content:center;text-align:center}
.hbfl-steps>li{display:grid;grid-template-columns:52px 1fr;align-items:baseline;padding:14px 18px}
.hbfl-steps>li:before{margin:0;font-size:26px;grid-row:span 2}
.hbfl-steps{gap:8px}
.hbs .hbfl-steps>li:after{display:none}
.hbfl-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;text-align:center;font:600 10.5px/1.5 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#075760;background:linear-gradient(135deg,rgba(0,168,188,.08),rgba(7,87,96,.1),rgba(0,168,188,.14));border-bottom:1px dashed rgba(7,87,96,.3)}
.hbs .hbfl-bb .hbs-media{aspect-ratio:4/3}
.hbfl-sys-img img{max-height:200px}
.hbfl-clip{display:block;aspect-ratio:9/16;width:100%;max-width:360px;margin:0 auto}
.hbfl-clip-cap{position:absolute;left:14px;top:14px}
.hbfl-clip-cap .hbs-tag{background:rgba(255,255,255,.9)}
.hbfl-row2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px;align-items:center}
.hbfl-cta-card{padding:10px 6px}
.hbfl-cta-card p{color:#3b464c;margin:10px 0 0}
.hbfl-ker-top{margin-bottom:36px;align-items:start}
.hbfl-kits .hbs-card{padding:18px}
.hbfl-kits .hbs-card .hbs-media{margin:-18px -18px 14px;aspect-ratio:1/1;background:#fff}
.hbfl-kits .hbs-h3{font-size:22px}
.hbfl-kits .hbs-card p{font-size:14px}
.hbfl-four .hbs-card{padding:20px}
.hbfl-sys{display:grid!important;grid-template-columns:44% 1fr;grid-template-rows:auto auto 1fr;column-gap:22px;align-items:start}
.hbfl-sys-img{grid-row:1/4;display:flex;gap:6px;background:#fff;border-radius:8px}
.hbfl-sys-img img{width:50%;aspect-ratio:1/1;object-fit:contain}
.hbfl-bb .hbs-media{background:#fff}
.hbfl-orya{padding:26px 0;background:linear-gradient(90deg,rgba(7,87,96,.06),rgba(0,168,188,.08))}
.hbfl-orya-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hbfl-orya-in p{margin:0;font-size:16px;color:#2a3338}
.hbfl-narrow{max-width:860px;margin:0 auto}
.hbfl-foot{border-top:3px solid;border-image:linear-gradient(90deg,#00A8BC,#075760,#7FD3E6) 1;padding:34px 0 40px;background:#fff}
.hbfl-foot-in{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hbfl-foot-in img{height:27px;width:auto}
.hbfl-foot-in p{margin:0;color:#5d6a72;font-size:14px;flex:1}
@media(max-width:980px){.hbfl-nav{display:none}.hbfl-clip{max-width:340px}.hbfl-lang{margin-left:auto}.hbfl-top .hbfl-icons{margin-left:auto}.hbfl-row2{grid-template-columns:1fr}}
@media(max-width:600px){.hbfl-top{padding:10px 16px}.hbfl-logo img{height:24px}.hbfl-top{gap:8px}.hbfl-icons a{width:34px;height:34px}.hbfl-hero{min-height:auto}.hbs .hbfl-hero-in{padding-top:64px;padding-bottom:72px}.hbfl-hero .hbs-sub{font-size:16.5px}.hbfl-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.84) 60%,#fff)}
  .hbfl-kits{grid-template-columns:1fr 1fr}.hbfl-kits .hbs-card:last-child{grid-column:span 2}.hbfl-kits .hbs-card:last-child .hbs-media{aspect-ratio:2/1}.hbfl-kits .hbs-h3{font-size:20px}.hbfl-sys{grid-template-columns:1fr}.hbfl-sys-img{grid-row:auto;margin-bottom:14px}.hbfl-steps>li{grid-template-columns:44px 1fr}}
@media(prefers-reduced-motion:reduce){.hbfl-hero-bg img{animation:none}html{scroll-behavior:auto}}

/* v1.2.0 (Oct 27, ChatGPT review, staging): teal-only on this page + hero account path, service/essentials grids */
body.hbfl.hbs,body.hbfl .hbs{--pink:#7FD3E6;--mag:#075760;--pur:#075760;--grad:linear-gradient(100deg,#00A8BC 0%,#075760 60%,#075760 100%);--shine:linear-gradient(110deg,#00A8BC,#075760 45%,#075760 70%,#00A8BC)}
body.hbfl .hbs-btn:hover,body.hbfl .hbs-btn:focus-visible{background:linear-gradient(135deg,#00A8BC,#075760);box-shadow:0 12px 34px rgba(7,87,96,.28)}
body.hbfl :focus-visible{outline-color:#075760}
body.hbfl .hbs-div{background:linear-gradient(90deg,transparent,rgba(0,168,188,.35),rgba(7,87,96,.35),transparent)}
body.hbfl .hbs-quote{background:linear-gradient(135deg,rgba(0,168,188,.08),rgba(220,239,237,.9));border-color:rgba(7,87,96,.18)}
body.hbfl .hbs-ba--placeholder{border-color:rgba(7,87,96,.35);background:linear-gradient(135deg,rgba(0,168,188,.07),rgba(220,239,237,.8))}
body.hbfl .hbs-ba .hbs-ba-knob{background:#fff;box-shadow:0 0 0 6px rgba(0,168,188,.2),0 8px 20px rgba(0,0,0,.15);color:#075760}
body.hbfl .hbs-frizz-rail:after{background:linear-gradient(90deg,#BFE9F2,#00A8BC 50%,#075760)}
body.hbfl .hbs-tag--pink{background:rgba(0,168,188,.14);color:#075760}
.hbfl-hero-ctas{margin-top:26px}
.hbfl-acct{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:18px;max-width:640px}
.hbfl-acct-btn{display:inline-flex;align-items:center;padding:10px 18px;border-radius:40px;border:1px solid #bfe3ec;background:rgba(255,255,255,.85);font:600 12px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#075760}
.hbfl-acct-btn:hover{background:#DCEFED}
.hbfl-acct-btn--solid{background:#DCEFED;border-color:#00A8BC}
.hbfl-acct-line{flex-basis:100%;margin:2px 0 0;font-size:14px;color:#3b464c}
.hbfl-svc-card p,.hbfl-build p{font-size:15px;color:#3b464c}
.hbfl-price-line{margin:26px 0 0;color:#3b464c;font-size:15px}
@media(max-width:600px){.hbfl-acct-btn{padding:9px 14px;font-size:11px}.hbfl-hero-ctas .hbs-btn{padding:13px 20px}}
body.hbfl #hbsG stop:nth-child(2){stop-color:#075760}body.hbfl #hbsG stop:nth-child(3){stop-color:#075760}
/* ---- LIVE port 2026-11-01 (Beny voice GO 7:33 PM ET): teal-only overrides + mobile menu + footer phone ---- */
body.hbfl .hbs .hbs-btn:hover,body.hbfl .hbs .hbs-btn:focus-visible,body.hbfl.hbs .hbs-btn:hover,body.hbfl.hbs .hbs-btn:focus-visible{background:linear-gradient(135deg,#00A8BC,#075760);box-shadow:0 12px 34px rgba(7,87,96,.28)}
body.hbfl .hbs-ba .hbs-ba-knob{background:radial-gradient(circle,#fff 55%,#DCEFED);box-shadow:0 0 0 6px rgba(0,168,188,.22),0 8px 20px rgba(0,0,0,.15);color:#075760}
.hbfl-dt-img{display:block;aspect-ratio:1/1;width:100%;max-width:420px;margin:0 auto;text-decoration:none}
.hbfl-dt-img img{width:100%;height:100%;object-fit:cover;display:block}
.hbfl-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #cfe3e6;border-radius:12px;background:#fff;color:#075760;cursor:pointer;padding:0;flex:0 0 auto}
.hbfl-burger svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.hbfl-drawer{position:fixed;inset:0;z-index:9999;display:none}
.hbfl-drawer.open{display:block}
.hbfl-drawer-bg{position:absolute;inset:0;background:rgba(6,43,48,.45)}
.hbfl-drawer-in{position:absolute;left:0;top:0;bottom:0;width:min(320px,86vw);background:#fff;box-shadow:12px 0 40px rgba(0,0,0,.18);padding:18px 18px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.hbfl-drawer-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.hbfl-drawer-head img{height:24px;width:auto}
.hbfl-drawer-x{width:38px;height:38px;border:0;background:#DCEFED;color:#075760;border-radius:10px;font-size:20px;line-height:1;cursor:pointer}
.hbfl-drawer-in a{display:block;padding:12px 6px;border-bottom:1px solid #e6eff0;color:#1d2a30;text-decoration:none;font:500 15px/1.3 Inter,sans-serif}
.hbfl-drawer-in a:hover{color:#075760}
.hbfl-drawer-in .hbfl-drawer-lbl{margin:14px 6px 2px;font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#075760}
@media(max-width:980px){.hbfl-burger{display:inline-flex}}
.hbfl-foot-phone{margin:8px 0 0;font:500 14px/1.4 Inter,sans-serif;color:#2a3338}
.hbfl-foot-phone a{color:#075760;text-decoration:none;font-weight:600}