/* Home-only carousel; shared page styles remain unchanged. */
.hero.hero-carousel { display:block; padding:0; min-height:0; background:#071a3d; }
.hero-slides { display:grid; }
.hero-slide { grid-area:1 / 1; position:relative; display:flex; align-items:center; min-width:0; min-height:86vh; padding:150px 5% 13rem; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .65s ease,visibility .65s; }
.hero-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; }
.hero-carousel .hero-bg-photo { filter:none; background-position:center; }
.hero-carousel .hero-bg-overlay { background:linear-gradient(100deg,rgba(7,26,61,.86),rgba(7,26,61,.66) 48%,rgba(7,26,61,.16)); }
.hero-carousel .hero-content { width:100%; max-width:720px; }
.hero-carousel .hero-sub { max-width:590px; color:rgba(255,255,255,.9); }
.hero-carousel .hero-content > *, .hero-carousel .hero-btns { animation:none; }
.hero-eyebrow { display:block; color:#aac9ff; font-size:.72rem; font-weight:600; letter-spacing:.18em; margin-bottom:1.5rem; }
.hero-controls { position:absolute; z-index:5; left:5%; right:5%; bottom:7.4rem; display:flex; align-items:center; gap:1.25rem; color:white; }
.hero-controls[hidden] { display:none; }
.hero-dots,.hero-control-actions { display:flex; align-items:center; gap:.5rem; }
.hero-control-actions { margin-left:auto; }
.hero-controls button { cursor:pointer; color:white; }
.hero-dot { width:44px; height:44px; background:none; border:0; position:relative; }
.hero-dot::after { content:''; position:absolute; left:5px; right:5px; top:20px; height:3px; border-radius:2px; background:rgba(255,255,255,.35); transition:background .2s; }
.hero-dot.is-active::after { background:#75a5ff; }
.hero-control-actions button { width:44px; height:44px; background:rgba(7,26,61,.35); border:1px solid rgba(255,255,255,.4); border-radius:50%; font-size:1.15rem; }
.hero-control-actions button:hover { background:#1653c7; }
.hero-carousel button:focus-visible,.hero-carousel a:focus-visible { outline:3px solid #b3d1ff; outline-offset:4px; }
.hero-slide-count { font-size:.75rem; letter-spacing:.15em; }
.carousel-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:900px) { .hero-controls { bottom:5rem; } .hero-slide { padding-bottom:10rem; } }
@media(max-width:600px) { .hero-slide { padding:125px 6% 10rem; min-height:800px; } .hero-carousel h1 { font-size:clamp(2rem,8vw,2.6rem); } .hero-carousel .hero-sub { font-size:1rem; line-height:1.7; } .hero-carousel .hero-bg-photo { background-position:65% center; } .hero-carousel .hero-bg-overlay { background:linear-gradient(90deg,rgba(7,26,61,.9),rgba(7,26,61,.65)); } .hero-controls { left:6%;right:6%;gap:.6rem; } .hero-dots { gap:0; } .hero-slide-count { letter-spacing:0; } .hero-control-actions { gap:.3rem; } }
@media(prefers-reduced-motion:reduce) { .hero-slide { transition:none; } }

/* Distinct creative directions: people / intelligence. */
.hero-carousel .hero-slide--people { background:#10283b; }
.hero-carousel .hero-slide--people .hero-bg-photo { background-position:70% center; filter:none; }
.hero-carousel .hero-slide--people .hero-bg-overlay { background:linear-gradient(90deg,rgba(13,33,49,.98) 0%,rgba(13,33,49,.90) 32%,rgba(28,39,47,.48) 54%,rgba(0,132,190,.06) 100%); }
.hero-carousel .hero-slide--people .hero-content { max-width:660px; }
.hero-carousel .hero-slide--people .hero-eyebrow { color:#ff5252; }
.hero-carousel .hero-slide--people h1 em { color:#ff5252; }
.hero-carousel .hero-slide--people .hero-sub { max-width:535px; }
.hero-carousel .hero-slide--people .btn-primary { background:#e60000; border-color:#e60000; color:#fff; }
.hero-carousel .hero-slide--people .btn-primary:hover { background:#c90000; }
.hero-carousel .hero-slide--ai { justify-content:flex-end; }
.hero-carousel .hero-slide--ai .hero-content { max-width:560px; width:46%; }
.hero-carousel .hero-slide--ai .hero-bg-photo { background-position:center; }
.hero-carousel .hero-slide--ai .hero-bg-overlay { background:linear-gradient(90deg,rgba(3,14,32,.03) 0%,rgba(3,14,32,.08) 38%,rgba(3,14,32,.68) 60%,rgba(3,14,32,.87) 100%); }
.hero-carousel .hero-slide--ai h1 { font-size:clamp(2.3rem,3.9vw,3.5rem); }
.hero-carousel .hero-slide--ai h1 em { color:#80dfff; }
.hero-carousel .hero-slide--ai .hero-eyebrow { color:#80dfff; padding-left:34px; position:relative; }
.hero-carousel .hero-slide--ai .hero-eyebrow::before { content:''; position:absolute; width:22px; height:1px; left:0; top:50%; background:#80dfff; }
.hero-careers { display:inline-flex; gap:12px; align-items:center; margin-top:1.6rem; color:rgba(255,255,255,.82); font-size:.85rem; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:.35rem; }
.hero-careers:hover { color:white; border-color:white; }
@media(max-width:900px) {
 .hero-carousel .hero-slide--ai .hero-content { width:56%; }
 .hero-carousel .hero-slide--ai h1 { font-size:2.5rem; }
 .hero-carousel .hero-slide--people .hero-content { max-width:570px; }
}
@media(max-width:600px) {
 .hero-carousel .hero-slide--people .hero-content,.hero-carousel .hero-slide--ai .hero-content { width:100%;max-width:none; }
 .hero-carousel .hero-slide--ai { align-items:flex-start; padding-top:170px; }
 .hero-carousel .hero-slide--ai .hero-bg-photo { background-position:25% center; }
 .hero-carousel .hero-slide--ai .hero-bg-overlay { background:linear-gradient(180deg,rgba(3,14,32,.5),rgba(3,14,32,.89) 28%,rgba(3,14,32,.9) 75%,rgba(3,14,32,.65)); }
 .hero-carousel .hero-slide--people .hero-bg-overlay { background:linear-gradient(90deg,rgba(13,33,49,.94),rgba(13,33,49,.72)); }
 .hero-carousel .hero-slide--people .hero-bg-photo { background-position:72% center; }
 .hero-carousel .hero-slide--ai h1 { font-size:clamp(2rem,8vw,2.6rem); }
}

/* Slightly softer, smaller AI artwork. */
.hero-carousel .hero-slide--ai { background:#06162b; }
.hero-carousel .hero-slide--ai .hero-bg-photo {
  opacity:.82;
  background-size:auto 90%;
  background-repeat:no-repeat;
  background-position:left center;
}
@media(max-width:600px) {
  .hero-carousel .hero-slide--ai .hero-bg-photo {
    background-size:auto 90%;
    background-position:25% center;
  }
}

/* Spacious work-example panels, with no people. */
.hero-carousel .hero-slide--ai .hero-bg-photo {
  background-size:100% auto;
  background-position:center;
  opacity:.9;
}
.hero-carousel .hero-slide--ai .hero-bg-overlay {
  background:linear-gradient(90deg,transparent 42%,rgba(6,22,43,.28) 58%,rgba(6,22,43,.45));
}
@media(max-width:600px) {
  .hero-carousel .hero-slide--ai { padding-top:400px; }
  .hero-carousel .hero-slide--ai .hero-bg-photo {
    background-size:auto 320px;
    background-position:left 80px;
  }
  .hero-carousel .hero-slide--ai .hero-bg-overlay { background:none; }
}

/* AI: centered heading over three independent horizontal demo cards. */
.hero-carousel .hero-slide--ai { justify-content:center; align-items:center; padding:145px 5% 13rem; background:radial-gradient(ellipse at 50% 30%,#102d49,#06162b 75%); }
.hero-carousel .hero-slide--ai .hero-content { width:100%;max-width:1240px; }
.hero-carousel .hero-slide--ai h1 { text-align:center;font-size:clamp(2rem,3.6vw,3.2rem);margin:0 0 3rem; }
.ai-work-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.ai-work-card { min-width:0;padding:20px;background:rgba(26,50,73,.85);border:1px solid rgba(117,172,216,.3);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.16); }
.ai-card-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px; }
.ai-card-heading h2 { margin:0;color:#eef5ff;font-size:1rem;font-weight:500; }
.ai-card-heading span { color:#a7c6e2;border:1px solid #37546f;border-radius:4px;font-size:.55rem;letter-spacing:.1em;padding:4px 6px; }
.ai-card-visual { display:block;width:100%;height:150px;overflow:hidden;border-radius:6px;background:#0b2035; }
.ai-card-caption { color:#a9bed1;font-size:.7rem;line-height:1.6;margin-top:20px; }
.hero-slide--ai.is-active .ai-work-card { animation:aiCardReveal .7s ease both; }
.hero-slide--ai.is-active .ai-work-card:nth-child(2) { animation-delay:.12s; }
.hero-slide--ai.is-active .ai-work-card:nth-child(3) { animation-delay:.24s; }
@keyframes aiCardReveal { from { opacity:0;transform:translateY(14px); } to { opacity:1;transform:translateY(0); } }
@media(max-width:900px) { .ai-work-grid { gap:12px; } .ai-work-card { padding:14px; } .ai-card-visual { height:120px; } .ai-card-heading h2 { font-size:.85rem; } .hero-carousel .hero-slide--ai { padding-bottom:10rem; } }
@media(max-width:600px) { .hero-carousel .hero-slide--ai { padding:125px 6% 10rem; } .ai-work-grid { grid-template-columns:1fr;gap:12px; } .ai-card-visual { height:90px; } .ai-card-heading { margin-bottom:10px; } .ai-card-caption { margin-top:10px; } .hero-carousel .hero-slide--ai h1 { margin-bottom:1.8rem;font-size:clamp(1.8rem,7vw,2.5rem); } }
@media(prefers-reduced-motion:reduce) { .hero-slide--ai.is-active .ai-work-card { animation:none; } }

/* Single-line desktop headline and gently overlapping service cards. */
.hero-carousel .hero-slide--ai h1 { white-space:nowrap;font-size:clamp(1.6rem,3.15vw,2.9rem);margin-bottom:3.6rem; }
.ai-work-grid { display:flex;align-items:flex-start;gap:0;padding:0 1% 28px; }
.ai-work-card { flex:0 0 35%;position:relative;background:#173149;box-shadow:0 18px 42px rgba(0,0,0,.28); }
.ai-work-card + .ai-work-card { margin-left:-2.5%; }
.ai-work-card:nth-child(1) { z-index:1; }
.ai-work-card:nth-child(2) { z-index:2;margin-top:22px; }
.ai-work-card:nth-child(3) { z-index:3;margin-top:44px; }
.ai-work-card:hover { z-index:4; }
@media(max-width:600px) {
 .hero-carousel .hero-slide--ai h1 { white-space:normal;font-size:clamp(1.7rem,7vw,2.4rem);margin-bottom:2rem; }
 .ai-work-grid { display:flex;flex-direction:column;padding:0 0 20px; }
 .ai-work-card { flex:auto;width:94%; }
 .ai-work-card + .ai-work-card { margin-left:0;margin-top:-8px; }
 .ai-work-card:nth-child(2) { margin-left:3%; }
 .ai-work-card:nth-child(3) { margin-left:6%; }
}

/* Five readable work samples, with subtle row overlap. */
.hero-carousel .hero-slide--ai { padding-top:125px; }
.hero-carousel .hero-slide--ai h1 { margin-bottom:2rem; }
.ai-work-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:0 0 20px;align-items:stretch; }
.ai-work-card,.ai-work-card:nth-child(n) { grid-column:span 2;width:auto;min-width:0;margin:0;padding:18px;position:relative;border-color:rgba(97,167,225,.5);background:linear-gradient(135deg,#1d405b,#102b44); }
.ai-work-card:nth-child(4),.ai-work-card:nth-child(5) { grid-column:span 3;margin-top:-8px;z-index:3; }
.ai-work-card:nth-child(4) { margin-left:24px;border-top:2px solid #6ab5ff; }
.ai-work-card:nth-child(5) { margin-right:24px;border-top:2px solid #70d8b3; }
.ai-card-heading { margin-bottom:16px; }
.ai-card-visual { width:100%;height:auto;display:block;overflow:hidden; }
.ai-card-caption { margin-top:14px;color:#b6cce0; }
.ai-demo-content { color:#e8f1fc;font-size:.8rem;line-height:1.5; }
.ai-demo-label { font-size:.6rem;letter-spacing:.12em;color:#8acaff;margin-bottom:8px; }
.ai-prompt-example { margin:0 0 10px; }
.ai-output { padding:10px 12px;border-radius:6px;background:#081e32;border-left:2px solid #69b5ff; }
.ai-output span { display:block;font-size:.55rem;letter-spacing:.1em;color:#8aadc9;margin-bottom:5px; }
.ai-output code { font-size:.72rem;color:#a6dfed;overflow-wrap:anywhere; }
.ai-response-row { display:grid;grid-template-columns:22px 1fr;gap:4px 8px;padding:8px 10px;border-radius:6px;background:#10243a;margin-bottom:8px; }
.ai-response-row small { grid-column:2;color:#9bb1c8;font-size:.62rem; }
.ai-response-selected { border:1px solid #438d80;background:#123b40; }
.ai-response-selected small { color:#9be4cd; }
.hero-slide--ai.is-active .ai-work-card:nth-child(4) { animation-delay:.30s; }
.hero-slide--ai.is-active .ai-work-card:nth-child(5) { animation-delay:.40s; }
@media(max-width:600px) {
 .hero-carousel .hero-slide--ai { padding-top:120px; }
 .ai-work-grid { grid-template-columns:1fr;gap:12px; }
 .ai-work-card:nth-child(n) { grid-column:auto;width:100%;margin:0;padding:14px; }
 .ai-card-visual { height:auto; }
}

/* Brighter editorial showcase with a featured annotation card. */
.hero-carousel .hero-slide--ai { background:radial-gradient(ellipse at 50% 65%,#164363 0%,#0b243b 43%,#061529 85%); }
.hero-carousel .hero-slide--ai h1 { font-weight:400;letter-spacing:-.035em;margin-bottom:2.8rem; }
.hero-carousel .hero-slide--ai h1 em { color:#8cdfff; }
.ai-work-grid { gap:20px;max-width:1160px;margin:auto;padding-bottom:15px; }
.ai-work-card:nth-child(n) { background:#f3f7fc;border:1px solid #d4e4f0;border-radius:16px;box-shadow:0 22px 50px rgba(0,0,0,.2);padding:20px;transition:box-shadow .25s,border-color .25s; }
.ai-card-heading h2 { display:flex;align-items:center;gap:10px;color:#142e49;font-size:.93rem;font-weight:600; }
.ai-service-icon { display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:#e0ecff;color:#1653c7;font-style:normal;font-size:19px; }
.ai-card-heading > span { color:#59748f;border:0;background:#e6eef6;font-size:.52rem; }
.ai-card-heading { margin-bottom:15px; }
.ai-card-visual { height:132px;border-radius:8px; }
.ai-card-caption { color:#536b82;font-size:.68rem; }
.ai-work-card:nth-child(2) { background:linear-gradient(145deg,#175db5,#103b70);border-color:#4b91e1;margin-top:-14px;margin-bottom:14px; }
.ai-work-card:nth-child(2) h2,.ai-work-card:nth-child(2) .ai-card-caption { color:#f3f8ff; }
.ai-work-card:nth-child(2) .ai-service-icon { background:#ffffff20;color:#c5e8ff; }
.ai-work-card:nth-child(2) .ai-card-heading > span { background:#ffffff18;color:#d7eaff; }
.ai-work-card:nth-child(4),.ai-work-card:nth-child(5) { margin-top:-10px;border-top:0; }
.ai-work-card:nth-child(4) { margin-left:32px; }
.ai-work-card:nth-child(5) { margin-right:32px; }
.ai-work-card:nth-child(5) .ai-service-icon { background:#dbf2ea;color:#187457; }
.ai-tags { display:flex;gap:6px;flex-wrap:wrap;margin-top:12px; }
.ai-tags span { background:#e4edf5;border-radius:5px;padding:4px 7px;color:#496580;font-size:.57rem; }
.ai-work-card:nth-child(2) .ai-tags span { background:#ffffff15;color:#d5eaff; }
.ai-timeline { margin-top:16px;display:flex;justify-content:space-between;position:relative;color:#5a7795;font-size:.55rem; }
.ai-timeline span { position:absolute;top:-5px;left:0;right:0;height:2px;background:linear-gradient(90deg,#2389dd 65%,#d4e2ef 65%); }
.ai-timeline b { font-weight:500; }
.ai-demo-content { color:#233d57; }
.ai-demo-label { color:#2d6fad;font-size:.58rem; }
.ai-output { background:#0d253d;border:0;border-radius:8px; }
.ai-response-row { background:#e7edf4;color:#496077; }
.ai-response-row small { color:#698097; }
.ai-response-selected { background:#e2f3ec;border:1px solid #a3d6c0;color:#21533f; }
.ai-response-selected small { color:#28815c; }
.ai-work-card:hover { box-shadow:0 24px 50px rgba(0,0,0,.32);border-color:#73b9fa; }
@media(max-width:900px) { .ai-work-card:nth-child(n) { padding:14px; } .ai-card-heading h2 { font-size:.8rem;gap:6px; } .ai-service-icon { width:24px;height:24px;font-size:16px; } .ai-card-visual { height:100px; } }
@media(max-width:600px) { .ai-work-card:nth-child(n) { margin:0;width:100%; } .ai-work-grid { gap:14px; } .ai-card-visual { height:120px; } .hero-carousel .hero-slide--ai h1 { margin-bottom:2rem; } }

/* Matched reference-photo frames; preserve source image proportions. */
.bf-sample-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.bf-sample-grid figure { margin:0;min-width:0; }
.bf-frame { height:74px;position:relative;overflow:hidden;background:#e4eaf0;border-radius:6px;display:flex;align-items:center;justify-content:center; }
.bf-frame .bf-photo { width:100%;height:100%;object-fit:contain;object-position:center;display:block; }
.bf-frame .bf-photo--1 { position:absolute;width:74px;height:131.55px;max-width:none;transform:rotate(-90deg); }
.bf-sample-grid figcaption { font-size:.55rem;text-align:center;color:#536b82;line-height:1.3;margin-top:4px; }

/* Four sample cards after removing the Prompting demo. */
.ai-work-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ai-work-card:nth-child(n) { grid-column:auto;margin:0;width:auto; }
.ai-work-card:nth-child(2) { margin-top:-12px;margin-bottom:12px; }
.egocentric-video { display:block;width:100%;height:190px;object-fit:contain;background:#081b2d;border-radius:8px; }
@media(max-width:1000px) { .ai-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ai-work-card:nth-child(n) { margin:0; } }
@media(max-width:600px) { .ai-work-grid { grid-template-columns:1fr; } }

.bf-object-frame { width:100%;aspect-ratio:1;background-image:url("images/photos/checklist.jpg");background-size:200% 200%;background-repeat:no-repeat;border-radius:7px; }

.bf-sequence-label { color:#486783;font-size:.6rem;font-weight:600;margin:10px 0 6px; }
.bf-sequence-row { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px; }
.bf-sequence-row figure { margin:0;min-width:0; }
.bf-sequence-frame { width:100%;aspect-ratio:1;background-image:url("images/photos/checklist.jpg");background-size:400% 200%;background-repeat:no-repeat;border-radius:5px; }
.bf-sequence-row figcaption { margin-top:4px;font-size:.48rem;line-height:1.3;color:#526b81;text-align:center;overflow-wrap:break-word; }

.ai-services-cta { display:flex;justify-content:center;margin-top:26px; }
.ai-services-cta .btn-primary { padding:14px 28px;border-radius:6px;background:#1653c7;border-color:#3980ec;box-shadow:0 8px 24px rgba(0,0,0,.18); }
.ai-services-cta .btn-primary:hover { background:#2466dd; }

/* Reference-inspired hanging cards: fine suspension lines and staggered heights. */
.hero-carousel .hero-slide--ai { background:radial-gradient(ellipse at 50% 35%,#174a69 0%,#0d2a45 45%,#061529 85%); }
.hero-carousel .hero-slide--ai h1 { margin-bottom:1.5rem; }
.ai-work-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;position:relative;padding:72px 0 24px;max-width:1200px; }
.ai-work-card:nth-child(n) { --drop:0px;grid-column:auto;position:relative;width:auto;margin:var(--drop) 0 0;padding:18px;z-index:1;border:1px solid #e5eef5;border-radius:3px;background:linear-gradient(145deg,#fff,#eaf1f7);box-shadow:12px 24px 34px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.08);transform-origin:50% -60px; }
.ai-work-card::before,.ai-work-card::after { content:'';position:absolute;bottom:100%;height:calc(56px + var(--drop));width:1px;background:linear-gradient(to bottom,rgba(183,225,249,.2),rgba(220,243,255,.8));box-shadow:1px 0 2px rgba(156,216,255,.15);pointer-events:none; }
.ai-work-card::before { left:30%; }
.ai-work-card::after { right:30%; }
.ai-work-card:nth-child(1) { --drop:38px; }
.ai-work-card:nth-child(2) { --drop:0px;z-index:2; }
.ai-work-card:nth-child(3) { --drop:66px; }
.ai-work-card:nth-child(4) { --drop:24px; }
.ai-work-card:nth-child(n) .ai-card-heading h2 { color:#142e49; }
.ai-work-card:nth-child(n) .ai-service-icon { color:#1653c7;background:#e0ecff; }
.ai-work-card:nth-child(n) .ai-card-heading > span { background:#e6eef6;color:#59748f; }
.ai-work-card:nth-child(n) .ai-card-caption { color:#536b82; }
.ai-work-card:nth-child(n) .ai-tags span { color:#496580;background:#e4edf5; }
.ai-card-heading { flex-wrap:wrap;gap:8px; }
.ai-card-heading h2 { font-size:.87rem; }
.ai-services-cta { margin-top:20px; }
.hero-slide--ai.is-active .ai-work-card { animation:hangingCardEnter .9s ease both; }
@keyframes hangingCardEnter { from { opacity:0;transform:translateY(-12px); } to { opacity:1;transform:translateY(0); } }
@media(max-width:1000px) { .ai-work-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 22px;max-width:700px; } .ai-work-card:nth-child(n) { --drop:0px; } .ai-work-card:nth-child(even) { --drop:24px; } .ai-work-card::before,.ai-work-card::after { height:40px; } }
@media(max-width:600px) { .ai-work-grid { grid-template-columns:1fr;gap:48px;max-width:360px;padding-top:48px; } .ai-work-card:nth-child(n) { --drop:0px;margin:0 10px; } .ai-work-card::before,.ai-work-card::after { height:36px; } }
@media(prefers-reduced-motion:reduce) { .hero-slide--ai.is-active .ai-work-card { animation:none; } }

/* Continuous gentle vertical floating for hanging cards. */
.hero-slide--ai.is-active .ai-work-card:nth-child(n) { animation:hangingFloat 5s ease-in-out infinite; }
.hero-slide--ai.is-active .ai-work-card:nth-child(2) { animation-delay:-1.25s; }
.hero-slide--ai.is-active .ai-work-card:nth-child(3) { animation-delay:-2.5s; }
.hero-slide--ai.is-active .ai-work-card:nth-child(4) { animation-delay:-3.75s; }
@keyframes hangingFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@media(prefers-reduced-motion:reduce) { .hero-slide--ai.is-active .ai-work-card:nth-child(n) { animation:none; } }

/* Back-office: light editorial hero with a curved blue/red image frame. */
.hero-carousel .hero-slide--people { background:#f9fbfe;overflow:hidden;isolation:isolate;padding-top:155px;padding-bottom:12rem; }
.hero-carousel .hero-slide--people::before { content:'';position:absolute;z-index:0;right:-5%;bottom:0;width:63%;height:81%;border-radius:100% 0 0 0;background:linear-gradient(125deg,#038ac2,#124991 70%); }
.hero-carousel .hero-slide--people::after { content:'';position:absolute;z-index:1;right:-5%;bottom:0;width:57%;height:76%;border-radius:100% 0 0 0;background:#e60012; }
.hero-carousel .hero-slide--people .hero-bg-photo { z-index:2;inset:auto 0 0 auto;width:49%;height:71%;border-radius:100% 0 0 0;background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;background-color:#dbe5ed;filter:none; }
.hero-carousel .hero-slide--people .hero-bg-overlay { display:none; }
.hero-carousel .hero-slide--people .hero-content { width:47%;max-width:620px;z-index:3; }
.hero-carousel .hero-slide--people .hero-eyebrow { color:#007fac;letter-spacing:.14em; }
.hero-carousel .hero-slide--people h1 { color:#10365b;font-size:clamp(2.1rem,3.4vw,3.3rem);font-weight:600;line-height:1.12; }
.hero-carousel .hero-slide--people h1 em { color:#e00016;font-weight:700; }
.hero-carousel .hero-slide--people .hero-sub { color:#4d6073;font-size:1rem;line-height:1.85;max-width:540px; }
.hero-carousel .hero-slide--people .btn-primary { color:#fff;background:#086eac;border-color:#086eac;border-radius:6px; }
.hero-carousel .hero-slide--people .btn-primary:hover { background:#075589; }
.hero-carousel .hero-slide--people .btn-ghost { color:#173e62;border-color:#abc0d2;border-radius:6px; }
.hero-carousel .hero-slide--people .hero-careers { color:#48647e;border-color:#c2d1de; }
body.hero-light-active nav:not(.scrolled) { background:rgba(249,251,254,.96); }
body.hero-light-active nav:not(.scrolled) .nav-links a { color:#173e62; }
body.hero-light-active nav:not(.scrolled) .nav-cta { color:#086eac;border-color:#086eac; }
body.hero-light-active nav:not(.scrolled) .nav-cta:hover { color:white; }
body.hero-light-active nav:not(.scrolled) .nav-hamburger span { background:#173e62; }
@media(max-width:900px) {
 .hero-carousel .hero-slide--people .hero-content { width:53%; }
 .hero-carousel .hero-slide--people .hero-bg-photo { width:44%;height:64%; }
 .hero-carousel .hero-slide--people::before { width:58%;height:75%; }
 .hero-carousel .hero-slide--people::after { width:52%;height:70%; }
}
@media(max-width:600px) {
 .hero-carousel .hero-slide--people { padding:125px 6% 460px;align-items:flex-start; }
 .hero-carousel .hero-slide--people .hero-content { width:100%;max-width:none; }
 .hero-carousel .hero-slide--people .hero-bg-photo { width:90%;height:310px;bottom:105px;border-radius:90% 0 0 0; }
 .hero-carousel .hero-slide--people::before { width:105%;height:380px;bottom:100px; }
 .hero-carousel .hero-slide--people::after { width:98%;height:345px;bottom:100px; }
 body.hero-light-active .hero-control-actions button { background:#10365b;border-color:#6599bc; }
}

/* A distinct navigation bar above a compact, viewport-aware carousel. */
body:has(.hero-carousel) nav { background:#fff;border-bottom:1px solid #dce5ee;box-shadow:0 4px 18px rgba(14,42,69,.08); }
body:has(.hero-carousel) nav .nav-links a { color:#173e62; }
body:has(.hero-carousel) nav .nav-cta { color:#086eac;border-color:#086eac; }
body:has(.hero-carousel) nav .nav-cta:hover { color:#fff; }
body:has(.hero-carousel) nav .nav-hamburger span { background:#173e62; }
body.hero-light-active nav:not(.scrolled) { background:#fff;border-bottom:1px solid #dce5ee; }
@media(min-width:1100px) {
 .hero-carousel .hero-slide { min-height:0;height:clamp(620px,88svh,820px);box-sizing:border-box; }
 .hero-carousel .hero-slide--people { padding:110px 5% 125px;align-items:center; }
 .hero-carousel .hero-slide--people .hero-eyebrow { margin-bottom:16px; }
 .hero-carousel .hero-slide--people h1 { font-size:clamp(2rem,3vw,3rem);margin-bottom:20px; }
 .hero-carousel .hero-slide--people .hero-sub { font-size:.95rem;line-height:1.65;margin-bottom:22px; }
 .hero-carousel .hero-slide--people .hero-careers { margin-top:16px; }
 .hero-carousel .hero-slide--ai { padding:105px 5% 115px;align-items:flex-start; }
 .hero-carousel .hero-slide--ai h1 { font-size:clamp(1.7rem,2.8vw,2.6rem);margin-bottom:12px; }
 .ai-work-grid { padding:36px 0 4px;gap:16px; }
 .ai-work-card:nth-child(n) { padding:13px; }
 .ai-work-card:nth-child(1) { --drop:18px; }
 .ai-work-card:nth-child(2) { --drop:0px; }
 .ai-work-card:nth-child(3) { --drop:30px; }
 .ai-work-card:nth-child(4) { --drop:12px; }
 .ai-work-card::before,.ai-work-card::after { height:calc(24px + var(--drop)); }
 .ai-card-heading { margin-bottom:10px; }
 .ai-card-caption { margin-top:10px;font-size:.62rem; }
 .ai-card-visual { height:100px; }
 .egocentric-video { height:145px; }
 .ai-demo-content { font-size:.7rem; }
 .ai-response-row { padding:6px 8px;margin-bottom:5px; }
 .ai-tags { margin-top:8px;gap:4px; }
 .ai-tags span { padding:3px 5px; }
 .ai-services-cta { margin-top:14px; }
 .ai-services-cta .btn-primary { padding:11px 22px; }
 .hero-carousel .hero-controls { bottom:82px; }
 .hero-carousel + .hero-stat-float { margin-top:-60px; }
 .hero-carousel + .hero-stat-float .hfloat-item { padding:22px 24px; }
}
@media(min-width:601px) and (max-width:1099px) {
 .hero-carousel .hero-slide--people { padding-top:110px;padding-bottom:125px; }
 .hero-carousel .hero-slide--ai { padding-top:105px;padding-bottom:125px; }
 .hero-carousel .hero-controls { bottom:78px; }
 .hero-carousel + .hero-stat-float { margin-top:-55px; }
}

/* Two duration indicators share the carousel's five-second clock. */
.hero-progress { display:flex;gap:10px;align-items:center; }
.hero-progress-bar { position:relative;width:88px;height:44px;padding:0;border:0;background:transparent;cursor:pointer; }
.hero-progress-bar::before { content:'';position:absolute;left:0;right:0;top:20px;height:4px;border-radius:3px;background:rgba(210,231,246,.3); }
.hero-progress-fill { position:absolute;left:0;right:0;top:20px;height:4px;background:#6ed5ff;border-radius:3px;transform:scaleX(0);transform-origin:left center; }
body.hero-light-active .hero-progress-bar::before { background:#bbcfdf; }
body.hero-light-active .hero-progress-fill { background:#087cb8; }
.hero-progress-bar:hover::before { background:#80a8c4; }
@media(max-width:600px) { .hero-progress-bar { width:60px; } }

/* Responsive hardening */
.hero-carousel, .hero-slide, .hero-content, .ai-work-grid, .ai-work-card { min-width:0; max-width:100%; }
@media (min-width:1600px) {
  .hero-carousel .hero-slide { padding-left:max(5%,calc((100vw - 1600px)/2)); padding-right:max(5%,calc((100vw - 1600px)/2)); }
}
@media (max-width:600px) {
  .hero-carousel .hero-slide { min-height:max(680px,100svh); height:auto; padding-left:18px; padding-right:18px; }
  .hero-carousel .hero-slide--ai { min-height:100svh; }
  .hero-carousel .hero-slide--people .hero-bg-photo { max-width:100%; }
  .ai-work-grid { width:100%; max-width:100%; }
  .ai-work-card:nth-child(n) { margin-left:0; margin-right:0; }
  .hero-controls { left:18px; right:18px; max-width:calc(100% - 36px); }
}
@media (max-width:360px) {
  .hero-carousel .hero-slide { padding-left:14px; padding-right:14px; }
  .hero-carousel h1, .hero-carousel .hero-slide--ai h1 { font-size:clamp(1.65rem,9vw,2.1rem); }
  .hero-controls { left:14px; right:14px; max-width:calc(100% - 28px); }
  .hero-progress-bar { width:48px; }
}

/* VARIANT: Neural network with branched nodes */
@media(min-width:1001px){
.hero-carousel .hero-slide--ai{background:radial-gradient(circle at 50% 55%,#123e5e,#071b31 68%)}
.ai-work-grid{display:grid;grid-template-columns:1fr 1.25fr 1.25fr 1fr;gap:48px;max-width:1160px;margin:auto;padding:55px 0 20px;position:relative;align-items:center}
.ai-work-grid:before{content:'';position:absolute;left:8%;right:8%;top:51%;height:2px;background:linear-gradient(90deg,transparent,#63c9f4 15%,#63c9f4 85%,transparent);opacity:.48;box-shadow:0 0 14px #48bde9}
.ai-work-card:nth-child(n){--drop:0;margin:0;position:relative;padding:15px;border-radius:14px;background:#f7fbfe;border:1px solid #a9d7ec;box-shadow:0 18px 42px rgba(0,0,0,.28);z-index:2}
.ai-work-card::before{content:'';display:block;position:absolute;left:50%;bottom:calc(100% + 17px);width:10px;height:10px;border:2px solid #a8e7ff;border-radius:50%;background:#0d3856;box-shadow:0 0 0 7px rgba(83,198,242,.12),0 0 18px #55caf5}
.ai-work-card::after{content:'';display:block;position:absolute;left:calc(50% + 5px);bottom:100%;width:1px;height:18px;background:#77d7fa}
.ai-work-card:nth-child(1),.ai-work-card:nth-child(4){transform:translateY(58px)}
.ai-work-card:nth-child(2),.ai-work-card:nth-child(3){transform:translateY(-38px)}
.ai-work-card:nth-child(2)::before,.ai-work-card:nth-child(3)::before{bottom:auto;top:calc(100% + 17px)}
.ai-work-card:nth-child(2)::after,.ai-work-card:nth-child(3)::after{bottom:auto;top:100%}
.ai-work-grid:after{content:'●';position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#9be7ff;background:#0b2d48;border:1px solid #6ad5fa;box-shadow:0 0 0 12px rgba(78,196,240,.1),0 0 32px rgba(78,196,240,.5);z-index:1}
}


/* Neural network v2: data-first cards — keep only service names and maximize the actual samples */
.hero-slide--ai .ai-work-card { padding:12px !important; overflow:hidden; }
.hero-slide--ai .ai-card-heading { margin:0 0 9px !important; min-height:30px; }
.hero-slide--ai .ai-card-heading h2 { font-size:.9rem !important; line-height:1.15; }
.hero-slide--ai .ai-card-heading > span,
.hero-slide--ai .ai-card-caption,
.hero-slide--ai .ai-tags,
.hero-slide--ai .ai-demo-label { display:none !important; }
.hero-slide--ai .ai-card-visual { width:100%; height:190px !important; border-radius:10px; display:block; }
.hero-slide--ai .egocentric-video { width:100%; height:190px; object-fit:cover; border-radius:10px; display:block; }
.hero-slide--ai .ai-work-card--bf { padding-bottom:10px !important; }
.hero-slide--ai .bf-sequence-label { margin:5px 0 4px; font-size:.58rem; line-height:1; }
.hero-slide--ai .bf-sequence-row { gap:5px; }
.hero-slide--ai .bf-sequence-row figure { min-width:0; }
.hero-slide--ai .bf-sequence-frame { min-height:72px; border-radius:7px; }
.hero-slide--ai .bf-sequence-row figcaption { font-size:.48rem; line-height:1.1; margin-top:3px; }
.hero-slide--ai .ai-demo-content { margin-top:2px; }
.hero-slide--ai .ai-response-row { padding:14px 10px !important; margin-bottom:8px !important; border-radius:9px; font-size:.72rem; }
.hero-slide--ai .ai-response-row span { line-height:1.35; }
.hero-slide--ai .ai-response-row small { margin-top:5px; }
@media (min-width:1001px){
 .hero-slide--ai .ai-work-grid{grid-template-columns:.95fr 1.3fr 1.45fr 1.05fr;gap:34px;max-width:1240px;padding-top:48px;}
 .hero-slide--ai .ai-work-card:nth-child(1),.hero-slide--ai .ai-work-card:nth-child(4){transform:translateY(48px)}
 .hero-slide--ai .ai-work-card:nth-child(2),.hero-slide--ai .ai-work-card:nth-child(3){transform:translateY(-30px)}
}
@media (max-width:1000px){
 .hero-slide--ai .ai-card-visual,.hero-slide--ai .egocentric-video{height:170px !important;}
}
@media (max-width:600px){
 .hero-slide--ai .ai-card-visual,.hero-slide--ai .egocentric-video{height:210px !important;}
 .hero-slide--ai .bf-sequence-frame{min-height:82px;}
}

/* Neural network v3: larger data cards */
@media (min-width:1001px){
  .hero-slide--ai .ai-work-grid{
    grid-template-columns:1.08fr 1.42fr 1.52fr 1.15fr;
    gap:28px;
    max-width:1420px;
    width:min(94vw,1420px);
  }
  .hero-slide--ai .ai-work-card{padding:15px !important;}
  .hero-slide--ai .ai-card-visual,
  .hero-slide--ai .egocentric-video{height:230px !important;}
  .hero-slide--ai .bf-sequence-frame{min-height:90px;}
  .hero-slide--ai .ai-response-row{padding:17px 12px !important;font-size:.76rem;}
}
@media (min-width:1600px){
  .hero-slide--ai .ai-work-grid{max-width:1540px;width:min(92vw,1540px);gap:34px;}
  .hero-slide--ai .ai-card-visual,
  .hero-slide--ai .egocentric-video{height:250px !important;}
}
@media (min-width:601px) and (max-width:1000px){
  .hero-slide--ai .ai-work-card{padding:15px !important;}
  .hero-slide--ai .ai-card-visual,
  .hero-slide--ai .egocentric-video{height:205px !important;}
}

/* v4 — editorial overlapping AI data composition, inspired by the supplied reference */
@media (min-width:1001px){
  .hero-carousel .hero-slide--ai{background:radial-gradient(circle at 52% 46%,#123f60 0,#0b2d49 38%,#071b31 78%);overflow:hidden}
  .hero-slide--ai .hero-content{width:100%;max-width:none;padding:0 4.5%;}
  .hero-slide--ai .ai-work-grid{
    display:block;position:relative;width:100%;max-width:1500px;height:520px;margin:0 auto;padding:0;
  }
  .hero-slide--ai .ai-work-grid::before,.hero-slide--ai .ai-work-grid::after,
  .hero-slide--ai .ai-work-card::before,.hero-slide--ai .ai-work-card::after{display:none!important}
  .hero-slide--ai .ai-work-card:nth-child(n){transform:none;margin:0;position:absolute;background:#f8fbfd;border:1px solid rgba(172,215,235,.85);box-shadow:0 24px 60px rgba(0,0,0,.28);border-radius:20px;padding:14px!important;overflow:hidden}
  .hero-slide--ai .ai-card-heading{margin:0 0 9px!important;min-height:27px}
  .hero-slide--ai .ai-card-heading h2{font-size:.92rem!important}

  /* main visual — large anchor panel */
  .hero-slide--ai .ai-work-card:nth-child(3){left:29%;top:72px;width:46%;height:365px;z-index:2;padding:16px!important}
  .hero-slide--ai .ai-work-card--bf .bf-sequence-label{font-size:.68rem;margin:5px 0 6px}
  .hero-slide--ai .ai-work-card--bf .bf-sequence-frame{min-height:116px}
  .hero-slide--ai .ai-work-card--bf .bf-sequence-row figcaption{font-size:.55rem}

  /* upper-left floating visual */
  .hero-slide--ai .ai-work-card:nth-child(2){left:7%;top:20px;width:31%;height:260px;z-index:4}
  .hero-slide--ai .ai-work-card:nth-child(2) .ai-card-visual{height:205px!important}

  /* lower-left floating video */
  .hero-slide--ai .ai-work-card:nth-child(1){left:2%;top:290px;width:32%;height:245px;z-index:5}
  .hero-slide--ai .ai-work-card:nth-child(1) .egocentric-video{height:190px!important}

  /* right-side compact evaluation panel */
  .hero-slide--ai .ai-work-card:nth-child(4){right:1%;top:205px;width:28%;height:255px;z-index:5}
  .hero-slide--ai .ai-response-row{padding:13px 11px!important;font-size:.74rem}

  /* small editorial data chips make the whole width feel composed */
  .hero-slide--ai .ai-work-card:nth-child(3)::after{display:block!important;content:'4.5B+\A RECORDS PROCESSED';white-space:pre;position:absolute;right:-150px;top:-54px;width:132px;color:#d9effa;font:700 1.8rem/1.05 Arial,sans-serif;letter-spacing:-.04em;text-shadow:0 4px 18px rgba(0,0,0,.25)}
  .hero-slide--ai .ai-work-card:nth-child(3)::before{display:block!important;content:'550+\A ENTERPRISE CLIENTS';white-space:pre;position:absolute;left:-210px;bottom:-58px;width:180px;color:#d9effa;font:700 1.55rem/1.05 Arial,sans-serif;letter-spacing:-.03em;text-shadow:0 4px 18px rgba(0,0,0,.25)}
  .hero-slide--ai .ai-services-cta{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);z-index:8;margin:0}
  .hero-slide--ai .ai-services-cta .btn-primary{box-shadow:0 14px 35px rgba(0,89,190,.28)}
}
@media (min-width:1500px){
 .hero-slide--ai .ai-work-grid{height:545px;max-width:1620px}
 .hero-slide--ai .ai-work-card:nth-child(3){left:30%;width:45%;height:385px}
 .hero-slide--ai .ai-work-card--bf .bf-sequence-frame{min-height:124px}
 .hero-slide--ai .ai-work-card:nth-child(2){left:8%;width:30%;height:275px}
 .hero-slide--ai .ai-work-card:nth-child(2) .ai-card-visual{height:220px!important}
 .hero-slide--ai .ai-work-card:nth-child(1){left:3%;top:305px;width:31%;height:255px}
 .hero-slide--ai .ai-work-card:nth-child(1) .egocentric-video{height:200px!important}
 .hero-slide--ai .ai-work-card:nth-child(4){right:2%;width:27%;height:270px}
}
@media (min-width:601px) and (max-width:1000px){
 .hero-slide--ai .ai-work-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;width:100%;max-width:900px;padding:10px 0 20px}
 .hero-slide--ai .ai-work-card:nth-child(n){position:relative;transform:none!important;margin:0!important;border-radius:16px}
 .hero-slide--ai .ai-work-card:nth-child(3){grid-row:span 2}
}
@media (max-width:600px){
 .hero-slide--ai .ai-work-grid{display:flex;flex-direction:column;gap:14px;padding:8px 0 22px}
 .hero-slide--ai .ai-work-card:nth-child(n){position:relative!important;transform:none!important;margin:0!important;width:100%!important;left:auto!important;right:auto!important;top:auto!important;height:auto!important;border-radius:16px}
 .hero-slide--ai .ai-work-card:nth-child(3){order:-1}
}
/* Modern AI glass showcase — wide layered composition */
.hero-carousel .hero-slide--ai{padding:118px 3.5% 11.5rem;background:radial-gradient(circle at 50% 45%,#123f63 0,#082742 42%,#04172d 82%);overflow:hidden}
.hero-carousel .hero-slide--ai .hero-content{width:100%;max-width:1500px;margin:auto}
.ai-modern-stage{height:540px;position:relative;width:100%;isolation:isolate}
.ai-modern-stage:before{content:"";position:absolute;inset:8% 7%;background:radial-gradient(ellipse,rgba(26,132,211,.18),transparent 67%);filter:blur(22px);z-index:-2}
.modern-panel,.metric-card{position:absolute;border:1px solid rgba(138,202,255,.42);background:linear-gradient(145deg,rgba(28,66,100,.94),rgba(10,37,65,.94));box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:20px;color:#f6fbff}
.modern-title{height:44px;display:flex;align-items:center;gap:10px;font-weight:650;font-size:15px;padding:0 17px}.modern-title i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#2679ed;color:#fff;font-style:normal;box-shadow:0 0 18px #4b9cff88}
.modern-video{left:2%;top:100px;width:34%;z-index:3;transform:rotate(1deg)}.modern-video video{width:calc(100% - 24px);height:260px;margin:0 12px;display:block;object-fit:cover;border-radius:13px;background:#051626}.mini-strip{display:flex;gap:7px;padding:12px}.mini-strip span{font-size:10px;padding:6px 10px;border-radius:999px;background:#ffffff12;color:#bfe2ff}
.modern-annotation{left:25%;top:18px;width:25%;z-index:4;transform:rotate(2.2deg)}.modern-annotation svg{display:block;width:calc(100% - 24px);height:150px;margin:0 12px 13px;border-radius:12px;overflow:hidden}
.modern-bf{left:42%;top:105px;width:34%;height:330px;z-index:5;background:linear-gradient(145deg,rgba(37,79,116,.98),rgba(15,48,79,.97))}.modern-bf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:4px 18px}.modern-bf-grid .bf-sequence-frame{aspect-ratio:1.28;background-color:#e9eef2;border-radius:10px}.modern-pill{position:absolute;left:-58px;bottom:-20px;padding:10px 18px;border:1px solid #6bbcff77;border-radius:12px;background:#0d3456;box-shadow:0 12px 30px #0006;font-size:12px}.modern-pill b{margin-left:34px}
.modern-rlhf{right:5%;top:180px;width:26%;z-index:6;transform:rotate(-1.5deg);padding-bottom:13px}.modern-answer{margin:0 13px 9px;padding:14px;display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:start;border-radius:11px;background:#edf5fb;color:#29465f;font-size:12px}.modern-answer b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff}.modern-answer.selected{background:#0d624f;color:#eafff8;border:1px solid #42c997}.modern-answer.selected b{color:#12644f}
.metric-card{padding:15px 20px;z-index:7;min-width:145px}.metric-card strong{display:block;font-size:25px;line-height:1}.metric-card span{font-size:12px;color:#b9d8f3}.metric-quality{right:4%;top:25px}.metric-human{right:0;bottom:50px;min-width:150px}.avatar-row{display:flex;margin-top:10px}.avatar-row b{width:27px;height:27px;margin-right:-6px;border:2px solid #173c5c;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:#174f82;font-size:8px}
.modern-ai-cta{position:absolute;right:10%;bottom:0;z-index:8;display:flex;gap:28px;align-items:center;padding:14px 22px;border-radius:999px;background:#1765df;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:12px;box-shadow:0 12px 28px #0b58c955}.modern-ai-cta span{font-size:18px}
.hero-slide--ai.is-active .modern-panel,.hero-slide--ai.is-active .metric-card{animation:modernFloat 6s ease-in-out infinite}.hero-slide--ai.is-active .modern-annotation{animation-delay:-1.2s}.hero-slide--ai.is-active .modern-bf{animation-delay:-2.3s}.hero-slide--ai.is-active .modern-rlhf{animation-delay:-3.1s}.hero-slide--ai.is-active .metric-card{animation-delay:-4s}@keyframes modernFloat{50%{translate:0 -7px}}
@media(max-width:1100px){.ai-modern-stage{height:520px}.modern-video{width:37%;left:0}.modern-annotation{left:22%;width:29%}.modern-bf{left:39%;width:38%}.modern-rlhf{right:0;width:28%}.metric-quality{right:1%}.metric-human{display:none}}
@media(max-width:760px){.hero-carousel .hero-slide--ai{padding:105px 16px 13rem}.ai-modern-stage{height:auto;display:grid;grid-template-columns:1fr;gap:14px}.modern-panel,.metric-card,.modern-video,.modern-annotation,.modern-bf,.modern-rlhf,.metric-quality,.metric-human{position:relative;inset:auto;width:100%;height:auto;transform:none!important}.modern-video video{height:auto;aspect-ratio:16/10}.modern-annotation svg{height:150px}.modern-bf{padding-bottom:18px}.modern-pill{position:static;display:inline-block;margin:12px 18px 0}.metric-quality{display:block}.metric-human{display:none}.hn-lines,.hn-nodes{display:none}.modern-ai-cta{position:relative;right:auto;bottom:auto;justify-self:center;margin-top:2px}.hero-slide--ai.is-active .modern-panel,.hero-slide--ai.is-active .metric-card{animation:none}}

/* v6 polish: level cards + exterior connected data paths + first-slide CTA geometry */
@media (min-width:761px){
  .hero-slide--ai .modern-video,.hero-slide--ai .modern-annotation,.hero-slide--ai .modern-bf,.hero-slide--ai .modern-rlhf{transform:none!important;}
  .hero-slide--ai .ai-services-cta{bottom:72px;}
  .hero-slide--ai .ai-services-cta .btn-primary{border-radius:2px!important;padding:.9rem 2.2rem!important;background:var(--blue)!important;border:1px solid var(--blue)!important;box-shadow:0 12px 30px rgba(22,83,199,.25)!important;}
}
.hero-slide--ai .modern-ai-cta{display:none!important;}

/* v7: connected node network (built by hero-network.js) */
.hn-lines,.hn-nodes{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hn-lines{z-index:1}
.hn-nodes{z-index:9}
.hn-glow-path{fill:none;stroke:#2f8cff;stroke-width:7;opacity:.16;stroke-linecap:round}
.hn-line{fill:none;stroke:#3f9fff;stroke-width:1.7;opacity:.95;stroke-linecap:round}
.hn-ring{fill:rgba(20,88,210,.55);stroke:#8fcbff;stroke-width:1.3}
.hn-core{fill:#f2faff}

/* v8: no navy band behind the stats box on the light slide, data-quality bar */
/* The stats box overlaps the bottom 60px of the hero, so the slides are 60px taller
   (extra bottom padding keeps the content where it was) and the artwork runs behind the box. */
@media(min-width:1100px){
  .hero-carousel .hero-slide{height:calc(clamp(620px,88svh,820px) + 60px)}
  .hero-carousel .hero-slide--people{padding-bottom:calc(125px + 60px)}
  .hero-carousel .hero-slide--ai{padding-bottom:calc(11.5rem + 60px)}
}
@media(min-width:761px) and (max-width:1099px){
  .hero-carousel .hero-slide--people{padding-bottom:calc(125px + 55px)}
  .hero-carousel .hero-slide--ai{padding-bottom:calc(11.5rem + 55px)}
}
.metric-quality{min-width:185px}
.metric-bar{height:6px;margin:10px 0 9px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
.metric-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f8cff,#63d3ff);transform-origin:left center;transform:scaleX(var(--fill,.98));box-shadow:0 0 10px rgba(80,180,255,.6)}
.hero-slide--ai.is-active .metric-bar i{animation:metricFill 1.3s cubic-bezier(.2,.7,.2,1) both}
@keyframes metricFill{from{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.hero-slide--ai.is-active .metric-bar i{animation:none}}
@media(min-width:761px) and (max-width:1099px){
  .hero-slide--ai .ai-services-cta{position:absolute;left:50%;bottom:135px;transform:translateX(-50%);z-index:8;margin:0;white-space:nowrap}
}
@media(max-width:760px){
  .hero-slide--ai .ai-services-cta{position:absolute;left:50%;bottom:136px;transform:translateX(-50%);z-index:8;margin:0;white-space:nowrap}
}

.annotation-text-sample{margin:0 12px 13px;padding:15px;background:#0b253a;border-radius:12px;color:#e1eff8;min-height:150px}.annotation-text-sample small{font-size:9px;letter-spacing:.08em;color:#9bc6e1}.annotation-text-sample p{font-size:13px;line-height:1.6;margin:13px 0}.annotation-text-sample mark{background:#155d78;color:#bcf1ff;padding:2px}.annotation-text-sample>span{display:flex;justify-content:space-between;font-size:10px;margin-top:7px;color:#9bc6e1}.annotation-text-sample b{color:#77d9b4;font-weight:500}