/* SmartSites — "The captured lead" pop-out · 5 versions. Scoped under .dC. */

/* floating switcher (echoes the .switch pill) */
.iswitch{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;
  display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:100px;max-width:calc(100vw - 32px);
  background:rgba(12,19,34,.82);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  box-shadow:0 20px 50px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.10);}
.iswitch__brand{display:flex;align-items:center;gap:9px;padding:0 6px 0 8px;color:#fff;white-space:nowrap;}
.iswitch__brand svg{width:22px;height:22px;flex:0 0 22px;}
.iswitch__brand b{font-family:var(--font-title);font-weight:600;font-size:.92rem;letter-spacing:-.01em;}
.iswitch__brand em{font-style:normal;font-size:.8rem;color:#9fb6e6;font-family:var(--font-title);}
.iswitch__div{width:1px;align-self:stretch;background:rgba(255,255,255,.16);margin:2px 0;}
.iswitch__tabs{display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none;}
.iswitch__tabs::-webkit-scrollbar{display:none;}
.iswitch__tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-title);font-weight:600;font-size:.82rem;color:#9aa6bd;
  padding:.42rem .72rem;border-radius:100px;transition:background .18s,color .18s;white-space:nowrap;}
.iswitch__tab .l{font-weight:500;font-size:.8rem;}
.iswitch__tab:hover{color:#fff;background:rgba(255,255,255,.08);}
.iswitch__tab.on{color:#fff;background:var(--cobalt);}
@media(max-width:680px){.iswitch__brand em{display:none;}.iswitch__tab .l{display:none;}}

/* the idea caption + rationale shown above each pop-out */
.dC .ide-note{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.2rem;text-align:center;}
.dC .ide-why{max-width:48ch;color:#cdddff;font-size:.92rem;line-height:1.5;}
.dC .ide-why b{color:#fff;font-family:var(--font-title);font-weight:600;}

/* shared single-element card shell */
.dC .ild{width:100%;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 44px 100px rgba(3,18,70,.42);border:1px solid rgba(255,255,255,.5);
  text-align:left;position:relative;}
.dC .ild--pad{background:linear-gradient(160deg,#eef3ff,#e2ebff);}

/* shared bits */
.dC .ild__new{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-title);font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;color:var(--cobalt);}
.dC .ild__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:0 0 8px;}
@media (prefers-reduced-motion:no-preference){.dC .ild__dot{animation:ildPulse 1.8s var(--ease) infinite;}@keyframes ildPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5);}50%{box-shadow:0 0 0 6px rgba(34,197,94,0);}}}
.dC .ild__src{font-family:var(--font-title);font-size:.82rem;color:var(--ink-3);}
.dC .ild__av{flex:0 0 60px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-title);font-weight:600;font-size:1.25rem;}
.dC .ild__badge{width:28px;height:28px;border-radius:8px;background:var(--cobalt);color:#fff;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:.92rem;flex:0 0 28px;}
.dC .ild__sc{font-family:var(--font-title);font-weight:700;font-size:1.7rem;letter-spacing:-.02em;color:var(--ink);}
.dC .ild__chk{width:24px;height:24px;border-radius:50%;background:#16a34a;display:grid;place-items:center;flex:0 0 24px;}
.dC .ild__foot{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--ink-2);padding:1.3rem clamp(1.8rem,3.4vw,2.6rem);border-top:1px solid var(--line);}

/* ============ A · PROFILE CARD ============ */
.dC .ilda{padding:clamp(1.8rem,3.4vw,2.6rem);padding-bottom:0;}
.dC .ilda__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.dC .ilda__id{display:flex;align-items:center;gap:1.1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line);}
.dC .ilda__who{flex:1;min-width:0;}
.dC .ilda__who b{display:block;font-family:var(--font-title);font-weight:600;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.01em;color:var(--ink);}
.dC .ilda__who span{display:block;color:var(--ink-3);font-size:.92rem;margin-top:.2rem;}
.dC .ilda__tier{display:flex;align-items:center;gap:.7rem;flex:0 0 auto;}
.dC .ilda__tier .ild__badge{width:36px;height:36px;border-radius:9px;font-size:1.05rem;}
.dC .ilda__contact{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0;}
.dC .ild__chip{display:flex;flex-direction:column;gap:.25rem;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;font-size:.88rem;color:var(--ink-2);word-break:break-word;}
.dC .ild__chip b{font-family:var(--font-title);font-weight:600;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);}
.dC .ilda .ild__foot{margin-top:0;}
@media(max-width:600px){.dC .ilda__contact{grid-template-columns:1fr;}}

/* ============ B · LIVE TOAST ============ */
.dC .ildb-wrap{padding:clamp(2.4rem,5vw,4rem);display:flex;justify-content:center;}
.dC .ildb{width:min(540px,100%);display:flex;align-items:center;gap:1rem;background:#fff;border-radius:16px;padding:1.1rem 1.2rem;
  box-shadow:0 26px 60px rgba(3,18,70,.26);border:1px solid var(--line);}
.dC .ildb__av{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-title);font-weight:600;font-size:1.02rem;}
.dC .ildb__check{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;background:#16a34a;border:2px solid #fff;display:grid;place-items:center;}
.dC .ildb__body{flex:1;min-width:0;}
.dC .ildb__head{display:flex;align-items:center;justify-content:space-between;}
.dC .ildb__head b{font-family:var(--font-title);font-weight:600;font-size:.96rem;color:var(--ink);white-space:nowrap;}
.dC .ildb__time{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--ink-3);}
.dC .ildb__name{font-family:var(--font-title);font-weight:500;font-size:.92rem;color:var(--ink-2);margin-top:.15rem;}
.dC .ildb__meta{font-size:.8rem;color:var(--ink-3);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dC .ildb__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;align-self:stretch;background:var(--cobalt);color:#fff;font-family:var(--font-title);font-weight:600;font-size:.84rem;padding:0 1rem;border-radius:11px;white-space:nowrap;}
.dC .ildb__cta .ic{display:inline-flex;transition:transform .25s var(--ease);}
.dC .ildb__cta:hover .ic{transform:rotate(45deg);}
@media(max-width:560px){.dC .ildb{flex-wrap:wrap;}.dC .ildb__cta{width:100%;justify-content:center;padding:.7rem;}}

/* ============ C · SCORE RING ============ */
.dC .ildc{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.8rem,4vw,3rem);align-items:center;padding:clamp(1.8rem,3.6vw,2.8rem);}
.dC .ildc__ring{position:relative;width:138px;height:138px;flex:0 0 138px;justify-self:center;}
.dC .ildc__num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dC .ildc__num b{font-family:var(--font-title);font-weight:700;font-size:2.6rem;letter-spacing:-.03em;color:var(--ink);line-height:1;}
.dC .ildc__num span{font-size:.74rem;color:var(--ink-3);margin-top:.1rem;}
.dC .ildc__nm{font-family:var(--font-title);font-weight:600;font-size:clamp(1.4rem,2.6vw,1.85rem);letter-spacing:-.01em;color:var(--ink);margin:.5rem 0 .15rem;}
.dC .ildc__rl{color:var(--ink-3);font-size:.92rem;}
.dC .ildc__tier{display:inline-flex;align-items:center;gap:.55rem;margin:1rem 0;font-family:var(--font-title);font-weight:600;font-size:.86rem;color:var(--cobalt);}
.dC .ildc__rows{display:flex;flex-direction:column;gap:.55rem;padding-top:1rem;border-top:1px solid var(--line);}
.dC .ildc__row{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;}
.dC .ildc__row span{color:var(--ink-3);}
.dC .ildc__row b{font-family:var(--font-title);font-weight:500;color:var(--ink);}
@media(max-width:600px){.dC .ildc{grid-template-columns:1fr;text-align:center;}.dC .ildc__tier{margin-left:auto;margin-right:auto;}.dC .ildc__row{justify-content:center;}}

/* ============ D · CRM RECORD ============ */
.dC .ildd{padding:clamp(1.8rem,3.4vw,2.4rem);}
.dC .ildd__head{display:flex;align-items:center;gap:1rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line);}
.dC .ildd__head .ild__av{flex:0 0 48px;width:48px;height:48px;font-size:1.02rem;}
.dC .ildd__h{flex:1;min-width:0;}
.dC .ildd__h b{display:block;font-family:var(--font-title);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--ink);}
.dC .ildd__h span{display:block;color:var(--ink-3);font-size:.86rem;margin-top:.15rem;}
.dC .ildd__badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-title);font-weight:600;font-size:.8rem;color:var(--cobalt);background:var(--tint);padding:.4rem .7rem .4rem .45rem;border-radius:100px;flex:0 0 auto;}
.dC .ildd__badge .ild__badge{width:22px;height:22px;border-radius:6px;font-size:.78rem;}
.dC .ildd__stage{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 0;border-bottom:1px solid var(--line);}
.dC .ildd__steplab{font-family:var(--font-title);font-weight:600;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex:0 0 auto;}
.dC .ildd__pipe{display:flex;align-items:center;flex:1;}
.dC .ildd__node{display:inline-flex;align-items:center;gap:.42rem;font-family:var(--font-title);font-weight:600;font-size:.8rem;color:var(--ink-3);flex:0 0 auto;}
.dC .ildd__node i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-ink);display:block;}
.dC .ildd__node>svg{width:14px;height:14px;background:#16a34a;border-radius:50%;padding:2px;}
.dC .ildd__node.done{color:var(--ink-2);}
.dC .ildd__node.cur{color:var(--cobalt);}
.dC .ildd__node.cur i{border-color:var(--cobalt);background:var(--cobalt);box-shadow:inset 0 0 0 2px #fff;}
.dC .ildd__seg{flex:1;height:2px;background:var(--line-ink);margin:0 .55rem;min-width:14px;}
.dC .ildd__seg.on{background:#16a34a;}
.dC .ildd__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(1.4rem,3vw,2.4rem);padding:.4rem 0;}
.dC .ildd__field{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9rem;}
.dC .ildd__field span{color:var(--ink-3);}
.dC .ildd__field b{font-family:var(--font-title);font-weight:500;color:var(--ink);text-align:right;word-break:break-word;}
.dC .ildd__foot{display:flex;align-items:center;gap:.6rem;font-size:.84rem;color:var(--ink-2);margin-top:1.1rem;}
@media(max-width:620px){.dC .ildd__grid{grid-template-columns:1fr;}.dC .ildd__stage{flex-direction:column;align-items:flex-start;gap:.7rem;}.dC .ildd__pipe{width:100%;}}

/* ============ E · PHONE PUSH ============ */
.dC .ilde{display:grid;grid-template-columns:auto 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(2rem,4vw,3.4rem);}
.dC .ilde__phone{position:relative;width:262px;height:400px;background:#0c1322;border-radius:40px;padding:11px;box-shadow:0 30px 70px rgba(3,18,70,.4);flex:0 0 262px;justify-self:center;}
.dC .ilde__notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:96px;height:24px;background:#0c1322;border-radius:100px;z-index:3;}
.dC .ilde__screen{width:100%;height:100%;border-radius:30px;overflow:hidden;background:linear-gradient(165deg,#1b3a8f,#0a2360 60%,#0c1322);display:flex;flex-direction:column;align-items:center;padding:48px 14px 18px;}
.dC .ilde__clock{text-align:center;color:#fff;margin-bottom:1.4rem;}
.dC .ilde__clock b{display:block;font-family:var(--font-title);font-weight:600;font-size:3.4rem;letter-spacing:-.02em;line-height:1;}
.dC .ilde__clock span{display:block;font-size:.82rem;color:rgba(255,255,255,.7);margin-top:.3rem;}
.dC .ilde__notes{width:100%;position:relative;}
.dC .ilde__note{position:relative;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:.85rem .95rem;box-shadow:0 12px 30px rgba(0,0,0,.22);}
.dC .ilde__note--behind{position:absolute;left:6%;right:6%;bottom:-10px;height:40px;padding:0;background:rgba(255,255,255,.5);z-index:-1;}
.dC .ilde__nhead{display:flex;align-items:center;gap:.45rem;margin-bottom:.4rem;}
.dC .ilde__app{width:20px;height:20px;border-radius:6px;background:#fff;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.12);}
.dC .ilde__nhead b{font-family:var(--font-title);font-weight:600;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);}
.dC .ilde__ago{margin-left:auto;font-size:.72rem;color:var(--ink-3);}
.dC .ilde__ntitle{font-family:var(--font-title);font-weight:600;font-size:.96rem;color:var(--ink);}
.dC .ilde__nbody{font-size:.84rem;color:var(--ink-2);line-height:1.4;margin-top:.15rem;}
.dC .ilde__aside{max-width:34rem;}
.dC .ilde__h{font-family:var(--font-title);font-weight:600;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em;color:var(--ink);line-height:1.12;}
.dC .ilde__p{color:var(--ink-2);font-size:1rem;margin:.9rem 0 1.5rem;line-height:1.6;}
.dC .ilde__stat{display:flex;align-items:baseline;gap:.7rem;padding-top:1.3rem;border-top:1px solid var(--line);}
.dC .ilde__stat b{font-family:var(--font-title);font-weight:700;font-size:2.2rem;letter-spacing:-.03em;color:var(--cobalt);white-space:nowrap;flex:0 0 auto;}
.dC .ilde__stat span{color:var(--ink-3);font-size:.9rem;}
@media(max-width:760px){.dC .ilde{grid-template-columns:1fr;text-align:center;}.dC .ilde__stat{justify-content:center;}}