/* Created: 10:31 11-Aug-2026 */
/* Updated: 10:42 11-Aug-2026 */
/* Updated: 10:49 11-Aug-2026 — remove logo rotation (user instruction) */
/* BT2 sections C — spotlight, testimonials, FAQ + CTA, footer */

/* ---------- 7. Featured spotlight (inverted purple moment) ---------- */
.spotlight{background:var(--ink-100);padding:var(--sec-s) 0;color:var(--paper-100)}
.spot-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
.spot-copy .h2{margin-bottom:16px}
.spot-copy .b1{color:var(--paper-64);max-width:var(--measure)}
.spot-copy .btn{margin-top:32px}
/* Recipe E — video reveal tile */
.video-reveal{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:16/10;
  background:var(--paper-8)}
.video-reveal img,.video-reveal video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-reveal video{opacity:0;transition:opacity .4s ease}
.video-reveal.is-playing video{opacity:1}
.video-reveal .play-chip{position:absolute;left:16px;bottom:16px;z-index:2;
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100vw;
  background:var(--paper-16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:#fff;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.75px;
  text-transform:uppercase}
/* Recipe C — expanding panel strip */
.spot-strip{display:flex;gap:8px;margin-top:64px}
.panel{position:relative;flex:1;height:420px;border-radius:8px;overflow:hidden;
  transition:flex .4s ease;display:flex;align-items:flex-end}
.panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.panel::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,#16262e00 30%,#16262eb8 100%)}
.panel-text{position:relative;z-index:2;padding:24px;color:var(--paper-100)}
.panel-text .b3{color:var(--paper-64);max-width:300px;margin-top:8px;
  opacity:0;transform:translateY(8px);transition:opacity .4s ease .15s,transform .4s ease .15s}
@media (hover:hover) and (min-width:992px){
  .panel:hover{flex:2.4}
  .panel:hover .panel-text .b3{opacity:1;transform:translateY(0)}
}
@media (max-width:991px){
  .spot-grid{grid-template-columns:1fr;gap:40px}
  .spot-strip{flex-direction:column;margin-top:40px}
  .panel{height:240px}
  .panel-text .b3{opacity:1;transform:none}
}

/* ---------- 8. Testimonials carousel ---------- */
.testi{padding:var(--sec-m) 0 var(--sec-s)}
.testi-head{position:relative}
.testi-arrows{display:flex;gap:12px}
.testi-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding-bottom:8px;margin-top:48px}
.testi-track::-webkit-scrollbar{display:none}
.testi-card{scroll-snap-align:start;flex:0 0 calc(50% - 8px);display:grid;
  grid-template-columns:200px 1fr;gap:24px;padding:40px 32px;border-radius:8px;
  border:1px solid var(--ink-8);background:var(--ink-4)}
.testi-media{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:9/16;
  background:var(--surface-card)}
.testi-media img,.testi-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.testi-media video{opacity:0;transition:opacity .4s ease}
.testi-media.is-playing video{opacity:1}
.testi-media.is-video video{opacity:1;filter:saturate(.85);transition:filter .4s ease}
.testi-media.is-video.is-playing video{filter:saturate(1)}
.testi-media .play-pill{position:absolute;left:10px;bottom:10px;z-index:2;padding:5px 10px;
  border-radius:100vw;background:var(--paper-16);backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);color:#fff;font-family:'IBM Plex Mono',monospace;
  font-size:10px;letter-spacing:.75px;text-transform:uppercase}
.testi-body{display:flex;flex-direction:column}
.testi-stars{color:var(--warning);letter-spacing:3px;font-size:13px;margin-bottom:16px}
.testi-body .h5{flex:1}
.testi-name{margin-top:24px}
.testi-role{color:var(--text-medium);margin-top:4px;display:block}
/* Recipe F — tilt handled by JS on [data-tilt]; smooth reset */
[data-tilt]{transition:transform .5s ease;transform-style:flat;will-change:transform}
@media (max-width:991px){.testi-card{flex:0 0 88%}}
@media (max-width:767px){
  .testi-card{grid-template-columns:1fr;padding:24px}
  .testi-media{aspect-ratio:3/4;max-height:320px}
}

/* ---------- 9. FAQ + CTA band ---------- */
.faq{padding:var(--sec-s) 0 var(--sec-xs)}
.faq-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.faq-left{position:sticky;top:120px}
.faq-list{border-bottom:1px solid var(--ink-16)}
.faq-item{border-top:1px solid var(--ink-16)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:24px 0;text-align:left}
.faq-icon{position:relative;width:20px;height:20px;flex:0 0 20px}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:2px;top:9.25px;
  width:16px;height:1.5px;background:currentColor;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}
.faq-icon::after{transform:rotate(90deg)}
.faq-item.is-open .faq-icon::after{transform:rotate(0deg)}
.faq-a{overflow:hidden;height:0;transition:height .4s ease}
.faq-a p{max-width:var(--measure);color:var(--text-medium);padding:0 0 24px}
.cta-band{position:relative;overflow:hidden;padding:var(--sec-l) 0;margin-top:var(--sec-s);
  color:var(--paper-100);text-align:center}
.cta-bg{position:absolute;inset:0}
.cta-bg img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease}
@media (hover:hover){.cta-band:hover .cta-bg img{transform:scale(1.08)}}
.cta-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,#534fa0c7 0%,#16262eb8 55%,#24bbbb7a 100%)}
.cta-inner{position:relative;z-index:2;max-width:var(--measure-6);margin:0 auto;
  padding:0 var(--pad-page)}
.cta-inner .b1{color:var(--paper-88);margin:24px auto 40px;max-width:var(--measure-5)}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
@media (max-width:991px){
  .faq-grid{grid-template-columns:1fr;gap:40px}
  .faq-left{position:static}
}

/* ---------- 10. Footer ---------- */
.footer{background:var(--ink-100);color:var(--paper-100);padding:var(--sec-m) 0 40px}
.footer a:hover{color:var(--teal)}
.footer-mail{display:block;margin-bottom:64px;word-break:break-word}
.footer-mail:hover{color:var(--teal)}
.footer-top{display:grid;grid-template-columns:3fr 2fr 2fr 2fr 2fr;gap:48px;
  padding-bottom:64px;border-bottom:1px solid var(--paper-16)}
.footer-brand img{height:44px;width:auto;filter:brightness(0) invert(1);
  transition:transform .6s ease}
@media (hover:hover){.footer-brand img:hover{transform:scale(1.04)}}
.footer-brand p{color:var(--paper-64);margin-top:16px;max-width:300px}
.footer-social{display:flex;gap:12px;margin-top:24px}
.footer-social .chip-circle{border-color:var(--paper-32);color:var(--paper-100)}
@media (hover:hover){.footer-social .chip-circle:hover{background:var(--paper-100);color:var(--ink-100)}}
.footer-col .label-2{display:block;color:var(--paper-48);margin-bottom:20px}
.footer-col li{margin-bottom:12px}
.footer-col a{color:var(--paper-64);font-size:14px;line-height:20px}
.footer-offices{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:48px 0}
.footer-offices .b3{color:var(--paper-48)}
.footer-offices .label-2{display:block;color:var(--paper-64);margin-bottom:8px}
.footer-offices a{color:var(--paper-64)}
.footer-legal{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding-top:32px;border-top:1px solid var(--paper-16);color:var(--paper-48);
  font-size:14px;line-height:20px}
@media (max-width:991px){
  .footer-top{grid-template-columns:1fr 1fr;gap:40px}
  .footer-offices{grid-template-columns:1fr 1fr}
}
@media (max-width:479px){
  .footer-top,.footer-offices{grid-template-columns:1fr}
}