:root { --hb-navy:#063b82; --hb-blue:#0a55bb; --hb-ink:#132b4d; --hb-muted:#61738f; --hb-soft:#f5f8fd; --hb-line:#dce6f3; --hb-green:#17915c; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body.hb-home { margin:0; color:var(--hb-ink); font-family:"Nirmala UI","Segoe UI",Arial,sans-serif; background:#fff; line-height:1.6; }
.hb-home-nav { min-height:82px; background:rgba(255,255,255,.97); border-bottom:1px solid #e9eff7; box-shadow:0 2px 16px rgba(11,48,99,.05); padding:10px 0; }.hb-home-brand img { width:auto; max-height:51px; }.hb-home-menu .nav-link { color:#1a355a!important; font-weight:700; font-size:15px; padding:10px 13px!important; }.hb-home-menu .nav-link:hover { color:var(--hb-blue)!important; }.hb-home-actions { display:flex; gap:9px; align-items:center; }.hb-home-actions a { display:inline-flex; align-items:center; gap:6px; padding:9px 15px; border-radius:9px; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }.hb-home-login { color:var(--hb-navy); border:1px solid #b9cce8; }.hb-home-login:hover { border-color:var(--hb-navy); background:#eff5fd; color:var(--hb-navy); }.hb-home-trial { color:#fff; background:var(--hb-navy); border:1px solid var(--hb-navy); }.hb-home-trial:hover { color:#fff; background:var(--hb-blue); }.hb-home-toggler { color:var(--hb-navy); border:1px solid #bcd0ea; }
.hb-hero { position:relative; overflow:hidden; background:linear-gradient(118deg,#f9fbff 0%,#edf4ff 53%,#f9fcff 100%); padding:74px 0 85px; }.hb-hero:before,.hb-hero:after { content:""; position:absolute; border-radius:50%; pointer-events:none; }.hb-hero:before { width:540px;height:540px;right:-235px;top:-280px;background:rgba(18,101,204,.08); }.hb-hero:after { width:460px;height:460px;left:-280px;bottom:-340px;border:1px solid rgba(8,77,174,.13); }.hb-hero-grid { display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:50px; position:relative; z-index:1; }.hb-hero-copy { max-width:605px; }.hb-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border-radius:99px; background:#e3efff; color:var(--hb-navy); font-size:13px; font-weight:800; }.hb-hero-copy h1 { margin:19px 0 16px; color:#102c55; font-size:clamp(34px,4vw,53px); font-weight:800; letter-spacing:-.035em; line-height:1.21; }.hb-hero-copy h1 span { color:var(--hb-blue); }.hb-hero-copy p { max-width:555px; color:var(--hb-muted); font-size:17px; line-height:1.8; }.hb-hero-cta { display:flex; gap:12px; flex-wrap:wrap; margin-top:27px; }.hb-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:47px; padding:11px 19px; border-radius:9px; font-size:14px; font-weight:800; text-decoration:none!important; transition:.18s ease; }.hb-button-primary { color:#fff; background:var(--hb-navy); border:1px solid var(--hb-navy); }.hb-button-primary:hover { color:#fff; background:var(--hb-blue); transform:translateY(-1px); box-shadow:0 10px 18px rgba(6,59,130,.18); }.hb-button-outline { color:var(--hb-navy); background:#fff; border:1px solid #b6cae7; }.hb-button-outline:hover { color:var(--hb-navy); background:#eff5fd; }.hb-trust-list { display:flex; flex-wrap:wrap; gap:12px 19px; margin-top:22px; color:#385170; font-size:13px; font-weight:700; }.hb-trust-list i { color:var(--hb-green); margin-right:4px; }.hb-hero-visual { min-height:355px; position:relative; display:flex; align-items:center; justify-content:center; }.hb-hero-visual > img { position:relative; z-index:2; max-width:100%; max-height:390px; object-fit:contain; }.hb-visual-orbit { position:absolute; border-radius:50%; }.hb-orbit-one { width:360px;height:360px;background:#dce9fc; }.hb-orbit-two { width:420px;height:420px;border:1px dashed #b9cfef; }.hb-visual-card { position:absolute; z-index:3; min-width:130px; display:grid; grid-template-columns:28px 1fr; align-items:center; column-gap:8px; padding:10px 12px; border:1px solid #d9e5f4; border-radius:10px; background:rgba(255,255,255,.96); box-shadow:0 12px 30px rgba(27,65,116,.13); }.hb-visual-card i { grid-row:span 2; color:var(--hb-blue); font-size:19px; }.hb-visual-card span { color:#59708d; font-size:11px; font-weight:700; }.hb-visual-card strong { color:#173962; font-size:12px; }.hb-card-sales { top:34px; left:0; }.hb-card-stock { right:3px; bottom:38px; }
.hb-proof { position:relative; z-index:4; margin-top:-31px; }.hb-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid #e0e9f5; border-radius:13px; box-shadow:0 12px 30px rgba(18,54,105,.08); overflow:hidden; }.hb-proof-grid div { display:flex; align-items:center; gap:11px; padding:20px 19px; color:#314b6f; font-size:13px; font-weight:800; border-right:1px solid #e7edf5; }.hb-proof-grid div:last-child { border-right:0; }.hb-proof-grid i { color:var(--hb-blue); font-size:19px; }
.hb-section { padding:88px 0; }.hb-section-heading { max-width:720px; margin:0 auto 45px; text-align:center; }.hb-section-heading > span { display:inline-block; color:var(--hb-blue); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.hb-section-heading h2 { margin:8px 0 11px; color:#15345f; font-size:clamp(27px,3vw,38px); font-weight:800; }.hb-section-heading p { margin:0; color:var(--hb-muted); font-size:16px; }.hb-feature-grid > div { margin-bottom:22px; }.hb-feature-card { height:100%; padding:26px 24px; border:1px solid #e0e9f4; border-radius:13px; background:#fff; transition:.2s ease; }.hb-feature-card:hover { transform:translateY(-4px); border-color:#adc9ee; box-shadow:0 14px 30px rgba(20,61,113,.1); }.hb-feature-icon { display:grid; place-items:center; width:46px;height:46px; margin-bottom:18px; border-radius:11px; background:#e8f1ff; color:var(--hb-blue); font-size:19px; }.hb-feature-card h3,.hb-service-card h3 { color:#173a69; font-size:19px; font-weight:800; }.hb-feature-card p,.hb-service-card p { color:var(--hb-muted); font-size:14px; margin:8px 0 0; }
.hb-services { position:relative; overflow:hidden; background:linear-gradient(135deg,#052f6c,#084caa); }.hb-services:after { content:""; position:absolute; right:-150px; bottom:-285px; width:600px;height:600px; border:1px solid rgba(255,255,255,.15); border-radius:50%; }.hb-services .container { position:relative; z-index:1; }.hb-section-heading-light > span { color:#a9cbff; }.hb-section-heading-light h2 { color:#fff; }.hb-section-heading-light p { color:#d2e2fb; }.hb-service-card { min-height:255px; height:100%; padding:34px 29px; border:1px solid rgba(255,255,255,.17); border-radius:14px; background:rgba(255,255,255,.97); box-shadow:0 15px 30px rgba(0,0,0,.1); }.hb-service-card img { width:62px;height:62px; object-fit:contain; margin-bottom:22px; }
.hb-pricing { background:var(--hb-soft); }.hb-pricing-grid > div { margin-bottom:24px; }.hb-price-card { position:relative; height:100%; padding:31px 29px; border:1px solid #dce7f4; border-radius:15px; background:#fff; box-shadow:0 8px 20px rgba(17,57,109,.05); }.hb-price-card-featured { border:2px solid var(--hb-blue); box-shadow:0 18px 40px rgba(10,85,187,.15); transform:translateY(-9px); }.hb-price-badge { position:absolute; top:0; right:22px; padding:5px 11px; border-radius:0 0 8px 8px; color:#fff; background:var(--hb-blue); font-size:11px; font-weight:800; }.hb-price-icon { display:grid; place-items:center; width:47px;height:47px; margin-bottom:17px; border-radius:11px; color:var(--hb-blue); background:#e7f0ff; font-size:20px; }.hb-price-card h3 { margin:0;color:#173a69;font-size:20px;font-weight:800; }.hb-price { margin:8px 0; color:var(--hb-navy); font-size:30px; font-weight:800; }.hb-price small { color:#71839a; font-size:13px; font-weight:700; }.hb-price-card > p { color:var(--hb-muted); font-size:14px; min-height:43px; }.hb-price-card ul { padding:0; margin:20px 0 25px; list-style:none; }.hb-price-card li { margin:8px 0; color:#395370; font-size:14px; }.hb-price-card li i { margin-right:7px; color:var(--hb-green); }.hb-price-action { display:block; padding:10px; border:1px solid #b9cce8; border-radius:8px; color:var(--hb-navy); font-size:14px; font-weight:800; text-align:center; text-decoration:none!important; }.hb-price-action:hover { color:#fff; background:var(--hb-navy); border-color:var(--hb-navy); }.hb-server-note { display:flex; align-items:center; gap:17px; max-width:940px; margin:25px auto 0; padding:18px 22px; border:1px solid #cbdcf2; border-radius:12px; background:#eaf3ff; }.hb-server-note-icon { display:grid; place-items:center; min-width:42px;height:42px; border-radius:10px; color:#fff;background:var(--hb-blue); }.hb-server-note strong { color:#173a69; font-size:16px; }.hb-server-note p { margin:1px 0 0; color:#4d6687; font-size:14px; }.hb-server-note a { margin-left:auto; color:var(--hb-navy); font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }
.hb-contact-cta { color:#fff; background:linear-gradient(110deg,#073777,#0957bd); }.hb-contact-cta .container { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:53px 15px; }.hb-contact-cta span { color:#b5d2ff; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.hb-contact-cta h2 { margin:5px 0;color:#fff;font-size:29px;font-weight:800; }.hb-contact-cta p { margin:0;color:#d6e5fb; }.hb-button-white { min-width:210px;color:var(--hb-navy);background:#fff;border:1px solid #fff; }.hb-button-white:hover { color:var(--hb-navy); background:#e7f1ff; }
.hb-home-footer { color:#c8daf4; background:#042958; }.hb-footer-grid { display:grid; grid-template-columns:1.25fr .8fr 1.15fr .6fr; gap:40px; padding:58px 15px 43px; }.hb-footer-grid img { width:auto;max-height:55px; }.hb-footer-grid p { max-width:285px; margin:18px 0 0; color:#b8c9e1; font-size:14px; line-height:1.8; }.hb-footer-grid h3 { margin:5px 0 16px; color:#fff; font-size:16px;font-weight:800; }.hb-footer-grid > div > a:not(.hb-address) { display:block; margin:8px 0; color:#c8daf4; font-size:14px; text-decoration:none; }.hb-footer-grid a:hover { color:#fff!important; }.hb-address { display:block; color:#c8daf4; font-size:14px; line-height:1.8; text-decoration:none; }.hb-address i,.hb-footer-grid a i { margin-right:7px; color:#8cbeff; }.hb-footer-social { display:flex; gap:9px; }.hb-footer-social a { display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff; }.hb-footer-social a:hover { background:#fff;color:var(--hb-navy)!important; }.hb-footer-bottom { border-top:1px solid rgba(255,255,255,.12); color:#a7bedc; font-size:13px; text-align:center; }.hb-footer-bottom .container { padding:16px 15px; }
@media (max-width:991px) { .hb-home-nav { min-height:70px; }.hb-home-menu { padding:10px 0; }.hb-home-actions { padding:5px 0 10px; }.hb-hero { padding:53px 0 75px; }.hb-hero-grid { grid-template-columns:1fr; gap:27px; }.hb-hero-copy { max-width:680px; margin:auto; text-align:center; }.hb-hero-copy p { margin-left:auto;margin-right:auto; }.hb-hero-cta,.hb-trust-list { justify-content:center; }.hb-hero-visual { min-height:300px; }.hb-hero-visual > img { max-height:310px; }.hb-proof-grid { grid-template-columns:repeat(2,1fr); }.hb-proof-grid div:nth-child(2) { border-right:0; }.hb-proof-grid div:nth-child(-n+2) { border-bottom:1px solid #e7edf5; }.hb-price-card-featured { transform:none; }.hb-footer-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px) { .hb-home-brand img { max-height:44px; }.hb-home-actions { flex-direction:column;align-items:stretch; }.hb-home-actions a { justify-content:center; }.hb-hero { padding:40px 0 57px; }.hb-hero-copy h1 { font-size:33px; }.hb-hero-copy p { font-size:15px; }.hb-hero-visual { min-height:245px; }.hb-hero-visual > img { max-height:255px; }.hb-visual-card { padding:7px 9px;min-width:115px; }.hb-card-sales { left:-6px; }.hb-card-stock { right:-6px;bottom:16px; }.hb-proof { margin-top:-19px; }.hb-proof-grid { grid-template-columns:1fr; }.hb-proof-grid div { padding:15px 18px;border-right:0!important;border-bottom:1px solid #e7edf5; }.hb-proof-grid div:last-child { border-bottom:0; }.hb-section { padding:61px 0; }.hb-section-heading { margin-bottom:30px; }.hb-section-heading h2 { font-size:27px; }.hb-server-note { align-items:flex-start; flex-wrap:wrap; padding:16px; }.hb-server-note a { width:100%; margin-left:59px; }.hb-contact-cta .container { padding:40px 15px; align-items:flex-start; flex-direction:column; }.hb-contact-cta h2 { font-size:26px; }.hb-footer-grid { grid-template-columns:1fr;gap:27px;padding:43px 15px 35px; } }