/* The Launch Era — SaaS interface polish 2026-10-13.
   Public website and sales routes ONLY; do not style booking-client, auth,
   private Command Centers or the Cleaning App runtime.
   Product-led editorial system, restrained motion and consistent interaction. */
:root{--tle-ui-ink:#191919;--tle-ui-ivory:#FAF8F3;--tle-ui-blue:#D7EFFF;--tle-ui-ice:#EAF4FC;--tle-ui-line:#D9E3E8;--tle-ui-muted:#52616B;--tle-ui-focus:#5294BD}
.site-header .nav-inner{gap:clamp(12px,2vw,24px)}
.site-header .desktop-nav a,.site-header .mobile-nav a{transition:color .2s ease,background .2s ease}
.site-header .desktop-nav a:hover,.site-header .mobile-nav a:hover{color:#337CA8}
.site-header .desktop-nav a:focus-visible,.site-header .mobile-nav a:focus-visible,.site-footer a:focus-visible{outline:3px solid var(--tle-ui-focus);outline-offset:4px;border-radius:5px}
.site-footer{border-top:1px solid #D9E3E8;background:#FAF8F3}
.site-footer .footer-top{align-items:start}
.site-footer .footer-contact{background:linear-gradient(128deg,#EAF4FC,#FAF8F3);border:1px solid #D9E3E8;border-radius:17px;max-width:470px;padding:20px 22px}
.site-footer .footer-contact p{font-size:14px;line-height:1.6;margin:7px 0 0}
.site-footer .footer-contact-label{color:#446E86;letter-spacing:.08em;font-size:11px}
.site-footer .footer-links{align-content:start}
.site-footer .footer-links a{font-size:14px;text-decoration:none}
.site-footer .footer-links a:hover{text-decoration:underline;text-decoration-color:#85B9D6;text-underline-offset:6px}
.sales-home .foam-wave,.sales-home .solutions-section>.soft-wave{display:none}
.sales-home .hero-photo{border-bottom:1px solid #d1e2ed}
.sales-home .hero-photo>img.hero-main-image{filter:saturate(.97) contrast(1.03)!important;transform:none!important}
.sales-home .hero-photo::after{background:linear-gradient(180deg,rgba(250,248,243,.88),rgba(250,248,243,.72) 35%,rgba(250,248,243,.28) 67%,rgba(250,248,243,0))!important}
.sales-home .hero-notice-flow .notification{border:1px solid #d1e5f1;box-shadow:0 15px 38px #19364719;backdrop-filter:none;background:#fff;transition:transform .22s ease,border-color .22s ease}
.sales-home .hero-notice-flow .notification:hover{transform:translateY(-3px);border-color:#9DCCE6}
.sales-home .solutions-section{border-top:0!important}
.sales-home .section-heading{max-width:840px}
.sales-home .service-grid .service-card{position:relative;min-height:100%;padding:12px 12px 17px;border:1px solid #D9E3E8;border-radius:22px;background:#fff;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.sales-home .service-grid .service-card:nth-child(3n+1){background:linear-gradient(160deg,#EAF4FC 0%,#fff 63%)}
.sales-home .service-grid .service-card:nth-child(3n+2){background:linear-gradient(165deg,#FAF8F3 0%,#fff 72%)}
.sales-home .service-grid .service-card:hover{transform:translateY(-3px);border-color:#9BC5DA;box-shadow:0 18px 36px #224E6815}
.sales-home .service-grid .service-card .service-image{border-radius:15px;aspect-ratio:1.46}
.sales-home .service-grid .service-card .service-image img{transition:transform .45s ease;object-fit:cover}
.sales-home .service-grid .service-card:hover .service-image img{transform:scale(1.025)}
.sales-home .service-grid .service-card h3{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.26;font-weight:600!important;letter-spacing:-.03em}
.sales-home .service-grid .service-card p{font-size:14px!important;line-height:1.55}
.sales-home .service-grid .service-card .service-arrow{display:grid;place-items:center;min-width:36px;min-height:36px;width:36px;height:36px;padding:0;border:1px solid #D9E3E8;border-radius:11px;background:rgba(255,255,255,.96);color:#191919;box-shadow:0 5px 14px #14354815;transition:background .18s ease,transform .18s ease}
.sales-home .service-grid .service-card .service-arrow svg{width:17px;height:17px;stroke-width:1.9}
.sales-home .service-grid .service-card:hover .service-arrow{background:#D7EFFF;transform:translate(2px,-2px)}
.sales-home .service-grid .service-card:focus-visible{outline:3px solid #5294BD;outline-offset:4px}
.sales-home .service-rail-hint{font-size:12px;color:#52758A;letter-spacing:.02em}
.sales-home .booking-section .home-booking-explorer{background:linear-gradient(160deg,#fff 0%,#F1F8FC 100%);box-shadow:0 16px 45px #29516A13}
.sales-home .booking-walkthrough .walkthrough-stage{background:linear-gradient(128deg,#D7EFFF,#FAF8F3);border:1px solid #BEDCEC;border-radius:18px;box-shadow:none}
.sales-home .walkthrough-controls button[aria-pressed=true],.sales-home .product-tabs button[aria-pressed=true]{background:#191919!important;color:#fff!important;box-shadow:0 6px 16px #152E4018}
.sales-home .process-step{position:relative;background:#fff;border:1px solid #D9E3E8;border-radius:18px;padding:clamp(17px,2vw,25px);min-width:0}
.sales-home .process-step .process-number{color:#487A98;font-size:clamp(22px,3vw,36px);font-weight:600}
.sales-home .process-grid{gap:12px}
.sales-home .final-section{background:#D7EFFF;color:#191919}
.sales-home .final-contact-link{font-size:14px;text-decoration:none;border-bottom:1px solid #4C7990;padding-bottom:3px}
.sales-home .final-contact-link:hover{color:#315F79}
:is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn){
  gap:12px;border-radius:14px!important;box-shadow:none;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
:is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn) svg.lucide-arrow-right,
:is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn) svg.lucide-arrow-up-right{
  display:inline-block;width:29px!important;height:29px!important;min-width:29px;
  padding:6px!important;box-sizing:border-box;border:1px solid #FFFFFF44;border-radius:9px;
  background:#FFFFFF1B;stroke-width:2.1;transform:none;flex-shrink:0;
  transition:background .2s ease,transform .2s ease;
}
:is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn) svg.lucide-arrow-right{transform:rotate(-45deg)}
:is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.service-demo-link,.tle-app-btn.secondary) svg{background:#1919190C;border-color:#19191922}
:is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn):hover svg.lucide-arrow-right{transform:rotate(-45deg) translate(1px,0)}
:is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn):hover{box-shadow:0 9px 24px #1D384714}
.service-flow-card .interactive-step>.step-arrow,.service-endcap>svg{display:none!important}
.service-endcap{display:flex!important;align-items:center;justify-content:center;gap:9px!important;flex-wrap:wrap!important;padding:22px 17px!important}
.service-endcap>span,.service-endcap>strong{display:inline-flex;align-items:center;min-height:35px;font-size:12px;letter-spacing:.03em;padding:8px 12px!important;border:1px solid #4B5356;border-radius:9px}
.service-endcap>span:not(:last-of-type)::after{content:"";width:5px;height:5px;border-radius:50%;background:#D7EFFF;position:relative;right:-17px}
.service-endcap>small{flex-basis:100%;font-size:12px;line-height:1.5;text-align:center;color:#D9E3E8;margin-top:8px}
.service-flow-card .interactive-step{background:#fff;border:1px solid #E0E9EF;border-radius:14px}
.service-flow-card .interactive-step:hover{background:#EAF4FC;border-color:#B5D8EA}
.tle-app-landing .tle-app-feature{transition:border-color .2s ease,box-shadow .2s ease}
.tle-app-landing .tle-app-feature:hover{border-color:#93C3DF;box-shadow:0 12px 28px #1C456011}
.tle-app-landing .tle-app-btn.primary svg{background:#ffffff19}
.tle-app-landing .tle-app-btn.secondary svg{background:#19191909}
@media(min-width:768px){.sales-home .service-grid .service-card:nth-child(3n+2) .service-image{aspect-ratio:1.36}}
@media(max-width:767px){
 .sales-home .service-grid .service-card{padding:9px 9px 14px;border-radius:16px}
 .sales-home .service-grid .service-card .service-image{aspect-ratio:1.2}
 .sales-home .service-grid .service-card .service-arrow{min-width:32px;min-height:32px;width:32px;height:32px}
 .sales-home .service-grid .service-card h3{font-size:17px!important}
 .sales-home .service-grid .service-card p{font-size:14px!important}
 .sales-home .process-step{padding:18px}
 .site-footer .footer-contact{padding:17px}
 .service-endcap{gap:6px!important}
 .service-endcap>span,.service-endcap>strong{font-size:11px;padding:7px 8px!important}
 .service-endcap>span:not(:last-of-type)::after{right:-11px}
}
@media(prefers-reduced-motion:reduce){
 .sales-home .service-grid .service-card,.sales-home .service-grid .service-card .service-image img,
 .sales-home .service-grid .service-card .service-arrow,.sales-home .hero-notice-flow .notification,
 :is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn),
 :is(.sales-home,.service-sales,.service-hero,.tle-app-landing) :is(.cta-button,.service-cta,.service-demo-link,.tle-app-btn) svg{transition:none!important;transform:none!important}
}
