/* Dedicated layout for the TrustWheel Owner and Driver product pages. */
.app-page .brand-mark{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;display:grid;place-items:center}.app-page .brand-mark img{display:block;width:40px!important;height:40px!important;object-fit:contain}.app-page .site-header{height:78px;overflow:visible}.app-page .apps-menu{position:relative;font-size:14px;font-weight:700}.app-page .apps-menu summary{cursor:pointer;list-style:none}.app-page .apps-menu summary::-webkit-details-marker{display:none}.app-page .apps-dropdown{display:none;position:absolute;top:32px;left:50%;transform:translateX(-50%);width:185px;padding:8px;background:#fff;border:1px solid #e5e7ef;border-radius:10px;box-shadow:0 15px 30px #1115281d}.app-page .apps-menu[open] .apps-dropdown{display:block}.app-page .apps-dropdown a{display:block;padding:8px;font-size:13px}.app-page .app-hero{min-height:560px;padding:80px max(7vw,28px);display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;background:linear-gradient(130deg,#fbfaff,#e9e3f7)}.app-page .app-hero h1{font:700 clamp(2.6rem,4.8vw,4.25rem)/1.05 Outfit,sans-serif;letter-spacing:-1.7px;margin:0}.app-page .app-hero h1 em{color:#5f41c4;font-style:normal}.app-page .app-hero>div>p:not(.eyebrow){color:#62697a;font-size:17px;line-height:1.7;max-width:640px}.app-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.app-page .app-screen{justify-self:center;display:block;max-width:245px;max-height:455px;border:7px solid #171627;border-radius:31px;box-shadow:0 24px 45px #17152e3b}.app-page .app-section{width:min(1080px,calc(100% - 48px));margin:auto;padding:82px 0}.app-page .app-section h2{font:700 clamp(2rem,3.5vw,3.05rem)/1.15 Outfit,sans-serif;letter-spacing:-1px;margin:0 0 14px}.app-page .section-intro{font-size:17px;color:#62697a;max-width:740px}.app-page .role-grid,.app-page .feature-cards,.app-page .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:29px}.app-page .role-grid article,.app-page .feature-cards article,.app-page .benefit-grid article{padding:23px;border:1px solid #e5e7ef;border-radius:14px;background:#fff}.app-page .role-grid i,.app-page .feature-cards i,.app-page .benefit-grid i{color:#5f41c4;font-size:22px}.app-page .role-grid h3,.app-page .feature-cards h3,.app-page .benefit-grid h3{font:700 19px Outfit,sans-serif;margin:12px 0 6px}.app-page .role-grid p,.app-page .feature-cards p,.app-page .benefit-grid p{font-size:14px;line-height:1.6;color:#62697a}.app-page .app-section.alt{width:100%;padding-left:max(7vw,28px);padding-right:max(7vw,28px);background:#f8f7fc}.app-page .feature-cards{grid-template-columns:repeat(2,1fr)}.app-page .formula{font:700 21px Outfit,sans-serif!important;color:#5f41c4!important}.app-page .workflow-line{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:28px}.app-page .workflow-line div{min-height:118px;padding:17px 9px;border:1px solid #e5e7ef;border-radius:11px;text-align:center;font-size:13px;font-weight:700}.app-page .workflow-line i{display:block;color:#5f41c4;font-size:20px;margin-bottom:8px}.app-page .platform{padding:36px;border-radius:17px;background:#171b2d;color:#fff;text-align:center}.app-page .platform h2{margin-top:0}.app-page .platform-flow{font:700 25px Outfit,sans-serif;margin:20px 0}.app-page .platform p{color:#d0d5e0}.app-page .cross-app{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #e5e7ef;border-radius:15px;padding:29px;background:#fff}.app-page .cross-app h2{margin:0}.app-page .faq-wide{max-width:850px}.app-page .faq details{border-top:1px solid #e5e7ef;padding:14px 0}.app-page .faq summary{font-weight:800;cursor:pointer;list-style:none}.app-page .faq p{color:#62697a}.app-page .final-cta{padding:43px;border-radius:18px;background:linear-gradient(120deg,#4b329f,#7658d2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px}.app-page .final-cta h2{margin:0 0 8px}.app-page .final-cta p{color:#eeeafd}.app-page .final-cta .button{background:#fff;color:#5f41c4;box-shadow:none}.app-page .text-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px}.app-page .text-links a{color:#5f41c4;font-weight:800;text-decoration:underline}@media(max-width:760px){.app-page .app-hero{display:block;padding:55px 24px 0}.app-page .app-screen{margin:28px auto 0;max-height:390px}.app-page .app-section{width:calc(100% - 48px);padding:58px 0}.app-page .app-section.alt{padding:58px 24px}.app-page .role-grid,.app-page .feature-cards,.app-page .benefit-grid{grid-template-columns:1fr}.app-page .workflow-line{grid-template-columns:1fr 1fr}.app-page .cross-app,.app-page .final-cta{display:block}.app-page .cross-app .button,.app-page .final-cta .button{margin-top:15px}.app-page .brand-mark,.app-page .brand-mark img{width:36px!important;height:36px!important;flex-basis:36px}}