/* hstock.fit — Professional header: desktop nav + polished mobile header */
/* (This file is linked on every page — previously dead CSS targeting a removed
   old-template header; now powers the live .hs-header system site-wide.) */

/* ---- Header row: give room for the new nav + actions ---- */
.hs-header-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.hs-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}

/* ---- Desktop inline nav (hidden on mobile/tablet) ---- */
.hs-desktop-nav{display:none}
@media(min-width:1040px){
  .hs-desktop-nav{
    display:flex;
    align-items:center;
    gap:4px;
    margin-left:10px;
    flex:1 1 auto;
  }
  .hs-desktop-nav a{
    position:relative;
    padding:10px 16px;
    border-radius:10px;
    font-size:14px;
    font-weight:650;
    color:#c7d2f3;
    white-space:nowrap;
    transition:background .18s,color .18s;
  }
  .hs-desktop-nav a:hover,
  .hs-desktop-nav a:focus-visible{
    background:rgba(123,99,255,.14);
    color:#ffffff;
  }
}

/* ---- "Order Now" CTA button in the header (desktop only; mobile keeps it compact) ---- */
.hs-header-order-btn{
  display:none;
  align-items:center;
  gap:8px;
  padding:11px 18px;
  border-radius:11px;
  background:linear-gradient(110deg,#3c5bff,#7840fa);
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(70,45,244,.33);
  transition:transform .18s,box-shadow .18s;
  white-space:nowrap;
}
.hs-header-order-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(70,45,244,.42)}
@media(min-width:860px){
  .hs-header-order-btn{display:inline-flex}
}

/* ---- Menu toggle: visible on mobile/tablet only. On desktop the inline nav
   already lists every section, so the hamburger is replaced by the Telegram
   button instead (see below) — no clipped "All Services" pill, no redundant control. ---- */
.hs-menu-toggle{display:flex;align-items:center;gap:8px}
.hs-menu-toggle-label{display:none;font-size:13px;font-weight:750;white-space:nowrap}
@media(min-width:1040px){
  .hs-menu-toggle{display:none}
}

/* ---- Telegram button: replaces the menu toggle on desktop/laptop ---- */
.hs-header-telegram-btn{
  display:none;
  align-items:center;
  gap:8px;
  padding:11px 17px;
  border-radius:11px;
  border:1px solid rgba(144,162,232,.36);
  background:#10224d;
  color:#fff;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
  transition:background .18s,border-color .18s,transform .18s;
}
.hs-header-telegram-btn svg{color:#4bb7f2}
.hs-header-telegram-btn:hover{background:#19326b;border-color:#8a72ff;transform:translateY(-1px)}
@media(min-width:1040px){
  .hs-header-telegram-btn{display:inline-flex}
}

/* ---- Small screens: keep header tight and premium-looking ---- */
@media(max-width:1039px){
  .hs-header-actions{gap:8px}
}
@media(max-width:480px){
  .hs-header-order-btn{display:none}
}

/* ---- Sticky header gets a touch more presence on scroll (progressive enhancement) ---- */
.hs-header{box-shadow:0 1px 0 rgba(255,255,255,.02)}

/* ---- SEO keyword support paragraph (service pages) ---- */
.hs-service-keywords{
  margin:10px 0 0;
  max-width:620px;
  font-size:13.5px;
  line-height:1.7;
  color:#93a3cf;
}

/* ---- Accessibility: never let the drawer content get clipped on very short viewports ---- */
@media(max-height:560px){
  .hs-drawer-scroll{padding-bottom:40px}
}

/* ---- Pricing tables: professional "card" styling, matching the amber
   Featured-Services cards (.hsp-card) shown on the homepage ----
   Recolors the package badge / price / action button to the same palette
   the homepage uses for its service cards, and turns each table row into
   its own bordered, shadowed card (desktop) or stacked card (mobile) —
   applied once here so all 60 service pages pick it up automatically. ---- */
.hs-service-badge{background:#37265e!important;border-color:#6c4ba8!important;color:#e5ceff!important}
.hs-service-badge.old{background:#123d60!important;border-color:#32668d!important;color:#bceeff!important}
.hs-service-price{color:#ff8b24!important}
.hs-service-btn{background:#21150d!important;border:1px solid #805a35!important;color:#ff9a3d!important;box-shadow:none!important}
.hs-service-btn:hover{background:#2c1c10!important;border-color:#ff9a3d!important}

/* Row-hover/stripe contrast fix (site.bundle.css's unscoped, light-theme
   "tbody tr:hover{background:#EEF5FF}" made rows go near-white and swallow
   the light text on hover) — rows now get the amber card treatment below,
   which already fixes this, but kept explicit for safety. */
.hs-service-table tbody tr:hover{background:linear-gradient(165deg,#2e1d11 0%,#201509 100%)!important}
.hs-service-table tbody tr:nth-child(even):hover{background:linear-gradient(165deg,#2e1d11 0%,#201509 100%)!important}

/* ---- Desktop/tablet: each row becomes its own bordered, shadowed card ---- */
@media(min-width:701px){
  .hs-service-table-wrap{border:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .hs-service-table{border-collapse:separate!important;border-spacing:0 12px!important}
  .hs-service-table thead th{background:linear-gradient(90deg,#2d1c10,#241509)!important;color:#f3c98a!important;border:none!important}
  .hs-service-table thead th:first-child{border-radius:12px 0 0 12px}
  .hs-service-table thead th:last-child{border-radius:0 12px 12px 0}
  .hs-service-table tbody tr,
  .hs-service-table tbody tr:nth-child(even){background:linear-gradient(165deg,#28190f 0%,#1b110b 100%)!important;box-shadow:0 10px 22px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .hs-service-table tbody tr:hover,
  .hs-service-table tbody tr:nth-child(even):hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.36)}
  .hs-service-table td{border-top:1px solid #5a402a!important;border-bottom:1px solid #5a402a!important;color:#fff7ed!important;background:transparent!important}
  .hs-service-table td:first-child{border-left:1px solid #5a402a!important;border-radius:12px 0 0 12px;padding-left:18px!important}
  .hs-service-table td:last-child{border-right:1px solid #5a402a!important;border-radius:0 12px 12px 0;padding-right:18px!important}
}

/* ---- Mobile (<700px): stacked cards instead of horizontal scroll ----
   Every service table shares the same 5 columns in the same order (Package
   type, Quantity, Price, Unit/status, Action), so each cell can carry its
   column label via a numbered ::before — no markup changes needed. Each row
   becomes a self-contained card that fits the screen with no side-scrolling,
   styled to match the same amber card look used on desktop/homepage. ---- */
@media(max-width:700px){
  .hs-service-table-wrap{overflow-x:visible!important;border:none!important;border-radius:0!important}
  .hs-service-table{min-width:0!important;width:100%;display:block;border-collapse:separate}
  .hs-service-table thead{display:none}
  .hs-service-table tbody{display:block}
  .hs-service-table tr{display:block;margin-bottom:12px;padding:6px 16px;border:1px solid #5a402a;border-radius:16px;background:linear-gradient(165deg,#28190f 0%,#1b110b 100%);box-shadow:0 10px 26px rgba(0,0,0,.28)}
  .hs-service-table tbody tr:hover,
  .hs-service-table tbody tr:nth-child(even):hover{background:linear-gradient(165deg,#2e1d11 0%,#201509 100%)!important}
  .hs-service-table tr:last-child{margin-bottom:0}
  .hs-service-table td{display:block;padding:10px 0!important;border-top:1px solid #4b3423!important;font-size:14px!important}
  .hs-service-table tr td:first-child{border-top:none!important;padding-top:12px!important}
  .hs-service-table tr td:last-child{padding-bottom:12px!important}
  .hs-service-table td::before{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#cbb59d;margin-bottom:4px}
  .hs-service-table td:nth-child(1)::before{content:"Package"}
  .hs-service-table td:nth-child(2)::before{content:"Quantity"}
  .hs-service-table td:nth-child(3)::before{content:"Price"}
  .hs-service-table td:nth-child(4)::before{content:"Unit / Status"}
  .hs-service-table td:nth-child(5)::before{display:none}
  .hs-service-table .hs-service-btn{width:100%;justify-content:center;padding:12px 16px;font-size:13px;margin-top:2px}
}

/* ---- Drawer: "Services" row now has its own link (navigates to the
   services section) plus a separate arrow that only toggles the list, so
   the flex:1 that used to target the row's 2nd child (the text) needs to
   target the new link wrapper instead, not the arrow. ---- */
.hs-menu-primary-row>.hs-menu-primary-arrow{flex:0 0 auto!important}
.hs-menu-services-link{display:flex;align-items:center;gap:20px;flex:1;min-width:0;color:inherit;text-decoration:none}

/* ---- Floating WhatsApp/Telegram buttons must not sit on top of the open
   mobile drawer — hide them while the menu is open (JS already toggles
   body.hs-menu-open on the existing open/close handlers). ---- */
body.hs-menu-open .hs-floating-contacts{display:none}

/* ---- Service page package cards ----
   Matches the product-card grid built specifically for the Instagram page
   (.ig-product-card) — same layout language (icon, tag, price line, 3-fact
   grid, checklist, button) — now used by every other service page so the
   whole site looks consistent. Pulls from the exact same fields the old
   pricing table showed (quantity / price / status / action link); nothing
   is invented, so a tier only shows "Contact for current price" when the
   original table said that too. */
.hs-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hs-pack-card{border:1px solid #5a402a;border-radius:18px;padding:14px;background:linear-gradient(150deg,#28190f,#1b110b);box-shadow:0 10px 28px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column}
.hs-pack-card[hidden]{display:none}
.hs-pack-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.36);border-color:#ff9a3d}
.hs-pack-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hs-pack-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;flex:none}
.hs-pack-icon svg{width:24px;height:24px}
.hs-pack-tag{padding:5px 10px;border:1px solid #805a35;border-radius:999px;background:#2a1b10;color:#f3c98a;font-size:10px;font-weight:850;letter-spacing:.06em;white-space:nowrap}
.hs-pack-card h3{margin:12px 0 3px;font-size:17px;letter-spacing:-.02em;color:#fff7ed;font-weight:800}
.hs-pack-sub{margin:0;color:#cbb59d;font-size:12px;line-height:1.35}
.hs-pack-price-line{display:flex;align-items:baseline;gap:6px;margin:12px 0 10px;padding-top:12px;border-top:1px solid #4b3423;flex-wrap:wrap}
.hs-pack-currency{color:#cbb59d;font-weight:800;font-size:11px}
.hs-pack-price{font-size:clamp(20px,3.6vw,26px);line-height:1.15;font-weight:900;letter-spacing:-.03em;color:#ff8b24}
.hs-pack-price-text{font-size:14px;font-weight:800;color:#ff8b24;letter-spacing:0}
.hs-pack-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hs-pack-fact{min-width:0;padding:7px;border-radius:10px;background:#231608}
.hs-pack-fact small{display:block;color:#cbb59d;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hs-pack-fact strong{display:block;margin-top:4px;font-size:11px;color:#fff7ed;font-weight:700;overflow-wrap:anywhere}
.hs-pack-features{display:grid;gap:6px;margin:13px 0 14px;padding:0;list-style:none;color:#e6d5c2;font-size:12px;flex:1}
.hs-pack-features li{display:flex;align-items:flex-start;gap:8px}
.hs-pack-check{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#2a1b10;border:1px solid #805a35;color:#ff9a3d;font-weight:900;line-height:1;font-size:10px}
.hs-pack-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #805a35;border-radius:10px;padding:11px 12px;font-size:12px;font-weight:800;color:#ff9a3d;background:#21150d;text-decoration:none;transition:background .2s,border-color .2s;margin-top:auto}
.hs-pack-btn:hover{background:#2c1c10;border-color:#ff9a3d}
@media(max-width:900px){.hs-pack-grid{grid-template-columns:1fr}}

/* ---- Package category tabs (Fresh / 1–6 Months / 7–11 Months / …) ----
   Same idea as the Instagram page's category switcher, but kept to a
   single row on every screen size instead of wrapping onto several rows:
   each tab shares the row equally and its label wraps onto a 2nd line
   if it needs to, rather than pushing tabs onto a new row or scrolling. */
.hs-pack-tabs{display:flex;gap:6px;margin:0 0 20px;width:100%}
.hs-pack-tab{flex:1 1 0;min-width:0;padding:10px 4px;border:1px solid #5a402a;border-radius:12px;background:#231608;color:#f3e9dc;font-size:clamp(10px,2.4vw,13px);font-weight:800;line-height:1.25;text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease;overflow-wrap:break-word}
.hs-pack-tab:hover{border-color:#ff9a3d;background:#2c1c10}
.hs-pack-tab[aria-pressed="true"]{border-color:#ff9a3d;background:linear-gradient(100deg,#c9671c,#ff8b24);color:#1b0f04;box-shadow:0 9px 22px rgba(255,139,36,.28)}

/* ---- Shared site footer (same as the homepage footer) ----
   Defined here so every page — including the older template pages —
   renders the identical footer with the text brand (white "hstock" +
   purple ".fit"), and nothing depends on per-page inline CSS. */
.hs-wrap{width:min(calc(100% - 44px),var(--max,1210px));margin-left:auto;margin-right:auto}
.hs-footer{background:#050b1d;border-top:1px solid #26355d;padding:58px 0 25px;color:#e9edff;text-align:left}
.hs-footer *{box-sizing:border-box}
.hs-footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1.2fr;gap:30px}
.hs-footer .hs-footer-brand{display:inline-block;font-size:27px;font-weight:850;letter-spacing:-1.4px;line-height:1.2;color:#fff;text-decoration:none}
.hs-footer .hs-footer-brand span{color:#7e5aff}
.hs-footer p{color:#95a7cd;font-size:13px;line-height:1.8;max-width:300px;margin:12px 0 0}
.hs-footer h3{font-size:14px;line-height:1.3;font-weight:700;letter-spacing:0;text-transform:none;margin:0 0 17px;color:#ffad5b}
.hs-footer-links{display:grid;gap:11px}
.hs-footer .hs-footer-links a{font-size:13px;line-height:1.4;color:#d2c0ad;text-decoration:none;overflow-wrap:anywhere}
.hs-footer .hs-footer-links a:hover{color:#ddd2ff}
.hs-footer-bottom{margin-top:38px;padding-top:19px;border-top:1px solid #4b3423;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#bba58f}
.hs-footer-bottom a{color:#e8d5c1;text-decoration:none}
@media(max-width:1040px){.hs-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.hs-wrap{width:min(calc(100% - 30px),var(--max,1210px))}.hs-footer-grid{grid-template-columns:1fr 1fr;gap:27px}}
/* fixed WhatsApp/Telegram buttons fade out while they would sit on top of the footer's last row */
.hs-floating-contacts{transition:opacity .2s ease}

/* ---- About Us / Blog page design (same look as the homepage) ----
   Warm dark base, amber eyebrow labels, big white headings, navy cards and
   the blue-purple buttons used across the homepage. */
body.hs-ab-page{background:#100a06!important;color:#fff7ed!important}
.hs-ab{display:block;color:#fff7ed}
.hs-ab *{box-sizing:border-box}
:where(.hs-ab) :where(h1,h2,h3,p){margin:0}
:where(.hs-ab) a{text-decoration:none}
.hs-ab-hero{position:relative;overflow:hidden;border-bottom:1px solid #26355d;padding:84px 0 76px;background:radial-gradient(60% 85% at 89% 52%,rgba(255,106,0,.2),transparent 75%),radial-gradient(55% 90% at 62% 85%,rgba(111,57,18,.22),transparent 80%),#100a06}
.hs-ab-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.hs-ab-hero-grid.is-single{grid-template-columns:minmax(0,860px)}
.hs-ab-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid #2a4179;border-radius:999px;background:#0e1a3d;color:#c2caff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hs-ab-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#7e5aff}
.hs-ab-hero h1{margin-top:24px;font-size:clamp(36px,5.2vw,58px);line-height:1.06;font-weight:850;letter-spacing:-.04em;color:#fff7ed}
.hs-ab-hero h1 span{background:linear-gradient(100deg,#ff8b24,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hs-ab-lead{margin-top:22px;max-width:640px;color:#d8c7b4;font-size:17px;line-height:1.75}
.hs-ab-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hs-ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:13px;font-size:14px;font-weight:800;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hs-ab-btn:hover{transform:translateY(-2px)}
.hs-ab-btn.primary{background:linear-gradient(110deg,#3c5bff,#7840fa);color:#fff;box-shadow:0 12px 28px rgba(80,70,240,.3)}
.hs-ab-btn.secondary{background:#0b1b40;border-color:#5b52c6;color:#f0efff}
.hs-ab-btn.secondary:hover{border-color:#9983ff}
.hs-ab-points{display:flex;flex-wrap:wrap;gap:12px 22px;margin:28px 0 0;padding:0;list-style:none;color:#cdb9a3;font-size:13px}
.hs-ab-points li{display:flex;align-items:center;gap:9px}
.hs-ab-points i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#173368;color:#9fc3ff;font-style:normal;font-size:11px;font-weight:900}
.hs-ab-glance{border:1px solid #2a4179;border-radius:22px;padding:26px;background:linear-gradient(145deg,#17285a,#0f1c44);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.hs-ab-glance h2{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffad5b;margin-bottom:18px}
.hs-ab-glance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hs-ab-stat{padding:18px 16px;border:1px solid #2a4179;border-radius:15px;background:#0c1838}
.hs-ab-stat strong{display:block;font-size:30px;line-height:1.1;font-weight:850;letter-spacing:-.03em;color:#ff9a3d}
.hs-ab-stat strong.is-text{font-size:20px;padding-top:5px}
.hs-ab-stat span{display:block;margin-top:7px;color:#b9c3e6;font-size:12.5px;line-height:1.45}
.hs-ab-sec{padding:86px 0}
.hs-ab-alt{background:#091330;border-top:1px solid #1d2c57;border-bottom:1px solid #1d2c57}
.hs-ab-head{max-width:720px;margin:0 0 44px}
.hs-ab-head.center{margin-left:auto;margin-right:auto;text-align:center}
.hs-ab-kicker{display:block;margin-bottom:12px;color:#ffad5b;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hs-ab-head h2,.hs-ab-sec h2.hs-ab-title{font-size:clamp(28px,4vw,40px);line-height:1.15;font-weight:850;letter-spacing:-.035em;color:#fff7ed}
.hs-ab-head p{margin-top:14px;color:#cdb9a3;font-size:16px;line-height:1.75}
.hs-ab-story{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.hs-ab-story-text p{color:#d8c7b4;font-size:15.5px;line-height:1.85;margin-top:18px}
.hs-ab-story-text p:first-of-type{margin-top:0;font-size:17px;color:#ecdccb}
.hs-ab-card{border:1px solid #2a4179;border-radius:20px;padding:28px;background:linear-gradient(145deg,#12224d,#0d1a3f)}
.hs-ab-card h3{font-size:21px;font-weight:800;letter-spacing:-.02em;color:#fff7ed;margin-bottom:20px}
.hs-ab-list{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.hs-ab-list li{display:flex;gap:14px;align-items:flex-start;color:#c6d0ef;font-size:14.5px;line-height:1.65}
.hs-ab-list li strong{display:block;color:#fff7ed;font-size:15px;margin-bottom:2px}
.hs-ab-tick{flex:0 0 26px;display:grid;place-items:center;width:26px;height:26px;margin-top:1px;border-radius:50%;background:#1d3170;border:1px solid #3a56a8;color:#ff9a3d;font-weight:900;font-size:12px}
.hs-ab-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:abstep}
.hs-ab-step{position:relative;border:1px solid #2a4179;border-radius:18px;padding:24px 22px;background:linear-gradient(145deg,#12224d,#0d1a3f)}
.hs-ab-step-num{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:12px;background:linear-gradient(110deg,#3c5bff,#7840fa);color:#fff;font-size:17px;font-weight:850}
.hs-ab-step h3,.hs-ab-feature h3{font-size:17px;font-weight:800;letter-spacing:-.015em;color:#fff7ed;margin-bottom:8px}
.hs-ab-step p,.hs-ab-feature p{color:#b9c3e6;font-size:14px;line-height:1.7}
.hs-ab-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hs-ab-feature{border:1px solid #2a4179;border-radius:18px;padding:26px 24px;background:linear-gradient(145deg,#12224d,#0d1a3f);transition:transform .18s ease,border-color .18s ease}
.hs-ab-feature:hover{transform:translateY(-3px);border-color:#ff9a3d}
.hs-ab-ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:12px;background:#232d6b;color:#a99bff}
.hs-ab-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hs-ab-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hs-ab-channel{display:block;border:1px solid #2a4179;border-radius:18px;padding:26px 24px;background:linear-gradient(145deg,#12224d,#0d1a3f);color:inherit;transition:transform .18s ease,border-color .18s ease}
.hs-ab-channel:hover{transform:translateY(-3px);border-color:#ff9a3d}
.hs-ab-channel small{display:block;color:#ffad5b;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
.hs-ab-channel strong{display:block;margin-top:8px;color:#fff7ed;font-size:17px;font-weight:800;overflow-wrap:anywhere}
.hs-ab-channel span{display:block;margin-top:8px;color:#b9c3e6;font-size:13.5px;line-height:1.6}
.hs-ab-cta{position:relative;overflow:hidden;border:1px solid #3a4a8a;border-radius:26px;padding:62px 28px;text-align:center;background:radial-gradient(60% 120% at 85% 0%,rgba(120,64,250,.35),transparent 70%),linear-gradient(145deg,#12224d,#0b1738)}
.hs-ab-cta h2{font-size:clamp(28px,4vw,42px);line-height:1.15;font-weight:850;letter-spacing:-.035em;color:#fff7ed;max-width:780px;margin:0 auto}
.hs-ab-cta p{margin:16px auto 0;max-width:560px;color:#c6d0ef;font-size:16px;line-height:1.7}
.hs-ab-cta .hs-ab-actions{justify-content:center}
@media(max-width:1040px){.hs-ab-hero-grid,.hs-ab-story{grid-template-columns:1fr}.hs-ab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-ab-grid3,.hs-ab-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hs-ab-hero{padding:56px 0 52px}.hs-ab-sec{padding:62px 0}.hs-ab-head{margin-bottom:32px}.hs-ab-steps,.hs-ab-grid3,.hs-ab-contact{grid-template-columns:1fr}.hs-ab-lead{font-size:16px}.hs-ab-cta{padding:44px 20px;border-radius:22px}.hs-ab-actions .hs-ab-btn{flex:1 1 100%}.hs-ab-glance-grid{gap:10px}.hs-ab-stat{padding:15px 13px}.hs-ab-stat strong{font-size:26px}}
.hs-ab-badge{display:inline-block;margin-left:8px;padding:3px 9px;border:1px solid #805a35;border-radius:999px;background:#2a1b10;color:#f3c98a;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.hs-ab-note{display:flex;gap:16px;align-items:flex-start;margin-top:30px;max-width:720px;border:1px solid #805a35;border-radius:16px;padding:18px 20px;background:linear-gradient(145deg,#28190f,#1b110b);color:#d8c7b4;font-size:14.5px;line-height:1.7}
.hs-ab-note strong{display:block;color:#ffad5b;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.hs-ab-note-ico{flex:0 0 38px;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#3a2412;color:#ffad5b}
.hs-ab-note-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hs-ab-chips{display:flex;flex-wrap:wrap;gap:12px}
.hs-ab-chips a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid #2a4179;border-radius:999px;background:#0e1a3d;color:#e6ecff;font-size:14px;font-weight:700;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.hs-ab-chips a:hover{border-color:#ff9a3d;background:#132255;transform:translateY(-2px)}
.hs-ab-chips a span{color:#ff9a3d}
.hs-ab-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hs-ab-tip{display:flex;gap:16px;align-items:flex-start;border:1px solid #2a4179;border-radius:18px;padding:22px;background:linear-gradient(145deg,#12224d,#0d1a3f)}
.hs-ab-tip-num{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(110deg,#3c5bff,#7840fa);color:#fff;font-weight:850;font-size:15px}
.hs-ab-tip h3{font-size:16px;font-weight:800;color:#fff7ed;margin-bottom:5px}
.hs-ab-tip p{color:#b9c3e6;font-size:14px;line-height:1.65}
@media(max-width:700px){.hs-ab-tips{grid-template-columns:1fr}}

.hs-ab-feature{position:relative}
.hs-ab-feature .hs-ab-badge{position:absolute;top:24px;right:22px;margin:0}

/* payment result pages: card centred, shared footer full width underneath */
body.payment-result-page{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:100vh;padding:0}
body.payment-result-page>main.payment-result-card{width:min(680px,calc(100% - 32px));max-width:680px;margin:28px auto 56px}
body.payment-result-page>.hs-footer{width:100%;margin-top:auto}