/* Direct Info Source - Web Development page only. Never changes global Webflow layout. */
.dis-dev-page { --dev-ink:#193344; --dev-muted:#526a79; --dev-cyan:#1384a0; --dev-light:#f2f9fb; --dev-border:#dceaf0; color:var(--dev-ink); background:#fff; font:16px/1.78 Arial,Helvetica,sans-serif; }
.dis-dev-page *, .dis-dev-page *::before, .dis-dev-page *::after { box-sizing:border-box; }
.dis-dev-page .dis-dev-wrap { max-width:1150px; width:calc(100% - 48px); margin:0 auto; }
.dis-dev-page .dis-dev-narrow { max-width:930px; }
.dis-dev-page h2,.dis-dev-page h3,.dis-dev-page p { margin-top:0; }
.dis-dev-page h2 { color:var(--dev-ink); font-weight:750; font-size:clamp(30px,3.5vw,44px); letter-spacing:-.7px; line-height:1.22; margin-bottom:22px; }
.dis-dev-page h3 { color:var(--dev-ink); font-size:21px; font-weight:700; line-height:1.35; margin-bottom:13px; }
.dis-dev-page p { font-size:16px; line-height:1.84; color:var(--dev-muted); margin-bottom:18px; }
.dis-dev-page a { color:#087895; text-underline-offset:3px; }
.dis-dev-page .dis-dev-overline { display:block; color:var(--dev-cyan); font-size:12px; letter-spacing:2px; line-height:1.5; font-weight:800; margin-bottom:15px; }
.dis-dev-page .dis-dev-intro { padding:92px 0 99px; background:linear-gradient(160deg,#fff 28%,#edf8fc 100%); }
.dis-dev-page .dis-dev-intro h2 { font-size:clamp(35px,4.5vw,56px); line-height:1.14; letter-spacing:-1.25px; }
.dis-dev-page .dis-dev-lead { font-size:clamp(18px,2vw,21px); line-height:1.72; color:#395869; margin-bottom:25px; }
.dis-dev-page .dis-dev-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:33px; }
.dis-dev-page .dis-dev-button { display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:15px 25px; background:#117f9c; color:#fff; text-decoration:none; font-weight:700; font-size:15px; border-radius:9px; min-height:52px; line-height:1.35; box-shadow:0 7px 22px rgba(17,127,156,.17); transition:background .2s,transform .2s; }
.dis-dev-page .dis-dev-button:hover { background:#096d88; transform:translateY(-2px); }
.dis-dev-page .dis-dev-secondary { font-weight:700; }
.dis-dev-page .dis-dev-section { padding:85px 0; }
.dis-dev-page .dis-dev-light { background:var(--dev-light); }
.dis-dev-page .dis-dev-section-lead { max-width:850px; margin-bottom:35px; }
.dis-dev-page .dis-dev-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.dis-dev-page .dis-dev-card { min-width:0; padding:28px 25px; border-radius:15px; border:1px solid var(--dev-border); background:#fff; box-shadow:0 5px 21px rgba(24,64,83,.05); }
.dis-dev-page .dis-dev-number { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#e7f5f9; color:#1586a2; font-weight:800; margin-bottom:19px; }
.dis-dev-page .dis-dev-card p:last-child,.dis-dev-page .dis-dev-columns-three p:last-child,.dis-dev-page .dis-dev-check-grid p:last-child,.dis-dev-page .dis-dev-process p:last-child { margin-bottom:0; }
.dis-dev-page .dis-dev-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:47px; }
.dis-dev-page .dis-dev-two-col > div { border-top:3px solid #88cfdf; padding-top:23px; }
.dis-dev-page .dis-dev-columns-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.dis-dev-page .dis-dev-columns-three article { padding:27px 24px; background:#fff; border-radius:13px; border:1px solid var(--dev-border); }
.dis-dev-page .dis-dev-check-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:30px; }
.dis-dev-page .dis-dev-check-grid > div { border-left:3px solid #9fd5e3; padding-left:18px; }
.dis-dev-page .dis-dev-check-grid strong { font-size:18px; display:block; margin-bottom:8px; }
.dis-dev-page .dis-dev-footnote { font-size:14px; margin-top:30px; }
.dis-dev-page .dis-dev-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:23px; }
.dis-dev-page .dis-dev-process article { border-top:3px solid #91d0df; padding-top:18px; }
.dis-dev-page .dis-dev-process span { display:block; color:#168ca8; font-size:35px; font-weight:800; margin-bottom:12px; }
.dis-dev-page .dis-dev-faq { max-width:900px; }
.dis-dev-page .dis-dev-faq details { border-bottom:1px solid var(--dev-border); padding:0; }
.dis-dev-page .dis-dev-faq summary { cursor:pointer; font-size:17px; font-weight:700; color:var(--dev-ink); padding:20px 28px 20px 0; position:relative; list-style:none; }
.dis-dev-page .dis-dev-faq summary::-webkit-details-marker { display:none; }
.dis-dev-page .dis-dev-faq summary::after { content:'+'; position:absolute; right:4px; top:17px; font-size:24px; font-weight:400; color:var(--dev-cyan); }
.dis-dev-page .dis-dev-faq details[open] summary::after { content:'−'; }
.dis-dev-page .dis-dev-faq details p { padding:0 28px 20px 0; margin-bottom:0; }
.dis-dev-page .dis-dev-cta { background:#172a3c; color:#fff; padding:87px 0; text-align:center; }
.dis-dev-page .dis-dev-cta-inner { max-width:820px; }
.dis-dev-page .dis-dev-cta h2 { color:#fff; }
.dis-dev-page .dis-dev-cta p { color:#d6e2ea; font-size:18px; }
.dis-dev-page .dis-dev-cta .dis-dev-overline { color:#86d1e3; }
.dis-dev-page .dis-dev-button-white { background:#fff; color:#126f89; margin-top:14px; }
.dis-dev-page .dis-dev-button-white:hover { background:#eaf9fc; color:#09546a; }
@media (max-width: 1000px) {
 .dis-dev-page .dis-dev-cards,.dis-dev-page .dis-dev-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .dis-dev-page .dis-dev-process { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
 .dis-dev-page .dis-dev-wrap { width:calc(100% - 36px); }
 .dis-dev-page .dis-dev-intro { padding:64px 0 70px; }
 .dis-dev-page .dis-dev-section { padding:62px 0; }
 .dis-dev-page .dis-dev-cards,.dis-dev-page .dis-dev-two-col,.dis-dev-page .dis-dev-columns-three,.dis-dev-page .dis-dev-check-grid,.dis-dev-page .dis-dev-process { grid-template-columns:1fr; gap:18px; }
 .dis-dev-page .dis-dev-card { padding:24px 21px; }
 .dis-dev-page .dis-dev-two-col { gap:30px; }
 .dis-dev-page .dis-dev-cta { padding:64px 0; }
 .dis-dev-page .dis-dev-faq summary { font-size:16px; }
 .dis-dev-page .dis-dev-button { width:100%; text-align:center; }
 .dis-dev-page .dis-dev-secondary { width:100%; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { .dis-dev-page .dis-dev-button { transition:none; } }