/* 2.13: shared compact layouts. Keep readable type and all essential content. */
.compact-site .section{padding-top:30px;padding-bottom:30px}
.compact-site .section.pt-0{padding-top:0}
.compact-site .page-header,.compact-site.services-page .page-header,.compact-site.about-page .page-header{padding:35px 0}
.compact-site .page-header h1,.compact-site.services-page .page-header h1,.compact-site.about-page .page-header h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;margin-bottom:12px}
.compact-site .page-header .lead,.compact-site.services-page .page-header .lead,.compact-site.about-page .page-header .lead{font-size:1.05rem;line-height:1.6;margin-top:12px;margin-bottom:0}
.compact-site .eyebrow{margin-bottom:10px}
.compact-site .section-title,.compact-site .about-heading{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:16px}
.compact-site .section-sub.mb-4{margin-bottom:18px!important}
.compact-site .content-card,.compact-site .product-card{padding:24px}
.compact-site .content-card p:last-of-type{margin-bottom:16px}
.compact-site .check-list li{margin:6px 0}
.compact-site .footer{padding:22px 0}
.compact-site .footer .footer-logo{max-width:190px}
.compact-site .hero{min-height:0;padding:35px 0}
.compact-site .hero-logo{width:260px;max-width:75%;margin-bottom:16px}
.compact-site .hero h1{font-size:clamp(2rem,3.6vw,3rem);max-width:690px;line-height:1.12}
.compact-site .hero .lead{font-size:1rem;line-height:1.65;margin-top:16px}
.compact-site .hero .eyebrow{font-size:.68rem}
.compact-site .service-art{height:105px}
.compact-site .service-art svg{height:94px;width:155px}
.compact-site .service-showcase h2,.compact-site .service-showcase h3{font-size:1.17rem;line-height:1.3;margin:18px 20px 10px}
.compact-site .service-showcase p{margin:0 20px 16px;font-size:.9rem;line-height:1.6}
.compact-site .service-showcase>a{margin:auto 20px 18px;padding-top:12px}
.compact-site.home-services .service-art{height:70px}
.compact-site.home-services .service-art svg{height:65px;width:110px}
.compact-site .services-tags{margin-top:15px}
.compact-site .services-hero-art{transform:scale(.65);transform-origin:right top;right:30px;height:300px;top:-12px}
.compact-site.services-page .page-header{min-height:250px}
.compact-site.services-page .content-card.mt-4{padding:25px;margin-top:25px!important}
.compact-site .portfolio-project .project-thumbnail{aspect-ratio:2.2}
.compact-site .project-stage-label{font-size:.56rem;top:14px;left:17px}
.compact-site .project-stage-arrow{top:7px;right:16px}
.compact-site .portfolio-project .inner{min-height:190px;padding:20px}
.compact-site .portfolio-project h3{font-size:1.35rem;line-height:1.25;margin-bottom:10px}
.compact-site .portfolio-project .eyebrow{font-size:.6rem;margin-bottom:8px}
.compact-site .portfolio-project .inner>p:not(.eyebrow){font-size:.88rem;line-height:1.6;margin-bottom:12px}
.compact-site .portfolio-project .project-link{padding-top:10px;font-size:.8rem}
.compact-site .portfolio-project .project-link>span[aria-hidden]{width:27px;height:27px}
.compact-site.home-services .portfolio-project h3{font-size:1.1rem}
.compact-site.home-services .portfolio-project .inner{padding:16px;min-height:220px}
.compact-site.home-services .portfolio-project .inner>p:not(.eyebrow){font-size:.82rem}
.compact-site.home-services .project-stage-label{font-size:.47rem;max-width:80%}
.compact-site .product-preview{padding:12px;max-width:430px;margin:auto}
.compact-site .preview-score{width:80px;height:80px;margin:12px auto;font-size:1.8rem;border-width:6px}
.compact-site .preview-stats div{padding:7px 4px}
.compact-site .preview-note{margin:8px 0 0}
.compact-site .about-brand-art{height:280px}
.compact-site .about-brand-tile{inset:70px 35px 65px;padding:20px}
.compact-site .about-art-chip{padding:10px 13px;font-size:.58rem}
.compact-site .chip-web{top:12px}.compact-site .chip-audio{top:48px}.compact-site .chip-support{bottom:8px}
.compact-site.about-page main .lead{font-size:1.05rem}
.compact-site .about-actions{margin-top:20px}
.compact-site .apps-hero{padding:35px 0}
.compact-site .apps-hero h1{font-size:clamp(2.3rem,4vw,3.4rem)}
.compact-site .apps-hero .lead{font-size:1.05rem;margin-top:16px}
.compact-site .apps-hero-graphic{height:245px;max-width:300px}
.compact-site .apps-code-tile{padding:19px;inset:25px 35px 20px 20px}
.compact-site .apps-code-tile strong{font-size:48px}
.compact-site .apps-code-line{height:4px;margin:4px 0}
.compact-site .apps-floating{padding:10px 13px}
.compact-site .apps-floating-wp{font-size:24px}
.compact-site .apps-feature{padding:28px}
.compact-site .apps-feature h2{font-size:clamp(2rem,3.3vw,2.7rem);margin:12px 0}
.compact-site .apps-description{font-size:1rem;line-height:1.6}
.compact-site .apps-feature-list{margin:16px 0}
.compact-site .apps-feature-list li{padding:8px 0}
.compact-site .apps-dashboard{max-width:400px;margin:auto}
.compact-site .apps-dashboard-content{padding:17px}
.compact-site .apps-scan{margin-bottom:13px}
.compact-site .apps-scan svg{width:78px}
.compact-site .apps-scan strong{font-size:1.05rem}
.compact-site .apps-demo-row{padding:9px 0}
.compact-site .apps-demo-chart{height:45px;margin-top:12px}
.compact-site .apps-section-label{margin-bottom:16px}
.compact-site .apps-custom-heading h2{font-size:clamp(1.6rem,2.5vw,2rem)}
.compact-site .apps-custom-heading>p:last-child{margin:12px 0 20px}
.compact-site .apps-capability{padding:20px}
.compact-site .apps-capability>span{margin-bottom:12px;font-size:23px}
.compact-site .apps-capability h3{font-size:1.05rem}
.compact-site .apps-bottom-cta{padding:23px;margin-top:22px}
.compact-site .apps-bottom-cta p{font-size:1.05rem}
.compact-site #contactForm .mb-3{margin-bottom:12px!important}
.compact-site #contactForm .form-label{margin-bottom:5px}
.compact-site .contact-verification{padding:12px}
@media(min-width:992px){
 .compact-site.home-services .portfolio-grid-item{width:25%}
 .compact-site.home-services .product-preview{max-width:360px}
}
@media(max-width:991.98px){
 .compact-site .apps-hero-graphic{margin-top:0}
 .compact-site .services-hero-art{transform:scale(.55)}
 .compact-site .hero h1{max-width:620px}
}
@media(max-width:575.98px){
 .compact-site .section{padding-top:22px;padding-bottom:22px}
 .compact-site .page-header,.compact-site.services-page .page-header,.compact-site.about-page .page-header{padding:25px 0;min-height:0}
 .compact-site .page-header h1,.compact-site.services-page .page-header h1,.compact-site.about-page .page-header h1{font-size:2rem}
 .compact-site .page-header .lead,.compact-site.services-page .page-header .lead,.compact-site.about-page .page-header .lead{font-size:1rem}
 .compact-site .hero{padding:25px 0}
 .compact-site .hero-logo{width:215px;margin-bottom:12px}
 .compact-site .hero h1{font-size:2rem}
 .compact-site .hero .lead{margin-top:12px}
 .compact-site .content-card,.compact-site .product-card{padding:20px}
 .compact-site .service-showcase{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 13px;padding:18px!important}
 .compact-site .service-art,.compact-site.home-services .service-art{grid-column:1;grid-row:1/4;height:58px;width:48px;border:0;background:none;align-self:start}
 .compact-site .service-art svg,.compact-site.home-services .service-art svg{width:66px;height:58px;max-width:none;flex-shrink:0}
 .compact-site .service-number{display:none}
 .compact-site .service-showcase h2,.compact-site .service-showcase h3{grid-column:2;font-size:1.1rem;margin:0 0 9px}
 .compact-site .service-showcase p{grid-column:2;font-size:.9rem;margin:0 0 12px}
 .compact-site .service-showcase>a{grid-column:2;margin:0;padding-top:7px;font-size:.8rem}
 .compact-site .services-hero-art{position:absolute;opacity:.18;right:0;top:0;transform:scale(.5);margin:0;z-index:0}
 .compact-site.services-page .page-header h1{max-width:100%}
 .compact-site.services-page .page-header .lead{max-width:100%}
 .compact-site .services-tags{max-width:100%;gap:5px}
 .compact-site .services-tags span{font-size:.65rem;padding:5px 9px}
 .compact-site .portfolio-project{flex-direction:row;min-height:0}
 .compact-site .portfolio-project .project-thumbnail{width:33%;min-height:185px;aspect-ratio:auto;flex-shrink:0;border-bottom:0;border-right:1px solid #ffffff12}
 .compact-site .portfolio-project .project-thumbnail img{width:94%;height:76%;left:3%;top:13%;object-fit:contain;border-width:2px;transform:none}
 .compact-site .project-stage-label,.compact-site .project-stage-arrow{display:none}
 .compact-site .portfolio-project .inner,.compact-site.home-services .portfolio-project .inner{min-height:0;padding:15px;width:67%}
 .compact-site .portfolio-project h3,.compact-site.home-services .portfolio-project h3{font-size:1.08rem}
 .compact-site .portfolio-project .inner>p:not(.eyebrow),.compact-site.home-services .portfolio-project .inner>p:not(.eyebrow){font-size:.85rem;line-height:1.5}
 .compact-site .about-brand-art{width:300px;max-width:100%;height:210px}
 .compact-site .about-brand-orbit{inset:15px}
 .compact-site .about-brand-tile{inset:53px 18px 50px;gap:12px;padding:18px}
 .compact-site .about-art-chip{font-size:.5rem;padding:8px}
 .compact-site .chip-web{top:0;left:0}.compact-site .chip-audio{right:0;top:28px}.compact-site .chip-support{bottom:0;left:55px}
 .compact-site .about-brand-tile>span{font-size:.48rem}
 .compact-site .apps-hero{padding:25px 0}
 .compact-site .apps-hero-graphic{height:175px;max-width:245px;margin:0 auto}
 .compact-site .apps-code-tile{inset:15px 25px;padding:13px}
 .compact-site .apps-code-caption{font-size:6px}.compact-site .apps-code-tile strong{font-size:38px;line-height:1.4}
 .compact-site .apps-floating{padding:7px 10px;font-size:8px}.compact-site .apps-floating-wp{font-size:21px}.compact-site .apps-floating-wp small{font-size:7px}
 .compact-site .apps-feature{padding:20px}
 .compact-site .apps-dashboard{transform:none}
 .compact-site .apps-capability{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:18px}
 .compact-site .apps-capability>span{grid-row:1/3;margin:0}.compact-site .apps-capability h3,.compact-site .apps-capability p{grid-column:2}
 .compact-site .apps-bottom-cta{padding:20px;gap:16px}
 .compact-site .footer{padding:20px 0}.compact-site .footer .footer-logo{max-width:170px}
 .compact-site .footer .row{--bs-gutter-y:10px}
}