.docsiv-design.demo-page{background:#fff}.docsiv-design.demo-page svg{vertical-align:middle;display:inline-block}.docsiv-design .dm-hero{display:block}.docsiv-design .dm-hero-top{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.docsiv-design .dm-hero-h1{min-width:0}.docsiv-design .dm-hero-lead{max-width:560px;margin:24px 0 0}.docsiv-design .dm-hero-aside{flex-direction:column;gap:22px;min-width:0;padding-top:6px;display:flex}.docsiv-design .dm-hero-list{flex-direction:column;gap:12px;max-width:480px;margin:0;padding:0;list-style:none;display:flex}.docsiv-design .dm-hero-list-item{font-family:var(--dd-font-body);color:var(--dd-ink);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;display:flex}.docsiv-design .dm-hero-list-ic{border-radius:var(--dd-radius-pill);width:18px;height:18px;color:var(--dd-ink);background:#fff;flex:none;place-items:center;margin-top:2px;display:grid;box-shadow:0 0 0 1px #1111111a}.docsiv-design.demo-page .dm-hero-list-ic svg{display:block}.docsiv-design .dm-hero-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.docsiv-design .dm-hero-chips li{border-radius:var(--dd-radius-pill);font-family:var(--dd-font-body);color:var(--dd-ink-2);background:#f2f2f2;padding:6px 12px;font-size:12.5px;line-height:1.3}.docsiv-design .dm-hero-cal{margin-top:clamp(36px,4.5vw,56px);scroll-margin-top:88px;display:block}.docsiv-design .dm-cal-panel{background-color:#15336e;background-image:url(/backgrounds/blur9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:clamp(18px,3.2vw,44px);position:relative;overflow:hidden}.docsiv-design .dm-cal-frame{background:#fff;height:615px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0a0a0b14,0 18px 48px -18px #0a0a0b59}.docsiv-design .dm-cal-embed{position:absolute;inset:0}.docsiv-design .dm-cal-state{z-index:1;font-family:var(--dd-font-body);color:var(--dd-ink-2);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.docsiv-design .dm-cal-spinner{border:2px solid var(--dd-border-strong);border-top-color:var(--dd-ink);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite dm-spin}@keyframes dm-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.docsiv-design .dm-cal-spinner{animation-duration:2.4s}}.docsiv-design .dm-cal-note{font-family:var(--dd-font-body);color:var(--dd-ink-3);margin:14px 0 0;font-size:13px}.docsiv-design .dm-cal-note a{color:var(--dd-ink-2);text-underline-offset:3px;text-decoration:underline}.docsiv-design .dm-cal-note a:hover{color:var(--dd-ink)}.docsiv-design.demo-page .dm-cal-panel{border-radius:var(--dd-radius-card);background-color:#f2f2f2;background-image:none;background-origin:border-box;border:7px solid #ffffffb3;padding:12px;overflow:visible;box-shadow:0 0 0 1px #1111110f}.docsiv-design.demo-page .dm-cal-frame{--dm-cal-inset:clamp(8px, 1.6vw, 20px);height:calc(615px + 2 * var(--dm-cal-inset));background-color:#f6f6f4;background-image:radial-gradient(#0a0a0b1f 1px,#0000 1.2px);background-size:18px 18px;border-radius:18px;box-shadow:inset 0 0 0 1px #1111110d}.docsiv-design.demo-page .dm-cal-embed{inset:var(--dm-cal-inset);border-radius:14px;overflow:hidden}.docsiv-design.demo-page .dm-cal-state{border-radius:var(--dd-radius-pill);background:#fff;flex-direction:row;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:13.5px;inset:50% auto auto 50%;transform:translate(-50%,calc(-50% - 36px));box-shadow:0 0 0 1px #1111110f,0 12px 28px -18px #14211f59}.docsiv-design.demo-page .dm-cal-state:has(.dd-btn){border-radius:18px;flex-direction:column;gap:14px;padding:20px 22px}.docsiv-design.demo-page .dm-cal-spinner{width:16px;height:16px}.docsiv-design.demo-page .dm-cal-note{color:var(--dd-ink-2);margin:16px 0 0;padding:0 4px;font-size:13.5px}.docsiv-design.demo-page .dm-cal-note a{color:var(--dd-ink);border-bottom:1px solid;padding-bottom:1px;text-decoration:none}.docsiv-design .dm-faq-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.docsiv-design .dm-faq-head{min-width:0}.docsiv-design .dm-faq-list{border-top:1px solid var(--dd-border);flex-direction:column;min-width:0;display:flex}.docsiv-design .dm-faq-item{border-bottom:1px solid var(--dd-border)}.docsiv-design .dm-faq-q{text-align:left;cursor:pointer;width:100%;font-family:var(--dd-font-display);letter-spacing:-.015em;color:var(--dd-ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:17px;font-weight:400;display:flex}.docsiv-design .dm-faq-caret{color:var(--dd-ink-3);flex-shrink:0;transition:transform .2s}.docsiv-design .dm-faq-item.is-open .dm-faq-caret{color:var(--dd-ink);transform:rotate(180deg)}.docsiv-design .dm-faq-a p{font-family:var(--dd-font-body);color:var(--dd-ink-2);max-width:620px;margin:0;padding:0 4px 22px;font-size:14.5px;line-height:1.65}.docsiv-design .dm-faq-foot{max-width:360px;font-family:var(--dd-font-body);color:var(--dd-ink-2);margin:20px 0 0;font-size:14.5px;line-height:1.6}.docsiv-design .dm-faq-foot a{color:var(--dd-ink);border-bottom:1px solid;padding-bottom:1px;text-decoration:none}.docsiv-design .dm-faq-foot a:hover{color:var(--dd-ink-2)}@media (max-width:900px){.docsiv-design .dm-hero-top{grid-template-columns:1fr;gap:28px}.docsiv-design .dm-faq-body{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:640px){.docsiv-design .dm-cal-frame{height:720px}.docsiv-design.demo-page .dm-cal-panel{padding:6px}.docsiv-design.demo-page .dm-cal-frame{--dm-cal-inset:6px;height:calc(720px + 2 * var(--dm-cal-inset));border-radius:14px}.docsiv-design.demo-page .dm-cal-embed{border-radius:10px}}