/* BoostClass landing — base styles, animations and responsive rules.
   Element-level styling stays inline on the elements, as authored. */

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; background: #0A0C10; color: #F4F6F8; font-family: Inter, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
  a { color: #FFE20A; text-decoration: none; }
  a:hover { color: #FFF06B; }
  h1, h2, h3 { margin: 0; }
  p { margin: 0; }
  button { font: inherit; }
  @keyframes omRise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
  @keyframes omPulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
  @keyframes omFill { 0% { width: 8%; } 70% { width: 86%; } 100% { width: 8%; } }
  @keyframes omDraw { to { stroke-dashoffset: 0; } }
  @keyframes omFade { from { opacity: 0; } to { opacity: 1; } }
  @keyframes omChip { 0%, 4% { opacity: 0; transform: translateY(12px) scale(.97); } 12%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateY(-8px) scale(.98); } }
  summary { list-style: none; }
  summary::-webkit-details-marker { display: none; }
  details[open] summary span:last-child { background: rgba(255,226,10,.16) !important; color: #FFE20A !important; }
  details[open] summary span:last-child::after { content: "−"; }
  details:not([open]) summary span:last-child::after { content: "+"; }
  @keyframes omScroll { 0%, 8% { transform: translateY(0); } 44%, 60% { transform: translateY(calc(-100% + 340px)); } 88%, 100% { transform: translateY(0); } }
  summary { list-style: none; }
  summary::-webkit-details-marker { display: none; }
  details[open] summary span:last-child { background: rgba(255,226,10,.16) !important; color: #FFE20A !important; }
  details[open] summary span:last-child::after { content: "−"; }
  details:not([open]) summary span:last-child::after { content: "+"; }
  @keyframes omScrollTall { 0%, 8% { transform: translateY(0); } 44%, 60% { transform: translateY(calc(-100% + 400px)); } 88%, 100% { transform: translateY(0); } }
  @keyframes omMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

  [data-m="cta-short"], [data-m="burger"] { display: none; }
  @media (max-width: 640px) {
    [data-m="nav"] { display: none !important; }
    [data-open="1"] [data-m="nav"] { display: flex !important; flex-direction: column; width: 100%; gap: 16px !important; padding: 8px 0 4px; font-size: 15px !important; }
    [data-m="burger"] { display: inline-flex !important; }
    [data-m="hdr-login"], [data-m="cta-long"] { display: none !important; }
    [data-m="cta-short"] { display: inline !important; }
    [data-m="hdr-cta"] { height: 38px !important; padding: 0 14px !important; font-size: 13px !important; }
    [data-m="hero-pad"] { padding: 40px 0 52px !important; gap: 34px !important; }
    [data-m="h1"] { font-size: 34px !important; letter-spacing: -1.2px !important; }
    [data-m="lead"] { font-size: 16px !important; margin-bottom: 26px !important; }
    [data-m="lead"] span:not([data-m="keep"]) { color: #A8B0BD !important; font-weight: 400 !important; }
    [data-m="chip-hide"] { display: none !important; }
    [data-m="metrics"] { padding: 12px 8px !important; gap: 6px !important; }
    [data-m="metrics"] > div > div:first-child { font-size: 19px !important; margin-bottom: 4px !important; }
    [data-m="metrics"] > div > div:last-child { font-size: 10px !important; }
    [data-m="h2"] { font-size: 27px !important; letter-spacing: -.9px !important; }
    [data-m="sec-pad"] { padding: 54px 0 58px !important; }
    [data-m="how-head"] { margin-bottom: 26px !important; }
    [data-m="card"] { padding: 20px !important; }
    [data-m="card-num"] { gap: 10px !important; margin-bottom: 14px !important; }
    [data-m="card-num"] > span:first-child { width: 7px !important; height: 7px !important; }
    [data-m="card-num"] > span:last-child { font-size: 26px !important; }
    [data-m="how-rule"] { display: none !important; }
    [data-m="card"] h3 { font-size: 18px !important; margin-bottom: 8px !important; }
    [data-m="card"] p { margin-bottom: 14px !important; }
    [data-m="card"] > div:last-child { padding-top: 14px !important; }
    [data-m="demo-pad"] { padding: 52px 0 56px !important; }
    [data-m="social-pad"] { padding-top: 16px !important; padding-bottom: 34px !important; }
  }

/* hover states lifted out of the authoring layer */
[data-hv="h1"]:hover { background: #FFF06B !important; }
[data-hv="h2"]:hover { color: #FFE20A !important; }
[data-hv="h3"]:hover { background: rgba(255,255,255,.08) !important; color: #F4F6F8 !important; }
[data-hv="h4"]:hover { background: rgba(255,255,255,.2) !important; }
[data-hv="h5"]:hover { background: rgba(255,226,10,.2) !important; color: #FFF06B !important; }

.page { position: relative; min-height: 100vh; background: #0A0C10; }
[hidden] { display: none !important; }

/* pricing page: hover and focus states */
[data-hv="h6"]:hover { background: rgba(255,255,255,.12) !important; color: #F4F6F8 !important; }
[data-hv="h7"]:hover { background: #FFF06B !important; border-color: #FFF06B !important; }
[data-hv="h8"]:hover { background: rgba(255,255,255,.12) !important; color: #F4F6F8 !important; }
[data-hv="h9"]:hover { background: #FFF06B !important; border-color: #FFF06B !important; }
[data-hv="h10"]:hover { border-color: rgba(24,189,215,.5) !important; color: #F4F6F8 !important; }
[data-hv="h11"]:hover { border-color: rgba(24,189,215,.5) !important; color: #F4F6F8 !important; }
[data-hv="h12"]:hover { border-color: rgba(24,189,215,.5) !important; color: #F4F6F8 !important; }
[data-hv="h13"]:hover { background: #FFF06B !important; }
[data-hv="h14"]:hover { color: #FFE20A !important; }
[data-hv="h15"]:hover { color: #FFE20A !important; }
[data-hv="h16"]:hover { color: #FFE20A !important; }
[data-hv="h17"]:hover { color: #FFE20A !important; }
[data-hv="h18"]:hover { color: #FFE20A !important; }
[data-hv="h19"]:hover { color: #FFE20A !important; }
[data-hv="h20"]:hover { color: #FFE20A !important; }
[data-hv="h21"]:hover { color: #FFE20A !important; }
[data-hv="h22"]:hover { background: rgba(255,255,255,.08) !important; color: #F4F6F8 !important; }
[data-hv="h23"]:hover { background: rgba(255,255,255,.2) !important; }
[data-hv="h24"]:hover { background: rgba(255,226,10,.2) !important; color: #FFF06B !important; }
[data-hv="h25"]:focus { border-color: rgba(24,189,215,.6) !important; outline: none !important; background: rgba(24,189,215,.06) !important; }
[data-hv="h26"]:focus { border-color: rgba(24,189,215,.6) !important; outline: none !important; background: rgba(24,189,215,.06) !important; }
[data-hv="h27"]:focus { border-color: rgba(24,189,215,.6) !important; outline: none !important; background: rgba(24,189,215,.06) !important; }
[data-hv="h28"]:focus { border-color: rgba(24,189,215,.6) !important; outline: none !important; background: rgba(24,189,215,.06) !important; }

[data-hv="h99"]:hover { background: #FFF06B !important; }
[data-hv="h100"]:hover { color: #FFE20A !important; }
[data-hv="h101"]:hover { background: rgba(24,189,215,.2) !important; border-color: rgba(24,189,215,.75) !important; color: #6FE0F0 !important; }