/* Shared corrections from the page-by-page responsive review, October 2026. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex-shrink:0}
.article-layout>*{min-width:0;max-width:100%}
.article-body.rich-copy{min-width:0;width:100%;max-width:100%;overflow-wrap:anywhere}
.rich-copy table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media(max-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 .footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;text-align:left}
 .footer .footer-brand{grid-column:1/-1;min-width:0}
 .footer .footer-brand p{font-size:14px;line-height:1.75;max-width:36em;color:#58657a}
 .footer .footer-grid h3{font-size:14px;line-height:1.5;margin:0 0 10px;color:#25354b}
 .footer .footer-grid a:not(.footer-brand>a:first-child),.footer .footer-grid button{font-size:13px;line-height:1.55;min-height:32px;margin-bottom:4px;color:#536176;text-align:left;overflow-wrap:anywhere}
 .footer .footer-grid>div:last-child:not(.footer-brand){display:block;grid-column:1/-1}
 .footer .footer-note{font-size:12px;line-height:1.6;color:#64748b}
 .footer .footer-bottom{font-size:12px;line-height:1.7;text-align:left;padding-bottom:62px;color:#64748b}
 .footer .footer-bottom>div{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}
 .footer .footer-bottom a,.footer .footer-bottom button{font-size:12px;line-height:1.6;display:inline-flex;align-items:center;min-height:32px}
}

/* Laptop proportions: keep readable controls and clear space around the content. */
@media (min-width:901px) and (max-width:1440px){
 .wrap{width:calc(100% - 80px);max-width:1160px}
 .header{--header-control:38px;width:calc(100% - 64px);max-width:1160px;top:10px}
 .header .navigation{height:58px;min-height:58px;padding:8px 14px 8px 18px;gap:16px}
 .header .navigation .brand img{height:38px;max-height:38px;max-width:120px;width:auto}
 .header .navigation .desktop-nav{font-size:12px;gap:2px}
 .header .desktop-nav>a,.header .desktop-nav>button,.header-more-toggle{min-height:36px;padding:8px 10px}
 .header .nav-actions{gap:7px}
 .header .header-glass-control svg,.header .alf-header-avatar>svg{width:20px;height:20px}
 .header .mega-menu{width:calc(100% - 32px);top:calc(100% + 12px);padding:24px;gap:24px}
 .button{min-height:44px;padding:11px 18px;font-size:13px;gap:8px}
 .button.small{min-height:38px;padding:9px 14px;font-size:12px}
 .button .icon{width:18px;height:18px}
 .homepage .hero{padding-top:78px}
 .homepage .hero-grid{gap:40px;padding-block:40px 36px}
 .homepage .hero-title{font-size:clamp(34px,3.25vw,44px);line-height:1.16;margin-bottom:22px}
 .homepage .hero-description{font-size:14px;line-height:1.8;max-width:480px}
 .homepage .hero-work{max-width:480px;width:100%;justify-self:end}
 .homepage .hero-benefits{margin-block:22px 24px;gap:12px 18px}
 .homepage .hero-buttons{gap:12px}
 .homepage .hero-buttons .button{min-height:44px;padding:11px 20px;font-size:13px;gap:8px}
 .homepage .hero-team{margin-top:24px}
 :is(#service-grid,.related-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 :is(#service-grid,.related-grid) .service-body{padding:18px 18px 14px;gap:10px}
 :is(#service-grid,.related-grid) .service-actions{padding:0 18px 18px;gap:10px}
 :is(#service-grid,.related-grid) .service-actions :is(button,a){min-width:0;min-height:40px;padding:10px 14px;font-size:12px;gap:8px}
 .homepage .section{padding-block:64px}
 .homepage .project-cta{padding:32px;gap:28px}
 .homepage .project-cta .button{padding:12px 20px;min-height:44px;font-size:13px}
 .homepage .footer-grid{gap:28px}
 .content-main{width:min(1160px,calc(100% - 80px));padding-top:108px}
 .workspace-wrap{width:min(1160px,calc(100% - 80px))}
 .content-hero h1,.article-heading h1{font-size:clamp(32px,3.4vw,44px)}
 .about-hero h1,.reviews-intro h1,.portfolio-detail-heading h1{font-size:clamp(36px,3.4vw,44px)}
 .about-main{padding-top:108px}
 .about-hero{gap:40px}
 .about-lead{font-size:15px;line-height:1.8}
 .about-page .about-actions .button{min-height:44px;padding:11px 18px}
 .service-page-v2{padding-top:90px}
 .service-page-v2 .service-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:28px}
 .service-page-v2 .package-sidebar{top:90px}
 .service-page-v2 .package-picker{padding:22px}
 .service-page-v2 .package-continue.button,.service-page-v2 .package-message.button{min-height:44px;padding:11px 16px;font-size:12px;gap:8px}
 .service-page-v2 .tier-tabs>button{padding:7px 8px;min-height:36px;font-size:13px}
 .order-primary,.order-secondary{min-height:42px;padding:10px 18px}
 .chat-launcher{min-height:42px;height:42px;padding:10px 15px;font-size:12px;gap:8px;right:24px;bottom:22px}
 .chat-launcher>.icon{width:20px;height:20px}
 .mini-chat-launcher[aria-expanded=true]{width:42px;height:42px;padding:10px}
 .mini-chat-launcher .mini-launcher-close svg{width:20px;height:20px}
}
@media (min-width:901px) and (max-width:1100px){
 .wrap{width:calc(100% - 64px)}
 .header{width:calc(100% - 48px)}
 .header .navigation{gap:12px;padding-inline:16px 12px}
 .header .desktop-nav>a,.header .desktop-nav>button,.header-more-toggle{padding-inline:8px}
 .homepage .hero-grid{gap:28px}
 .homepage .hero-benefits{grid-template-columns:1fr 1fr;font-size:11px;gap:12px}
 .service-page-v2 .service-workspace{grid-template-columns:minmax(0,1fr) 304px;gap:24px}
 .content-main{width:calc(100% - 64px)}
 .workspace-wrap{width:calc(100% - 64px)}
}