/* Booked By Search — reusable clean client case study system */
.case-v2-section{padding-top:54px;padding-bottom:92px}
.case-v2-frame{
  position:relative;
  overflow:hidden;
  padding:34px;
  border:1px solid rgba(103,185,255,.17);
  border-radius:30px;
  background:
    radial-gradient(circle at 78% 9%,rgba(49,148,255,.12),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(39,219,255,.055),transparent 28%),
    linear-gradient(145deg,rgba(8,18,42,.96),rgba(3,8,21,.97));
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
.case-v2-frame:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(80,150,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(80,150,255,.025) 1px,transparent 1px);
  background-size:38px 38px;mask-image:linear-gradient(90deg,#000 0%,transparent 80%);
}
.case-v2-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(315px,.88fr);gap:30px;align-items:start}
.case-v2-content,.case-v2-proofs{min-width:0}
.case-v2-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.case-v2-tag{display:inline-flex;align-items:center;min-height:31px;padding:0 13px;border:1px solid rgba(78,215,255,.48);border-radius:999px;background:rgba(39,175,255,.055);color:#63e2ff;font-size:9px;font-weight:850;letter-spacing:.18em}
.case-v2-client{color:#d9e7fb;font-size:12px;font-weight:700}
.case-v2-content h2{max-width:790px;margin:0 0 14px;font-size:clamp(35px,4.2vw,55px);line-height:1.035;letter-spacing:-.052em;text-wrap:balance}
.case-v2-lead{max-width:800px;margin:0;color:#b1bfd6;font-size:13.5px;line-height:1.55;letter-spacing:-.012em;text-wrap:pretty}
.case-v2-lead strong{color:#68e4ff}

.case-v2-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 13px}
.case-v2-timeline:before{content:"";position:absolute;left:8%;right:8%;top:48%;height:1px;background:linear-gradient(90deg,transparent,rgba(68,204,255,.38),rgba(70,129,255,.35),transparent);z-index:0}
.case-v2-step-card{position:relative;z-index:1;min-height:156px;padding:15px 14px 14px;border:1px solid rgba(99,169,255,.18);border-radius:17px;background:linear-gradient(180deg,rgba(11,29,63,.78),rgba(4,11,27,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.case-v2-step-card:after{content:"";position:absolute;right:-7px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#48d9ff;box-shadow:0 0 17px rgba(72,217,255,.9)}
.case-v2-step-card:last-child:after{display:none}
.case-v2-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#4bcfff}
.case-v2-step-top>span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:linear-gradient(145deg,#2ca6ff,#355cff);box-shadow:0 8px 22px rgba(45,113,255,.28);color:#9df2ff;font-size:14px;font-weight:900;letter-spacing:.04em}
.case-v2-step-top svg{width:30px;height:30px;color:#40b9ff;filter:drop-shadow(0 5px 10px rgba(44,161,255,.18))}
.case-v2-step-card h3{margin:0 0 7px;color:#f8fbff;font-size:16px;line-height:1.1;letter-spacing:-.025em}
.case-v2-step-card p{margin:0;color:#c1cbe0;font-size:11.5px;line-height:1.4}

.case-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}
.case-v2-stat{min-height:74px;display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid rgba(73,203,255,.2);border-radius:15px;background:linear-gradient(180deg,rgba(15,61,113,.24),rgba(4,13,30,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.case-v2-stat-icon{flex:0 0 43px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(43,195,255,.19),rgba(51,98,255,.20));border:1px solid rgba(71,212,255,.21);color:#47d7ff;box-shadow:0 0 28px rgba(45,188,255,.08)}
.case-v2-stat-icon svg{width:25px;height:25px}
.case-v2-stat div{display:flex;min-width:0;flex-direction:column;line-height:1}
.case-v2-stat small{color:#50dfff;font-size:9.5px;font-weight:750;margin-bottom:5px}
.case-v2-stat strong{color:#46ceff;font-size:24px;letter-spacing:-.045em;white-space:nowrap}
.case-v2-stat em{margin-top:5px;color:#8ea1be;font-size:7.5px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}

.case-v2-bottom-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(210px,.86fr);gap:0;border:1px solid rgba(91,175,255,.18);border-radius:17px;background:rgba(3,10,25,.76);overflow:hidden}
.case-v2-quote{position:relative;margin:0;padding:22px 22px 20px 57px;min-height:172px}
.case-v2-quote-mark{position:absolute;left:18px;top:14px;color:#3ecaff;font-family:Georgia,serif;font-size:52px;line-height:1}
.case-v2-quote p{margin:0 0 5px;color:#fff;font-size:17px;font-weight:850}
.case-v2-quote strong{display:block;max-width:540px;color:#f9fbff;font-size:clamp(18px,2.05vw,24px);line-height:1.23;letter-spacing:-.03em}
.case-v2-quote footer{margin-top:11px;color:#9caec7;font-size:9px;letter-spacing:.02em}
.case-v2-snippets{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:19px 18px;border-left:1px solid rgba(101,170,255,.14)}
.case-v2-snippets>div{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}
.case-v2-snippets span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#277cff;color:#08142a;font-size:9px;font-weight:950;margin-top:1px}
.case-v2-snippets p{margin:0;color:#c4cee0;font-size:10.5px;line-height:1.33}
.case-v2-disclaimer{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 13px;border:1px solid rgba(97,171,255,.13);border-radius:13px;background:rgba(16,41,77,.22);color:#92a2ba}
.case-v2-disclaimer>span{flex:0 0 20px;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#42ddff,#3370ff);color:#03101e;font-size:11px;font-weight:950}
.case-v2-disclaimer p{margin:1px 0 0;font-size:8.8px;line-height:1.45}
.case-v2-disclaimer strong{color:#c5d6eb}

.case-v2-proofs{display:flex;flex-direction:column;gap:12px;padding-top:0}
.case-v2-proof{position:relative;width:100%;padding:0;display:block;overflow:visible;border:0;background:transparent;text-align:left;cursor:zoom-in}
.case-v2-proof:before{content:"";position:absolute;inset:0;border-radius:17px;border:1px solid rgba(61,213,255,.43);box-shadow:0 0 25px rgba(40,166,255,.09);pointer-events:none;z-index:2}
.case-v2-proof img{display:block;width:100%;height:100%;border-radius:17px;object-fit:cover;background:#05080e;transition:transform .28s ease,filter .28s ease}
.case-v2-proof:hover img{transform:translateY(-2px);filter:brightness(1.05)}
.case-v2-proof-one{height:205px}.case-v2-proof-two{height:290px}.case-v2-proof-three{height:198px}
.case-v2-proof-one img{object-position:center center}.case-v2-proof-two img{object-position:center 22%}.case-v2-proof-three img{object-position:center center}
.case-v2-proof-index{position:absolute;z-index:4;left:-17px;top:15px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #42d5ff;background:#082659;color:#eafaff;font-size:15px;font-weight:900;box-shadow:0 0 24px rgba(48,199,255,.28)}
.case-v2-proof-caption{position:absolute;z-index:4;left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(140,203,255,.14);border-radius:10px;background:rgba(2,8,19,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.case-v2-proof-caption strong{color:#eef7ff;font-size:9px}.case-v2-proof-caption small{color:#6bdfff;font-size:7px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}

@media(max-width:1020px){
  .case-v2-grid{grid-template-columns:1fr;gap:24px}
  .case-v2-proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .case-v2-proof-one,.case-v2-proof-two,.case-v2-proof-three{height:245px}
  .case-v2-proof-index{left:9px;top:9px;width:33px;height:33px;font-size:12px}
  .case-v2-proof-caption{left:8px;right:8px;bottom:8px}
}
@media(max-width:760px){
  .case-v2-section{padding-top:28px;padding-bottom:68px}
  .case-v2-frame{padding:21px 17px;border-radius:23px}
  .case-v2-grid{gap:21px}
  .case-v2-eyebrow{gap:8px;margin-bottom:14px}
  .case-v2-tag{font-size:7.4px;min-height:28px;padding:0 10px}
  .case-v2-client{font-size:10px}
  .case-v2-content h2{font-size:34px;line-height:1.02;margin-bottom:12px}
  .case-v2-lead{font-size:13px;line-height:1.52}
  .case-v2-timeline{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
  .case-v2-timeline:before,.case-v2-step-card:after{display:none}
  .case-v2-step-card{min-height:138px;padding:13px}
  .case-v2-step-top{margin-bottom:12px}.case-v2-step-top>span{width:32px;height:32px;font-size:12px}.case-v2-step-top svg{width:25px;height:25px}
  .case-v2-step-card h3{font-size:14px}.case-v2-step-card p{font-size:10.5px}
  .case-v2-stats{grid-template-columns:1fr;gap:7px}
  .case-v2-stat{min-height:64px;padding:9px 12px}.case-v2-stat-icon{width:38px;height:38px;flex-basis:38px}.case-v2-stat-icon svg{width:22px;height:22px}.case-v2-stat strong{font-size:21px}
  .case-v2-bottom-card{grid-template-columns:1fr}.case-v2-snippets{border-left:0;border-top:1px solid rgba(101,170,255,.14);padding:14px 16px}.case-v2-quote{padding:19px 16px 17px 49px;min-height:0}.case-v2-quote-mark{left:13px;top:11px;font-size:45px}.case-v2-quote p{font-size:15px}.case-v2-quote strong{font-size:19px}
  .case-v2-proofs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;margin:0 -17px;padding:0 17px 7px;-webkit-overflow-scrolling:touch}
  .case-v2-proof,.case-v2-proof-one,.case-v2-proof-two,.case-v2-proof-three{flex:0 0 84%;height:255px;scroll-snap-align:center}
  .case-v2-proof-two img{object-position:center 25%}
  .case-v2-proof-index{left:8px;top:8px}
}
@media(max-width:430px){
  .case-v2-content h2{font-size:31px}
  .case-v2-timeline{grid-template-columns:1fr 1fr}.case-v2-step-card{min-height:145px}
  .case-v2-proof,.case-v2-proof-one,.case-v2-proof-two,.case-v2-proof-three{flex-basis:88%;height:245px}
  .case-v2-proof-caption small{display:none}
}


/* Original WhatsApp proof lightbox — robust standalone viewer */
.case-original-trigger{appearance:none;border:0;background:transparent;color:#69ddff;font:inherit;font-size:7px;font-weight:850;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap;padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:color .2s ease,transform .2s ease}
.case-original-trigger:hover{color:#fff;transform:translateY(-1px)}
.case-original-trigger span{font-size:9px}
.case-v2-proof{cursor:default}
.case-chat-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(1,5,15,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.case-chat-lightbox.open{opacity:1;visibility:visible;pointer-events:auto}
.case-chat-dialog{width:min(760px,100%);height:min(900px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:24px;border:1px solid rgba(76,208,255,.36);background:linear-gradient(155deg,#0a1730,#030814 72%);box-shadow:0 40px 130px rgba(0,0,0,.72),0 0 55px rgba(36,166,255,.12);transform:translateY(10px) scale(.985);transition:transform .22s ease}
.case-chat-lightbox.open .case-chat-dialog{transform:none}
.case-chat-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid rgba(103,187,255,.14);background:rgba(9,22,45,.92)}
.case-chat-topbar>div{display:flex;flex-direction:column;gap:3px;min-width:0}.case-chat-kicker{font-size:7px;letter-spacing:.14em;color:#5edbff;font-weight:900}.case-chat-topbar strong{font-size:13px;color:#f4f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-chat-close{width:38px;height:38px;flex:0 0 38px;border-radius:12px;border:1px solid rgba(131,198,255,.18);background:rgba(255,255,255,.035);color:#d8e9ff;font-size:25px;line-height:1;cursor:pointer}.case-chat-close:hover{border-color:#61dbff;color:#fff}
.case-chat-scroll{overflow:auto;overscroll-behavior:contain;background:#080b0c;display:flex;justify-content:center;align-items:flex-start;padding:0}.case-chat-scroll img{display:block;width:min(100%,620px);height:auto;max-width:100%;background:#080b0c}
.case-chat-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid rgba(103,187,255,.12);background:rgba(9,22,45,.94)}.case-chat-footer span{font-size:8px;color:#788eac}.case-chat-footer button{border:1px solid rgba(88,207,255,.34);background:rgba(73,184,255,.08);color:#a9ebff;padding:8px 13px;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer}
body.case-chat-open{overflow:hidden}
@media(max-width:760px){.case-original-trigger{font-size:7.5px}.case-chat-lightbox{padding:10px}.case-chat-dialog{height:94vh;border-radius:18px}.case-chat-topbar{padding:12px 13px}.case-chat-scroll img{width:100%}.case-chat-footer{padding:10px 12px}.case-chat-footer span{font-size:7px}}