/* Photo + live call cards ("What happens when Swara picks up"). Uses each site's --ip-* tokens. */
.sc-sec .ip-lead{max-width:56ch}
.sc{position:relative;min-height:600px;margin-top:8px}
.sc-ph{position:absolute;left:0;top:0;bottom:0;width:64%;margin:0;border-radius:28px;overflow:hidden;background:var(--ip-alt)}
.sc-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sc-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.18) 100%)}
.sc-card{position:absolute;z-index:2;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:0 1px 2px rgba(15,20,30,.05),0 24px 50px -24px rgba(15,20,30,.35);color:var(--ip-ink)}
.sc-pill{position:absolute;z-index:2;left:22px;top:22px;display:flex;align-items:center;gap:12px;padding:9px 18px 9px 9px;border-radius:99px;background:var(--ip-acc);color:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
.sc-pi{display:flex;align-items:center;justify-content:center;gap:3px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2)}
.sc-pi i{width:3px;height:10px;border-radius:2px;background:#fff;animation:scWv 1s ease-in-out infinite}
.sc-pi i:nth-child(2){animation-delay:.15s}.sc-pi i:nth-child(3){animation-delay:.3s}.sc-pi i:nth-child(4){animation-delay:.45s}
.sc-pill b{display:block;font-size:14px;font-weight:600}
.sc-pill time{font-size:13px;opacity:.85;font-variant-numeric:tabular-nums}
@keyframes scWv{50%{height:20px}}
.sc-chat{left:47%;top:34px;width:390px;padding:18px 18px 16px}
.sc-chat header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sc-av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ip-acc);color:#fff;font-weight:700;font-size:17px;box-shadow:0 0 0 5px color-mix(in srgb,var(--ip-acc) 18%,transparent)}
.sc-chat header b{display:block;font-size:15.5px}
.sc-chat header small{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ip-muted)}
.sc-chat header small i{width:7px;height:7px;border-radius:50%;background:#16b07f}
.sc-b{max-width:88%;padding:10px 13px;border-radius:14px 14px 14px 4px;background:var(--ip-alt);margin-bottom:8px}
.sc-b.u{margin-left:auto;border-radius:14px 14px 4px 14px;background:color-mix(in srgb,var(--ip-acc) 12%,#fff)}
.sc-b p{margin:0;font-size:14.5px;line-height:1.5}
.sc-b span{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:var(--ip-muted)}
.sc-wave{display:flex;align-items:center;gap:3px;height:26px;margin-top:10px;padding-left:4px}
.sc-wave i{width:3px;height:6px;border-radius:2px;background:var(--ip-acc);opacity:.8;animation:scWv2 1s ease-in-out infinite}
@keyframes scWv2{50%{height:24px}}
.sc-out{left:43%;bottom:30px;width:440px;padding:16px 20px 18px}
.sc-out header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--ip-line);margin-bottom:12px}
.sc-ok{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ip-acc)}
.sc-ok svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sc-out header b{font-size:16px}
.sc-out dl{display:grid;grid-template-columns:1.3fr 1.2fr .7fr;margin:0 0 12px}
.sc-out dl div+div{padding-left:14px;border-left:1px solid var(--ip-line)}
.sc-out dt{font-size:12px;color:var(--ip-muted)}
.sc-out dd{margin:2px 0 0;font-size:13.5px;font-weight:600}
.sc-sum b{font-size:13px}
.sc-sum p{margin:3px 0 12px;font-size:13.5px;line-height:1.5;color:var(--ip-muted)}
.sc-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:color-mix(in srgb,var(--ip-acc) 13%,#fff);color:var(--ip-acc-t,var(--ip-acc));font-size:12.5px;font-weight:600}
.sc-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.sc-cap{right:0;top:70px;width:330px;padding:24px 24px 22px}
.sc-cap h3{margin:0 0 18px;font-size:19px;line-height:1.25}
.sc-cap ul{list-style:none;margin:0;padding:0;display:grid;gap:16px;position:relative}
.sc-cap li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.sc-cap li:not(:last-child)::after{content:"";position:absolute;left:21px;top:46px;bottom:-14px;width:1.5px;background:var(--ip-line)}
.sc-cap .ip-ico{display:grid;place-items:center;width:44px;height:44px;margin:0;border-radius:50%;background:color-mix(in srgb,var(--ip-acc) 12%,#fff);color:var(--ip-acc-t,var(--ip-acc))}
.sc-cap .ip-ico svg{width:20px;height:20px}
.sc-cap li b{display:block;font-size:15px}
.sc-cap li span{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--ip-muted)}
.sc-note{margin:14px 0 0;font-size:12.5px;color:var(--ip-muted)}
/* entrance */
.sc.js .sc-card{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.sc.js.in .sc-card{opacity:1;transform:none}
.sc.js.in .sc-out{transition-delay:.35s}.sc.js.in .sc-cap{transition-delay:.7s}
@media (max-width:1180px){.sc-chat{width:350px}.sc-out{width:400px;left:40%}.sc-cap{width:300px}}
@media (max-width:980px){
  .sc{min-height:0;display:grid;gap:12px}
  .sc-ph{position:relative;width:100%;height:320px}
  .sc-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}
  .sc-chat{margin:-90px 14px 0}
  .sc-pill{left:14px;top:14px}
}
@media (prefers-reduced-motion:reduce){.sc-pi i,.sc-wave i{animation:none}.sc.js .sc-card{opacity:1;transform:none;transition:none}}
.sc-chat{top:22px}.sc-chat header{margin-bottom:12px}
.sc-chat .sc-wave{margin:0 0 0 auto;height:24px;padding:0;gap:2.5px}.sc-chat .sc-wave i{width:2.5px}
.sc-b:last-child{margin-bottom:0}
.sc-out{bottom:22px}
@media (max-width:980px){.sc-out,.sc-chat,.sc-cap{bottom:auto;top:auto}.sc-ph{height:340px}.sc-ph img{object-position:50% 30%}.sc-pill{left:auto;right:14px;top:14px;padding:7px 14px 7px 7px}.sc-pi{width:32px;height:32px}.sc-chat header b{font-size:14.5px}}
.l-hw .sc-pill,.l-hw .sc-av{color:#0b1622}.l-hw .sc-pi i{background:#0b1622}.l-hw .sc-ok svg{stroke:#0b1622}.l-hw .sc-chip,.l-hw .sc-cap .ip-ico{color:#8a5a0c}
@media (max-width:980px){.sc-pill{display:none}}
@media (min-width:981px){.sc{min-height:640px}}
/* GPT illustration section */
.il-fig{margin:8px auto 0;max-width:1180px;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px -40px rgba(15,20,30,.35);border:1px solid var(--ip-line)}
.il-fig img{display:block;width:100%;height:auto}
.l-hw .il-fig{border-color:#1b2c3e}
@media (max-width:700px){.il-fig{border-radius:18px;margin:0 -4px}}
/* illustration split (v2): text + half-width image */
.il-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.il-split.flip .il-fig{order:-1}
.il-txt h2{margin:0 0 14px}
.il-ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.il-ticks li{position:relative;padding-left:28px;font-size:15.5px;color:var(--ip-ink)}
.il-ticks li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--ip-acc);-webkit-mask:radial-gradient(circle,#000 60%,transparent 61%);mask:radial-gradient(circle,#000 60%,transparent 61%);opacity:.9}
.il-ticks li::after{content:"";position:absolute;left:5px;top:8px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.il-split .il-fig{margin:0;max-width:none;border-radius:20px}
@media (max-width:900px){.il-split{grid-template-columns:1fr;gap:24px}.il-split.flip .il-fig{order:0}}
.sc-ph img{object-position:0% 32%}
@media (max-width:980px){.sc-ph img{object-position:22% 30%}}
@media (min-width:981px){.sc-ph img{transform:scale(1.35);transform-origin:0% 34%}}
@media (min-width:981px){.sc-ph img{transform:none;object-position:50% 30%}}
@media (max-width:980px){.sc-ph img{object-position:50% 25%}}
@media (min-width:981px){.sc{min-height:600px}.sc-ph{bottom:auto;height:500px}.sc-out{bottom:0}.sc-cap{top:50px}}
@media (min-width:981px){.sc-ph img{object-position:100% 30%}}
@media (min-width:981px){.sc-ph img{width:112%;max-width:none;margin-left:-12%;object-position:50% 30%;transform:none}}
