/* Variables: active variables stylesheet selected by the master layout. */
.demo-delivery-page {     max-width: 1240px; margin: 0 auto; padding: 52px 24px 64px; color: var(--site-text-strong); }
.demo-delivery-page .delivery-intro { position: static; background: transparent; box-shadow: none; padding: 0; margin-bottom: 36px; max-width: 760px; }
.demo-delivery-page h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.15; margin: 12px 0 20px; color: var(--site-text-strong); }
.demo-delivery-page h2 { font-size: 25px; margin: 0 0 14px; color: var(--site-text-strong); }
.demo-delivery-page h3 { font-size: 19px; margin: 0 0 16px; color: var(--site-text-strong); }
.demo-delivery-page p, .demo-delivery-page li { color: var(--site-text-muted); font-size: 15px; line-height: 1.8; }
.demo-delivery-page .delivery-eyebrow { color: var(--site-text-strong); font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 12px; }
.demo-delivery-page .delivery-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 24px; }
.demo-delivery-page .delivery-card { background: var(--site-surface); border: 1px solid var(--site-border) !important; border-radius: 20px; padding: 28px; box-shadow: 0 8px 28px rgba(0,31,91,.04); }
.demo-delivery-page .delivery-rate { color: var(--site-text-strong); font-size: 26px; font-weight: 700; margin: 0 0 16px; }
.demo-delivery-page .delivery-rate small { color: var(--site-text-muted); font-size: 12px; font-weight: 400; }
.demo-delivery-page .delivery-note { font-size: 13px; }
.demo-delivery-page .delivery-badge { display: inline-block; background: #ffd100; color: #001f5b !important; border-radius: 20px; padding: 4px 10px; margin-bottom: 16px; font-size: 11px; font-weight: 700; }
.demo-delivery-page .delivery-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.demo-delivery-page ol { padding-left: 22px; }
.demo-delivery-page li { margin-bottom: 12px; }
.demo-delivery-page .delivery-link { display: inline-block; color: var(--site-text-strong); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
html.dark .demo-delivery-page .delivery-link { color: #ffd100; }
@media(max-width: 900px) { .demo-delivery-page .delivery-services { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 600px) { .demo-delivery-page { padding: 32px 18px 40px; } .demo-delivery-page .delivery-services, .demo-delivery-page .delivery-details { grid-template-columns: 1fr; } .demo-delivery-page .delivery-card { padding: 22px; } }