/* The first visit's home (start-first.js): numbers, turnkey and Market hits, videos by pressure, the AI, next steps, the company. */
.hf{--mint:#6ff7d8;--vio:#a68cff;--gold:#ffd27a;--line:#ffffff14;margin:56px 0 0;opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.hf.is-in{opacity:1;transform:none}
.hf-h{max-width:760px;margin-bottom:18px}
.hf-k{display:block;font:700 10px "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#a99be6}
.hf-h h2{margin:8px 0 8px;font-size:clamp(24px,3.2vw,38px);line-height:1.08;letter-spacing:-.03em;color:#eef6f7}
.hf-line{margin:0;color:#9fb3b8;font-size:15.5px;line-height:1.55;max-width:680px}
.hf-more{margin-top:14px;border:0;border-radius:14px;padding:11px 16px;background:#6ff7d814;box-shadow:inset 0 0 0 1px #6ff7d844;color:#bff9ec;font-weight:800;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}
.hf-more:hover{background:#6ff7d826;transform:translateX(3px)}

/* numbers */
.hf-trust{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 22px;max-width:1100px}
.hf-num{position:relative;padding:14px 16px;border-radius:18px;background:linear-gradient(160deg,#ffffff0a,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff12;overflow:hidden;
  opacity:0;transform:translateY(12px);transition:opacity .6s calc(var(--k)*90ms) cubic-bezier(.16,1,.3,1),transform .6s calc(var(--k)*90ms) cubic-bezier(.16,1,.3,1)}
.hf-trust.is-in .hf-num{opacity:1;transform:none}
.hf-num::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#6ff7d8,transparent);transform:scaleX(0);transition:transform 1.2s calc(var(--k)*90ms + .3s) cubic-bezier(.16,1,.3,1)}
.hf-trust.is-in .hf-num::after{transform:scaleX(1)}
.hf-num b{display:block;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.hf-num span{display:block;margin-top:4px;color:#8fa6ab;font-size:12.5px;line-height:1.3}

/* product rails */
.hf-railwrap{position:relative}
.hf-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none;overscroll-behavior-x:contain}.hf-rail::-webkit-scrollbar{display:none}
.hf-card{position:relative;flex:0 0 228px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:8px 8px 12px;border:0;border-radius:22px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;
  color:#e5eef0;text-align:left;cursor:pointer;transition:transform .35s cubic-bezier(.2,1.3,.3,1),box-shadow .25s}
.hf.is-in .hf-card,.hf.is-in .hf-tile{animation:hf-up .6s calc(var(--k)*60ms) backwards cubic-bezier(.16,1,.3,1)}
.hf .hf-card:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px #6ff7d855,0 18px 40px #0009}
.hf-card .hf-ph{display:block;aspect-ratio:1/.86;border-radius:16px;background:#fff center/contain no-repeat;transition:background-size .5s}
.hf-card:hover .hf-ph{background-size:108%}
.hf-card b{font-size:13.5px;line-height:1.3;padding:0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hf-meta{padding:0 4px;margin-top:auto}.hf-meta em{font-style:normal;font-weight:800;font-size:15px;color:var(--mint)}
.hf-badge{position:absolute;z-index:1;top:14px;left:14px;padding:5px 9px;border-radius:999px;background:#0b1216e6;box-shadow:0 0 0 1px #ffd27a55;color:var(--gold);font:700 11px/1 system-ui;font-style:normal;backdrop-filter:blur(6px)}
.hf-arrow{position:absolute;z-index:2;top:38%;width:42px;height:42px;border:0;border-radius:50%;background:#0d1519ee;box-shadow:inset 0 0 0 1px #ffffff22,0 10px 24px #0008;color:#e5eef0;font-size:18px;cursor:pointer;opacity:0;transition:opacity .2s}
.hf-arrow.is-l{left:-14px}.hf-arrow.is-r{right:-14px}.hf-railwrap:hover .hf-arrow{opacity:1}

/* videos */
.hf-tabs{position:relative;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px;margin-bottom:14px;border-radius:16px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff10;max-width:100%}.hf-tabs::-webkit-scrollbar{display:none}
.hf-tab{position:relative;z-index:1;flex:0 0 auto;border:0;border-radius:12px;padding:9px 14px;background:none;color:#9fb3b8;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:color .25s}
.hf-tab.is-on{color:#061014}
.hf-ink{position:absolute;top:4px;bottom:4px;left:4px;width:0;border-radius:12px;background:linear-gradient(90deg,#6ff7d8,#9ff);box-shadow:0 6px 18px #6ff7d844;transition:left .45s cubic-bezier(.2,1.2,.3,1),width .45s cubic-bezier(.2,1.2,.3,1)}
.hf-vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hf-vc{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;color:#e5eef0;text-align:left;cursor:pointer;animation:hf-up .5s calc(var(--k)*50ms) both cubic-bezier(.16,1,.3,1)}
@keyframes hf-up{from{opacity:0;transform:translateY(12px)}}
.hf-vth{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;background:#0b1418 center/cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden;transition:transform .35s cubic-bezier(.2,1.3,.3,1)}
.hf-vth::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#000a)}
.hf-vc:hover .hf-vth{transform:scale(1.03)}
.hf-play{position:absolute;z-index:1;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffffffe6;box-shadow:0 8px 24px #0008;transition:transform .3s cubic-bezier(.2,1.3,.3,1)}
.hf-play::before{content:"";position:absolute;left:18px;top:14px;border-left:15px solid #061014;border-top:9px solid transparent;border-bottom:9px solid transparent}
.hf-play::after{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 2px #ffffff88;opacity:0;transform:scale(.8)}
.hf-vc:hover .hf-play,.hf-star:hover .hf-play{transform:scale(1.1)}
.hf-vc:hover .hf-play::after,.hf-star:hover .hf-play::after{animation:hf-ring 1.2s infinite}
@keyframes hf-ring{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.6)}}
.hf-short{position:absolute;z-index:1;top:8px;right:8px;padding:3px 7px;border-radius:8px;background:#ff3b5ccc;color:#fff;font:800 10px/1 system-ui;font-style:normal;letter-spacing:.04em}
.hf-vt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.3}
.hf-vt small{display:block;margin-top:4px;color:#8fa6ab;font-size:12px}

/* the AI */
.hf-ai-g{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}
.hf-can{list-style:none;margin:18px 0 10px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hf-can li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:12px;border-radius:16px;background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff10;opacity:0;transform:translateY(10px);transition:opacity .5s calc(var(--k)*90ms + .2s),transform .5s calc(var(--k)*90ms + .2s) cubic-bezier(.16,1,.3,1)}
.hf.is-in .hf-can li{opacity:1;transform:none}
.hf-can i{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#a68cff22;color:#d9d0ff;font-style:normal;font-size:16px}
.hf-can b{font-size:14px;color:#eef6f7}.hf-can span{font-size:12.5px;color:#8fa6ab;line-height:1.35}
.hf-note{margin:6px 0 0;color:#6f8489;font-size:12.5px}
.hf-src{list-style:none;margin:14px 0 4px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hf-src li{display:flex;align-items:baseline;gap:8px;padding:10px 12px;border-radius:14px;background:linear-gradient(160deg,#6ff7d80f,#ffffff04);box-shadow:inset 0 0 0 1px #6ff7d826;opacity:0;transform:translateY(8px);transition:opacity .5s calc(var(--k)*80ms + .1s),transform .5s calc(var(--k)*80ms + .1s) cubic-bezier(.16,1,.3,1)}
.hf.is-in .hf-src li{opacity:1;transform:none}
.hf-src b{flex:0 0 auto;font-size:19px;letter-spacing:-.02em;color:#6ff7d8;font-variant-numeric:tabular-nums}.hf-src span{font-size:12.5px;line-height:1.35;color:#a9bcc0}
.hf-line2{margin-top:10px;font-size:14.5px}
.hf-can .hf-me{grid-column:1/-1;grid-template-columns:34px 1fr auto;background:linear-gradient(120deg,#a68cff1f,#6ff7d814);box-shadow:inset 0 0 0 1px #a68cff55}
.hf-me i{background:#6ff7d822}.hf-me span{grid-column:2}
.hf-me-go{grid-column:3;grid-row:1/span 2;align-self:center;border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(90deg,#6ff7d8,#9ff);color:#061014;font-weight:900;font-size:13px;cursor:pointer;white-space:nowrap}
.hf-screen{position:relative;padding:18px 18px 16px;border-radius:24px;background:radial-gradient(120% 140% at 0 0,#a68cff26,transparent 55%),radial-gradient(120% 140% at 100% 100%,#6ff7d81f,transparent 55%),#0a1216;box-shadow:inset 0 0 0 1px #ffffff18,0 24px 60px #0008;overflow:hidden}
.hf-screen::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),transparent 0 70%,#6ff7d8 80%,#a68cff 90%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hf-spin 5s linear infinite;pointer-events:none}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes hf-spin{to{--a:360deg}}
.hf-typed{min-height:64px;margin:10px 0 14px;font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.3;color:#f2fbfc}
.hf-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-3px;background:var(--mint);animation:hf-blink 1s steps(1) infinite}
@keyframes hf-blink{50%{opacity:0}}
.hf-ask{border:0;border-radius:14px;padding:11px 16px;background:linear-gradient(90deg,#6ff7d8,#9ff);color:#061014;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 10px 24px #6ff7d833;transition:transform .2s}
.hf-ask:hover{transform:translateY(-2px)}
.hf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hf-chips button{border:0;border-radius:12px;padding:9px 12px;background:#a68cff1a;box-shadow:inset 0 0 0 1px #a68cff4d;color:#e2dbff;font-weight:700;font-size:13px;cursor:pointer;text-align:left;transition:background .2s,transform .2s}
.hf-chips button:hover{background:#a68cff33;transform:translateY(-2px)}
.hf-chips .hf-voice{background:#6ff7d814;box-shadow:inset 0 0 0 1px #6ff7d855;color:#bff9ec}

/* next */
.hf-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hf-tile{--x:50%;--y:50%;position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:16px;border:0;border-radius:22px;background:radial-gradient(260px circle at var(--x) var(--y),#6ff7d81c,transparent 60%),#ffffff07;
  box-shadow:inset 0 0 0 1px #ffffff12;color:#e5eef0;text-align:left;cursor:pointer;overflow:hidden;transition:transform .45s cubic-bezier(.2,1.3,.3,1),box-shadow .25s}
.hf .hf-tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #6ff7d855,0 18px 40px #0008}
.hf-ti{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:14px;background:linear-gradient(135deg,#6ff7d826,#a68cff26);box-shadow:inset 0 0 0 1px #ffffff1a;font-size:21px;transition:transform .4s cubic-bezier(.2,1.4,.3,1)}
.hf-tile:hover .hf-ti{transform:rotate(-8deg) scale(1.1)}
.hf-tile b{font-size:15.5px;color:#f2fbfc}.hf-tile small{color:#8fa6ab;font-size:12.5px;line-height:1.35}
.hf-tile em{position:absolute;right:16px;top:16px;font-style:normal;color:#6ff7d8;opacity:.5;transition:transform .3s,opacity .3s}.hf-tile:hover em{opacity:1;transform:translateX(4px)}

/* the company */
.hf-about-g{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}
.hf-about-t p{margin:0 0 12px;color:#c2d2d5;font-size:15.5px;line-height:1.6}
.hf-about-f{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;margin:16px 0}
.hf-about-f div:first-child{background:linear-gradient(150deg,#6ff7d81f,#a68cff14);box-shadow:inset 0 0 0 1px #6ff7d855}.hf-about-f div:first-child b{color:#6ff7d8}
.hf-about-f div{flex:1;padding:12px 14px;border-radius:16px;background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff10}
.hf-about-f b{display:block;font-size:22px;color:#fff;letter-spacing:-.02em}.hf-about-f span{color:#8fa6ab;font-size:12.5px}
.hf-yt{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#ff00331a;box-shadow:inset 0 0 0 1px #ff003355;color:#ffd6dd;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}
.hf-yt:hover{background:#ff003333;transform:translateX(3px)}
.hf-yt-ic{width:26px;height:18px;border-radius:5px;background:#ff0033;position:relative}.hf-yt-ic::after{content:"";position:absolute;left:10px;top:5px;border-left:8px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.hf-yt em{font-style:normal}
.hf-star{display:flex;flex-direction:column;gap:12px;padding:10px;border:0;border-radius:24px;background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff14;color:#e5eef0;text-align:left;cursor:pointer}
.hf-star .hf-vth{border-radius:18px}
.hf-star .hf-play{width:64px;height:64px;margin:-32px 0 0 -32px}.hf-star .hf-play::before{left:25px;top:19px;border-left-width:21px;border-top-width:13px;border-bottom-width:13px}
.hf-star-c{padding:0 6px 6px}.hf-star-c b{display:block;margin-top:6px;font-size:16px;line-height:1.3}

@media (max-width:1100px){.hf-trust{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-vgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.hf-ai-g,.hf-about-g{grid-template-columns:1fr}}
@media (max-width:640px){
  .hf{margin-top:40px}
  .hf-trust{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px -16px 18px;padding:0 16px}.hf-trust::-webkit-scrollbar{display:none}.hf-num{flex:0 0 40%;padding:12px}
  .hf-card{flex-basis:168px;border-radius:18px}.hf-card b{font-size:12.5px}.hf-arrow{display:none}
  .hf-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hf-vth{border-radius:12px}.hf-play{width:38px;height:38px;margin:-19px 0 0 -19px}.hf-play::before{left:15px;top:11px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}
  .hf-can{grid-template-columns:1fr}.hf-src{grid-template-columns:1fr}.hf-can .hf-me{grid-template-columns:34px 1fr}.hf-me-go{grid-column:1/-1;grid-row:auto;margin-top:8px}
  .hf-tiles{gap:8px}.hf-tile{min-height:132px;padding:12px;border-radius:18px}.hf-ti{width:38px;height:38px;font-size:18px}.hf-tile b{font-size:14px}
  .hf-about-f b{font-size:18px}.hf-about-f{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.hf,.hf-num,.hf-can li{opacity:1!important;transform:none!important;transition:none!important}.hf-vc,.hf .hf-card,.hf .hf-tile{animation:none!important}.hf-screen::before{animation:none}}