html { scroll-behavior:smooth; }
  body { margin:0; background:#0c0a09; }
  details > summary { list-style:none; }
  details > summary::-webkit-details-marker { display:none; }
  @keyframes hb-spin { to { transform: rotate(360deg); } }
  @keyframes hb-blink { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } }
  @keyframes hb-bounce { 0%, 80%, 100% { transform: translateY(0); } 84% { transform: translateY(-9px); } 88% { transform: translateY(0); } 92% { transform: translateY(-6px); } 96% { transform: translateY(0); } }
  a:focus-visible, button:focus-visible, summary:focus-visible { outline:2px solid var(--ember,#ff8a3d); outline-offset:3px; border-radius:3px; }
  [data-panel]:focus { outline:none; }
  @property --hl-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
  @keyframes hl-rotate { to { --hl-angle: 360deg; } }
  ::selection { background:var(--ember,#ff8a3d); color:#0c0a09; text-shadow:none; }
  ::-moz-selection { background:var(--ember,#ff8a3d); color:#0c0a09; text-shadow:none; }
  [data-r="catlabel"]::first-letter{ text-transform:uppercase; }
  @keyframes hb-up { from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
  @keyframes hb-up-flip { from{ opacity:0; transform:scaleX(-1) translateY(18px); } to{ opacity:1; transform:scaleX(-1); } }
  @keyframes heat-breathe { 0%,100%{ filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px color-mix(in srgb, var(--ember) 22%, transparent)); } 50%{ filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 42px color-mix(in srgb, var(--ember) 60%, transparent)); } }
  @keyframes heat-pan { 0%{ background-position:0% 50%; } 100%{ background-position:100% 50%; } }
  @media (max-width:760px){
    [data-r="hdr"]{ height:56px !important; padding:0 18px !important; box-sizing:border-box !important; }
    [data-r="hide-m"]{ display:none !important; }
    [data-r="panel"]{ align-items:flex-start !important; flex-direction:column !important; overflow:visible !important; }
    [data-r="grid2pad"]{ grid-template-columns:1fr !important; gap:24px !important; padding:60px 20px 60px 20px !important; }
    [data-r="pad"]{ padding:60px 20px 60px 20px !important; }
    [data-r="legal"]{ position:static !important; bottom:auto !important; margin-top:30px !important; padding-bottom:40px !important; }
    [data-r="legal"] > div{ flex-direction:column !important; align-items:flex-start !important; gap:14px !important; box-sizing:border-box !important; }
    [data-r="legal"] > div > div{ align-items:flex-start !important; }
    [data-r="monitor"]{ height:auto !important; min-height:0 !important; overflow:visible !important; }
    [data-r="monitor-track"]{ transform:none !important; height:auto !important; }
    [data-r="syspanel"]{ height:auto !important; padding-top:26px !important; padding-bottom:26px !important; }
    [data-r="syspanel"][data-active="false"]{ display:none !important; }
    [data-r="hero-fig"]{ display:none !important; }
    [data-r="hero-pad"] div[style*="flex-wrap:wrap"] > a{ flex:1 1 100%; justify-content:center; }
    [data-r="hero-pad"]{ padding-top:96px !important; }
    [data-r="shift-l"]{ padding:60px 20px 60px 20px !important; }
    [data-r="root"]{ position:static !important; inset:auto !important; overflow:visible !important; height:auto !important; }
    [data-r="track"]{ display:block !important; transform:none !important; height:auto !important; width:100% !important; }
    [data-panel]{ height:auto !important; min-height:0 !important; width:100% !important; overflow:visible !important; }
    [data-panel]:has([data-r="hero-pad"]){ min-height:0 !important; }
    [data-r="hero-pad"]{ padding-bottom:56px !important; }
    [data-r="dir-links"]{ grid-template-columns:1fr !important; gap:18px !important; }
    [data-r="dir-links"] > div{ grid-column:auto !important; grid-row:auto !important; }
    [data-r="dir-links"] > div:nth-child(2){ order:-1; }
    [data-r="cta-pair"] > a{ flex:1 1 100%; justify-content:center; }
    [data-r="bg-particles"]{ position:fixed !important; }
    [data-r="legal"] p{ text-align:left !important; }
    [data-r="hero-pad"] p{ text-align:left !important; }
    header{ position:fixed !important; background:rgba(12,10,9,.92) !important; backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
    [data-r="menu-btn"]{ display:inline-flex !important; }
    [data-r="progressbar"]{ display:none !important; }
  }
  @supports not ((-webkit-background-clip: text) or (background-clip: text)){
    [data-r="slogan-hot"]{ -webkit-text-fill-color: var(--ember) !important; color: var(--ember) !important; background: none !important; }
  }
  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; animation-delay:0ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
    [style*="hb-up"]{ opacity:1 !important; transform:none !important; }
  }
  [data-r="dir-links"] a svg{ opacity:.5; transition:opacity .2s ease, transform .2s ease; }
  [data-r="dir-links"] a:hover svg{ opacity:1; transform:translateX(4px); }

  .hb-chip{ background:transparent; border:1px solid var(--line); color:var(--mut); }
  .hb-chip:hover:not(.is-active){ background:rgba(255,255,255,.05); }
  .hb-chip.is-active{ background:var(--tint-weak); border-color:var(--eline); color:var(--ink); }

  .hb-sys{ opacity:.12; transition:opacity .55s ease; }
  .hb-sys.is-active{ opacity:1; }

  .hb-step{ transition:padding-left .25s; }
  .hb-step:hover{ padding-left:7px; }
  .hb-step.is-reached{ opacity:1; }
  .hb-step__mark{ background:var(--bg); color:var(--mut); border:1px solid var(--line); transition:background .45s ease, color .45s ease, border-color .45s ease; }
  .hb-step.is-reached .hb-step__mark{ background:var(--ember); color:#0c0a09; border-color:var(--ember); }
  .hb-step__title{ color:rgba(250,246,242,.82); transition:color .45s ease; }
  .hb-step.is-reached .hb-step__title{ color:var(--ink); }
  .hb-step__arrow{ color:var(--mut); border:1px solid var(--line); background:transparent; transition:color .3s, border-color .3s, background .3s; }
  .hb-step.is-reached .hb-step__arrow{ color:var(--ember); border-color:var(--eline); background:var(--tint); }
  .hb-step:hover .hb-step__arrow{ color:var(--ember); border-color:var(--eline); background:var(--tint); }

  .hb-faq{ background:transparent; transition:background .3s; }
  .hb-faq.is-open{ background:var(--tint-weak); }
  .hb-faq__btn{ color:var(--mut); transition:color .25s; }
  .hb-faq__btn:hover{ color:var(--ink); }
  .hb-faq.is-open .hb-faq__btn{ color:var(--ink); }
  .hb-faq__num{ color:rgba(255,255,255,.32); transition:color .25s; }
  .hb-faq.is-open .hb-faq__num{ color:var(--ember); }
  .hb-faq__chev{ display:inline-flex; color:var(--mut); transform:rotate(0deg); transition:transform .35s cubic-bezier(.76,0,.24,1), color .25s; }
  .hb-faq.is-open .hb-faq__chev{ color:var(--ember); transform:rotate(180deg); }
  .hb-faq__grid{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1); }
  .hb-faq.is-open .hb-faq__grid{ grid-template-rows:1fr; }
  .hb-faq__a{ opacity:0; transition:opacity .35s ease; }
  .hb-faq.is-open .hb-faq__a{ opacity:1; }

  .hb-dot__fill{ display:none; }
  .hb-dot.is-filled .hb-dot__fill{ display:block; }

  [data-hover]{ cursor:pointer; }
