/* Local Request Demo concept: DIC homepage's type, palette and editorial hierarchy. */
.dic-demo-page { color:#07111f; }
.dic-demo-page :is(p,h1,h2,h3,summary) { text-wrap:balance; }
.dic-demo-page a:focus-visible,.dic-demo-page summary:focus-visible { outline:3px solid #2dbbff;outline-offset:5px; }
.dic-demo-hero { position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 12%,#dcedf8 0,transparent 52%),#f3f7fa;border-bottom:1px solid #cbdce9; }
.dic-demo-hero::before { content:"";position:absolute;width:580px;height:580px;left:-385px;top:60px;border:1px solid #a5cadf;border-radius:50%;box-shadow:0 0 0 40px #bad9ec40,0 0 0 80px #bad9ec25;pointer-events:none; }
.dic-demo-hero__grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);position:relative;padding-top:3.5rem;padding-bottom:3rem; }
.dic-demo-hero__intro { container-type:inline-size;min-width:0; }
.dic-demo-back { color:#4b6479;font-size:.9rem;display:inline-flex;align-items:center;gap:.6rem;margin-bottom:2.5rem; }
.dic-demo-page .dic-demo-eyebrow { color:#145da8;font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.25rem; }
body .dic-demo-page h1 { font-size:clamp(1.5rem,9.8cqi,3.9rem);color:#07111f;font-weight:750;line-height:1.06;letter-spacing:normal;margin:0 0 1.5rem;text-align:left; }
.dic-demo-page h1 span { color:#145da8;white-space:nowrap; }
.dic-demo-page .dic-demo-lead { font-size:1.25rem;line-height:1.65;font-weight:400;color:#435b70;max-width:36ch;margin:0 0 1.75rem;text-align:left; }
.dic-demo-actions { display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap; }
.dic-demo-actions .voice-button { background:#145da8;border-color:#145da8;color:white;gap:1rem;min-height:52px; }
.dic-demo-actions>a:last-child { font-size:.95rem;font-weight:650;color:#145da8;min-height:44px;display:inline-flex;align-items:center;gap:.6rem; }
.dic-demo-starting-points { margin-top:2rem;border-top:1px solid #cbdce9; }
.dic-demo-starting-points>div { display:grid;grid-template-columns:52px minmax(0,1fr);gap:1rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid #cbdce9; }
.dic-demo-icon { width:52px;height:52px;display:grid;place-items:center;font-size:1.85rem;background:#e4f0f8;color:#145da8;border-radius:6px; }
.dic-demo-icon--teal { background:#e5f2ee;color:#087f68; }
.dic-demo-page .dic-demo-starting-points h2 { font-size:1.1rem;line-height:1.3;color:#07111f;margin:0 0 .35rem;text-align:left; }
.dic-demo-page .dic-demo-starting-points p { font-size:1rem;font-weight:400;line-height:1.55;color:#4b6275;margin:0;text-align:left; }
.dic-demo-page .dic-demo-reassurance { color:#4b6275;font-size:.9375rem;line-height:1.6;margin:1.5rem 0 0; }
.dic-demo-reassurance i { color:#145da8;margin-right:.5rem; }
.dic-demo-form { border:1px solid #b8cddc;background:white;border-radius:6px;box-shadow:0 20px 40px #07111f17;overflow:hidden;scroll-margin-top:6rem; }
.dic-demo-form__heading { padding:1.75rem;background:linear-gradient(115deg,#0b2239,#0d3558);border-top:3px solid #2dbbff; }
.dic-demo-form__kicker { color:#8cdaff;font-size:.7rem;font-weight:750;letter-spacing:.1em; }
.dic-demo-page .dic-demo-form__heading h2 { font-size:1.9rem;color:#f5f8fc;line-height:1.15;letter-spacing:normal;margin:.85rem 0;text-align:left; }
.dic-demo-page .dic-demo-form__heading p { color:#c0d2e0;font-size:1.0625rem;font-weight:400;line-height:1.6;margin:0;text-align:left; }
.dic-demo-form .voice-lead-form { border:0;border-radius:0;box-shadow:none;margin:0; }
.dic-demo-form .voice-lead-form__body { padding:1.75rem; }
.dic-demo-page .dic-demo-form__note { padding:0 1.75rem 1.5rem;margin:0;font-size:.9375rem;color:#4b6275;line-height:1.6;text-align:left; }
.dic-demo-hero__footer { position:relative;border-top:1px solid #cbdce9;display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;padding-bottom:1.2rem;color:#496176;font-size:.9375rem; }
.dic-demo-hero__footer a { color:#145da8;font-weight:650; }
.dic-demo-expect { background:#07111f;padding:4rem 0; }
.dic-demo-expect .dic-demo-eyebrow,.dic-demo-questions .dic-demo-eyebrow { color:#57c7fa; }
.dic-demo-page .dic-demo-expect h2,.dic-demo-page .dic-demo-questions h2 { font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.12;color:#f5f8fc;letter-spacing:normal; }
#demo-expect-title { scroll-margin-top:6rem; }
.dic-demo-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none;margin:2.5rem 0 0;padding:0; }
.dic-demo-steps li { border:1px solid #284052;border-radius:5px;padding:1.6rem;background:#0d1c2a; }
.dic-demo-step-icon { display:grid;place-items:center;width:60px;height:60px;font-size:2rem;color:#57c7fa;background:#16344a;border-radius:6px;margin-bottom:1.5rem; }
.dic-demo-step-number { font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#8aa9bd; }
.dic-demo-page .dic-demo-steps h3 { font-size:1.4rem;color:#f5f8fc;line-height:1.2;margin:.75rem 0; }
.dic-demo-page .dic-demo-steps p { font-size:1.0625rem;font-weight:400;color:#bbccd9;line-height:1.65;margin:0; }
.dic-demo-questions { background:#0c1927;border-top:1px solid #284052;padding:4rem 0; }
.dic-demo-questions__grid { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem; }
.dic-demo-page .dic-demo-questions p { font-size:1.0625rem;line-height:1.65;color:#bbccd9;font-weight:400; }
.dic-demo-faq details { border-top:1px solid #385063;padding:1rem 0; }
.dic-demo-faq summary { min-height:44px;color:#edf5fc;font-weight:650;font-size:1.0625rem;cursor:pointer;padding:.5rem 0; }
.dic-demo-faq details p { margin:.75rem 0 0; }
.dic-demo-faq>a { margin-top:1.5rem; }
@media(max-width:991.98px) { .dic-demo-hero__grid { grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:2rem; }.dic-demo-hero__intro { max-width:680px; }.dic-demo-back { margin-bottom:1.5rem; }.dic-demo-starting-points { display:none; }.dic-demo-page .dic-demo-lead { max-width:46ch; }.dic-demo-questions__grid { grid-template-columns:1fr;gap:1.5rem; }.dic-demo-steps { grid-template-columns:1fr; }.dic-demo-steps li { display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:1.25rem; }.dic-demo-step-icon { grid-row:1/4;margin:0; }.dic-demo-step-number,.dic-demo-steps h3,.dic-demo-steps p { grid-column:2; } }
@media(max-width:575.98px) { .dic-demo-hero__grid { padding-bottom:2rem; }.dic-demo-page .dic-demo-lead { font-size:1.125rem; }.dic-demo-actions { display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem; }.dic-demo-actions .voice-button { justify-content:space-between; }.dic-demo-hero__footer { flex-direction:column;font-size:.875rem; }.dic-demo-form__heading,.dic-demo-form .voice-lead-form__body { padding:1.25rem; }.dic-demo-page .dic-demo-form__heading h2 { font-size:1.6rem; }.dic-demo-page .dic-demo-form__note { padding:0 1.25rem 1.25rem; }.dic-demo-expect,.dic-demo-questions { padding:2.75rem 0; }.dic-demo-steps li { display:block;padding:1.3rem; }.dic-demo-step-icon { margin:0 0 1rem; } }

/* Fit the review legend and the complete step heading on narrow phones. */
.dic-demo-form .voice-studio-disabled-form legend { font-size:1rem;line-height:1.4;float:none;width:auto;max-width:100%;text-wrap:balance; }
.dic-demo-expect h2 span { white-space:nowrap; }
@media(max-width:575.98px) { .dic-demo-page .dic-demo-expect h2 { font-size:clamp(1.5rem,7.5vw,1.9rem); } }

/* The native form supplies its own padding on phones. */
@media (max-width:575.98px) {
  #demo-form .voice-lead-form__body { padding-inline:8px; }
}
