#velora-practice-clear {
    color-scheme: light;
    --vl-bg: light-dark(#fafaf7, #0b1020);
    --vl-surface: light-dark(#ffffff, #121a2d);
    --vl-surface-soft: light-dark(#f1f3f8, #182238);
    --vl-ink: light-dark(#0f172a, #f8fafc);
    --vl-muted: light-dark(#596579, #aab5c7);
    --vl-line: light-dark(#dfe3eb, #2a354c);
    --vl-accent: #4f46e5;
    --vl-accent-soft: light-dark(#eeedff, #24234a);
    --vl-teal: #2dd4bf;
    --vl-teal-soft: light-dark(#ecfdf9, #102d2a);
    --vl-positive: light-dark(#0f766e, #5eead4);
    --vl-warn: light-dark(#a16207, #facc15);
    --vl-radius: 22px;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--vl-bg);
    color: var(--vl-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  #velora-practice-clear * { box-sizing: border-box; }
  #velora-practice-clear button { font: inherit; }
  #velora-practice-clear .vl-shell { width: min(100%, 1080px); margin: 0 auto; padding-inline: 28px; }

  #velora-practice-clear .vl-nav {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    border-bottom: 1px solid var(--vl-line);
  }

  #velora-practice-clear .vl-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--vl-ink);
    text-decoration: none;
  }

  #velora-practice-clear .vl-mark {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: var(--vl-accent);
  }

  #velora-practice-clear .vl-mark-letter { font-size: 34px; line-height: 1; font-weight: 500; letter-spacing: -.1em; }
  #velora-practice-clear .vl-wave { position: absolute; top: 8px; left: 15px; height: 17px; display: flex; align-items: center; gap: 2px; }
  #velora-practice-clear .vl-wave i { display: block; width: 3px; border-radius: 99px; background: var(--vl-teal); }
  #velora-practice-clear .vl-wave i:nth-child(1),
  #velora-practice-clear .vl-wave i:nth-child(5) { height: 7px; }
  #velora-practice-clear .vl-wave i:nth-child(2),
  #velora-practice-clear .vl-wave i:nth-child(4) { height: 12px; }
  #velora-practice-clear .vl-wave i:nth-child(3) { height: 17px; }
  #velora-practice-clear .vl-brand-copy { display: grid; gap: 1px; }
  #velora-practice-clear .vl-brand-name { font-weight: 500; letter-spacing: .07em; }
  #velora-practice-clear .vl-brand-sub { color: var(--vl-muted); font-size: 11px; letter-spacing: .16em; }

  #velora-practice-clear .vl-nav-actions { display: flex; align-items: center; gap: 18px; }
  #velora-practice-clear .vl-nav-link { color: var(--vl-muted); font-size: 13px; text-decoration: none; }
  #velora-practice-clear .vl-nav-cta {
    min-height: 42px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--vl-line);
    border-radius: 12px;
    background: var(--vl-surface);
    color: var(--vl-ink);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
  }

  #velora-practice-clear .vl-hero { padding-block: 86px 74px; text-align: center; }
  #velora-practice-clear .vl-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--vl-accent);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  #velora-practice-clear .vl-eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--vl-teal); }

  #velora-practice-clear .vl-hero h1 {
    max-width: 850px;
    margin: 18px auto;
    font-family: Manrope, Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(44px, 7vw, 76px);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -.055em;
  }

  #velora-practice-clear .vl-hero p { max-width: 660px; margin: 0 auto; color: var(--vl-muted); font-size: 17px; line-height: 1.65; }
  #velora-practice-clear .vl-overview {
    width: fit-content;
    max-width: 100%;
    margin: 34px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  #velora-practice-clear .vl-overview-step {
    min-height: 39px;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--vl-line);
    border-radius: 99px;
    background: var(--vl-surface);
    color: var(--vl-muted);
    font-size: 12px;
  }

  #velora-practice-clear .vl-overview-step strong { color: var(--vl-ink); font-weight: 500; }
  #velora-practice-clear .vl-overview-arrow { color: var(--vl-muted); }

  #velora-practice-clear .vl-flow {
    --timeline-gap: 64px;
    --timeline-axis: 50%;
    padding-bottom: 80px;
  }
  #velora-practice-clear .vl-step::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: calc(-1 * var(--timeline-gap));
    left: var(--timeline-axis);
    width: 2px;
    transform: translateX(-50%);
    background: color-mix(in srgb, var(--vl-accent) 23%, transparent);
    pointer-events: none;
  }
  #velora-practice-clear .vl-step:first-of-type::before { top: 50%; }
  #velora-practice-clear .vl-step:last-of-type::before { bottom: 50%; }

  #velora-practice-clear .vl-step {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
    column-gap: 24px;
    align-items: center;
    margin-bottom: var(--timeline-gap);
  }
  #velora-practice-clear .vl-step:last-of-type { margin-bottom: 0; }
  #velora-practice-clear .vl-step-copy { grid-column: 1; grid-row: 1; min-width: 0; }
  #velora-practice-clear .vl-stage { grid-column: 3; grid-row: 1; min-width: 0; }

  #velora-practice-clear .vl-step:nth-of-type(odd) .vl-step-copy { grid-column: 3; }
  #velora-practice-clear .vl-step:nth-of-type(odd) .vl-stage { grid-column: 1; }

  #velora-practice-clear .vl-step-number {
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 1;
    left: var(--timeline-axis);
    top: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    margin: 0;
    border-radius: 50%;
    background: var(--vl-accent);
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0 0 0 7px var(--vl-bg);
  }

  #velora-practice-clear .vl-step-copy h2 { margin: 0 0 12px; font-size: 32px; line-height: 1.15; font-weight: 500; letter-spacing: -.04em; }
  #velora-practice-clear .vl-step-copy > p { margin: 0; color: var(--vl-muted); line-height: 1.7; }
  #velora-practice-clear .vl-step-outcome {
    margin-top: 20px;
    padding-top: 18px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-top: 1px solid var(--vl-line);
    color: var(--vl-ink);
    font-size: 13px;
    line-height: 1.55;
  }
  #velora-practice-clear .vl-step-outcome i { width: 17px; height: 17px; flex: 0 0 auto; color: var(--vl-teal); }

  #velora-practice-clear .vl-stage {
    padding: 25px;
    border: 1px solid var(--vl-line);
    border-radius: var(--vl-radius);
    background: var(--vl-surface);
    box-shadow: 0 26px 65px light-dark(rgba(30,41,59,.11), rgba(0,0,0,.3));
  }

  #velora-practice-clear .vl-stage-top {
    min-height: 34px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--vl-muted);
    font-size: 11px;
  }

  #velora-practice-clear .vl-stage-label { display: inline-flex; align-items: center; gap: 7px; }
  #velora-practice-clear .vl-stage-label i { width: 15px; height: 15px; }
  #velora-practice-clear .vl-complete { color: var(--vl-positive); }

  #velora-practice-clear .vl-context-card {
    padding: 20px;
    border: 1px solid var(--vl-line);
    border-radius: 16px;
    background: var(--vl-bg);
  }
  #velora-practice-clear .vl-context-role { margin: 0 0 5px; font-size: 18px; font-weight: 500; }
  #velora-practice-clear .vl-context-company { margin: 0; color: var(--vl-muted); font-size: 13px; }
  #velora-practice-clear .vl-context-files { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 19px; }
  #velora-practice-clear .vl-file {
    min-height: 62px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--vl-line);
    border-radius: 12px;
    background: var(--vl-surface);
    font-size: 12px;
  }
  #velora-practice-clear .vl-file i { width: 17px; height: 17px; color: var(--vl-accent); }
  #velora-practice-clear .vl-file span { display: grid; gap: 2px; }
  #velora-practice-clear .vl-file small { color: var(--vl-muted); font-size: 10px; }
  #velora-practice-clear .vl-context-summary { margin-top: 14px; color: var(--vl-muted); font-size: 12px; line-height: 1.55; }

  #velora-practice-clear .vl-question { margin: 0 0 18px; font-size: 17px; font-weight: 500; line-height: 1.5; }
  #velora-practice-clear .vl-recording {
    padding: 18px;
    border-radius: 16px;
    background: var(--vl-accent-soft);
  }
  #velora-practice-clear .vl-recording-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--vl-muted); font-size: 11px; }
  #velora-practice-clear .vl-recording-status { display: inline-flex; align-items: center; gap: 7px; color: var(--vl-accent); }
  #velora-practice-clear .vl-recording-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--vl-accent); }
  #velora-practice-clear .vl-bars { height: 55px; margin-block: 12px; display: flex; align-items: center; gap: 4px; }
  #velora-practice-clear .vl-bars i { flex: 1; max-width: 7px; min-width: 3px; border-radius: 99px; background: var(--vl-accent); opacity: .72; }
  #velora-practice-clear .vl-bars i:nth-child(4n+1) { height: 17px; }
  #velora-practice-clear .vl-bars i:nth-child(4n+2) { height: 34px; }
  #velora-practice-clear .vl-bars i:nth-child(4n+3) { height: 48px; }
  #velora-practice-clear .vl-bars i:nth-child(4n) { height: 27px; }
  #velora-practice-clear .vl-transcript { margin: 16px 0 0; color: var(--vl-muted); font-size: 12px; line-height: 1.6; }
  #velora-practice-clear .vl-transcript strong { color: var(--vl-ink); font-weight: 500; }

  #velora-practice-clear .vl-feedback-focus {
    padding: 18px;
    border-left: 3px solid var(--vl-accent);
    border-radius: 0 14px 14px 0;
    background: var(--vl-accent-soft);
  }
  #velora-practice-clear .vl-feedback-focus small { display: block; margin-bottom: 6px; color: var(--vl-accent); font-size: 10px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
  #velora-practice-clear .vl-feedback-focus h3 { margin: 0 0 7px; font-size: 18px; font-weight: 500; }
  #velora-practice-clear .vl-feedback-focus p { margin: 0; color: var(--vl-muted); font-size: 12px; line-height: 1.6; }
  #velora-practice-clear .vl-signals { display: grid; gap: 9px; margin-top: 17px; }
  #velora-practice-clear .vl-signal {
    min-height: 42px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid var(--vl-line);
    font-size: 12px;
  }
  #velora-practice-clear .vl-signal:last-child { border-bottom: 0; }
  #velora-practice-clear .vl-signal span:first-child { color: var(--vl-muted); }
  #velora-practice-clear .vl-signal strong { font-weight: 500; }
  #velora-practice-clear .vl-signal .vl-needs-work { color: var(--vl-warn); }
  #velora-practice-clear .vl-coach-note { margin: 15px 0 0; color: var(--vl-muted); font-size: 11px; line-height: 1.55; }

  #velora-practice-clear .vl-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  #velora-practice-clear .vl-attempt { padding: 17px; border: 1px solid var(--vl-line); border-radius: 15px; background: var(--vl-bg); }
  #velora-practice-clear .vl-attempt-new { border-color: light-dark(#9de0d6, #28584f); background: var(--vl-teal-soft); }
  #velora-practice-clear .vl-attempt-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; font-size: 11px; }
  #velora-practice-clear .vl-attempt-head span { color: var(--vl-muted); }
  #velora-practice-clear .vl-attempt-head strong { font-weight: 500; }
  #velora-practice-clear .vl-attempt p { margin: 0; color: var(--vl-muted); font-size: 12px; line-height: 1.6; }
  #velora-practice-clear .vl-highlight-old { text-decoration: underline; text-decoration-color: var(--vl-warn); text-underline-offset: 3px; }
  #velora-practice-clear .vl-highlight-new { color: var(--vl-positive); font-weight: 500; }
  #velora-practice-clear .vl-improvement {
    margin-top: 14px;
    padding: 13px 15px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    border-radius: 13px;
    background: var(--vl-teal-soft);
    color: var(--vl-positive);
    font-size: 12px;
    line-height: 1.55;
  }
  #velora-practice-clear .vl-improvement i { width: 17px; height: 17px; flex: 0 0 auto; }

  #velora-practice-clear .vl-boundaries { padding-block: 82px; border-top: 1px solid var(--vl-line); border-bottom: 1px solid var(--vl-line); }
  #velora-practice-clear .vl-boundary-head { max-width: 610px; }
  #velora-practice-clear .vl-boundary-head h2 { margin: 0 0 10px; font-size: 34px; font-weight: 500; letter-spacing: -.04em; }
  #velora-practice-clear .vl-boundary-head p { margin: 0; color: var(--vl-muted); line-height: 1.65; }
  #velora-practice-clear .vl-boundary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 34px; }
  #velora-practice-clear .vl-boundary-card { padding: 25px; border: 1px solid var(--vl-line); border-radius: 18px; background: var(--vl-surface); }
  #velora-practice-clear .vl-boundary-card h3 { margin: 0 0 16px; display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 500; }
  #velora-practice-clear .vl-boundary-card h3 i { width: 18px; height: 18px; color: var(--vl-accent); }
  #velora-practice-clear .vl-boundary-card ul { margin: 0; padding: 0; display: grid; gap: 12px; list-style: none; }
  #velora-practice-clear .vl-boundary-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--vl-muted); font-size: 13px; line-height: 1.5; }
  #velora-practice-clear .vl-boundary-card li i { width: 16px; height: 16px; flex: 0 0 auto; color: var(--vl-teal); }
  #velora-practice-clear .vl-boundary-card:last-child li i { color: var(--vl-muted); }

  #velora-practice-clear .vl-final {
    padding-block: 88px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 42px;
  }
  #velora-practice-clear .vl-final h2 { margin: 0 0 10px; max-width: 650px; font-size: 38px; line-height: 1.13; font-weight: 500; letter-spacing: -.045em; }
  #velora-practice-clear .vl-final p { margin: 0; color: var(--vl-muted); line-height: 1.6; }
  #velora-practice-clear .vl-final-cta {
    min-height: 50px;
    padding: 13px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--vl-accent);
    border-radius: 13px;
    background: var(--vl-accent);
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
  }
  #velora-practice-clear .vl-final-cta i { width: 18px; height: 18px; }

  #velora-practice-clear .vl-footer {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--vl-line);
    color: var(--vl-muted);
    font-size: 12px;
  }
  #velora-practice-clear .vl-footer-links { display: flex; gap: 18px; }
  #velora-practice-clear .vl-footer a { color: inherit; text-decoration: none; }

  @media (max-width: 960px) {
    #velora-practice-clear { min-height: 0; }
    #velora-practice-clear .vl-flow { --timeline-axis: 21px; --timeline-gap: 56px; }
    #velora-practice-clear .vl-step { grid-template-columns: 42px minmax(0, 1fr); gap: 24px; align-items: start; }
    #velora-practice-clear .vl-step .vl-step-copy,
    #velora-practice-clear .vl-step:nth-of-type(odd) .vl-step-copy { grid-column: 2; grid-row: 1; min-height: 42px; }
    #velora-practice-clear .vl-step .vl-stage,
    #velora-practice-clear .vl-step:nth-of-type(odd) .vl-stage { grid-column: 2; grid-row: 2; }
    #velora-practice-clear .vl-step-number { top: 0; transform: translateX(-50%); }
    #velora-practice-clear .vl-step:first-of-type::before { top: 21px; }
    #velora-practice-clear .vl-step:last-of-type::before { top: 0; bottom: auto; height: 21px; }
    #velora-practice-clear .vl-boundary-grid { grid-template-columns: 1fr; }
    #velora-practice-clear .vl-final { grid-template-columns: 1fr; gap: 24px; }
    #velora-practice-clear .vl-final-cta { width: fit-content; }
  }

  @media (max-width: 600px) {
    #velora-practice-clear .vl-shell { padding-inline: 18px; }
    #velora-practice-clear .vl-nav-link { display: none; }
    #velora-practice-clear .vl-nav-cta { padding-inline: 12px; }
    #velora-practice-clear .vl-brand-sub { display: none; }
    #velora-practice-clear .vl-hero { padding-block: 58px 56px; }
    #velora-practice-clear .vl-hero h1 { font-size: 44px; }
    #velora-practice-clear .vl-overview-arrow { display: none; }
    #velora-practice-clear .vl-overview { align-items: stretch; display: grid; grid-template-columns: 1fr 1fr; }
    #velora-practice-clear .vl-overview-step { justify-content: center; }
    #velora-practice-clear .vl-flow { --timeline-axis: 18px; --timeline-gap: 44px; }
    #velora-practice-clear .vl-step { grid-template-columns: 36px minmax(0, 1fr); gap: 18px; }
    #velora-practice-clear .vl-step-number { width: 36px; height: 36px; }
    #velora-practice-clear .vl-step:first-of-type::before { top: 18px; }
    #velora-practice-clear .vl-step:last-of-type::before { height: 18px; }
    #velora-practice-clear .vl-step-copy h2 { font-size: 27px; }
    #velora-practice-clear .vl-stage { padding: 18px; border-radius: 18px; }
    #velora-practice-clear .vl-context-files,
    #velora-practice-clear .vl-compare { grid-template-columns: 1fr; }
    #velora-practice-clear .vl-footer { padding-block: 20px; align-items: flex-start; flex-direction: column; }
  }