/* Demo landing page: original Vitrio typography and colour palette. */
.demo-landing .demo-landing-top{padding:2rem 0 3rem;background:color-mix(in srgb,var(--gray-bg) 22%,var(--white,#fff))}
.demo-landing .demo-hero{background:transparent;color:var(--ink);border-radius:0;padding:1rem 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem;align-items:start}
.demo-landing .demo-hero-inner{padding:1.25rem 0 0;max-width:none!important}
.demo-landing .demo-hero-inner h1{font-size:clamp(2.8rem,4vw,4.2rem);line-height:1.12;color:var(--ink);margin:.6rem 0 1.75rem}
.demo-landing .demo-hero-inner .eyebrow{color:var(--orange-dark)}
.demo-landing .demo-accent{color:var(--orange-dark)}
.demo-landing .demo-hero-inner p{color:var(--muted);font-size:1.25rem!important;line-height:1.8!important;margin-bottom:1.3rem}
.demo-intro-points{list-style:none;padding:0;margin:1.75rem 0;display:grid;gap:.9rem}.demo-landing .demo-intro-points li{display:flex;align-items:center;gap:.8rem;font-size:1.125rem!important;line-height:1.6}.demo-intro-points i{color:var(--orange-dark);font-size:1.35rem;flex-shrink:0}
.demo-proof-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}
.demo-proof-cards a{display:flex;align-items:center;flex-direction:column;text-align:center;gap:.8rem;padding:1.3rem .65rem;background:var(--white,#fff);border:1px solid var(--line);border-top:4px solid var(--orange-dark);border-radius:6px;color:var(--ink)}
.demo-proof-cards i{color:var(--orange-dark);font-size:1.9rem}.demo-proof-cards strong{font-size:1.05rem;line-height:1.4}.demo-proof-cards span{font-size:.95rem;color:var(--muted);line-height:1.5}
.demo-landing .demo-hero .demo-form-card{--ink:#fff;--muted:#fff;background:#5C1FA6;color:#fff;padding:2rem;border:0;border-radius:10px;box-shadow:0 12px 30px rgba(30,32,37,.1)}
.demo-landing .demo-form-card h2{font-size:2.5rem;color:#fff;line-height:1.2;margin:0 0 1rem}
.demo-landing .demo-form-card .demo-modal-sub,.demo-landing .demo-form-card .demo-modal-legal{color:#fff;font-size:1.0625rem!important;line-height:1.7!important}
.demo-landing .demo-form-card a:not(.btn){color:#fff;text-decoration:underline;text-underline-offset:4px}
.demo-landing .demo-form-card .demo-visible-label{color:#fff;font-size:1.0625rem;line-height:1.5}
.demo-landing .demo-form-card .demo-modal-input{width:100%;border-radius:5px;min-height:56px;background:#f8f8fa;color:#1E2025;border-color:#DFE1E1;font-size:1.125rem;padding:.8rem;margin-bottom:1rem}
.demo-landing .demo-form-card .demo-modal-input:focus-visible{outline:3px solid #fff;outline-offset:3px}
.demo-landing .demo-form-card .btn{background:#fff;color:#5C1FA6;min-height:56px}.demo-landing .demo-form-card .btn:hover{background:#EBECEC;color:#5C1FA6}
.demo-calendar-choice{display:grid;gap:.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.3);font-size:1.0625rem;line-height:1.6}
.demo-landing .demo-modal-success i{color:#fff}.demo-landing .demo-modal-success h3{color:#fff}.demo-landing .booking-next-step{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.demo-landing .booking-next-step :is(h4,p,small,.booking-step-label){color:#fff}
.demo-landing .demo-form-card .demo-modal-error{background:#fff;color:#8b1a1a;padding:1rem;border-radius:5px;font-size:1.0625rem;line-height:1.6}
.demo-trust{padding:3rem 0}.demo-customer-names{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem 3rem;list-style:none;padding:0;margin:2.25rem 0;color:var(--ink)}.demo-landing .demo-customer-names li{font-size:1.35rem;font-weight:600}.demo-team-roles li{padding:.5rem 0}
.demo-trust-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;border-top:1px solid var(--line);padding-top:1.75rem}.demo-trust-links a{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:1.0625rem;line-height:1.6}
.demo-landing .customer-stories{background:color-mix(in srgb,var(--gray-bg) 18%,var(--white,#fff))}.demo-landing .quote-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.demo-landing .quote-grid>figure:last-child{grid-column:auto}.demo-landing .customer-story{padding:1.5rem}.demo-landing .customer-story blockquote{font-size:1.2rem!important;line-height:1.75}.demo-landing .story-avatar{width:60px;height:60px;font-size:1.2rem;flex-shrink:0}.demo-landing .customer-story figcaption{gap:.8rem;flex-wrap:wrap}.demo-landing .story-signoff{font-size:1.125rem}
html[data-theme=dark] .demo-landing .demo-landing-top,html[data-theme=dark] .demo-landing .customer-stories{background:var(--gray-bg)}
@media(max-width:1000px){.demo-landing .demo-hero{gap:2rem}.demo-landing .demo-hero-inner h1{font-size:3rem}.demo-proof-cards{grid-template-columns:1fr}.demo-proof-cards a{flex-direction:row;text-align:left;padding:1rem}.demo-proof-cards span{margin-left:auto}.demo-landing .quote-grid{grid-template-columns:1fr}}
@media(max-width:760px){.demo-landing .demo-hero{grid-template-columns:1fr;padding:0;gap:2rem}.demo-landing .demo-hero-inner h1{font-size:2.8rem}.demo-landing .demo-hero .demo-form-card{padding:1.5rem!important}.demo-landing .demo-form-row{grid-template-columns:1fr}.demo-landing .demo-form-card h2{font-size:2.2rem}.demo-proof-cards{margin-top:1.75rem}.demo-proof-cards span{max-width:110px}.demo-customer-names{gap:1rem 2rem}.demo-trust-links{justify-content:flex-start}}

.demo-landing .customer-stories .quote-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-landing .customer-stories .customer-story:last-child:nth-child(odd){grid-column:auto;min-height:0}.demo-landing .demo-form-card :is(.demo-modal-sub,.demo-modal-legal) a{color:#fff!important}.demo-landing .customer-stories .customer-story{min-height:0}.demo-landing .customer-stories .customer-story blockquote{font-size:1.2rem!important}
@media(max-width:1000px){.demo-landing .customer-stories .quote-grid{grid-template-columns:1fr}}

/* Keep the light surfaces white, with a defined edge and readable input text. */
.demo-landing .demo-hero .demo-form-card{border:1px solid rgba(255,255,255,.65);box-shadow:0 16px 38px rgba(30,32,37,.14)}.demo-landing .demo-form-card .demo-modal-input,html[data-theme=dark] .demo-landing .demo-form-card .demo-modal-input{background:#fff;color:#1E2025;border:1px solid #DFE1E1;box-shadow:inset 0 1px 2px rgba(30,32,37,.03)}.demo-landing .demo-proof-cards a{background:#fff;color:#1E2025;box-shadow:0 8px 22px rgba(30,32,37,.06)}.demo-landing .demo-proof-cards span{color:#5F6368}.demo-landing .demo-proof-cards i{color:#5C1FA6}.demo-landing .demo-landing-top{background:#fafafa}html[data-theme=dark] .demo-landing .demo-landing-top{background:var(--gray-bg)}