:root{--bs-body-font-family:"Inter",system-ui,sans-serif;--radius-card:12px;}
  html,body{font-family:var(--bs-body-font-family);font-size:14px;margin:0;padding:0;scroll-behavior:smooth;}
  .card{border-radius:var(--radius-card)!important;}
  .shadow-soft{box-shadow:0 .25rem 1rem rgba(0,0,0,.06);}
  .section-hd{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
  .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bs-border-color);font-size:13px;}
  .detail-row:last-child{border-bottom:none;}
  .mini-bg{background:var(--mini-bg);border-radius:8px;padding:12px;}
  .mono{font-family:monospace;font-size:12px;}
  .kpi-value{font-size:1.75rem;font-weight:700;line-height:1;}

  /* pills */
  .pill{font-size:11px;padding:3px 9px;border-radius:20px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;}
  .pill-success{background:rgba(25,135,84,.12);color:#198754;border:1px solid rgba(25,135,84,.25);}
  .pill-info{background:rgba(13,110,253,.10);color:#0d6efd;border:1px solid rgba(13,110,253,.2);}
  .pill-warning{background:rgba(255,193,7,.12);color:#856404;border:1px solid rgba(255,193,7,.3);}
  .pill-danger{background:rgba(220,53,69,.10);color:#dc3545;border:1px solid rgba(220,53,69,.2);}
  .pill-secondary{background:rgba(108,117,125,.10);color:#6c757d;border:1px solid rgba(108,117,125,.2);}
  [data-bs-theme="dark"] .pill-warning{color:#ffc107;}

  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
  .pulse-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.2s ease-in-out infinite;flex-shrink:0;}
  @keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
  .anim-in{animation:slideDown .28s ease forwards;}

  /* hero */
  .hero{padding:72px 0 56px;}
  .hero h1{font-size:clamp(2.1rem,4.2vw,3.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;}
  .hero .lede{font-size:15.5px;max-width:480px;}
  .text-big{color:#0d6efd;}

  /* feed */
  .feed-row{display:flex;gap:12px;align-items:flex-start;padding:10px 16px;font-size:13px;border-bottom:1px solid var(--bs-border-color);}
  .feed-row:last-child{border-bottom:none;}
  .feed-time{font-family:monospace;font-size:11px;flex-shrink:0;padding-top:3px;color:var(--bs-secondary-color);min-width:44px;}
  .feed-msg{line-height:1.45;}
  .kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--bs-border-color);}
  .kpi-cell{padding:14px 16px;border-right:1px solid var(--bs-border-color);}
  .kpi-cell:last-child{border-right:none;}

  /* service cards */
  .svc-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
  .si-info{background:rgba(13,110,253,.10);color:#0d6efd;}
  .si-success{background:rgba(25,135,84,.12);color:#198754;}
  .si-warning{background:rgba(255,193,7,.12);color:#ffc107;}
  [data-bs-theme="light"] .si-warning{color:#856404;}
  .svc-card{transition:transform .15s,border-color .15s;height:100%;}
  .svc-card:hover{transform:translateY(-2px);border-color:rgba(13,110,253,.4)!important;}

  /* timeline */
  .tl-step{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:10px;border:1px solid var(--bs-border-color);}
  .tl-step.done{border-color:#198754;background:rgba(25,135,84,.05);}
  .tl-step.active{border-color:#0d6efd;background:rgba(13,110,253,.05);}
  .step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;}
  .sc-done{background:rgba(25,135,84,.15);color:#198754;}
  .sc-active{background:rgba(13,110,253,.15);color:#0d6efd;}
  .sc-idle{background:var(--mini-bg);color:var(--bs-secondary-color);}

  /* sms bubbles */
  .sms-thread{display:flex;flex-direction:column;gap:10px;}
  .sms{max-width:85%;padding:9px 13px;border-radius:15px;font-size:13px;line-height:1.45;}
  .sms-in{align-self:flex-start;background:var(--mini-bg);border:1px solid var(--bs-border-color);border-bottom-left-radius:4px;}
  .sms-auto{align-self:flex-end;background:rgba(13,110,253,.12);color:#0d6efd;border:1px dashed rgba(13,110,253,.4);border-bottom-right-radius:4px;}
  .sms-meta{font-size:10px;opacity:.7;margin-top:3px;}

  /* dark / light */
  [data-bs-theme="dark"]{
    --bs-body-bg:#0f1113;--bs-body-color:#fff;--bs-heading-color:#fff;
    --bs-border-color:rgba(255,255,255,.10);
    --bs-card-bg:#0f1113;--bs-card-border-color:rgba(255,255,255,.10);
    --mini-bg:rgba(255,255,255,.05);--hover-bg:rgba(255,255,255,.06);
  }
  [data-bs-theme="dark"] body{background-color:#0f1113!important;}
  [data-bs-theme="dark"] .navbar{background-color:#0f1113!important;border-bottom:1px solid rgba(255,255,255,.10);}
  [data-bs-theme="dark"] .card{background-color:#0f1113!important;border-color:rgba(255,255,255,.10)!important;}
  [data-bs-theme="dark"] .card-header{background:transparent!important;border-color:rgba(255,255,255,.10)!important;}
  [data-bs-theme="dark"] .btn-outline-secondary{--bs-btn-color:rgba(255,255,255,.75);--bs-btn-border-color:rgba(255,255,255,.2);--bs-btn-hover-bg:rgba(255,255,255,.08);--bs-btn-hover-color:#fff;}
  [data-bs-theme="dark"] footer{border-top:1px solid rgba(255,255,255,.10);}

  [data-bs-theme="light"]{
    --bs-body-bg:#f8f9fa;--bs-border-color:rgba(0,0,0,.08);
    --bs-card-bg:#fff;--bs-card-border-color:rgba(0,0,0,.08);
    --mini-bg:#f1f3f5;--hover-bg:rgba(0,0,0,.04);
  }
  [data-bs-theme="light"] body{background:#f8f9fa!important;}
  [data-bs-theme="light"] .navbar{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08);}
  [data-bs-theme="light"] .card{background:#fff!important;border-color:rgba(0,0,0,.08)!important;}
  [data-bs-theme="light"] .card-header{background:transparent!important;border-color:rgba(0,0,0,.08)!important;}
  [data-bs-theme="light"] footer{border-top:1px solid rgba(0,0,0,.08);}

  section{padding:64px 0;}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* signup bar */
.signup-bar{background:rgba(13,17,23,.96);backdrop-filter:blur(6px);z-index:1035;}
body{padding-bottom:64px;}
.signup-bar.d-none{display:none!important;}