/* =====================================================================
   Both Learners — Intro video player ("Conversation with Bilal Khan")
   Everything inside the stage is sized in container units (cqw), so the
   video scales like a real video at any width. Below 640px wide the stage
   switches to a portrait layout.
   ===================================================================== */

.bliv{
    --bliv-blue:var(--color-primary,#006FE1);
    --bliv-blue-dark:var(--color-primary-dark,#0057B3);
    --bliv-deep:var(--color-primary-deep,#003D7D);
    --bliv-ink:var(--color-dark,#2A2C30);
    --bliv-accent:var(--color-accent,#F5A524);
    --bliv-ease:cubic-bezier(.22,1,.36,1);
    width:100%;
}

/* ── Stage ───────────────────────────────────────────── */
.bliv-stage{
    position:relative;container-type:inline-size;aspect-ratio:16/9;width:100%;
    overflow:hidden;border-radius:20px;isolation:isolate;outline:none;
    background:linear-gradient(135deg,#1F2124 0%,#2A2C30 45%,#0E2A4F 100%);
    box-shadow:0 30px 80px rgba(0,61,125,.28);border:1px solid rgba(0,111,225,.28);
    color:#fff;font-family:var(--font-body,'DM Sans',sans-serif);
}
.bliv-stage:focus-visible{box-shadow:0 0 0 3px var(--bliv-blue),0 30px 80px rgba(0,61,125,.28)}
@media (max-width:640px){ .bliv-stage{aspect-ratio:4/5;border-radius:16px} }

/* Real video mode */
.bliv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.bliv[data-mode="video"] .bliv-stage{aspect-ratio:16/9}
.bliv-video::cue{font-family:var(--font-body,'DM Sans',sans-serif);background:rgba(20,22,26,.78);color:#fff;font-size:clamp(13px,1.9cqw,22px);line-height:1.45}

/* ── Animated background ─────────────────────────────── */
.bliv-bg{position:absolute;inset:0;z-index:0;pointer-events:none;transition:background 1.2s ease}
.bliv-orb{position:absolute;border-radius:50%;filter:blur(2cqw);opacity:.55;transition:all 1.6s var(--bliv-ease)}
.bliv-orb--1{width:46cqw;height:46cqw;left:-10cqw;top:-14cqw;background:radial-gradient(circle,rgba(0,111,225,.55),transparent 65%);animation:bliv-float 14s ease-in-out infinite}
.bliv-orb--2{width:38cqw;height:38cqw;right:-8cqw;bottom:-16cqw;background:radial-gradient(circle,rgba(245,165,36,.28),transparent 65%);animation:bliv-float 18s ease-in-out infinite reverse}
.bliv-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:5cqw 5cqw;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
@keyframes bliv-float{0%,100%{transform:translate(0,0)}50%{transform:translate(3cqw,2cqw)}}

/* Scene-tinted backgrounds */
.bliv-stage[data-active="edu"]      .bliv-bg{background:radial-gradient(ellipse at 20% 80%,rgba(0,111,225,.22),transparent 60%)}
.bliv-stage[data-active="work"]     .bliv-bg{background:radial-gradient(ellipse at 80% 20%,rgba(0,61,125,.55),transparent 60%)}
.bliv-stage[data-active="bl"]       .bliv-bg{background:radial-gradient(ellipse at 70% 60%,rgba(0,111,225,.3),transparent 60%)}
.bliv-stage[data-active="services"] .bliv-bg{background:radial-gradient(ellipse at 75% 50%,rgba(0,111,225,.25),transparent 65%)}
.bliv-stage[data-active="yt"]       .bliv-bg{background:radial-gradient(ellipse at 30% 40%,rgba(255,0,0,.16),transparent 60%)}
.bliv-stage[data-active="cta"]      .bliv-bg{background:radial-gradient(ellipse at 35% 50%,rgba(245,165,36,.18),transparent 60%)}
.bliv-stage[data-active="yt"] .bliv-orb--1{background:radial-gradient(circle,rgba(255,0,0,.35),transparent 65%)}

/* ── Presenter (cut-out of Bilal) ────────────────────── */
.bliv-presenter{
    --x:56%; --s:1;
    position:absolute;z-index:2;bottom:0;left:var(--x);height:64%;aspect-ratio:789/800;
    transform-origin:50% 100%;transform:scale(var(--s));
    transition:none;
    pointer-events:none;
}
.bliv-presenter-move,.bliv-presenter-idle{width:100%;height:100%;transform-origin:50% 100%}
.bliv-presenter picture,.bliv-presenter img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 2.5cqw 2.5cqw rgba(0,0,0,.22))}
.bliv-glow{position:absolute;left:50%;bottom:22%;width:120%;aspect-ratio:1;transform:translateX(-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(0,111,225,.35),transparent 62%);opacity:.9;transition:opacity 1s}

/* Static presenter: the photo stays in one place for the whole video.
   Only the content panels, backgrounds and subtitles change. */
.bliv-presenter{--x:63.5%;--s:1;transition:none}

/* ── Scenes & panels ─────────────────────────────────── */
.bliv-scenes{position:absolute;inset:0;z-index:1}
.bliv-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}
.bliv-scene.is-active{opacity:1;visibility:visible;transition:opacity .7s ease .25s,visibility 0s}
.bliv-panel{position:absolute;top:6%;bottom:19%;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw}
/* All panels on the left; the presenter is fixed on the right */
.bliv-panel{left:5%;width:53%}
.bliv-scene[data-scene="services"] .bliv-panel{left:3.5%;width:57%}

/* Reveal-on-cue items */
[data-at]{opacity:0;transform:translateY(1.4cqw) scale(.98);transition:opacity .6s ease,transform .7s var(--bliv-ease)}
[data-at].is-on{opacity:1;transform:none}
.bliv-stage.is-static [data-at]{opacity:1;transform:none}

/* Typography */
.bliv-eyebrow{display:inline-flex;align-items:center;gap:.8cqw;font-family:var(--font-heading,'Sora',sans-serif);font-size:1.25cqw;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#7FB8F5}
.bliv-eyebrow--yt{color:#FF6B6B}
.bliv-kicker{font-family:var(--font-heading,'Sora',sans-serif);font-size:1.6cqw;letter-spacing:.22em;text-transform:uppercase;color:#7FB8F5;font-weight:700}
.bliv-name{font-family:var(--font-display,'Sora',sans-serif);font-size:6.4cqw;font-weight:800;line-height:1;letter-spacing:-.03em;background:linear-gradient(120deg,#fff 40%,#7FB8F5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bliv-quote{font-family:var(--font-display,'Sora',sans-serif);font-size:2.1cqw;font-weight:700;color:#fff;border-left:.35cqw solid var(--bliv-accent);padding-left:1.4cqw;line-height:1.3}
.bliv-logo{height:7.5cqw;width:auto;object-fit:contain;align-self:flex-start;image-rendering:auto}
.bliv-logo--lg{height:10.5cqw}

.bliv-chips{display:flex;flex-wrap:wrap;gap:.7cqw}
.bliv-chips span{font-size:1.2cqw;font-weight:700;padding:.5cqw 1.2cqw;border-radius:99px;background:rgba(0,111,225,.22);border:1px solid rgba(127,184,245,.45);color:#D6E8FC}
.bliv-chips span.is-accent{background:rgba(245,165,36,.18);border-color:rgba(245,165,36,.55);color:#FFD58A}
.bliv-chips--dark span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff}

/* Education timeline */
.bliv-timeline{list-style:none;margin:0;padding:0 0 0 2cqw;display:flex;flex-direction:column;gap:.6cqw;position:relative}
.bliv-timeline::before{content:'';position:absolute;left:.45cqw;top:.6cqw;bottom:.6cqw;width:.2cqw;background:linear-gradient(var(--bliv-blue),rgba(0,111,225,.1))}
.bliv-timeline li{position:relative;display:grid;grid-template-columns:7.5cqw 1fr;column-gap:1.2cqw;align-items:baseline;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1cqw;padding:.6cqw 1.2cqw}
.bliv-timeline li::before{content:'';position:absolute;left:-1.95cqw;top:50%;width:1cqw;height:1cqw;border-radius:50%;background:var(--bliv-blue);transform:translateY(-50%);box-shadow:0 0 0 .3cqw rgba(0,111,225,.3)}
.bliv-timeline b{font-family:var(--font-heading,'Sora',sans-serif);font-size:1.35cqw;color:#7FB8F5}
.bliv-timeline span{font-size:1.45cqw;font-weight:700}
.bliv-timeline small{grid-column:2;font-size:1.1cqw;color:rgba(255,255,255,.65)}
.bliv-timeline li.is-key{border-color:rgba(127,184,245,.6);background:rgba(0,111,225,.18)}
.bliv-timeline li.is-accent b{color:var(--bliv-accent)}
.bliv-timeline li.is-accent::before{background:var(--bliv-accent);box-shadow:0 0 0 .3cqw rgba(245,165,36,.3)}

/* Experience */
.bliv-bignum{font-family:var(--font-display,'Sora',sans-serif);font-size:7cqw;font-weight:800;line-height:1;color:#fff}
.bliv-bignum small{font-size:1.7cqw;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:0}
.bliv-card{display:flex;align-items:center;gap:1.4cqw;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:1.2cqw;padding:1.2cqw 1.5cqw}
.bliv-card i{font-size:2.4cqw;color:#7FB8F5}
.bliv-card strong{display:block;font-size:1.8cqw}
.bliv-card span{display:block;font-size:1.2cqw;color:rgba(255,255,255,.7)}
.bliv-card--hero{border-color:rgba(127,184,245,.5);background:linear-gradient(120deg,rgba(0,111,225,.3),rgba(0,61,125,.2))}
.bliv-bars{display:flex;align-items:flex-end;gap:.7cqw;height:5cqw}
.bliv-bars i{width:2.2cqw;height:0;border-radius:.4cqw .4cqw 0 0;background:linear-gradient(var(--bliv-blue),rgba(0,111,225,.3));transition:height 1.2s var(--bliv-ease)}
.bliv-bars.is-on i{height:var(--h)}
.bliv-bars.is-on i:last-child{background:linear-gradient(var(--bliv-accent),rgba(245,165,36,.3))}
.bliv-sectors{font-size:1.3cqw;color:rgba(255,255,255,.75);letter-spacing:.06em}
.bliv-mini{display:flex;flex-wrap:wrap;gap:1cqw}
.bliv-mini span{font-size:1.15cqw;padding:.5cqw 1cqw;border-radius:.8cqw;background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}
.bliv-mini i{color:#7FB8F5;margin-right:.4cqw}

/* Both Learners */
.bliv-twoway{display:flex;align-items:center;gap:1.4cqw}
.bliv-twoway span{display:inline-flex;align-items:center;gap:.7cqw;font-size:1.6cqw;font-weight:700;padding:.9cqw 1.5cqw;border-radius:1cqw;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.bliv-twoway span i{color:#7FB8F5}
.bliv-twoway-arrow{font-size:2.4cqw;color:var(--bliv-accent);animation:bliv-pulse-x 1.8s ease-in-out infinite}
@keyframes bliv-pulse-x{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.25)}}
.bliv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
.bliv-stats div{background:rgba(0,111,225,.16);border:1px solid rgba(127,184,245,.35);border-radius:1.2cqw;padding:1.2cqw;text-align:center}
.bliv-stats b{display:block;font-family:var(--font-display,'Sora',sans-serif);font-size:3.4cqw;line-height:1}
.bliv-stats small{font-size:1.05cqw;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.08em}

/* Services */
.bliv-services{display:grid;grid-template-columns:repeat(4,1fr);gap:.9cqw}
.bliv-svc{display:flex;flex-direction:column;gap:.3cqw;padding:1.1cqw;border-radius:1.2cqw;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.bliv-svc i{font-size:1.9cqw;color:#7FB8F5;margin-bottom:.3cqw}
.bliv-svc b{font-size:1.25cqw;line-height:1.2}
.bliv-svc small{font-size:.95cqw;color:rgba(255,255,255,.7)}
.bliv-svc.is-current{border-color:var(--bliv-accent);background:rgba(245,165,36,.12);box-shadow:0 0 0 .25cqw rgba(245,165,36,.18)}
.bliv-svc.is-current i{color:var(--bliv-accent)}
.bliv-svc--alumni{border-style:dashed}

/* YouTube channel */
.bliv-yt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1cqw}
.bliv-yt{display:flex;flex-direction:column;gap:.6cqw}
.bliv-yt b{font-size:1.35cqw}
.bliv-yt-thumb{position:relative;aspect-ratio:16/9;border-radius:1cqw;display:flex;align-items:center;justify-content:center;font-size:3cqw;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.bliv-yt-thumb::after{content:'\25B6';position:absolute;right:.8cqw;bottom:.6cqw;font-size:1.1cqw;background:#FF0000;color:#fff;border-radius:.5cqw;padding:.2cqw .7cqw}
.bliv-yt-thumb--mic{background:linear-gradient(135deg,#003D7D,#006FE1)}
.bliv-yt-thumb--list{background:linear-gradient(135deg,#2A2C30,#494949)}
.bliv-yt-thumb--study{background:linear-gradient(135deg,#0057B3,#2A2C30)}
.bliv-yt-thumb--live{background:linear-gradient(135deg,#7A1010,#2A2C30)}
.bliv-yt-thumb i{animation:bliv-bob 3s ease-in-out infinite}
@keyframes bliv-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.4cqw)}}
.bliv-playlists{display:flex;flex-wrap:wrap;gap:.6cqw}
.bliv-playlists span{font-size:1.1cqw;padding:.35cqw .9cqw;border-radius:.6cqw;background:rgba(255,0,0,.14);border:1px solid rgba(255,107,107,.4)}
.bliv-playlists span::before{content:'\2261  ';opacity:.7}

/* Subscribe */
.bliv-subscribe{display:inline-flex;align-items:center;gap:1cqw;align-self:flex-start;background:#FF0000;color:#fff !important;font-family:var(--font-heading,'Sora',sans-serif);font-weight:800;font-size:2.1cqw;padding:1.3cqw 2.4cqw;border-radius:99px;text-decoration:none;box-shadow:0 1cqw 3cqw rgba(255,0,0,.35)}
.bliv-subscribe.is-on{animation:bliv-pop 1.6s ease-in-out 1s infinite}
@keyframes bliv-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.bliv-site{align-self:flex-start;font-size:1.8cqw;font-weight:700;color:#7FB8F5 !important;text-decoration:none;border-bottom:.2cqw solid rgba(127,184,245,.4)}
.bliv.is-playing .bliv-subscribe,.bliv.is-playing .bliv-site,.bliv.is-ended .bliv-subscribe,.bliv.is-ended .bliv-site{pointer-events:auto}
.bliv-scene[data-scene="cta"]{pointer-events:none}
.bliv-scene[data-scene="cta"].is-active .bliv-subscribe,.bliv-scene[data-scene="cta"].is-active .bliv-site{pointer-events:auto}

/* ── Subtitles ───────────────────────────────────────── */
.bliv-caption{
    position:absolute;z-index:6;left:50%;bottom:6.2cqw;transform:translateX(-50%);
    max-width:82%;display:flex;align-items:center;gap:1cqw;
    background:rgba(20,22,26,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    padding:.8cqw 1.6cqw;border-radius:1cqw;font-size:clamp(13px,1.85cqw,22px);line-height:1.45;font-weight:500;text-align:center;
    opacity:0;transition:opacity .25s ease;pointer-events:none;
}
.bliv-caption.is-on{opacity:1}
.bliv.cc-off .bliv-caption{display:none}
.bliv[data-mode="video"] .bliv-caption{display:none}
.bliv-wave{display:inline-flex;align-items:flex-end;gap:2px;height:1.2em;flex-shrink:0}
.bliv-wave i{width:3px;height:30%;background:#7FB8F5;border-radius:2px}
.bliv.is-playing .bliv-caption.is-on .bliv-wave i{animation:bliv-wave .9s ease-in-out infinite}
.bliv-wave i:nth-child(2){animation-delay:.15s !important}.bliv-wave i:nth-child(3){animation-delay:.3s !important}.bliv-wave i:nth-child(4){animation-delay:.45s !important}
@keyframes bliv-wave{0%,100%{height:25%}50%{height:100%}}

/* ── Start overlay ───────────────────────────────────── */
.bliv-start{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;border:0;cursor:pointer;color:#fff;
    background:linear-gradient(90deg,rgba(20,22,26,.85) 0%,rgba(20,22,26,.35) 55%,rgba(20,22,26,.05) 100%);transition:opacity .5s ease}
.bliv-start-btn{width:clamp(56px,9cqw,96px);aspect-ratio:1;border-radius:50%;background:var(--bliv-blue);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3cqw,34px);box-shadow:0 0 0 0 rgba(0,111,225,.6);animation:bliv-ring 2s infinite}
.bliv-start-btn i{margin-left:.3em}
.bliv-start-logo{height:clamp(56px,10.5cqw,118px);width:auto;margin-bottom:1.2cqw;image-rendering:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.bliv:not(.has-started) [data-scene="intro"] .bliv-logo{opacity:0}
@keyframes bliv-ring{0%{box-shadow:0 0 0 0 rgba(0,111,225,.6)}70%{box-shadow:0 0 0 2.5cqw rgba(0,111,225,0)}100%{box-shadow:0 0 0 0 rgba(0,111,225,0)}}
.bliv-start-title{font-family:var(--font-heading,'Sora',sans-serif);font-weight:800;font-size:clamp(15px,2.3cqw,28px);letter-spacing:.02em}
.bliv-start-sub{font-size:clamp(11px,1.3cqw,15px);color:rgba(255,255,255,.75)}
.bliv-start:hover .bliv-start-btn{background:var(--bliv-blue-dark)}
.bliv.has-started .bliv-start{opacity:0;pointer-events:none}

/* ── Controls ────────────────────────────────────────── */
.bliv-controls{position:absolute;z-index:7;left:0;right:0;bottom:0;display:flex;align-items:center;gap:clamp(6px,1cqw,14px);padding:clamp(8px,1.3cqw,16px) clamp(10px,1.6cqw,20px);
    background:linear-gradient(transparent,rgba(10,12,16,.85));opacity:0;transition:opacity .3s}
.bliv.has-started .bliv-controls{opacity:1}
.bliv.has-started.is-playing.is-idle .bliv-controls{opacity:0}
.bliv-btn{flex-shrink:0;width:clamp(30px,3.6cqw,42px);height:clamp(30px,3.6cqw,42px);border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:clamp(12px,1.4cqw,16px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.bliv-btn:hover,.bliv-btn:focus-visible{background:var(--bliv-blue);outline:none}
.bliv-btn.is-on{background:rgba(0,111,225,.55)}
.bliv-progress{position:relative;flex:1;height:clamp(5px,.6cqw,7px);border-radius:99px;background:rgba(255,255,255,.2);cursor:pointer}
.bliv-progress:focus-visible{outline:2px solid #7FB8F5;outline-offset:3px}
.bliv-progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,var(--bliv-blue),#7FB8F5)}
.bliv-progress-mark{position:absolute;top:-1px;bottom:-1px;width:2px;background:rgba(255,255,255,.6)}
.bliv-time{font-family:var(--font-mono,monospace);font-size:clamp(10px,1.15cqw,13px);color:rgba(255,255,255,.8);min-width:7.5ch;text-align:right}

/* ── Chapters & transcript (below the stage) ─────────── */
.bliv-chapters{display:flex;gap:.6rem;overflow-x:auto;padding:1rem .1rem .4rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.bliv-chapter{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:99px;border:1px solid var(--color-border,#DCDFE4);background:var(--color-white,#fff);color:var(--color-dark,#2A2C30);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s}
.bliv-chapter i{color:var(--bliv-blue)}
.bliv-chapter small{font-weight:500;color:var(--color-text-light,#6B7078)}
.bliv-chapter:hover{border-color:var(--bliv-blue)}
.bliv-chapter.is-active{background:var(--bliv-blue);border-color:var(--bliv-blue);color:#fff}
.bliv-chapter.is-active i,.bliv-chapter.is-active small{color:#fff}
.bliv-transcript{margin-top:.6rem;border:1px solid var(--color-border,#DCDFE4);border-radius:12px;background:var(--color-white,#fff);color:var(--color-text,#494949)}
.bliv-transcript summary{cursor:pointer;padding:.85rem 1.1rem;font-weight:700;font-size:.9rem;color:var(--color-dark,#2A2C30)}
.bliv-transcript summary i{color:var(--bliv-blue);margin-right:.4rem}
.bliv-transcript-body{max-height:320px;overflow-y:auto;padding:0 1.1rem 1rem}
.bliv-transcript-body p{font-size:.9rem;margin:0 0 .5rem;line-height:1.65;color:var(--color-text,#494949)}
.bliv-ts{border:0;background:var(--color-primary-light,#EAF3FD);color:var(--bliv-blue);font-family:var(--font-mono,monospace);font-size:.75rem;font-weight:700;padding:.1rem .45rem;border-radius:6px;cursor:pointer;margin-right:.3rem}
/* Chapters on dark sections */
.bg-dark .bliv-chapter,#youtube-section .bliv-chapter,#youtube .bliv-chapter{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.bg-dark .bliv-chapter small,#youtube-section .bliv-chapter small,#youtube .bliv-chapter small{color:rgba(255,255,255,.6)}
.bg-dark .bliv-chapter.is-active,#youtube-section .bliv-chapter.is-active,#youtube .bliv-chapter.is-active{background:var(--bliv-blue);border-color:var(--bliv-blue)}

/* ── Portrait layout (narrow stage: phones) ──────────── */
@container (max-width: 640px){
    .bliv-presenter{height:38%;--x:50% !important;bottom:21%;transform:translateX(-50%) !important;-webkit-mask-image:linear-gradient(#000 72%,transparent 100%);mask-image:linear-gradient(#000 72%,transparent 100%)}
    .bliv-scene .bliv-panel{left:6% !important;right:6% !important;width:auto !important;top:5%;bottom:auto;height:50%;gap:2.2cqw;justify-content:flex-start}
    .bliv-eyebrow{font-size:3cqw}
    .bliv-kicker{font-size:3.6cqw}
    .bliv-name{font-size:12cqw}
    .bliv-quote{font-size:4.4cqw}
    .bliv-chips span{font-size:2.8cqw;padding:1cqw 2.2cqw}
    .bliv-logo{height:12cqw}.bliv-logo--lg{height:15cqw}
    .bliv-timeline{gap:1.4cqw;padding-left:3.5cqw}
    .bliv-timeline::before{left:.9cqw}
    .bliv-timeline li{grid-template-columns:13cqw 1fr;padding:1.2cqw 2cqw;border-radius:2cqw}
    .bliv-timeline li::before{left:-3.3cqw;width:2cqw;height:2cqw}
    .bliv-timeline b{font-size:2.8cqw}.bliv-timeline span{font-size:3cqw}.bliv-timeline small{font-size:2.4cqw}
    .bliv-bignum{font-size:13cqw}.bliv-bignum small{font-size:3.4cqw}
    .bliv-card{padding:2.4cqw;border-radius:2.4cqw}.bliv-card i{font-size:5cqw}.bliv-card strong{font-size:3.6cqw}.bliv-card span{font-size:2.6cqw}
    .bliv-bars,.bliv-mini{display:none}
    .bliv-sectors{font-size:2.8cqw}
    .bliv-twoway span{font-size:3.2cqw;padding:1.6cqw 2.6cqw}.bliv-twoway-arrow{font-size:4.6cqw}
    .bliv-stats div{padding:2.2cqw;border-radius:2.4cqw}.bliv-stats b{font-size:6.6cqw}.bliv-stats small{font-size:2.2cqw}
    .bliv-services{grid-template-columns:repeat(2,1fr);gap:1.4cqw}
    .bliv-svc{padding:1.6cqw 2cqw;border-radius:2.2cqw;flex-direction:row;align-items:center;gap:1.6cqw}.bliv-svc i{font-size:3.4cqw;margin:0}.bliv-svc b{font-size:2.7cqw}.bliv-svc small{display:none}
    .bliv-yt-grid{gap:2cqw}.bliv-yt b{font-size:2.8cqw}.bliv-yt-thumb{font-size:6cqw;border-radius:2cqw}.bliv-yt-thumb::after{font-size:2.2cqw}
    .bliv-playlists span{font-size:2.6cqw;padding:.8cqw 1.8cqw}
    .bliv-subscribe{font-size:4.4cqw;padding:2.6cqw 4.4cqw}
    .bliv-site{font-size:3.8cqw}
    .bliv-caption{bottom:13cqw;max-width:92%;width:max-content;font-size:clamp(12px,3.3cqw,16px);padding:1.4cqw 2.8cqw;border-radius:2cqw}
    .bliv-beam{display:none}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
    .bliv *,.bliv *::before,.bliv *::after{animation:none !important;transition-duration:.01ms !important}
}