/* Onx Software Studio | onxapp.co | Proprietary */
/* Shared public-page layout: one shell, one gutter and one reading hierarchy. */

.inner-page{--public-shell:1180px;--public-gutter:5%}
.inner-page main{overflow:hidden}

.inner-page .page-hero{
  width:100%;
  max-width:none;
  margin:0;
  padding:84px max(var(--public-gutter),calc((100vw - var(--public-shell))/2)) 72px;
  text-align:left;
}
.inner-page .page-hero:after{left:max(var(--public-gutter),calc((100vw - var(--public-shell))/2))}
.inner-page .page-hero h1{max-width:820px}
.inner-page .page-hero p{max-width:690px}

.inner-page .section{
  width:min(var(--public-shell),90%);
  max-width:none;
  margin:0 auto;
  padding:88px 0;
  text-align:left;
}
.inner-page .section.section-soft{
  width:100%;
  padding:88px max(var(--public-gutter),calc((100vw - var(--public-shell))/2));
}
.inner-page .section-soft>*{width:auto;max-width:none;margin-left:0;margin-right:0}
.inner-page .section-heading{max-width:720px;margin:0 0 38px}
.inner-page .section-heading>p{max-width:680px}
.inner-page .card-grid,.inner-page .process-grid,.inner-page .pricing-guide{width:100%}
.inner-page .card-grid.three,.inner-page .process-grid,.inner-page .pricing-guide{gap:20px}

.inner-page .prose{max-width:none}
.inner-page .prose:not(.content-sections)>*{max-width:780px}
.inner-page .content-sections{width:min(var(--public-shell),90%);max-width:none}
.inner-page .content-sections>h2{max-width:780px}
.inner-page .content-actions{justify-content:flex-start}
.inner-page .content-highlights{gap:18px;margin-top:42px}
.inner-page .content-highlights>article{min-width:0;padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow-wrap:anywhere}
.inner-page .content-highlights>article .eyebrow{display:block;margin-bottom:10px}
.inner-page .content-highlights>article h3{margin:0 0 10px;font-size:19px;line-height:1.35}
.inner-page .content-highlights>article p{margin:0;font-size:14px;line-height:1.65}
.inner-page .content-actions{margin-top:30px}

.inner-page .contact-layout,.inner-page .form-section{align-items:start}
.inner-page .contact-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:72px}
.inner-page .form-section{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:72px}
.inner-page .form-intro{max-width:420px}

.inner-page .service-shell{width:min(var(--public-shell),90%)}
.inner-page .checkout-shell{width:min(var(--public-shell),90%);max-width:none;margin:80px auto;padding:0;gap:40px}

@media(max-width:980px){
  .inner-page .content-sections-three,.inner-page .content-highlights{grid-template-columns:1fr}
  .inner-page .content-highlights{gap:14px;margin-top:32px}
}

@media(max-width:800px){
  .inner-page .page-hero{padding-top:64px;padding-bottom:56px}
  .inner-page .section,.inner-page .section.section-soft{padding-top:64px;padding-bottom:64px}
  .inner-page .contact-layout,.inner-page .form-section{grid-template-columns:1fr;gap:34px}
  .inner-page .form-intro{max-width:620px}
  .inner-page .content-sections{width:90%}
  .inner-page .content-highlights>article{padding:24px}
  .inner-page .checkout-shell{grid-template-columns:1fr;margin:52px auto;gap:20px}
}

@media(max-width:500px){
  .inner-page .page-hero{padding-top:52px;padding-bottom:48px}
  .inner-page .section,.inner-page .section.section-soft{padding-top:52px;padding-bottom:52px}
  .inner-page .section-heading{margin-bottom:28px}
  .inner-page .card-grid.three,.inner-page .process-grid,.inner-page .pricing-guide{gap:14px}
  .inner-page .content-highlights{gap:12px;margin-top:26px}
  .inner-page .content-highlights>article{padding:20px}
  .inner-page .content-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:24px}
  .inner-page .content-actions .button{width:100%}
}