.demo-hero{background:linear-gradient(180deg, #f0f4ff 0%, var(--white) 100%);padding:120px 0 88px;position:relative;overflow:hidden}.demo-hero-inner{grid-template-columns:45fr 55fr;align-items:start;gap:48px;display:grid}.demo-hero-text h1{letter-spacing:-.035em;color:var(--text-dark);margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.1}.demo-hero-sub{color:var(--text-body);max-width:460px;margin-bottom:28px;font-size:15px;line-height:1.65}.demo-hero-bullets{flex-direction:column;gap:14px;margin-bottom:20px;list-style:none;display:flex}.demo-hero-bullets li{color:var(--text-body);align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;display:flex}.demo-hero-bullets li span{padding-top:1px}.demo-hero-reassurance{color:var(--text-muted);margin-top:4px;font-size:13px;font-style:italic}.demo-hero-embed{position:sticky;top:24px}.demo-booking-card{background:var(--white);border:1px solid var(--border-strong);box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;min-height:660px;padding:24px;display:flex}.demo-booking-header{color:var(--text-dark);text-align:center;letter-spacing:.01em;margin-bottom:16px;font-size:13px;font-weight:700}.demo-booking-trust-row{border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.demo-booking-trust-item{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.demo-booking-trust-item svg{color:var(--text-muted);opacity:.5}.demo-booking-skeleton{background:var(--surface-1);border-radius:8px;height:600px;position:relative;overflow:hidden}.demo-booking-shimmer{background:linear-gradient(90deg, var(--surface-1) 0%, var(--surface-2) 40%, var(--surface-1) 80%);background-size:200% 100%;animation:1.6s ease-in-out infinite demo-shimmer;position:absolute;inset:0}@keyframes demo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.demo-booking-shimmer{opacity:.6;animation:none}}.demo-booking-fallback{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:600px;padding:48px 24px;display:flex}.demo-booking-fallback-msg{color:var(--text-body);max-width:320px;margin-bottom:24px;font-size:15px;line-height:1.6}.demo-booking-fallback-cta{margin-bottom:16px}.demo-booking-fallback-email{color:var(--text-muted);font-size:13px}.demo-booking-fallback-email a{color:var(--blue);font-weight:600;text-decoration:none}.demo-booking-fallback-email a:hover{text-decoration:underline}.demo-benefits{background:var(--white);padding:88px 0}.demo-benefits-header{text-align:center;max-width:520px;margin:0 auto 48px}.demo-benefits-header h2{letter-spacing:-.025em;margin-bottom:12px;font-size:28px;font-weight:800;line-height:1.2}.demo-benefits-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.demo-benefit-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:28px 24px;transition:box-shadow .25s,transform .25s}.demo-benefit-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.demo-benefit-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:700}.demo-benefit-card p{color:var(--text-body);font-size:14px;line-height:1.6}.demo-card-icon{background:var(--dark);width:40px;height:40px;color:var(--white);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.demo-personas{background:#f5f7fa;padding:88px 0}.demo-personas-header{text-align:center;max-width:520px;margin:0 auto 48px}.demo-personas-header h2{letter-spacing:-.025em;margin-bottom:12px;font-size:28px;font-weight:800;line-height:1.2}.demo-personas-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.demo-persona-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:28px 24px;transition:box-shadow .25s,transform .25s}.demo-persona-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.demo-persona-card h3{letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:700}.demo-persona-card p{color:var(--text-body);font-size:13px;line-height:1.55}.demo-faq{background:var(--white);padding:88px 0}.demo-faq-header{text-align:center;margin-bottom:48px}.demo-faq-header h2{letter-spacing:-.025em;margin-bottom:12px;font-size:28px;font-weight:800;line-height:1.2}@media (max-width:1024px){.demo-hero-inner{grid-template-columns:1fr;gap:40px}.demo-hero-embed{max-width:520px;position:static}.demo-benefits-grid,.demo-personas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.demo-hero{padding:96px 0 64px}.demo-hero-text h1{font-size:clamp(26px,7vw,32px)}.demo-hero-inner{gap:32px}.demo-hero-embed{max-width:100%}.demo-benefits,.demo-personas,.demo-faq{padding:64px 0}.demo-benefits-grid,.demo-personas-grid{grid-template-columns:1fr}.demo-booking-trust-row{flex-wrap:wrap;gap:12px}}@media (max-width:480px){.demo-booking-card{min-height:auto;padding:16px}}.demo-thanks{background:linear-gradient(180deg, var(--white) 0%, var(--surface-1) 100%);align-items:center;min-height:100vh;padding:120px 0 80px;display:flex}.demo-thanks-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:640px;margin:0 auto;display:flex}.demo-thanks-inner h1{letter-spacing:-.02em;color:var(--text-dark);margin:0;font-size:36px;font-weight:800;line-height:1.2}.demo-thanks-sub{color:var(--text-body);max-width:540px;margin:0;font-size:16px;line-height:1.65}.demo-thanks-next{background:var(--white);border:1px solid var(--border);text-align:left;width:100%;box-shadow:var(--shadow-sm);border-radius:12px;margin-top:16px;padding:24px 28px}.demo-thanks-next h2{color:var(--text-dark);margin:0 0 12px;font-size:16px;font-weight:700}.demo-thanks-next ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.demo-thanks-next li{color:var(--text-body);font-size:14px;line-height:1.55}.demo-thanks-next strong{color:var(--text-dark);font-weight:600}.demo-thanks-next a{color:var(--blue);font-weight:500}.demo-thanks-next a:hover{text-decoration:underline}.demo-thanks-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}@media (max-width:480px){.demo-thanks{padding:96px 0 56px}.demo-thanks-inner h1{font-size:28px}.demo-thanks-next{padding:20px 18px}}
