@charset "utf-8";
.psd-page {
  font-family:'Poppins',sans-serif; color:#0f172a; background:#f8fafc;
  line-height:1.6; font-size:15px; -webkit-font-smoothing:antialiased;
  --p:#f65304; --sec:#feb47b; --dk:#0f172a; --gr:#475569;
  --mu:#94a3b8; --bg:#f8fafc; --alt:#f1f5f9;
  --wh:#ffffff; --white:#ffffff; --bd:#e2e8f0; --gn:#22c55e;
}
.psd-page *,.psd-page *::before,.psd-page *::after{box-sizing:border-box;margin:0;padding:0;}

/* LAYOUT */
.psd-page .con{max-width:1160px;margin:0 auto;padding:0 28px;}
.psd-page .sec{padding:72px 0;}
.psd-page .sec-alt{background:var(--alt); padding:40px 0 60px 0;}
.psd-page .sec-wh{background:var(--wh);}
.psd-page .sec-dk{background:var(--dk);}

/* LABELS */
.psd-page .lbl{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--p);
  background:rgba(246,83,4,.09);border:1px solid rgba(246,83,4,.22);
  padding:4px 14px;border-radius:50px;margin-bottom:10px;
}
.psd-page .lbl-lt{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:var(--sec);}
.psd-page .h2{font-size:clamp(1.45rem,2.4vw,2rem);font-weight:700;color:var(--dk);line-height:1.25;margin-bottom:10px;}
.psd-page .h2-lt{color:#fff;}
.psd-page .sub{font-size:14px;color:var(--gr);max-width:600px;line-height:1.78;}
.psd-page .sub-lt{color:rgba(255,255,255,.62);}
.psd-page .hdr{margin-bottom:44px;}
.psd-page .hdr-c{text-align:center;}
.psd-page .hdr-c .sub{margin:0 auto;}

/* BUTTONS */
.psd-page .btn-p{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--p);color:#fff;padding:12px 26px;border-radius:7px;
  text-decoration:none;font-weight:600;font-size:15px;
  border:2px solid var(--p);transition:all .25s;cursor:pointer;font-family:inherit;
}
.psd-page .btn-p:hover{background:#e04a02;border-color:#e04a02;transform:translateY(-2px);box-shadow:0 8px 22px rgba(246,83,4,.35);}
.psd-page .btn-o{
  display:inline-flex;align-items:center;gap:7px;
  background:transparent;color:var(--dk);padding:12px 26px;border-radius:7px;
  text-decoration:none;font-weight:600;font-size:13px;
  border:2px solid var(--bd);transition:all .25s;
}
.psd-page .btn-o:hover{border-color:var(--p);color:var(--p);}
.psd-page .btn-ow{
  display:inline-flex;align-items:center;gap:7px;
  background:transparent;color:#fff;padding:12px 26px;border-radius:7px;
  text-decoration:none;font-weight:600;font-size:15px;
  border:2px solid rgba(255,255,255,.28);transition:all .25s;
}
.psd-page .btn-ow:hover{border-color:rgba(255,255,255,.65);}

/* ── HERO ── */
.psd-page .hero{background:var(--dk);overflow:hidden;position:relative;padding:80px 0 68px;}
.psd-page .hero::before{
  content:'';position:absolute;top:-80px;right:-80px;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle at 60% 40%,rgba(246,83,4,.26) 0%,rgba(254,180,123,.10) 38%,transparent 66%);
  pointer-events:none;
}
.psd-page .hero::after{
  content:'';position:absolute;bottom:-120px;left:-80px;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(246,83,4,.09) 0%,transparent 65%);pointer-events:none;
}
.psd-page .hero-inner{display:flex;align-items:center;gap:52px;position:relative;z-index:2;}
.psd-page .hero-left{flex:1;min-width:0;}
.psd-page .hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(246,83,4,.14);border:1px solid rgba(246,83,4,.35);
  color:var(--sec);padding:5px 16px;border-radius:50px;
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;
}
.psd-page .hero-badge span{width:6px;height:6px;background:var(--p);border-radius:50%;display:inline-block;}
.psd-page .hero-h1{font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px;}
.psd-page .hero-h1 em{font-style:normal;background:linear-gradient(90deg,var(--p),var(--sec));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.psd-page .hero-sub{font-size:14px;color:rgba(255,255,255,.80);max-width:500px;line-height:1.8;margin-bottom:28px;}
.psd-page .hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;}
.psd-page .pill{font-size:11px;font-weight:600;color:rgba(255,255,255,.75);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:5px 13px;border-radius:50px;}
.psd-page .hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.psd-page .hero-stats{display:flex;gap:0;margin-top:44px;border-top:1px solid rgba(255,255,255,.08);padding-top:26px;}
.psd-page .hst{flex:1;border-right:1px solid rgba(255,255,255,.08);padding-right:20px;margin-right:20px;}
.psd-page .hst:last-child{border-right:none;padding-right:0;margin-right:0;}
.psd-page .hst-n{font-size:1.65rem;font-weight:800;color:var(--p);display:block;line-height:1;}
.psd-page .hst-l{font-size:12px;color:rgba(255,255,255,.80);font-weight:500;margin-top:4px;}
/* hero right glow rings */
.psd-page .hero-right{flex:0 0 360px;display:flex;align-items:center;justify-content:center;}
@media(max-width:900px){.psd-page .hero-right{display:none;}}
.psd-page .gbox{width:340px;height:340px;position:relative;}
.psd-page .gr{position:absolute;border-radius:50%;border:1px solid rgba(246,83,4,.22);}
.psd-page .gr:nth-child(1){inset:0;}
.psd-page .gr:nth-child(2){inset:28px;border-color:rgba(246,83,4,.15);}
.psd-page .gr:nth-child(3){inset:56px;border-color:rgba(246,83,4,.09);}
.psd-page .gc{position:absolute;inset:84px;border-radius:50%;background:radial-gradient(circle,rgba(246,83,4,.38) 0%,rgba(246,83,4,.06) 65%,transparent 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;}
.psd-page .gc-i{font-size:2.4rem;}
.psd-page .gc-t{font-size:10px;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;}
.psd-page .mchip{position:absolute;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:500;padding:5px 13px;border-radius:50px;white-space:nowrap;}
.psd-page .mc1{top:30px;left:50%;transform:translateX(-50%);}
.psd-page .mc2{right:-20px;top:50%;transform:translateY(-50%);}
.psd-page .mc3{bottom:30px;left:50%;transform:translateX(-50%);}
.psd-page .mc4{left:-8px;top:50%;transform:translateY(-50%);}

/* ── TECH STRIP ── */
.psd-page .strip{background:var(--wh);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:16px 0;overflow:hidden;}
.psd-page .strip-row{display:flex;align-items:center;gap:44px;animation:psd-scroll 24s linear infinite;white-space:nowrap;}
.psd-page .stg{font-size:11px;font-weight:600;letter-spacing:.09em;color:var(--gr);text-transform:uppercase;display:flex;align-items:center;gap:7px;flex-shrink:0;}
.psd-page .stg::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--p);flex-shrink:0;}
@keyframes psd-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── WHY CHOOSE US ── */
.psd-page .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:820px){.psd-page .g3{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.psd-page .g3{grid-template-columns:1fr;}}
.psd-page .wcard{background:var(--wh);border:1px solid var(--bd);border-radius:14px;padding:26px 22px;transition:all .28s;position:relative;overflow:hidden;}
.psd-page .wcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--p);opacity:0;transition:opacity .28s;}
.psd-page .wcard:hover{border-color:rgba(246,83,4,.28);transform:translateY(-4px);box-shadow:0 10px 26px rgba(246,83,4,.08);}
.psd-page .wcard:hover::before{opacity:1;}
.psd-page .wico{width:48px;height:48px;border-radius:12px;background:rgba(246,83,4,.09);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:14px;}
.psd-page .wcard h3{font-size:16px;font-weight:700;margin-bottom:7px;}
.psd-page .wcard p{font-size:14px;color:var(--gr);line-height:1.7;}

/* ── WHAT'S INCLUDED ── */
.psd-page .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:820px){.psd-page .inc-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.psd-page .inc-grid{grid-template-columns:1fr;}}
.psd-page .inc-item{background:var(--wh);border:1px solid var(--bd);border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:10px;transition:all .28s;}
.psd-page .inc-item:hover{border-color:rgba(246,83,4,.28);box-shadow:0 4px 14px rgba(246,83,4,.07);}
.psd-page .inc-item::before{content:'✓';color:var(--p);font-weight:800;flex-shrink:0;font-size:13px;}
.psd-page .inc-item span{font-size:13px;font-weight:500;color:var(--dk);}

/* ── PROCESS ── */
.psd-page .proc-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;}
@media(max-width:900px){.psd-page .proc-row{grid-template-columns:1fr 1fr;gap:20px;}}
@media(max-width:480px){.psd-page .proc-row{grid-template-columns:1fr;}}
.psd-page .proc-row::before{content:'';position:absolute;top:31px;left:64px;right:64px;height:1px;background:var(--bd);}
@media(max-width:900px){.psd-page .proc-row::before{display:none;}}
.psd-page .pstep{text-align:center;padding:0 10px 34px;position:relative;z-index:1;}
.psd-page .pnum{width:62px;height:62px;border-radius:50%;background:var(--wh);border:2px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:var(--dk);margin:0 auto 14px;transition:all .28s;}
.psd-page .pstep:hover .pnum{border-color:var(--p);color:var(--white);background:var(--p);}
.psd-page .pstep h4{font-size:13px;font-weight:700;margin-bottom:6px;}
.psd-page .pstep p{font-size:12px;color:var(--gr);line-height:1.6;}

/* ── WHO IS THIS FOR ── */
.psd-page .aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:820px){.psd-page .aud-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.psd-page .aud-grid{grid-template-columns:1fr;}}
.psd-page .acard{background:var(--wh);border:1px solid var(--bd);border-radius:14px;padding:22px 18px;display:flex;gap:14px;align-items:flex-start;transition:all .28s;}
.psd-page .acard:hover{border-color:rgba(246,83,4,.25);box-shadow:0 8px 22px rgba(246,83,4,.07);}
.psd-page .aico{font-size:1.6rem;flex-shrink:0;}
.psd-page .acard h4{font-size:13px;font-weight:700;margin-bottom:5px;}
.psd-page .acard p{font-size:12px;color:var(--gr);line-height:1.65;}

/* ── SEO MATTERS TWO-COL ── */
.psd-page .seo2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
@media(max-width:768px){.psd-page .seo2{grid-template-columns:1fr;gap:28px;}}
.psd-page .seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:480px){.psd-page .seo-grid{grid-template-columns:1fr;}}
.psd-page .seo-item{display:flex;align-items:flex-start;gap:11px;background:var(--wh);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;}
.psd-page .seo-item .si{font-size:1.25rem;flex-shrink:0;}
.psd-page .seo-item h5{font-size:14px;font-weight:600;margin-bottom:3px;}
.psd-page .seo-item p{font-size:12px;color:var(--gr);line-height:1.6;}

/* ── PRICING ── */
.psd-page .pg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;}
@media(max-width:900px){.psd-page .pg{grid-template-columns:1fr;max-width:440px;margin:0 auto;}}
.psd-page .pcard{background:var(--wh);border:1px solid var(--bd);border-radius:18px;padding:34px 28px;position:relative;overflow:hidden;transition:all .28s;}
.psd-page .pcard:hover{transform:translateY(-5px);box-shadow:0 14px 38px rgba(246,83,4,.10);}
.psd-page .pcard.pop{border-color:var(--p);}
.psd-page .pop-b{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--p);color:#fff;padding:5px 20px;border-radius:0 0 11px 11px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;}
.psd-page .ptag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gr);margin-bottom:6px;}
.psd-page .ptarget{font-size:13px;color:var(--gray-700);margin-bottom:12px;font-style:italic;line-height:1.5;}
.psd-page .ppr{font-size:2.6rem;font-weight:800;color:var(--dk);line-height:1;margin-bottom:4px;}
.psd-page .ppr sup{font-size:1.1rem;vertical-align:top;margin-top:9px;color:var(--p);}
.psd-page .punit{font-size:12px;color:var(--gray-700);margin-bottom:16px;}
.psd-page .pdesc{font-size:13px;color:var(--gr);margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--bd);line-height:1.7;}
.psd-page .pfl{list-style:none;margin-bottom:26px;}
.psd-page .pfl li{font-size:12.5px;padding:7px 0;display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid #f1f5f9;color:var(--dk);}
.psd-page .pfl li:last-child{border-bottom:none;}
.psd-page .ck{color:var(--gn);font-weight:700;flex-shrink:0;}
.psd-page .cx{color:#cbd5e1;flex-shrink:0;}
.psd-page .pcta{display:block;text-align:center;padding:11px 18px;border-radius:8px;font-weight:700;text-decoration:none;font-size:13px;transition:all .25s;}
.psd-page .pcta-p{background:var(--p);color:#fff;border:2px solid var(--p);}
.psd-page .pcta-p:hover{background:#e04a02;box-shadow:0 7px 18px rgba(246,83,4,.3);}
.psd-page .pcta-o{border:2px solid var(--bd);color:var(--dk);}
.psd-page .pcta-o:hover{border-color:var(--p);color:var(--p);}

/* ── ACCESSIBILITY ADD-ON ── */
.psd-page .a11y-wrap{background:linear-gradient(135deg,rgba(246,83,4,.07),rgba(254,180,123,.05));border:1px solid rgba(246,83,4,.18);border-radius:20px;padding:48px 44px;}
.psd-page .a11y-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
@media(max-width:768px){.psd-page .a11y-inner{grid-template-columns:1fr;}}
.psd-page .a11y-checks{list-style:none;margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
@media(max-width:480px){.psd-page .a11y-checks{grid-template-columns:1fr;}}
.psd-page .a11y-checks li{font-size:12.5px;color:var(--gr);display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
.psd-page .a11y-checks li::before{content:'✓';color:var(--p);font-weight:800;flex-shrink:0;margin-top:1px;}
.psd-page .a11y-price{margin-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.psd-page .a11y-from{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mu);}
.psd-page .a11y-amt{font-size:2rem;font-weight:800;color:var(--p);line-height:1;}
.psd-page .a11y-right{display:flex;flex-direction:column;gap:12px;}
.psd-page .a11y-feat{display:flex;flex-direction:column;gap:10px;}
.psd-page .a11y-f{background:var(--wh);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;display:flex;gap:10px;align-items:flex-start;}
.psd-page .a11y-f .afi{font-size:1.1rem;flex-shrink:0;}
.psd-page .a11y-f h5{font-size:12.5px;font-weight:700;margin-bottom:2px;}
.psd-page .a11y-f p{font-size:11.5px;color:var(--gr);line-height:1.5;}

/* ── ADD-ONS ── */
.psd-page .ao-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:820px){.psd-page .ao-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.psd-page .ao-grid{grid-template-columns:1fr;}}
.psd-page .aocard{background:var(--wh);border:1px solid var(--bd);border-radius:14px;padding:22px 18px;text-align:center;transition:all .28s;}
.psd-page .aocard:hover{border-color:rgba(246,83,4,.3);transform:translateY(-3px);box-shadow:0 8px 22px rgba(246,83,4,.08);}
.psd-page .aoico{font-size:1.9rem;margin-bottom:10px;display:block;}
.psd-page .aocard h4{font-size:13px;font-weight:700;margin-bottom:5px;}
.psd-page .aocard p{font-size:12px;color:var(--gr);line-height:1.65;margin-bottom:10px;}
.psd-page .ao-pr{font-size:13.5px;font-weight:700;color:var(--p);}

/* ── REVIEWS STRIP ── */
.psd-page .rev-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:768px){.psd-page .rev-strip{grid-template-columns:1fr;}}
.psd-page .rcard{background:var(--wh);border:1px solid var(--bd);border-radius:14px;padding:24px 20px;transition:all .28s;}
.psd-page .rcard:hover{border-color:rgba(246,83,4,.2);box-shadow:0 8px 20px rgba(0,0,0,.06);}
.psd-page .rstars{color:#f59e0b;font-size:14px;letter-spacing:2px;margin-bottom:10px;}
.psd-page .rtext{font-size:13px;color:var(--gr);line-height:1.7;margin-bottom:14px;font-style:italic;}
.psd-page .rauthor{display:flex;align-items:center;gap:10px;}
.psd-page .ravatar{width:36px;height:36px;border-radius:50%;background:rgba(246,83,4,.12);border:2px solid rgba(246,83,4,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--p);flex-shrink:0;}
.psd-page .rname{font-size:12.5px;font-weight:700;color:var(--dk);}
.psd-page .rrole{font-size:11px;color:var(--mu);}

/* ── CTA BANNER ── */
.psd-page .ctab{background:var(--dk);border-radius:20px;padding:60px 44px;text-align:center;position:relative;overflow:hidden;}
.psd-page .ctab::before{content:'';position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(246,83,4,.25),transparent 68%);}
.psd-page .ctab::after{content:'';position:absolute;bottom:-80px;left:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(254,180,123,.15),transparent 68%);}
.psd-page .ctab h2{font-size:clamp(1.4rem,2.3vw,1.85rem);font-weight:800;color:#fff;margin-bottom:10px;position:relative;z-index:2;}
.psd-page .ctab p{font-size:14px;color:rgba(255,255,255,.80);max-width:500px;margin:0 auto 28px;line-height:1.75;position:relative;z-index:2;}
.psd-page .ctab-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2;}

/* ── REVEAL ── */
.psd-page .rv{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease;}
.psd-page .rv.vs{opacity:1;transform:none;}

@charset "utf-8";
.svc-card {
    background: var(--white); border: 1px solid var(--border); border-radius: 16px; padding: 26px 22px;
    position: relative; overflow: hidden; transition: all 0.28s;
  }
  .svc-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--primary); opacity: 0; transition: opacity 0.28s; }
  .svc-card:hover { border-color: rgba(246,83,4,0.28); transform: translateY(-5px); box-shadow: 0 12px 32px rgba(246,83,4,0.09); }
  .svc-card:hover::before, .svc-card.hot::before { opacity: 1; }
  .svc-card.hot { border-color: var(--primary); }
  .hot-badge { position: absolute; top: 14px; right: 14px; background: var(--primary); color: #fff; font-size: 9px; font-weight: 700; padding: 3px 10px; border-radius: 50px; letter-spacing: 0.07em; text-transform: uppercase; }
  .sico { font-size: 1.9rem; margin-bottom: 12px; display: block; }
  .sstack { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--primary); margin-bottom: 7px; }
  .svc-card h3 { font-size: 14px; font-weight: 700; margin-bottom: 7px; }
  .svc-card p { font-size: 14px; color: var(--gray); line-height: 1.7; margin-bottom: 14px; }
  .sfl { list-style: none; }
  .sfl li { font-size: 14px; color: var(--gray); padding: 5px 0; display: flex; align-items: flex-start; gap: 7px; border-bottom: 1px solid var(--border); }
  .sfl li:last-child { border-bottom: none; }
  .sfl li::before { content: '\2713'; color: var(--primary); font-weight: 700; flex-shrink: 0; }
   .grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  @media(max-width: 820px) { .grid3 { grid-template-columns: 1fr 1fr; } }
  @media(max-width: 520px) { .grid3 { grid-template-columns: 1fr; } }

  .grid2x3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  @media(max-width: 900px) { .grid2x3 { grid-template-columns: 1fr 1fr; } }
  @media(max-width: 520px) { .grid2x3 { grid-template-columns: 1fr; } }
  
  .wl-case-study {
  padding: 40px 20px;
  background: #f8fafc;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.section-header {
  text-align: center;
  margin-bottom: 50px;
}

.section-header h2 {
  font-size: 32px;
  font-weight: 700;
  color: #0f172a;
}

.section-header p {
  color: #64748b;
  margin-top: 10px;
}

.case-card {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  background: #fff;
  border-radius: 14px;
  padding: 25px;
  margin-bottom: 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  align-items: center;
}

.case-images {
  display: flex;
  gap: 15px;
  flex: 1;
}

.img-box {
  position: relative;
  flex: 1;
  border-radius: 10px;
  overflow: hidden;
}

.img-box img {
  max-width: 100%;
  display: block;
  height:auto;
}

.img-box span {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #111827;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 6px;
}

.img-box.after span {
  background: #f97316; /* orange accent */
}

.case-content {
  flex: 1;
}

.case-content h3 {
  font-size:1.3rem;
  margin-bottom: 10px;
  color: #0f172a;
}

.case-content p {
  color: #475569;
  margin-bottom: 15px;
}

.case-content ul {
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
}

.case-content ul li {
  margin-bottom: 6px;
  color: #334155;
}

.case-btn {
  display: inline-block;
  padding: 10px 16px;
  background: #f97316;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
  transition: 0.3s;
}

.case-btn:hover {
  background: #ea580c;
}

.global-note {
  text-align: center;
  margin-top: 20px;
  font-weight: 500;
  color: #0f172a;
}

.img-box::after {
  content: "Click to enlarge";
  position: absolute;
  bottom: 8px;
  right: 10px;
  font-size: 11px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 3px 6px;
  border-radius: 4px;
}

.zoom-img {
  cursor: zoom-in;
  transition: 0.3s;
}

.zoom-img:hover {
  opacity: 0.9;
}
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#lightbox img {
  max-width: 90%;
  max-height: 80%;
  border-radius: 8px;
}

#lightbox .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/* RESPONSIVE */

@media (max-width: 767px) {
	.case-content h3 {font-size:1rem; text-align:center;}
  .case-card {
    flex-direction: column; order:1;
  }
  .case-card .case-content {order:2}
  .case-card .case-images {
    flex-direction: column;
	order:1;
  }
}