/* Motors Tech landing page, inspired by a clean SaaS layout and using our own branding. */
body.site-home .site-header{position:absolute;inset-block-start:0;inset-inline:0;z-index:30;background:transparent;border:0;box-shadow:none;color:#fff;transition:background .25s,box-shadow .25s}
body.site-home .site-header.is-scrolled{position:fixed;background:#fff;color:var(--site-ink);box-shadow:0 14px 35px rgba(12,27,53,.12)}
body.site-home .site-header:not(.is-scrolled) .site-brand-copy strong,
body.site-home .site-header:not(.is-scrolled) .site-navigation a{color:#fff}
body.site-home .site-header:not(.is-scrolled) .site-brand-copy small{color:#c7d0df}
body.site-home .site-header:not(.is-scrolled) .site-navigation a:hover,
body.site-home .site-header:not(.is-scrolled) .site-navigation a[aria-current=page]{color:#a6efdb}
body.site-home .site-header .site-button-small{background:var(--site-secondary);border-color:var(--site-secondary);box-shadow:0 10px 22px rgba(0,0,0,.11)}
body.site-home .site-header .site-button-small:hover{background:color-mix(in srgb,var(--site-secondary) 84%,black)}
body.site-home .site-header:not(.is-scrolled) .site-mobile-menu summary{color:#fff;border-color:rgba(255,255,255,.32)}
body.site-home .site-header:not(.is-scrolled) .site-mobile-links{color:var(--site-ink)}
.site-hero-home{padding:165px 0 128px;background:radial-gradient(circle at 76% 25%,color-mix(in srgb,var(--site-primary) 33%,transparent),transparent 34%),linear-gradient(120deg,#192131,#202a3d 63%,#172b4e)}
.site-hero-home:before{opacity:.095}.site-hero-home:after{inset:auto 0 0;height:64px;background:#fff;clip-path:polygon(0 100%,100% 12%,100% 100%);opacity:1}
html[dir=ltr] .site-hero-home:after{background:#fff;clip-path:polygon(0 12%,100% 100%,0 100%);opacity:1}
.site-hero-home .site-shell{width:min(1480px,calc(100% - 64px))}
.site-home-hero-intro{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(42px,5vw,86px);margin:0}
.site-hero-home .site-kicker{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);color:#a7f1d6}
.site-hero-home h1{font-size:clamp(44px,4.5vw,70px);line-height:1.17;letter-spacing:-.035em}
.site-hero-home .site-hero-copy>p{max-width:660px;color:#d9e2ee;font-size:17px}
.site-hero-home .site-button-light{background:var(--site-secondary);border-color:var(--site-secondary);color:#fff;box-shadow:0 15px 34px rgba(1,10,22,.22)}
.site-hero-home .site-button-light:hover{color:#fff}
.site-hero-home .site-button-ghost{border:0;box-shadow:none;color:#fff}
.site-hero-home .site-button-ghost:before{content:'\f04b';display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--site-secondary);font-family:FontAwesome;font-size:11px}
.site-hero-home .site-hero-tag{padding:0;border:0;background:transparent;color:#e5eaf2}
.site-hero-home .site-dashboard-shot{min-width:0;transform:none}
.site-hero-home .site-dashboard-frame{overflow:hidden;border:11px solid #121720;border-radius:30px;background:#fff;box-shadow:0 35px 85px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.3)}
.site-hero-home .site-dashboard-frame-top{height:44px;padding-inline:12px;border-bottom:1px solid #e4e8f0;background:#f8f9fc}
.site-hero-home .site-dashboard-frame img{aspect-ratio:2600/1484;object-fit:contain}
.site-dashboard-shot figcaption{display:flex;flex-direction:column;gap:4px;margin-top:16px;color:#fff;font-size:14px;font-weight:800}
.site-dashboard-shot figcaption span{max-width:690px;color:#bdcbdc;font-size:12px;font-weight:500;line-height:1.8}
.site-capability-band{border:0;background:#fff}.site-capability-band .site-shell{justify-content:center;gap:18px 38px;padding-block:30px}
.site-capability-band span{color:#465471;font-weight:800}.site-capability-band i{font-size:14px}
.site-services{background:#fff}.site-services .site-service-card{border-color:#e9edf2;box-shadow:0 17px 38px rgba(10,35,66,.045)}
.site-whatsapp{position:relative;overflow:hidden;background:#eef8f5}
.site-whatsapp:before{content:'';position:absolute;width:430px;height:430px;inset-inline-start:-210px;top:-210px;border-radius:50%;background:color-mix(in srgb,var(--site-secondary) 15%,white)}
.site-whatsapp-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(40px,6vw,95px)}
.site-whatsapp-copy>p{max-width:550px;color:#5b6d78;line-height:2}
.site-whatsapp-copy .site-button{margin-top:20px;background:var(--site-secondary);border-color:var(--site-secondary)}
.site-whatsapp-copy small{display:block;max-width:550px;margin-top:18px;color:#617d78;font-size:12px;line-height:1.8}
.site-whatsapp-features{display:grid;gap:16px}
.site-whatsapp-feature{display:flex;align-items:flex-start;gap:18px;padding:25px;border:1px solid #d6ebe4;border-radius:18px;background:#fff;box-shadow:0 16px 35px rgba(11,72,63,.07)}
.site-whatsapp-feature>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--site-secondary) 13%,white);color:var(--site-secondary);font-size:19px}
.site-whatsapp-feature h3{margin:0 0 5px;font-size:18px}.site-whatsapp-feature p{margin:0;color:#69788b;font-size:13px;line-height:1.8}
.site-pricing{background:linear-gradient(180deg,#f7f9fc,#f2f6fa)}.site-pricing .site-section-head-center{max-width:780px}
.site-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px}
.site-pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:38px 34px 32px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(22,38,67,.045);transition:transform .25s,box-shadow .25s}
.site-pricing-card:hover{transform:translateY(-7px);box-shadow:0 26px 52px rgba(22,38,67,.1)}
.site-pricing-card.is-featured{border:2px solid var(--site-secondary);box-shadow:0 24px 52px rgba(14,99,82,.1)}
.site-pricing-popular{position:absolute;inset-inline-end:24px;top:25px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--site-secondary) 12%,white);color:var(--site-secondary);font-size:12px;font-weight:800}
.site-pricing-card h3{margin:0 0 28px;color:#17253d;font-size:clamp(24px,2.2vw,30px);font-weight:800}
.site-pricing-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-height:72px;border-bottom:1px solid #e3e8f0;padding-bottom:24px}
.site-pricing-price strong{color:#14243f;font-family:'Raleway',sans-serif;font-size:clamp(30px,2.55vw,43px);font-weight:800;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}
.site-pricing-price span{color:#758399;font-size:13px;font-weight:700}
.site-pricing-card>p{min-height:79px;margin:23px 0 12px;color:#657188;line-height:1.85;font-size:14px}
.site-pricing-card ul{display:grid;align-content:start;gap:15px;flex:1;margin:10px 0 31px;padding:0;list-style:none}
.site-pricing-card li{display:flex;align-items:flex-start;gap:10px;color:#465570;font-size:14px;font-weight:600;line-height:1.65}
.site-pricing-card li i{flex:none;margin-top:5px;color:var(--site-secondary)}
.site-pricing-card .site-button{width:100%;min-height:54px;font-size:14px}
.site-button-outline{background:#fff;color:var(--site-primary);box-shadow:none}.site-button-outline:hover{color:#fff;background:var(--site-primary)}
.site-pricing-note{max-width:760px;margin:28px auto 0;color:#7c8798;text-align:center;font-size:12px;line-height:1.8}
.site-faq-list details{transition:box-shadow .2s,border-color .2s}
@media(max-width:1050px){.site-home-hero-intro{gap:28px}.site-hero-home .site-shell{width:min(100% - 40px,920px)}.site-hero-home h1{font-size:clamp(38px,4.5vw,58px)}.site-pricing-grid{gap:12px}.site-pricing-card{padding:32px 21px}.site-pricing-price strong{font-size:clamp(28px,3.2vw,36px)}}
@media(max-width:900px){.site-hero-home{padding:130px 0 100px}.site-home-hero-intro{grid-template-columns:1fr;gap:45px}.site-hero-home .site-dashboard-shot{width:100%}.site-hero-home .site-dashboard-frame{max-width:760px;margin-inline:auto}.site-dashboard-shot figcaption{max-width:760px;margin-inline:auto}.site-whatsapp-grid{grid-template-columns:1fr;gap:30px}.site-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-pricing-card:last-child{grid-column:1/-1}}
@media(max-width:600px){.site-hero-home{padding:106px 0 85px}.site-hero-home .site-shell{width:calc(100% - 30px)}.site-hero-home h1{font-size:clamp(36px,10vw,47px)}.site-hero-home .site-hero-copy>p{font-size:14px}.site-home-hero-intro{gap:30px}.site-hero-home .site-button-ghost{justify-content:center}.site-hero-home .site-dashboard-frame{border-width:6px;border-radius:17px}.site-hero-home .site-dashboard-frame-top{height:32px;font-size:8px}.site-dashboard-shot figcaption{font-size:12px}.site-dashboard-shot figcaption span{font-size:11px}.site-capability-band .site-shell{gap:12px 16px}.site-whatsapp-feature{padding:17px}.site-pricing-grid{grid-template-columns:1fr}.site-pricing-card:last-child{grid-column:auto}.site-pricing-card>p{min-height:0}.site-hero-home:after{height:32px}}
@media(prefers-reduced-motion:no-preference){.site-home .site-dashboard-frame{animation:mt-float 7s ease-in-out infinite}@keyframes mt-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}.mt-motion .mt-reveal{opacity:0;transform:translateY(23px);transition:opacity .65s ease,transform .65s ease}.mt-motion .mt-reveal.is-visible{opacity:1;transform:translateY(0)}}