/* Adapted from the supplied bullettrain67 design system. */
@keyframes orbDrift1 {
  0%   { transform: translate(0, 0) scale(1); opacity: 0.9; }
  15%  { transform: translate(-140px, 80px) scale(1.12); opacity: 1; }
  40%  { transform: translate(180px, -120px) scale(1.20); opacity: 0.75; }
  70%  { transform: translate(-90px, 160px) scale(0.88); opacity: 1; }
  100% { transform: translate(0, 0) scale(1); opacity: 0.9; }
}
@keyframes orbDrift2 {
  0%   { transform: translate(0, 0) scale(1); opacity: 0.8; }
  20%  { transform: translate(160px, 100px) scale(0.84); opacity: 1; }
  50%  { transform: translate(-170px, -90px) scale(1.18); opacity: 0.7; }
  80%  { transform: translate(100px, -50px) scale(1.08); opacity: 1; }
  100% { transform: translate(0, 0) scale(1); opacity: 0.8; }
}
@keyframes orbDrift3 {
  0%   { transform: translate(0, 0) scale(1); opacity: 0.7; }
  25%  { transform: translate(-120px, -160px) scale(1.22); opacity: 1; }
  60%  { transform: translate(150px, 100px) scale(0.80); opacity: 0.85; }
  100% { transform: translate(0, 0) scale(1); opacity: 0.7; }
}
@keyframes speedLine {
  from { transform: translateX(-100%); opacity: 0; }
  30%  { opacity: 1; }
  to   { transform: translateX(200%); opacity: 0; }
}
@keyframes scanLine {
  0% { top: 10%; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 90%; opacity: 0; }
}
.hav-video-window {
  width: 100%;
  height: 290px;
  background: linear-gradient(155deg, #0C1A2E 0%, #071018 100%);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
  border: 1.5px solid rgba(27,158,255,0.14);
  transition: border-color 0.35s, box-shadow 0.35s;
}
.hav-video-window.is-speaking {
  border-color: rgba(0,229,160,0.85);
  animation: speakingGlow 1.6s ease-in-out infinite;
}

/* Office environment behind person */
.hav-video-env {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 65% 55% at 85% 15%, rgba(255,235,200,0.06) 0%, transparent 55%),
    radial-gradient(ellipse 45% 60% at 10% 85%, rgba(0,0,0,0.45) 0%, transparent 55%);
}
.hav-video-env::after {
  content: '';
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 28%;
  background: repeating-linear-gradient(
    0deg,
    transparent 0px, transparent 20px,
    rgba(255,255,255,0.016) 20px, rgba(255,255,255,0.016) 21px
  );
}

/* ── Pixar-style person figure ──────────────────────────────── */
.hav-person-wrap {
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

/* Head group - contains ears, hair, face as layered siblings */
.hav-head-group {
  width: 110px;
  height: 130px;
  position: relative;
  flex-shrink: 0;
}

/* Ears */
.hav-ear {
  position: absolute;
  width: 17px; height: 24px;
  background: linear-gradient(160deg, var(--av-skin-2, #E8A870) 0%, var(--av-skin-3, #C97A48) 100%);
  border-radius: 60% 60% 50% 50% / 55% 55% 45% 45%;
  top: 64px;
  z-index: 1;
  box-shadow: inset 2px 0 4px rgba(0,0,0,0.20), 0 2px 4px rgba(0,0,0,0.30);
}
.hav-ear-l { left: -5px; }
.hav-ear-r { right: -5px; }
/* Inner ear */
.hav-ear::after {
  content: '';
  position: absolute;
  inset: 5px 4px 5px 4px;
  background: rgba(0,0,0,0.14);
  border-radius: 50%;
}

/* Hair - single continuous shape, sits behind the face-ball */
.hav-hair-cap {
  position: absolute;
  top: -2px; left: -4px; right: -4px;
  height: 76px;
  background:
    radial-gradient(ellipse 65% 70% at 50% 18%, rgba(255,255,255,0.05) 0%, transparent 60%),
    linear-gradient(170deg, var(--av-hair-1, #2A1808) 0%, var(--av-hair-2, #0E0703) 60%, var(--av-hair-1, #2A1808) 100%);
  border-radius: 58% 58% 38% 38% / 60% 60% 40% 40%;
  z-index: 2;
  box-shadow: 0 8px 16px rgba(0,0,0,0.55);
}
/* No separate side flaps for male - single shape only */
.hav-hair-cap::before,
.hav-hair-cap::after {
  content: none;
}

/* Female: same continuous shape, just taller and wider so it flows past the
   shoulders. The face-ball (higher z-index) cuts through it cleanly. */
.hav-person-wrap.is-female .hav-hair-cap {
  top: -4px;
  left: -10px;
  right: -10px;
  height: 144px;
  border-radius: 52% 52% 36% 36% / 28% 28% 72% 72%;
  background:
    radial-gradient(ellipse 70% 40% at 50% 12%, rgba(255,255,255,0.06) 0%, transparent 60%),
    linear-gradient(170deg, var(--av-hair-1, #1A0E05) 0%, var(--av-hair-2, #0E0703) 80%, var(--av-hair-2, #0E0703) 100%);
  box-shadow:
    0 10px 20px rgba(0,0,0,0.55),
    inset -4px -8px 16px rgba(0,0,0,0.30),
    inset  4px -8px 16px rgba(0,0,0,0.30);
}

/* Face sphere - Pixar-style warm skin, more vertical / less smushed */
.hav-face-ball {
  position: absolute;
  bottom: 0; left: 4px; right: 4px;
  height: 116px;
  background: radial-gradient(
    ellipse 60% 58% at 40% 32%,
    var(--av-skin-1, #F4CC9A) 0%,
    var(--av-skin-2, #E2A66A) 28%,
    var(--av-skin-3, #CA7E46) 58%,
    var(--av-skin-4, #A65A26) 100%
  );
  border-radius: 44% 44% 46% 46% / 46% 46% 50% 50%;
  z-index: 3;                         /* sits in front of the continuous hair shape */
  overflow: hidden;
  box-shadow:
    inset -8px -6px 18px rgba(0,0,0,0.26),
    inset  6px 8px 14px rgba(255,206,150,0.28);
}

/* Subtle chin shadow inside face-ball */
.hav-face-ball::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 18px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.18) 0%, transparent 70%);
  border-radius: 50%;
}

/* Eyebrows */
.hav-eyebrow {
  position: absolute;
  width: 22px; height: 4px;
  background: linear-gradient(180deg, var(--av-brow, #2A1808) 0%, var(--av-brow-deep, #1C0E04) 100%);
  border-radius: 4px 4px 2px 2px;
  top: 53px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45);
}
.hav-ebrow-l { left: 13px;  transform: rotate(-7deg);  transform-origin: right center; }
.hav-ebrow-r { right: 13px; transform: rotate(7deg);   transform-origin: left center; }

/* Eye sockets - proportional, slightly smaller */
.hav-eye-socket {
  position: absolute;
  width: 23px; height: 19px;
  background: linear-gradient(180deg, #FAFAFA 0%, #ECECE8 100%);
  border-radius: 50%;
  top: 60px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.25);
}
.hav-eye-l { left: 13px;  }
.hav-eye-r { right: 13px; }

/* Iris */
.hav-iris {
  position: absolute;
  width: 14px; height: 15px;
  background: radial-gradient(circle at 36% 32%, var(--av-iris-1, #6FBCFF) 0%, var(--av-iris-2, #1A72D4) 48%, var(--av-iris-3, #0A4490) 100%);
  border-radius: 50%;
  top: 50%; left: 50%;
  transform: translate(-50%, -42%);
  box-shadow: 0 1px 3px rgba(0,0,80,0.35);
}

/* Pupil */
.hav-pupil {
  position: absolute;
  width: 7px; height: 7px;
  background: #080808;
  border-radius: 50%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

/* Specular highlight */
.hav-shine {
  position: absolute;
  width: 2.5px; height: 2.5px;
  background: rgba(255,255,255,0.95);
  border-radius: 50%;
  top: 1px; right: 1.5px;
}

/* Nose - visible bridge with shadow + warm highlight */
.hav-nose-btn {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px; height: 14px;
  background: linear-gradient(170deg, rgba(255,210,160,0.45) 0%, rgba(180,90,40,0.30) 100%);
  border-radius: 50% 50% 60% 60% / 50% 50% 60% 60%;
  box-shadow:
    -1px 2px 3px rgba(0,0,0,0.20),
     2px 0 4px rgba(0,0,0,0.10);
}
/* Nostril hint */
.hav-nose-btn::before,
.hav-nose-btn::after {
  content: '';
  position: absolute;
  bottom: 2px;
  width: 2px; height: 1.5px;
  background: rgba(0,0,0,0.30);
  border-radius: 50%;
}
.hav-nose-btn::before { left: 1.5px; }
.hav-nose-btn::after  { right: 1.5px; }

/* Mouth */
.hav-mouth {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px; height: 7px;
  background: linear-gradient(180deg, #8E4525 0%, #5C2A14 100%);
  border-radius: 0 0 16px 16px;
  overflow: hidden;
  transition: height 0.07s, width 0.07s, border-radius 0.07s;
  box-shadow: 0 1px 2px rgba(0,0,0,0.30);
}
.hav-mouth.open {
  height: 16px;
  width: 22px;
  border-radius: 5px 5px 14px 14px;
}
.hav-teeth {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 8px;
  background: linear-gradient(180deg, #FBF8F1 0%, #E8E4DC 100%);
  border-radius: 0 0 3px 3px;
  opacity: 0;
  transition: opacity 0.07s;
}
.hav-mouth.open .hav-teeth { opacity: 1; }

/* Blush cheeks */
.hav-blush {
  position: absolute;
  width: 22px; height: 11px;
  background: radial-gradient(ellipse, rgba(255,120,90,0.30) 0%, transparent 80%);
  border-radius: 50%;
  bottom: 30px;
}
.hav-blush-l { left: 4px;  }
.hav-blush-r { right: 4px; }

/* Front bangs / forehead hair - sits in front of face-ball. Matches the
   top position, side widths, and top-corner curvature of .hav-hair-cap so
   there's no visible seam between the front and back hair shapes. */
.hav-bangs {
  position: absolute;
  /* Match .hav-hair-cap exactly on the top + sides */
  top: -2px;
  left: -4px;
  right: -4px;
  height: 64px;
  background:
    radial-gradient(ellipse 65% 70% at 50% 18%, rgba(255,255,255,0.05) 0%, transparent 60%),
    linear-gradient(170deg, var(--av-hair-1, #2A1808) 0%, var(--av-hair-2, #0E0703) 60%, var(--av-hair-1, #2A1808) 100%);
  /* Top corners match .hav-hair-cap (58%/60%); bottom corners are softer
     since this is just the cutoff above the forehead. */
  border-radius: 58% 58% 50% 50% / 60% 60% 40% 40%;
  z-index: 4;
  box-shadow: 0 4px 10px rgba(0,0,0,0.45);
  pointer-events: none;
}

/* Female: matches the female .hav-hair-cap top/sides, just a shorter
   height so it stops at the forehead. */
.hav-person-wrap.is-female .hav-bangs {
  top: -4px;
  left: -10px;
  right: -10px;
  height: 70px;
  /* Female hair-cap uses 52%/28% on the top corners. Recompute the y-radius
     percentage so the absolute pixel curve matches: hair-cap is 144px tall
     and uses 28% vertical = 40px; bangs at 70px need 57% to also be 40px. */
  border-radius: 52% 52% 50% 50% / 57% 57% 43% 43%;
}

/* Neck */
.hav-neck {
  width: 32px; height: 16px;
  background: linear-gradient(180deg, var(--av-skin-3, #B86832) 0%, var(--av-skin-4, #9A5226) 100%);
  flex-shrink: 0;
  margin-top: -3px;
  z-index: 2;
  box-shadow: inset -2px 0 4px rgba(0,0,0,0.30);
}

/* Torso / jacket */
.hav-torso {
  width: 168px; height: 80px;
  background:
    linear-gradient(175deg, var(--av-shirt-1, #1E3A5E) 0%, var(--av-shirt-2, #102240) 60%, var(--av-shirt-3, #081428) 100%);
  border-radius: 50% 50% 0 0 / 30% 30% 0 0;
  position: relative;
  flex-shrink: 0;
  z-index: 2;
  box-shadow: inset 0 8px 18px rgba(0,0,0,0.40);
}
/* White shirt collar */
.hav-collar {
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 36px; height: 22px;
  background: linear-gradient(160deg, #F5F2EC 0%, #E2DED7 100%);
  clip-path: polygon(16% 0, 84% 0, 100% 100%, 0 100%);
  box-shadow: 0 2px 4px rgba(0,0,0,0.20);
}

:root{--bg:#000;--panel:#080c18;--panel2:#0d1421;--line:rgba(27,158,255,.22);--text:#f0f4ff;--muted:#a6b0c6;--cyan:#1b9eff;--blue:#1b9eff;--gold:#4dcfff;--accent:#1b9eff;--accent-soft:#4dcfff;--signal-green:#00e5a0;--signal-purple:#8b5cf6;--white:#fff}
body.bt-platform{background:#000;color:var(--text);font-family:'Inter',sans-serif;isolation:isolate}h1,h2,h3,h4,.brand{font-family:'Space Grotesk','Inter',sans-serif}h1,h2{font-weight:600}a{color:#4dcfff}em{color:#4dcfff}.eyebrow,.tag,.card-meta,.brand-sub{font-family:'JetBrains Mono',monospace}.eyebrow{color:#4dcfff;letter-spacing:.14em}.hero h1,.auth-story h1{background:linear-gradient(125deg,#fff 20%,#c2e9ff 60%,#1b9eff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero h1 em,.auth-story h1 em{color:inherit}
.bt-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.bt-orb{position:absolute;border-radius:50%;filter:blur(55px)}.bt-orb-one{width:min(900px,95vw);height:900px;top:-400px;right:-200px;background:radial-gradient(circle,rgba(27,158,255,.38),rgba(27,158,255,.12) 40%,transparent 70%);animation:orbDrift1 18s ease-in-out infinite}.bt-orb-two{width:700px;height:700px;bottom:-350px;left:-250px;background:radial-gradient(circle,rgba(13,111,204,.3),transparent 70%);animation:orbDrift2 23s ease-in-out infinite}.bt-orb-three{width:500px;height:500px;top:35%;left:40%;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%);animation:orbDrift3 26s ease-in-out infinite}.bt-grid{position:absolute;inset:0;background-image:linear-gradient(#1b9eff09 1px,transparent 1px),linear-gradient(90deg,#1b9eff09 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(#000,transparent 80%)}.bt-speed-lines{position:absolute;inset:0;overflow:hidden}.bt-speed-lines i{position:absolute;left:0;top:22%;height:1px;width:40%;background:linear-gradient(90deg,transparent,#1b9eff66,transparent);animation:speedLine 6s ease-in-out infinite}.bt-speed-lines i:nth-child(2){top:42%;animation-delay:-2s;animation-duration:8s}.bt-speed-lines i:nth-child(3){top:68%;animation-delay:-4s;animation-duration:9s}.bt-speed-lines i:nth-child(4){top:84%;animation-delay:-1s;animation-duration:11s}
.topbar{min-height:104px;background:rgba(0,0,0,.9);border-color:var(--line);backdrop-filter:blur(20px)}.brand{flex-direction:column;align-items:flex-start;gap:7px}.brand .brand-logo{width:310px;height:auto;overflow:visible}.brand .brand-logo img{position:static;width:100%;height:auto;object-fit:contain;display:block}.brand .brand-wordmark{border:0;padding:0 0 0 5px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.24em;color:#a6b0c6}.brand-sub{display:none}.dashboard-panel{background:#080c18cc;border-color:#1b9eff26}.dashboard-panel.active,.dashboard-panel:hover{background:linear-gradient(130deg,#1b9eff26,#080c18);border-color:#1b9eff80;box-shadow:0 0 24px #1b9eff14}.dashboard-icon{border-color:#1b9eff40;background:#1b9eff12;color:#4dcfff}.dashboard-panel small{font-family:'Inter',sans-serif}.workspace-nav{background:rgba(4,8,15,.8);border-color:#1b9eff20}.workspace-nav a:hover{color:#fff}.nav-account a{color:#d3ddf0}
.hero{isolation:isolate}.hero::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#1b9eff50,transparent);animation:scanLine 10s ease-in-out infinite;pointer-events:none;z-index:-1}.hero.split{gap:60px}.hero.split>div:first-child{flex:1;min-width:0}.hero.compact.split{padding-bottom:44px}.hero.compact.split h1{font-size:clamp(34px,4vw,54px)}
.panel,.track-card,.station-card,.credential-card{background:linear-gradient(145deg,rgba(13,20,37,.92),rgba(4,8,15,.96));border-color:#1b9eff26;box-shadow:0 15px 45px #0004;backdrop-filter:blur(12px)}.track-card{animation:none;border-radius:18px;transition:transform .3s,border-color .3s,box-shadow .3s}.track-card:hover{border-color:#1b9eff77;box-shadow:0 0 35px #1b9eff16,0 24px 60px #0008}.stat-grid{background:#080c18b8;border-color:#1b9eff30}.stat{border-color:#1b9eff20}.stat strong{color:#fff;font-variant-numeric:tabular-nums}.stat>span{color:#9caac4}.tag{background:#1b9eff1a;color:#73caff}.tag.good{background:#00e5a014;color:#56e9bf}.primary{background:linear-gradient(135deg,#1b9eff,#0d6fcc);color:white;border-color:#1b9eff;box-shadow:0 0 25px #1b9eff30}.primary:hover{background:linear-gradient(135deg,#42b0ff,#1689ec);color:#fff;box-shadow:0 0 40px #1b9eff55}.secondary{background:#1b9eff0d;border-color:#1b9eff44;color:#e1efff}.secondary:hover{background:#1b9eff20;color:#fff;border-color:#1b9eff88}.text-btn{color:#65c4ff}input,select,textarea{background:#04080f;color:#f0f4ff;border-color:#23344e}input:focus,select:focus,textarea:focus{border-color:#1b9eff;box-shadow:0 0 0 3px #1b9eff18}select option{background:#080c18;color:#f0f4ff}.builder-item,.message,.coach-panel,details,.casting-preview{background:#080c18;border-color:#1b9eff26}.message.user{background:#0c2850;border-color:#1b9eff44}.tab-nav button.active{background:#1b9eff20;border-color:#1b9eff70;color:#80d0ff}.table-wrap{border-color:#1b9eff26}th{background:#080c18;color:#aebbd3}td{border-color:#1b9eff18}.notice{background:#09213b;border-color:#1b9eff55}.score-disc{border-color:#1b9eff;box-shadow:0 0 50px #1b9eff22}.video-stage{background:radial-gradient(ellipse at 50% 20%,#102a50,#04080f 70%);border-color:#1b9eff40}.voice-orb{background:radial-gradient(circle at 30% 30%,#4dcfff,#1b9eff 50%,#081b3d);box-shadow:0 0 55px #1b9eff55}.stage-label{background:#04080fcc;color:#8dd8ff}.route-preview span.done{background:#1b9eff;border-color:#1b9eff;box-shadow:0 0 10px #1b9eff66}footer{border-color:#1b9eff22;background:#0008}
.bt-scene{position:relative;width:330px;flex:0 0 330px;border:1px solid #1b9eff55;background:#080c18;border-radius:20px;box-shadow:0 0 60px #1b9eff22,0 22px 60px #0008;transform:perspective(1200px) rotateY(-5deg);--av-hair-1:#1a0805;--av-hair-2:#0a0403;--av-skin-1:#e2a874;--av-skin-2:#c68450;--av-skin-3:#9c5e2e;--av-skin-4:#6a3a14;--av-iris-1:#6a4828;--av-iris-2:#3a2010;--av-iris-3:#1a0e04;--av-shirt-1:#7b4fb8;--av-shirt-2:#4a2a82;--av-shirt-3:#26144a;--av-brow:#1a0805;--av-brow-deep:#0a0403}.bt-scene-top,.bt-scene-bottom{display:flex;align-items:center;gap:9px;padding:14px 18px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.06em;color:#a9c2e3}.bt-status-dot{width:6px;height:6px;background:#1b9eff;border-radius:50%;box-shadow:0 0 10px #1b9eff}.bt-scene .hav-video-window{height:210px;border-radius:0;border:0;position:relative;overflow:hidden}.bt-scene .hav-person-wrap{bottom:-30px;transform:translateX(-50%) scale(.88)}.bt-scene-bottom{justify-content:space-between;border-top:1px solid #1b9eff22}.bt-scene .hav-head-group{animation:bt-nod 7s ease-in-out infinite;transform-origin:50% 95%}.bt-scene .hav-eye-socket{animation:bt-blink 6s infinite}.bt-wave{height:22px;display:flex;align-items:center;gap:3px}.bt-wave i{width:3px;height:18px;border-radius:4px;background:linear-gradient(#4dcfff,#1b9eff);animation:bt-wave 1.4s ease-in-out infinite}.bt-wave i:nth-child(3n){animation-delay:-.5s;height:12px}.bt-wave i:nth-child(2n){animation-delay:-.9s;height:22px}.bt-skill{position:absolute;padding:9px 12px;background:#080c18eb;border:1px solid #1b9eff55;border-radius:10px;color:#96d8ff;font-size:11px;box-shadow:0 8px 20px #0005;animation:bt-float 6s ease-in-out infinite}.bt-skill-one{top:80px;left:-30px}.bt-skill-two{bottom:55px;right:-20px;color:#bba2ff;border-color:#8b5cf660;animation-delay:-3s}.auth-story .bt-scene{margin-top:32px;width:min(330px,90%);transform:none}.hero.compact .bt-scene{width:280px;flex-basis:280px}.hero.compact .bt-scene .hav-video-window{height:160px}.hero.compact .bt-scene .hav-person-wrap{bottom:-45px;transform:translateX(-50%) scale(.72)}
.bt-reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.16,1,.3,1)}.bt-reveal.bt-pending{opacity:0;translate:0 20px}.bt-reveal.bt-visible{opacity:1;translate:0 0}.bt-practice .bt-orb,.bt-practice .bt-speed-lines i{animation:none}.bt-practice .bt-atmosphere{opacity:.4}.bt-practice .hero::after{display:none}
@keyframes bt-nod{0%,100%{rotate:-2deg}50%{rotate:2deg}}@keyframes bt-blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .1}}@keyframes bt-wave{0%,100%{scale:1 .3}50%{scale:1 1}}@keyframes bt-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}html.motion-paused .bt-pending{opacity:1;translate:0 0}
@media(max-width:980px){.brand .brand-logo{width:280px}.topbar #main-nav{background:#04080ff5}.hero.split{gap:32px}.bt-scene{width:270px;flex-basis:270px}.bt-skill-one{left:-12px}.bt-skill-two{right:-10px}}
@media(max-width:620px){.brand{gap:6px}.brand .brand-logo{width:230px;height:auto}.brand .brand-logo img{position:static;width:100%;height:auto}.brand .brand-wordmark{display:block;font-size:8px;padding:0}.topbar{min-height:88px}.hero.split{display:block}.hero.split .bt-scene{margin:28px auto 12px;width:min(290px,90%)}.hero.compact.split .bt-scene{display:none}.auth-story .bt-scene{display:none}.bt-orb{filter:blur(30px)}.bt-orb-three{display:none}.bt-orb-one{right:-140px}.bt-speed-lines i:nth-child(n+3){display:none}.hero h1{font-size:40px}.dashboard-panel small{font-size:10px}.panel,.track-card{backdrop-filter:none}}
@media(max-width:360px){.brand .brand-logo{width:195px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bt-reveal.bt-pending{opacity:1;translate:0 0}.bt-scene{transform:none}}

.bt-scene .hav-video-window{margin-bottom:0}.bt-train-line{position:relative;height:42px;overflow:hidden;border-top:1px solid #1b9eff18;border-radius:0 0 20px 20px}.bt-train-track{position:absolute;left:0;right:0;bottom:12px;height:5px;border-top:1px solid #1b9eff55;border-bottom:1px solid #1b9eff33;background:repeating-linear-gradient(90deg,transparent 0 10px,#1b9eff30 10px 12px)}.bt-train-line img{position:absolute;width:74px;height:52px;bottom:-8px;left:0;filter:drop-shadow(0 0 6px #1b9eff77);animation:bt-train 9s cubic-bezier(.45,0,.3,1) infinite}@keyframes bt-train{0%{left:-25%;opacity:0}10%{opacity:1}35%,45%{left:30%}85%{opacity:1}100%{left:105%;opacity:0}}@media(prefers-reduced-motion:reduce){.bt-train-line img{left:40%}}