/* ================= Clevour header: floating glass container ================= */
#hdr{position:sticky;top:0;z-index:60;height:74px;padding:0;margin:0;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none;font-family:'Outfit',system-ui,sans-serif}
#hdr a,#hdr button{font-family:inherit}
#hdr a:hover{text-decoration:none}
#hdr .hshell{pointer-events:auto;position:absolute;top:12px;left:16px;right:16px;max-width:1148px;margin:0 auto;border-radius:18px;background:rgba(20,24,27,.55);border:1px solid rgba(238,240,236,.09);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -22px rgba(0,0,0,.75);transition:background .3s,border-color .3s}
#hdr.scrolled .hshell,#hdr.menu-open .hshell{background:rgba(14,17,19,.72);border-color:rgba(238,240,236,.12)}
#hdr .hrow{display:flex;align-items:center;gap:8px;height:60px;padding:0 8px 0 16px}
#hdr .hbrand{display:flex;align-items:center;gap:10px;color:#FFFEF0;flex:none}
#hdr .hwm{font-weight:400;font-size:23px;letter-spacing:-.01em;line-height:1;color:#FFFEF0}
#hdr .hmark{width:30px;height:30px;display:inline-flex;flex:none}
#hdr .hmark svg{width:100%;height:100%;overflow:visible}

/* logo mark: draws in, then becomes a scroll clock */
#hdr .hmark .ht{stroke:#FFFEF0;stroke-width:10;stroke-dasharray:54;stroke-dashoffset:54;animation:hTick .55s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 45ms);transition:stroke .35s}
#hdr .hmark .hh{fill:#FFFEF0;transform-origin:0 0;animation:hHand 1.1s cubic-bezier(.7,0,.2,1) .15s both}
#hdr .hmark.ready .ht{animation:none;stroke-dashoffset:0}
#hdr .hmark.ready .hh{animation:none;transition:transform .25s ease-out}
#hdr .hmark .ht.on{stroke:#6EE7B7}
@keyframes hTick{to{stroke-dashoffset:0}}
@keyframes hHand{from{transform:rotate(-270deg);opacity:0}30%{opacity:1}to{transform:rotate(0)}}

/* links */
#hdr nav{display:flex;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;margin:0;border:0}
#hdr .hlink{font-weight:400;font-size:15px;line-height:1;color:#9AA3A8;background:none;border:0;padding:11px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s,background .2s}
#hdr .hlink:hover,#hdr .hdd.open>.hlink,#hdr .hlink[aria-current],#hdr .hdd.cur>.hlink{color:#EEF0EC}
#hdr .hlink:hover,#hdr .hdd.open>.hlink{background:rgba(238,240,236,.05)}
#hdr .hlink svg{width:10px;height:10px;transition:transform .25s}
#hdr .hdd.open>.hlink svg{transform:rotate(180deg)}
#hdr .hlink:focus-visible,#hdr .hcta:focus-visible,#hdr .hburger:focus-visible,#hdr .hddp a:focus-visible,#hdr .hpanel a:focus-visible{outline:2px solid #6EE7B7;outline-offset:2px}

/* dropdowns */
#hdr .hdd{position:relative}
#hdr .hddp{position:absolute;top:calc(100% + 14px);left:50%;min-width:310px;padding:8px;border-radius:16px;background:rgba(17,21,24,.94);border:1px solid rgba(238,240,236,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 50px -20px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s,transform .2s,visibility .2s}
#hdr .hddp::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
#hdr .hdd.open .hddp{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (hover:hover) and (pointer:fine){#hdr .hdd:hover .hddp{opacity:1;visibility:visible;transform:translate(-50%,0)}#hdr .hdd:hover>.hlink{color:#EEF0EC;background:rgba(238,240,236,.05)}#hdr .hdd:hover>.hlink svg{transform:rotate(180deg)}}
#hdr .hddp a{display:block;padding:12px 14px;border-radius:10px;transition:background .2s}
#hdr .hddp a:hover,#hdr .hddp a[aria-current]{background:rgba(110,231,183,.07)}
#hdr .hddp b{display:block;color:#EEF0EC;font-weight:500;font-size:15px}
#hdr .hddp span{display:block;color:#9AA3A8;font-size:13px;font-weight:300;margin-top:3px;line-height:1.4}
#hdr .hddp .hk{display:block;font-family:'DM Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6EE7B7;padding:8px 14px 4px}

#hdr .hddp.wide{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:560px}
/* call to action */
#hdr .hcta{flex:none;font-weight:600;font-size:14px;line-height:1;color:#0E1113;background:#6EE7B7;padding:13px 17px;border-radius:11px;white-space:nowrap;transition:background .2s,transform .2s}
#hdr .hcta:hover{background:#86EEC4;transform:translateY(-1px)}
#hdr .hcta .s{display:none}

/* mobile menu */
#hdr .hburger{display:none;flex:none;width:44px;height:44px;border-radius:11px;border:1px solid rgba(238,240,236,.1);background:rgba(238,240,236,.03);cursor:pointer;position:relative;padding:0}
#hdr .hburger i{position:absolute;left:13px;right:13px;height:1.5px;border-radius:1px;background:#EEF0EC;transition:transform .3s,top .3s}
#hdr .hburger i:first-child{top:17px}
#hdr .hburger i:last-child{top:25px}
#hdr.menu-open .hburger i:first-child{top:21px;transform:rotate(45deg)}
#hdr.menu-open .hburger i:last-child{top:21px;transform:rotate(-45deg)}
#hdr .hpanel{display:none}
@media (max-width:960px){
  #hdr nav{display:none}
  #hdr .hrow{justify-content:space-between}
  #hdr .hbrand{margin-right:auto}
  #hdr .hburger{display:block}
  #hdr .hcta{padding:12px 14px;font-size:13.5px}
  #hdr .hpanel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}
  #hdr.menu-open .hpanel{grid-template-rows:1fr}
  #hdr .hpin{overflow:hidden;min-height:0}
  #hdr .hpgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:14px 16px 16px;border-top:1px solid rgba(238,240,236,.08);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto}
  #hdr .hgrp{display:grid;align-content:start;gap:2px;padding-top:6px}
  #hdr .hgrp.wide{grid-column:1/-1}
  #hdr .hgh{font-family:'DM Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6EE7B7;padding:6px 0}
  #hdr .hgrp a{color:#C9CED1;font-size:16px;padding:9px 0;line-height:1.3;transition:color .2s}
  #hdr .hgrp a:hover,#hdr .hgrp a[aria-current]{color:#FFFEF0}
  #hdr .hpcta{grid-column:1/-1;display:block;text-align:center;margin-top:10px;font-weight:600;font-size:15px;color:#0E1113;background:#6EE7B7;padding:15px 18px;border-radius:12px}
  #hdr .hlegal{grid-column:1/-1;display:flex;gap:18px;justify-content:center;padding-top:8px;font-family:'DM Mono',ui-monospace,monospace;font-size:11.5px}
  #hdr .hlegal a{color:#5E676C}
  #hdr .hlegal a:hover{color:#9AA3A8}
}
@media (max-width:420px){
  #hdr{height:70px}
  #hdr .hshell{top:10px;left:10px;right:10px}
  #hdr .hrow{padding:0 6px 0 12px;height:58px}
  #hdr .hcta{padding:11px 12px}
  #hdr .hcta .l{display:none}
  #hdr .hcta .s{display:inline}
  #hdr .hpgrid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){#hdr *{transition:none!important}#hdr .hmark .ht,#hdr .hmark .hh{animation:none!important;stroke-dashoffset:0}}
/* page complete: the whole mark turns mint */
#hdr .hmark .hh{transition:fill .5s ease}
#hdr .hmark.ready .hh{transition:transform .25s ease-out,fill .5s ease}
#hdr .hmark.full .hh{fill:#6EE7B7}
#hdr .hmark.full svg{animation:hFull .8s cubic-bezier(.2,.7,.2,1)}
#hdr .hmark.full .ht{animation:hWave .6s ease;animation-delay:calc(var(--i) * 22ms)}
@keyframes hFull{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.14) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
@keyframes hWave{0%,100%{stroke-width:10}50%{stroke-width:15}}
@media (prefers-reduced-motion:reduce){#hdr .hmark.full svg,#hdr .hmark.full .ht{animation:none!important}}
/* anchor jumps land below the floating header */
section[id],#apply,#faq{scroll-margin-top:90px}
.mod[id]{scroll-margin-top:120px}
.mod:target{border-color:#6EE7B7!important;box-shadow:0 0 0 4px rgba(110,231,183,.08)}