/* tinyhq.ai's styles (THQ-136). The page has no inline styles or scripts: the CSP in vercel.json allows none.
   The site's own rules come first; then one class per element style (.sN), written three times over so it
   outranks every rule above but the !important ones, as the inline style it replaced did. */
html{scroll-behavior:smooth}
body{margin:0;background:#0e0f14}
[hidden]{display:none !important}
:focus-visible{outline:3px solid #5ff0ff;outline-offset:2px}
button:disabled{opacity:0.6;cursor:wait}
a{color:#5ff0ff}a:hover{color:#b8f8ff}
.px{image-rendering:pixelated}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(48px)}}
.drift{animation:drift 34s ease-in-out infinite alternate}
.drift2{animation:drift 52s ease-in-out infinite alternate-reverse}
@media (prefers-reduced-motion: reduce){.drift,.drift2{animation:none}}
.show-sm{display:none !important}
@media (max-width: 760px){.hide-sm{display:none !important}.show-sm{display:flex !important}.badge-sm{letter-spacing:0.04em !important;font-size:11px !important}}
@media (max-width: 760px){.topnav{flex-wrap:nowrap !important;gap:10px !important}.topnav .nav-cta{margin-left:auto;padding:12px 14px !important;font-size:15px !important;white-space:nowrap}}
.menu-link{color:#14202b;font-weight:600;font-size:20px;text-decoration:none;padding:14px 4px;border-bottom:1px solid rgba(20,50,74,0.18)}
.menu-link:hover{color:#0e0f14;background:rgba(255,255,255,0.35)}
.bench{margin-top:28px;max-width:520px}
.bench h3{margin:0 0 8px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#858b99}
.bench ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bench a{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 12px 6px 6px;color:#c4c8d0;text-decoration:none;background:#12141b;border:1px solid #343845;border-radius:8px}
.bench a:hover,.bench a:focus-visible{border-color:#fff8e7;color:#fff8e7}
.bench img{flex:none;width:64px;height:36px;object-fit:cover;border-radius:4px;background:#0e0f14}
.bench .seat{flex:none;width:84px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:0.1em;color:#fff8e7}
.bench .title{min-width:0;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:480px){.bench a{align-items:flex-start}.bench .seat{width:auto;display:block}.bench .txt{display:flex;flex-direction:column;gap:2px;min-width:0}}

.s1.s1.s1{background: #0e0f14; color: #c4c8d0; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 18px; line-height: 1.55}
.s2.s2.s2{position: relative; overflow: hidden; background: #87ceeb; color: #14202b}
.s3.s3.s3{position: absolute; left: 6%; top: 104px; width: 568px; height: auto; pointer-events: none}
.s4.s4.s4{position: absolute; left: -170px; top: 190px; width: 450px; height: auto; pointer-events: none}
.s5.s5.s5{position: absolute; right: -150px; top: 120px; width: 374px; height: auto; pointer-events: none}
.s6.s6.s6{position: absolute; right: 24%; top: 150px; width: 150px; height: auto; pointer-events: none}
.s7.s7.s7{position: absolute; left: 31%; top: 128px; width: 66px; height: auto; pointer-events: none}
.s8.s8.s8{position: absolute; right: -200px; top: 640px; width: 576px; height: auto; pointer-events: none}
.s9.s9.s9{position: absolute; left: -230px; top: 600px; width: 396px; height: auto; pointer-events: none}
.s10.s10.s10{position: absolute; right: -60px; bottom: 36px; width: 544px; height: auto; pointer-events: none}
.s11.s11.s11{position: relative; z-index: 1}
.s12.s12.s12{max-width: 1200px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px}
.s13.s13.s13{display: flex; align-items: center; min-height: 48px; text-decoration: none; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 24px; color: #0e0f14}
.s14.s14.s14{color: #14324a}
.s15.s15.s15{display: flex; flex-wrap: wrap; gap: 4px 26px; flex: 1 1 320px; font-size: 16px}
.s16.s16.s16{color: #14202b; font-weight: 500; text-decoration: none; padding: 10px 0}
.s17.s17.s17{background: #0e0f14; color: #fff8e7; font-weight: 700; font-size: 16px; text-decoration: none; padding: 12px 20px; border-radius: 8px}
.s18.s18.s18{align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 2px solid #14324a; border-radius: 8px; background: rgba(255,255,255,0.45); color: #0e0f14; cursor: pointer}
.s19.s19.s19{max-width: 1200px; margin: 0 auto; padding: 0 24px 12px; display: flex; flex-direction: column}
.s20.s20.s20{position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 48px 24px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px}
.s21.s21.s21{display: block; width: 393px; max-width: 80vw; height: auto; margin-bottom: 4px}
.s22.s22.s22{display: inline-flex; align-items: center; gap: 10px; font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: #14324a; background: rgba(255,255,255,0.45); border: 1px solid rgba(20,50,74,0.25); border-radius: 999px; padding: 6px 14px}
.s23.s23.s23{width: 8px; height: 8px; border-radius: 50%; background: #ff4f5e}
.s24.s24.s24{margin: 0; max-width: 940px; font-size: clamp(40px, 6vw, 68px); line-height: 1.04; letter-spacing: -0.02em; font-weight: 700; color: #0e0f14}
.s25.s25.s25{margin: 0; max-width: 700px; font-size: 21px; color: #14202b}
.s26.s26.s26{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 10px; margin-top: 6px}
.s27.s27.s27{display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 14px; font-weight: 600; color: #14324a; text-align: left}
.s28.s28.s28{width: 300px; max-width: 78vw; box-sizing: border-box; height: 50px; padding: 0 16px; border-radius: 8px; border: 2px solid #14324a; background: #ffffff; color: #0e0f14; font: inherit; font-size: 17px}
.s29.s29.s29{height: 50px; padding: 0 22px; border: 0; border-radius: 8px; background: #0e0f14; color: #fff8e7; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer}
.s30.s30.s30{margin: 0; min-height: 1.5em; font-size: 15px; font-weight: 600}
.s31.s31.s31{margin: 0; font-size: 14px; color: #14324a}
.s32.s32.s32{height: 250px}
.s33.s33.s33{position: relative; z-index: 1; max-width: 1200px; margin: -230px auto 0; padding: 0 24px 64px}
.s34.s34.s34{margin: 0; position: relative; border: 1px solid #343845; border-radius: 14px; overflow: hidden; background: #12141b}
.s35.s35.s35{display: block; width: 100%; height: auto}
.s36.s36.s36{position: absolute; left: 16px; top: 16px; display: flex; align-items: center; gap: 8px; background: rgba(14,15,20,0.88); border: 1px solid #343845; border-radius: 6px; padding: 6px 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700; color: #fff8e7; letter-spacing: 0.08em}
.s37.s37.s37{background: #ff4f5e; color: #0e0f14; border-radius: 3px; padding: 1px 6px}
.s38.s38.s38{padding: 14px 18px; border-top: 1px solid #22252f; font-size: 15px; color: #858b99; text-align: left}
.s39.s39.s39{background: #161821; border-top: 1px solid #22252f; border-bottom: 1px solid #22252f}
.s40.s40.s40{max-width: 1200px; margin: 0 auto; padding: 56px 24px; display: flex; flex-wrap: wrap; gap: 32px 56px; align-items: center}
.s41.s41.s41{flex: 1 1 360px}
.s42.s42.s42{margin: 0 0 12px; font-size: 34px; line-height: 1.15; color: #fff8e7}
.s43.s43.s43{margin: 0 0 22px; color: #c4c8d0}
.s44.s44.s44{display: inline-flex; align-items: center; gap: 10px; color: #fff8e7; font-weight: 600; text-decoration: none; border: 1px solid #343845; border-radius: 8px; padding: 12px 18px}
.s45.s45.s45{flex: 1 1 520px; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; font-family: 'JetBrains Mono', monospace}
.s46.s46.s46{background: #1d2029; border: 1px solid #343845; border-radius: 8px; padding: 10px 12px}
.s47.s47.s47{font-weight: 700; color: #fff8e7}
.s48.s48.s48{font-size: 13px; color: #858b99}
.s49.s49.s49{background: #241f33; border: 1px solid #4a3f6b; border-radius: 8px; padding: 10px 12px}
.s50.s50.s50{font-size: 13px; color: #b9a8e6}
.s51.s51.s51{max-width: 1200px; margin: 0 auto; padding: 88px 24px 40px}
.s52.s52.s52{margin: 0 0 10px; font-size: 40px; line-height: 1.1; color: #fff8e7}
.s53.s53.s53{margin: 0 0 36px; max-width: 640px; color: #c4c8d0}
.s54.s54.s54{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 18px}
.s55.s55.s55{flex: 1 1 300px; background: #161821; border: 1px solid #343845; border-radius: 12px; padding: 26px}
.s56.s56.s56{font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700; color: #5ff0ff; letter-spacing: 0.12em}
.s57.s57.s57{margin: 10px 0 8px; font-size: 22px; color: #fff8e7}
.s58.s58.s58{margin: 0; font-size: 16px; color: #c4c8d0}
.s59.s59.s59{max-width: 1200px; margin: 0 auto; padding: 40px 24px 24px; display: flex; flex-direction: column; gap: 56px}
.s60.s60.s60{display: flex; flex-wrap: wrap; gap: 28px 48px; align-items: center}
.s61.s61.s61{flex: 1 1 520px; min-width: 0; width: 100%; height: auto; border-radius: 12px; border: 1px solid #343845}
.s62.s62.s62{flex: 1 1 340px}
.s63.s63.s63{font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #858b99; margin-bottom: 10px}
.s64.s64.s64{margin: 0 0 12px; font-size: 30px; line-height: 1.15; color: #fff8e7}
.s65.s65.s65{margin: 0; color: #c4c8d0}
.s66.s66.s66{display: flex; flex-wrap: wrap-reverse; gap: 28px 48px; align-items: center}
.s67.s67.s67{max-width: 1200px; margin: 0 auto; padding: 48px 24px 88px}
.s68.s68.s68{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px}
.s69.s69.s69{background: #161821; border: 1px solid #343845; border-radius: 12px; padding: 24px}
.s70.s70.s70{margin: 12px 0 6px; font-size: 20px; color: #fff8e7}
.s71.s71.s71{max-width: 1200px; margin: 0 auto; padding: 80px 24px; display: flex; flex-wrap: wrap; gap: 32px 56px; align-items: center}
.s72.s72.s72{flex: 1 1 480px; min-width: 0; width: 100%; height: auto; border-radius: 12px; border: 1px solid #343845}
.s73.s73.s73{flex: 1 1 380px}
.s74.s74.s74{margin: 0 0 14px; font-size: 40px; line-height: 1.1; color: #fff8e7}
.s75.s75.s75{margin: 0 0 14px; color: #c4c8d0}
.s76.s76.s76{margin: 0 0 24px; font-size: 22px; font-weight: 600; color: #fff8e7}
.s77.s77.s77{display: flex; flex-wrap: wrap; gap: 12px}
.s78.s78.s78{background: #29abe0; color: #ffffff; font-weight: 700; text-decoration: none; padding: 12px 18px; border-radius: 8px}
.s79.s79.s79{color: #fff8e7; font-weight: 600; text-decoration: none; padding: 12px 18px; border-radius: 8px; border: 1px solid #343845}
.s80.s80.s80{max-width: 1200px; margin: 0 auto; padding: 88px 24px}
.s81.s81.s81{background: #1d2029; border: 1px solid #343845; border-radius: 16px; padding: 44px 32px; display: flex; flex-wrap: wrap; gap: 28px 48px; align-items: center}
.s82.s82.s82{flex: 1 1 420px}
.s83.s83.s83{margin: 0 0 10px; font-size: 38px; line-height: 1.1; color: #fff8e7}
.s84.s84.s84{margin: 0 0 8px; color: #c4c8d0}
.s85.s85.s85{margin: 0; font-size: 15px; color: #858b99}
.s86.s86.s86{flex: 1 1 360px; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px}
.s87.s87.s87{flex: 1 1 220px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #858b99}
.s88.s88.s88{height: 50px; box-sizing: border-box; padding: 0 16px; border-radius: 8px; border: 1px solid #343845; background: #0e0f14; color: #fff8e7; font: inherit; font-size: 17px}
.s89.s89.s89{height: 50px; padding: 0 22px; border: 0; border-radius: 8px; background: #5ff0ff; color: #0e0f14; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer}
.s90.s90.s90{border-top: 1px solid #22252f}
.s91.s91.s91{max-width: 1200px; margin: 0 auto; padding: 32px 24px 44px; display: flex; flex-wrap: wrap; gap: 14px 32px; align-items: center; font-size: 14px; color: #858b99}
.s92.s92.s92{color: #fff8e7; font-weight: 700}
.s93.s93.s93{color: #5ff0ff}
.s94.s94.s94{flex: 1 1 320px}
.s95.s95.s95{color: #c4c8d0}
/* The waitlist captcha (THQ-147): its own row under the field and button. Empty, and so hidden, until someone focuses an email field. */
.waitlist-captcha{flex:1 1 100%;display:flex;justify-content:center;max-width:100%;min-width:0}
.waitlist-captcha:empty{display:none}
#early .waitlist-captcha{justify-content:flex-start}