/* Final parent-site launch polish. This file intentionally does not style the
   private applications or the website builder workspace. */
:root{
  --parent-copy:#cbd7e6;
  --parent-muted:#aebed0;
  --parent-focus:#fbbf24;
}

body{font-size:16px;line-height:1.65}
.hero-secondary-line{max-width:66ch;margin:14px 0 0;color:#aebed0;font-size:1rem;line-height:1.6}

/* The public image is generated by the canonical showroom renderer. */
.home-product-proof{grid-template-columns:minmax(0,1.55fr) minmax(190px,.65fr)}
.home-product-proof figure:first-child{align-self:center;aspect-ratio:960/700}
.home-product-proof figure:first-child img{object-fit:contain;object-position:top center}
.home-product-proof figure:last-child img{object-fit:contain;object-position:top center}
.home-product-proof::before{content:"REAL WEBSITE + PRIVATE APP DEMOS"}

@media(min-width:761px){
  .home-product-proof figure:last-child{align-self:center;aspect-ratio:390/844}
}

/* Keep the service grid concise; detailed workflow copy remains available in
   each niche overview, while all three product actions stay visible here. */
.panel[data-panel="apps"] .niche-home-card .product-split{display:none}
.panel[data-panel="apps"] .niche-home-card>p{margin-bottom:18px}
.panel[data-panel="apps"] .niche-home-card .best-for{display:block;margin-top:7px;color:#c8d5e4;font-size:1rem;line-height:1.58}
.panel[data-panel="apps"] .niche-home-card .actions.compact{padding-top:0}
.panel[data-panel="apps"] .status-pill{font-size:.75rem;letter-spacing:.01em}
.panel[data-panel="apps"] .niche-home-card .actions a:not(.primary){border-color:#3c526b;background:#15283d;color:#f8fafc}
.panel[data-panel="apps"] .niche-home-card .actions a:not(.primary):hover{border-color:#67e8f9;background:#1a324c}

/* Progressive package selection: design choices happen in the showroom,
   package selection comes next, then the customer provides contact details. */
.parent-checkout-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0 18px}
.parent-checkout-progress span{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid #36506d;border-radius:9px;background:#0a1727;padding:8px 11px;color:#aebed0;font-size:.9rem;font-weight:850}
.parent-checkout-progress span::before{display:grid;place-items:center;width:26px;height:26px;border:1px solid #49647f;border-radius:50%;content:attr(data-step-number);font-size:.75rem}
.parent-checkout-progress span.is-active{border-color:#2dd4bf;background:#0b2a2d;color:#f0fdfa}
.parent-checkout-progress span.is-active::before{border-color:#5eead4;background:#2dd4bf;color:#05201e}
.parent-checkout-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.parent-checkout-step[hidden]{display:none!important}
.parent-checkout-step .wide{grid-column:1/-1}
.parent-checkout-legacy-field{display:none!important}
.parent-checkout-next{display:flex;justify-content:flex-end;margin-top:18px}
.parent-checkout-back{margin-right:auto}
.checkout-panel[data-parent-checkout-step="package"]>.checkout-actions,
.checkout-panel[data-parent-checkout-step="package"]>.checkout-disclaimer{display:none!important}
.checkout-panel[data-parent-checkout-step="contact"]>.parent-checkout-next{display:none}

/* Improve public reading comfort without changing the signed-in workspace. */
.operator-path-head>div>p,.home-process-head>p,.price-card p,.tier-card p,.cta-card p,
.business-sales-intro>p:not(.eyebrow),.business-product-copy p,.niche-panel-hero>div>p,
.custom-build-card>p,.custom-feature-list li,.section-copy{font-size:1rem;line-height:1.65}
.conversion-benefit span,.home-process-list span{font-size:.9rem;line-height:1.58}
.footer-brand p,.footer-brand a,.footer-phone a{font-size:.95rem;line-height:1.65}
.footer-phone{margin:.65rem 0 0}.footer-phone a{color:#b9f7ef;text-decoration:none}
.footer-group a,.footer-group button{font-size:.9rem;line-height:1.45}

/* Showroom labels were intentionally compact; raise supporting copy to a
   comfortable size while preserving the completed interaction architecture. */
.showroom-card-copy p{font-size:.95rem;line-height:1.6}
.showroom-card-copy li,.showroom-card-copy>small,.showroom-recommendation{font-size:.8rem;line-height:1.45}
.showroom-direction-copy p{font-size:.9rem;line-height:1.5}
.showroom-direction-copy small,.showroom-preview-note{font-size:.8rem;line-height:1.45}
.showroom-card-actions button,.showroom-direction-card>button,.showroom-button,.showroom-device-controls button{font-size:.875rem}

:where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--parent-focus)!important;
  outline-offset:3px!important;
}

@media(max-width:760px){
  .home-product-proof{grid-template-columns:1fr;height:auto;gap:14px;padding:10px}
  .home-product-proof figure:first-child{aspect-ratio:960/700}
  .home-product-proof figure:last-child{height:430px}
  .home-product-proof figure:first-child img{object-fit:contain}
  .home-product-proof figure:last-child img{object-fit:contain}
  .parent-checkout-step{grid-template-columns:1fr}
  .parent-checkout-step .wide{grid-column:auto}
  .parent-checkout-next{display:grid;grid-template-columns:1fr;gap:8px}
  .parent-checkout-next .button{width:100%}
  .showroom-card-copy p,.showroom-direction-copy p{font-size:.94rem}
  .showroom-card-copy li,.showroom-card-copy>small,.showroom-direction-copy small,.showroom-preview-note{font-size:.82rem}
}

@media(max-width:430px){
  .home-product-proof figure:last-child{height:390px}
  .parent-checkout-progress{grid-template-columns:1fr}
}

@media(max-height:520px) and (orientation:landscape) and (max-width:1100px){
  .home-product-proof{grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);height:390px}
  .home-product-proof figure:last-child{height:auto}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}