/* =========================
   BOOK DEMO (LIGHT THEME)
   ========================= */

   .page-book-demo .demo-hero{
    padding: 4.2rem 0 2.2rem;
    text-align:center;
  }
  
  .page-book-demo .demo-title{
    margin: .9rem 0 0;
    font-size: clamp(2.1rem, 4vw, 3.2rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
    color:#0f172a;
  }
  
  .page-book-demo .demo-trust{
    margin-top: 1.1rem;
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    justify-content:center;
  }
  
  /* chips */
  .page-book-demo .trust-chip{
    background: rgba(233,254,255,.78);
    border: 1px solid rgba(17,119,255,.20);
    color:#0f172a;
  }
  
  /* layout */
  .page-book-demo .demo-section{
    padding: 2.2rem 0 4.2rem;
  }
  
  .page-book-demo .demo-grid{
    display:grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 22px;
    align-items:start;
  }
  
  @media (max-width: 980px){
    .page-book-demo .demo-grid{ grid-template-columns: 1fr; }
  }
  
  /* ===== Cards (same style as your new theme) ===== */
  .page-book-demo .demo-card{
    background: rgba(233,254,255,.72);
    border: 1px solid rgba(17,119,255,.22);
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(2,6,23,.10);
    overflow:hidden;
    position:relative;
  }
  
  .page-book-demo .demo-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    background:
      radial-gradient(700px 260px at 20% 0%, rgba(17,119,255,.10), transparent 60%),
      radial-gradient(700px 260px at 90% 10%, rgba(233,254,255,.95), transparent 55%);
    pointer-events:none;
    z-index:0;
  }
  
  .page-book-demo .demo-card > *{ position:relative; z-index:1; }
  
  .page-book-demo .demo-card:not(.demo-card-padless){
    padding: 1.35rem;
  }
  
  .page-book-demo .demo-card-padless{
    padding: 0;
  }
  
  /* ===== Calendly: IMPORTANT =====
     You cannot reliably style .calendly-inline-widget itself because it injects iframe.
     Style the wrapper card instead.
  */
  .page-book-demo .demo-calendly .demo-card{
    padding: 10px;            /* little breathing space */
  }
  
  .page-book-demo .demo-calendly .calendly-inline-widget{
    width:100%;
    min-width: 320px;
    height: 720px;
    border-radius: 18px;
    overflow:hidden;
    background: #fff;
  }
  
  /* right side content */
  .page-book-demo .demo-left h2{
    margin: 0 0 .6rem;
    color:#0f172a;
    font-size: 1.35rem;
  }
  
  .page-book-demo .demo-list{
    margin: .75rem 0 0;
    padding-left: 1.1rem;
    color:#334155;
  }
  
  .page-book-demo .demo-list li{
    margin: .55rem 0;
    line-height: 1.55;
  }
  
  .page-book-demo .demo-note{
    margin-top: 1rem;
    color:#334155;
    background: rgba(17,119,255,.08);
    border: 1px solid rgba(17,119,255,.18);
    border-radius: 16px;
    padding: 12px 14px;
  }
  
  .page-book-demo .demo-wa{
    display:inline-flex;
    margin-top: .55rem;
    color:#1177ff;
    font-weight: 700;
    text-decoration: none;
  }
  
  .page-book-demo .demo-wa:hover{
    text-decoration: underline;
  }