/* Illustrations for delivery stages and scope-based starting prices. */
.visual-home .delivery-visuals .process-grid { margin-top:40px; }
.visual-home .delivery-visuals .process-grid li { padding-top:20px; }
.visual-home .delivery-visuals .process-grid li>span { margin-bottom:18px; }
.delivery-image { width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; border-radius:11px; background:#132232; }
.visual-home .delivery-visuals .process-grid h3 { margin-top:21px; }
.scope-price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.scope-price-card { display:flex; flex-direction:column; min-width:0; border:1px solid #2c4356; border-radius:14px; padding:27px; background:#142330; }
.scope-price-card.scope-custom { background:linear-gradient(145deg,#1d3f5b,#152a3d); border-color:#4287b7; }
.scope-label { font-size:10px; color:#7aaaca; letter-spacing:1px; text-transform:uppercase; display:flex; align-items:center; gap:9px; margin-bottom:21px; }
.scope-label i { display:block; width:6px; height:6px; border-radius:50%; background:#5cacdf; }
.scope-custom .scope-label { color:#a3dcff; }
.scope-price-card h3 { font-size:24px; font-weight:550; line-height:1.2; letter-spacing:-.5px; min-height:58px; }
.scope-amount { display:flex; align-items:baseline; gap:9px; margin-top:24px; flex-wrap:wrap; }
.scope-amount small { font-size:15px; color:#91b5cf; }
.scope-amount strong { font-size:40px; line-height:1.1; font-weight:600; letter-spacing:-1.5px; white-space:nowrap; }
.scope-amount span { color:#89c8f3; font-size:24px; }
.scope-payment { font-size:10px; color:#96afc3; margin-top:8px; }
.scope-summary { font-size:13px; color:#afc3d4; line-height:1.75; margin-top:24px; min-height:69px; }
.scope-price-card .check-list { font-size:12px; gap:10px; margin:23px 0; }
.scope-price-card .check-list li { padding-left:20px; }
.scope-boundary { font-size:11px; color:#8fa9be; line-height:1.7; padding-top:17px; border-top:1px solid #30495f; margin-top:auto; }
.scope-price-card>.text-link { justify-content:space-between; width:100%; font-size:12px; margin-top:20px; }
.scope-custom .scope-boundary { color:#b1cbe0; border-color:#395c79; }
.scope-expectation { display:grid; grid-template-columns:auto minmax(0,1fr); gap:18px; padding:23px 27px; background:#122c40; border:1px solid #2e5575; border-radius:10px; margin-top:22px; }
.scope-expectation>span { display:grid; place-items:center; align-self:start; width:37px; height:37px; border:1px solid #4287b5; border-radius:8px; font-size:21px; color:#83d0ff; }
.scope-expectation h3 { font-size:15px; font-weight:550; line-height:1.45; }
.scope-expectation p { font-size:12px; color:#a2bdd2; line-height:1.75; margin-top:7px; }
.scope-footnote { font-size:11px; line-height:1.75; color:#9db2c5; margin:19px 0 30px; }
.hosting-strip { display:grid; grid-template-columns:1fr auto; align-items:center; gap:25px 45px; padding:28px 31px; border:1px solid #335875; border-radius:12px; background:#142b3e; }
.hosting-strip-copy { display:flex; gap:20px; align-items:center; }
.hosting-art { flex:none; width:54px; height:60px; position:relative; display:flex; flex-direction:column; justify-content:center; gap:5px; }
.hosting-art i { display:block; height:16px; border:1px solid #5fa1cf; background:#244b68; border-radius:4px; position:relative; }
.hosting-art i:before { content:''; position:absolute; left:7px; top:5px; width:4px; height:4px; border-radius:50%; background:#78d7c2; }
.hosting-art i:after { content:''; position:absolute; right:6px; top:6px; height:1px; width:18px; background:#7daccd; }
.hosting-strip .eyebrow { font-size:9px; margin-bottom:10px; letter-spacing:1.4px; }
.hosting-strip h3 { font-size:23px; font-weight:550; }
.hosting-strip-copy p:not(.eyebrow) { color:#9db9cd; font-size:12px; line-height:1.7; margin-top:8px; max-width:520px; }
.hosting-cost { min-width:230px; text-align:right; }
.hosting-cost .scope-amount { justify-content:flex-end; margin-top:0; }
.hosting-cost .scope-amount strong { font-size:35px; }
.hosting-cost p { font-size:11px; color:#9db9cd; margin-top:7px; }
.pricing-scope .development-note { padding-block:19px; }
.pricing-scope #pricing-title { font-size:clamp(30px,2.9vw,41px); }
.pricing-scope .section-heading { gap:35px; }
.pricing-scope .section-heading>p { max-width:310px; font-size:13px; }
.freebot-banner { display:grid; grid-template-columns:.8fr 1.25fr .8fr; gap:28px; align-items:center; padding:29px; margin-top:24px; background:#112b2d; border:1px solid #2f5957; border-radius:13px; }
.freebot-preview { background:#152c3c; border:1px solid #356173; border-radius:12px; padding:16px; min-width:0; }
.bot-preview-heading { display:flex; align-items:center; gap:8px; margin-bottom:17px; font-size:10px; }
.bot-preview-heading>span { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#248bc0; font-size:16px; }
.freebot-preview p { font-size:9px; padding:9px; border-radius:7px 7px 7px 0; background:#244253; color:#c4dbea; line-height:1.55; margin-top:8px; }
.freebot-preview>div:not(.bot-preview-heading) { background:#1c5465; border:1px solid #387486; color:#bfe8f3; text-align:center; border-radius:5px; padding:6px; font-size:9px; margin-top:5px; }
.freebot-preview .bot-preview-reply { background:#266667; color:#e0f4ed; border-radius:7px 7px 0 7px; margin-left:25px; }
.freebot-copy h3 { font-size:25px; line-height:1.2; font-weight:550; }
.freebot-copy .eyebrow { font-size:9px; color:#7ccfc4; margin-bottom:15px; }
.freebot-copy>p:not(.eyebrow) { color:#a5c8c5; line-height:1.8; font-size:12px; margin-top:15px; }
.freebot-copy>.freebot-terms { font-size:10px!important; color:#88b0ad!important; }
.freebot-offer { border-left:1px solid #355d5b; padding-left:25px; min-width:0; }
.freebot-offer>strong { display:block; font-size:53px; line-height:1.1; font-weight:600; letter-spacing:-2px; color:#e4fff5; }
.freebot-offer>strong span { color:#7bd8c3; font-size:29px; }
.freebot-offer>b { display:block; font-size:12px; font-weight:550; margin-top:11px; color:#bee6dc; }
.freebot-offer>p { font-size:11px; line-height:1.7; color:#a0c9c1; margin-top:14px; }
.freebot-offer .text-link { display:flex; font-size:11px; margin-top:19px; color:#b6e8df; }
@media(max-width:1100px) {
 .scope-price-grid { gap:15px; }
 .scope-price-card { padding:22px; }
 .scope-price-card h3 { font-size:22px; }
 .scope-amount { gap:7px; }
 .scope-amount strong { font-size:33px; }
 .scope-summary { min-height:90px; font-size:12px; }
}
@media(max-width:900px) {
 .freebot-banner { grid-template-columns:1fr 1fr; gap:22px; }
 .freebot-preview { display:none; }
 .freebot-copy h3 { font-size:22px; }
 .scope-price-grid { gap:12px; }
 .scope-price-card { padding:18px; }
 .scope-price-card h3 { font-size:20px; min-height:73px; }
 .scope-amount { gap:5px; }
 .scope-amount strong { font-size:29px; letter-spacing:-1px; }
 .scope-amount small { font-size:12px; }
 .scope-amount span { font-size:19px; }
 .scope-label { font-size:8px; letter-spacing:.8px; }
 .scope-price-card .check-list { font-size:11px; }
 .scope-summary { min-height:105px; }
 .hosting-strip { gap:20px; padding:24px; }
 .hosting-strip-copy { gap:15px; }
 .hosting-cost { min-width:190px; }
 .hosting-cost .scope-amount strong { font-size:30px; }
}
@media(max-width:680px) {
 .pricing-scope .section-heading { gap:20px; }
 .pricing-scope .section-heading>p { max-width:none; }
 .freebot-banner { grid-template-columns:1fr; padding:25px; }
 .freebot-preview { display:block; max-width:280px; width:100%; justify-self:center; }
 .freebot-copy h3 { font-size:24px; }
 .freebot-offer { border-left:0; border-top:1px solid #355d5b; padding:20px 0 0; }
 .visual-home .delivery-visuals .process-grid { gap:28px 20px; margin-top:26px; }
 .visual-home .delivery-visuals .process-grid li { padding-top:16px; }
 .visual-home .delivery-visuals .process-grid li>span { margin-bottom:12px; }
 .visual-home .delivery-visuals .process-grid h3 { margin-top:15px; font-size:16px; }
 .delivery-image { border-radius:7px; }
 .scope-price-grid { grid-template-columns:1fr; gap:18px; }
 .scope-price-card { padding:26px; }
 .scope-price-card h3 { font-size:25px; min-height:0; }
 .scope-label { font-size:9px; margin-bottom:16px; }
 .scope-amount { gap:9px; margin-top:20px; }
 .scope-amount strong { font-size:40px; }
 .scope-amount small { font-size:14px; }
 .scope-amount span { font-size:23px; }
 .scope-payment { font-size:11px; }
 .scope-summary { min-height:0; margin-top:20px; font-size:13px; }
 .scope-price-card .check-list { font-size:12px; margin:20px 0; }
 .scope-expectation { padding:21px; gap:13px; }
 .scope-expectation>span { width:28px; height:28px; font-size:17px; }
 .scope-expectation h3 { font-size:14px; }
 .scope-expectation p { font-size:11px; }
 .hosting-strip { grid-template-columns:1fr; padding:24px; }
 .hosting-strip-copy { align-items:flex-start; }
 .hosting-art { width:40px; height:50px; }
 .hosting-strip h3 { font-size:21px; }
 .hosting-cost { min-width:0; text-align:left; padding-top:19px; border-top:1px solid #345670; }
 .hosting-cost .scope-amount { justify-content:flex-start; }
 .hosting-cost .scope-amount strong { font-size:35px; }
 .scope-footnote { font-size:11px; }
}