
/* Loadat official brand: preserve V4 geometry while recoloring entire system. */
:root{--bg:#102019;--card:#26372e;--head:#183b30;--accent:#9be52a;--text:#f7fef8;--muted:#c5dccb;--border:#557463;--surface:#20332a}
body{font-weight:650;font-size:16px}
html[dir="rtl"] body,html[dir="rtl"] input,html[dir="rtl"] button,html[dir="rtl"] select,html[dir="rtl"] textarea{font-family:Cairo,Tahoma,Arial,sans-serif!important;font-weight:700}
.logo.brand-logo{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6edf0;border-radius:11px;padding:7px 12px;vertical-align:middle;white-space:normal;box-shadow:0 6px 15px #0001}
.logo.brand-logo img{display:block;object-fit:contain;max-width:100%;width:166px;height:auto}
.logo.brand-logo small{color:#132844}
.site-nav .brand-logo img{width:183px}
.auth-card .brand-logo img{width:210px}
.side .brand-logo{width:100%;padding:8px}.side .brand-logo img{width:100%}
.app-header .brand-logo img{width:160px}
.primary,.nav-cta,.button{background:var(--accent);border-color:var(--accent);color:#0a2138}
.button.secondary,.secondary{border-color:#66849c}
.chip:not(.green):not(.orange){background:#243D51;color:#B6F76B}
.chip.green{background:#28513B;color:#B7F0C9}
.quote-head{background:#12385B}
.fake-qhead{background:#12385B}
.mock-phone,.phone-frame{border-color:#39546B}
.site-nav,.appbody .side{background:#0B2039}
.nav-cta:hover,.primary:hover,.button:hover{filter:brightness(1.07)}
:is(button,a,input,select,textarea):focus-visible{outline:3px solid #A4F05C;outline-offset:3px}
.formfield, .auth-card label{font-size:14px;line-height:1.6}
.readability-note{font-size:13px;line-height:1.7;color:#C8DAE9}
.compliance-advisory{padding:12px 14px;border:1px solid #5A7C65;background:#173A37;color:#E2F7E8;border-radius:10px;margin:12px 0;line-height:1.7;font-size:13px;font-weight:700}
.reg-carrier.hidden{display:none!important}
.reg-inline-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.reg-inline-row{grid-template-columns:1fr}.logo.brand-logo img{width:150px}.site-nav .brand-logo img{width:145px}}

/* Loadat V6: lime / cloud-white / deep forest; all layouts retain existing semantic structure */
body.public{background:#f6faf6;color:#142e28;font-weight:650}
.public .site-nav{background:#fff;border-bottom:1px solid #dbe8d9;box-shadow:0 2px 15px #28442c10}
.public .nav-links{color:#2b443b}.public .nav-links a:hover{color:#468a1c}
.public .hero{background:radial-gradient(circle at 80% 15%,#e4f5d2 0,transparent 42%);border-radius:30px;min-height:630px}
.public .hero h1{color:#12382b}.public .hero h1 em{background:linear-gradient(100deg,#4d9c1d,#80bd26);-webkit-background-clip:text;background-clip:text;color:transparent}
.public .eyebrow{color:#3f8c2c}.public .hero p,.public .sect-head p,.public .cta-box p{color:#587267}
.public .pulse{background:#82d62a;box-shadow:0 0 15px #87cf5c80}
.public .metrics>div{border-color:#cfe1d4}.public .metrics b{color:#173e2c}.public .metrics span{color:#637d70}
.public .primary,.public .nav-cta{background:#95de32;border-color:#95de32;color:#113325}.public .secondary{color:#194c34;border-color:#b9d4b2;background:#fff}
.public .lang{background:#f5faf1;border:1px solid #c5dfbf;color:#315e39}
.public .feature-grid article{background:#fff;border-color:#dae8d9;color:#173e30;box-shadow:0 8px 24px #0d291008}
.public .feature-grid article p{color:#677f73}.public .feature-grid article h3{color:#143b30}.public .feature-grid article a{color:#407e27}
.public .feature-icon{background:#e7f7df;color:#367e33}.public .trust-strip{background:#e9f6e2;border-color:#daead1;color:#4d7455}
.public .cta-box{background:linear-gradient(110deg,#ecf7dc,#d3eeb2);color:#173e2e;border-color:#c6e3ad}
.public .screens figure{background:#fff;border-color:#dde9d9;box-shadow:0 9px 24px #20402b10}.public .screens figcaption{color:#345a46}
.public footer{background:#ecf4e9;color:#536e61;border-top:1px solid #d9e7d4}.public footer a{color:#386a45}
.public .mock-phone{background:#17251e;color:#f2f8ef;border-color:#3b5b46}.public .phone-frame{background:#2a4437;box-shadow:0 25px 65px #173d252a}.public .mock-top{background:#17382c}.public .mock-tabs{background:#2e4032;color:#c7e3c0}.public .mock-tabs b{color:#afed66}.public .mock-quote{background:#293931}.public .fake-qhead{background:#316139}.public .fake-button{background:#9be52a;color:#12351d}.public .fake-route small{color:#c5d8c0}.public .fake-more{color:#b6ed8a}
.public .fake-truck{background:#33483a}.public .fake-miles{color:#c3ecaa}
.driver-profile-img{width:100%;height:100%;object-fit:cover;display:block}
.rc-gate{border:2px solid #9cdb4e!important;box-shadow:0 9px 26px #4f8b291e;text-align:center}.rc-gate h2{font-size:23px!important}.rc-gate-icon{display:grid;place-items:center;background:#9be52a;color:#183e28;font-size:29px;width:65px;height:65px;border-radius:20px;margin:0 auto 18px}.rc-gate p{line-height:1.8}.rc-gate .between{text-align:start}

/* Three role-specific interactive website previews */
.role-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.role-preview{background:white;border:1px solid #d8e8d6;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #24432d0d;min-width:0}.preview-picture{background:#eff6ed;position:relative;overflow:hidden;height:270px;border-bottom:1px solid #dee7dd}.mobile-preview{display:flex;justify-content:center;align-items:flex-start}.mobile-preview img{width:180px;height:auto;margin-top:12px;border-radius:15px;box-shadow:0 8px 20px #12262028}.desktop-preview iframe{width:1250px;height:870px;transform:scale(.285);transform-origin:top left;border:0;pointer-events:none;background:#f5faf6}.read-only-tag{position:absolute;bottom:12px;right:12px;background:#153929;color:#e1f9cd;border-radius:6px;padding:5px 8px;font-size:9px;letter-spacing:.4px;font-weight:800}.role-caption{padding:21px}.preview-label{font-size:11px;font-weight:900;letter-spacing:1px;color:#538c32}.role-caption h3{font-size:20px;color:#16372b;margin:7px 0}.role-caption p{font-size:13px;color:#6c8373;line-height:1.65;min-height:83px}.role-caption a{color:#376f2d;font-weight:900;font-size:13px}.public .fine{color:#788c80;font-size:12px;line-height:1.8}
@media(max-width:1080px){.role-showcase{grid-template-columns:1fr 1fr}.role-preview:nth-child(3){grid-column:1/-1}}
@media(max-width:680px){.role-showcase{grid-template-columns:1fr}.role-preview:nth-child(3){grid-column:auto}.preview-picture{height:255px}.desktop-preview iframe{transform:scale(.3)}}

/* Use central Admin appearance values throughout the homepage */
.public{background:var(--site-page,#f6faf6)}
.public .site-nav,.public .role-preview,.public .feature-grid article{background:var(--site-panel,#fff)}
.public .primary,.public .nav-cta,.public .fake-button{background:var(--site-accent,#95de32);border-color:var(--site-accent,#95de32)}
.public .hero h1,.public .sect-head h2,.public .role-caption h3{color:var(--site-navy,#15382c)}
.public .mock-tabs b,.public .role-caption a{color:#3c792e}

.public .preview-picture.mobile-preview iframe{display:block;border:0;width:100%;height:450px;border-radius:13px;background:#fff}.public .role-preview .mobile-preview{overflow:hidden}.public .hero .fake-miles{font-size:12px}.public .site-nav{box-shadow:0 2px 12px #163b1908}.public .hero .primary{background:#97e142!important;color:#14351e!important}.public .hero .secondary{border-color:#90cf64!important;color:#255b2d!important}.public .role-preview .read-only-tag{background:#edf9e3;color:#285d2f}
