/* Phase 1: web development positioning and services page */
.digital-work-intro{background:#e8eff0;color:#202c37;padding-block:5rem}
.digital-work-intro .section-title{color:#1e2b37!important;max-width:19ch}
.digital-work-lead,.web-section-lead{max-width:58rem;font-size:1.08rem;line-height:1.65}
.digital-work-grid,.web-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
.digital-work-card,.web-work-grid article{border:1px solid #d1dce0;background:#fff;padding:2rem;border-radius:22px;box-shadow:0 15px 35px rgba(15,35,46,.06)}
.digital-work-card .title{color:#213447!important;margin-top:.65rem}
.digital-work-card p,.web-work-grid p{line-height:1.65}
.digital-work-card a,.web-work-grid a{display:inline-block;margin-top:1rem;font-weight:750;color:#185e72;text-decoration:underline;text-underline-offset:.2em}
.digital-work-label,.web-package-tag{text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.09em;color:#3d7180}
.web-development-page{background:#f7f9fa;color:#233240}
.web-development-page .web-hero{background:linear-gradient(130deg,#142b3a,#244954);color:#fff;padding-block:6rem}
.web-hero .title{max-width:16ch;font-family:Georgia,serif;font-size:clamp(2.6rem,6vw,5.1rem)!important;line-height:1.05;color:#fff!important}
.web-hero .eyebrow{color:#a4d8d5}
.web-hero .web-lead{max-width:52rem;font-size:1.2rem;line-height:1.6}
.web-hero .web-disclaimer{color:#d5e5e7}
.web-disclaimer{font-size:.9rem;line-height:1.55;max-width:65rem;color:#65727b}
.web-packages,.web-extras,.web-work,.web-inquiry{padding-block:5rem}
.web-packages{background:#f6f9fa}
.web-extras{background:#eaf1f2}
.web-work{background:#fff}
.web-inquiry{background:#f0f2e9}
.web-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem}
.web-package{display:flex;flex-direction:column;padding:1.6rem;border:1px solid #cfdddf;border-radius:22px;background:#fff;box-shadow:0 14px 32px rgba(20,40,50,.055)}
.web-package-highlight{border-top:5px solid #428c87}
.web-package .title{font-family:Georgia,serif;margin:.55rem 0;color:#203645!important}
.web-package>p:not(.web-price){line-height:1.55}
.web-package ul{list-style:disc;margin:1rem 0 1.5rem 1.25rem;flex-grow:1}
.web-package li{margin-bottom:.5rem;line-height:1.4}
.web-package .web-example{background:#edf4f4;border-radius:10px;padding:1rem;font-size:.92rem}
.web-package>a{font-weight:750;color:#20596d;margin-top:1rem;text-decoration:underline;text-underline-offset:.2em}
.web-price{font-size:2rem;font-weight:850;color:#216477;margin:.5rem 0}
.web-app-note{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.5rem;background:#173846;color:#fff;padding:1.7rem;border-radius:20px}
.web-app-note .title{color:#fff!important}
.web-app-note .web-package-tag{color:#b2d8d7}
.web-app-note p{line-height:1.55;max-width:54rem}
.web-app-note>a{color:#fff;font-weight:700;text-decoration:underline;flex-shrink:0}
.web-extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.web-extras-grid>div{background:#fff;border:1px solid #d2dcdf;border-radius:14px;padding:1.25rem}
.web-extras-grid strong{display:block;color:#273a46}
.web-extras-grid span{display:block;margin:.4rem 0;color:#25687a;font-weight:800;font-size:1.25rem}
.web-extras-grid p{font-size:.92rem;line-height:1.55;color:#53616b}
.web-inquiry .button{margin-top:1rem}
.web-development-page .site-footer{background:#142b3a;color:#fff;border:0}
.web-development-page .site-footer .small-print{color:#cbd6db}
.web-development-page .site-footer .footer-links a{color:#fff}
@media(max-width:900px){.web-package-grid{grid-template-columns:1fr}.web-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app-note{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.digital-work-grid,.web-work-grid,.web-extras-grid{grid-template-columns:1fr}.web-development-page .web-hero{padding-block:3.5rem}.web-packages,.web-extras,.web-work,.web-inquiry{padding-block:3.25rem}.web-package{padding:1.25rem}.digital-work-intro{padding-block:3.5rem}.web-hero .buttons .button{width:100%}.digital-work-card{padding:1.4rem}}

/* Phase 2 demo preview links */
.web-package .web-demo-link{display:inline-flex;align-items:center;justify-content:center;background:#155364;color:#fff;border-radius:9px;text-decoration:none;padding:.75rem 1rem;margin-top:1.2rem;font-weight:800}
.web-package .web-demo-link:hover{background:#0f3d4c;color:#fff}
.web-package a.web-demo-link:focus-visible{outline:3px solid #258ea1;outline-offset:3px}

/* Client-facing scope disclosure directly after prices, before extras. */
.package-scope{border-top:1px solid #dde6e8;margin:0 0 1.15rem;padding-top:.85rem}
.package-scope summary{cursor:pointer;font-weight:800;color:#185668;padding:.4rem 0;list-style-position:inside}
.package-scope summary:focus-visible,.package-table-scroll:focus-visible{outline:3px solid #258ea1;outline-offset:3px}
.package-scope-body{font-size:.9rem;line-height:1.6;color:#374d58;padding:.45rem 0}
.package-scope-body p+p{margin-top:.65rem}
.package-comparison{padding:2.7rem 0 2.1rem;margin-top:1.5rem}
.package-comparison>p{line-height:1.65;max-width:65rem}
.package-table-scroll{overflow-x:auto;max-width:100%;margin:1.5rem 0 .9rem;border:1px solid #cadadd;border-radius:15px;background:#fff}
.package-table{width:100%;border-collapse:collapse;text-align:left;min-width:680px;font-size:.92rem}
.package-table caption{caption-side:bottom;text-align:left;font-size:.78rem;color:#586f79;padding:.85rem 1rem}
.package-table thead{background:#173c4c;color:#fff}
.package-table th,.package-table td{padding:.85rem .9rem;border-bottom:1px solid #dfebed;vertical-align:top}
.package-table th:first-child{width:26%}.package-table tbody th{color:#264655;font-weight:800}
.package-table tbody tr:nth-child(even){background:#f0f6f6}
.package-table thead small{font-size:.8rem;color:#e3f0f1}
.package-comparison .package-footnote{font-size:.89rem;color:#50636b;margin:.8rem 0}
.package-comparison-link{display:inline-block;font-weight:800;color:#185d70;text-decoration:underline;margin-top:.9rem;text-underline-offset:.2em}
@media(max-width:700px){.package-comparison{padding-block:2rem}.package-table{min-width:650px}.package-table-scroll{scrollbar-width:thin}}

/* Custom-scoped projects are deliberately separate from the three fixed-scope packages. */
.web-specialized{padding-block:4.6rem;background:#eef4f3;color:#233b45}
.web-specialized .title{color:#1d3946}
.web-specialized-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin:1.8rem 0}
.web-specialized-card{min-width:0;display:flex;flex-direction:column;gap:.8rem;padding:1.75rem;background:#fff;border:1px solid #cedddc;border-radius:20px;box-shadow:0 10px 26px rgba(20,40,50,.05)}
.web-specialized-card .title{margin:0;color:#203645!important}
.web-specialized-card p{line-height:1.6;margin:0}
.web-specialized-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#356977}
.web-specialized-pricing{padding:.65rem .85rem;border-left:3px solid #3f8385;background:#eef5f4}
.web-specialized-detail{font-size:.89rem;color:#55666c;flex-grow:1}
.web-specialized-card>a{font-weight:800;color:#185b6a;text-decoration:underline;text-underline-offset:.2em;margin-top:.25rem}
.web-specialized-note{max-width:65rem;line-height:1.65;color:#394e57;margin-bottom:1.4rem}
.web-specialized-note a{font-weight:750;text-decoration:underline;color:#185b6a}
@media(max-width:900px){.web-specialized-grid{grid-template-columns:1fr}}
@media(max-width:650px){.web-specialized{padding-block:3rem}.web-specialized-card{padding:1.25rem}}

/* Phase 3 invitation keeps pre-payment review explicit. */
.web-estimator-promo{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;background:#e4f0ef;border:1px solid #c5dcdd;border-radius:18px;padding:1.5rem;margin-top:1.6rem}
.web-estimator-promo p{line-height:1.6;max-width:49rem}.web-estimator-promo .title{margin:.3rem 0;color:#214451!important}
.web-estimator-promo .button{white-space:normal;height:auto;min-height:3rem;text-align:center;flex-shrink:0}
@media(max-width:750px){.web-estimator-promo{flex-direction:column;align-items:stretch}.web-estimator-promo .button{width:100%}}

/* Accessible package table headers: override Bulma's default table heading ink. */
.web-development-page .package-table thead,
.web-development-page .package-table thead th{background:#173c4c;color:#fff!important}
.web-development-page .package-table thead th small{color:#e3f0f1!important}

/* Match pricing-page footer spacing and contrast to the section gutters. */
.web-development-page .site-footer{padding-inline:1.5rem}
.web-development-page .site-footer .footer-shell{min-width:0;gap:1.25rem 2rem}
.web-development-page .site-footer .footer-copy{min-width:0}
.web-development-page .site-footer .footer-copy strong{color:#fff}
.web-development-page .site-footer .footer-actions{min-width:0}
.web-development-page .site-footer .footer-links{gap:.7rem 1rem}
.web-development-page .site-footer a:not(.button){color:#f4f8f9}
@media(max-width:768px){
 .web-development-page .site-footer .footer-shell{flex-direction:column;align-items:flex-start}
 .web-development-page .site-footer .footer-actions{width:100%;align-items:flex-start;justify-content:flex-start}
 .web-development-page .site-footer .footer-links{justify-content:flex-start}
}