:root{
 --navy:var(--surface-background-deep);--navy2:var(--surface-background);--navy3:var(--surface-card-alt);--blue:var(--brand-primary);--blue2:var(--brand-primary-hover);
 --gold:var(--brand-accent);--gold2:var(--brand-accent-hover);--ink:var(--text-primary);--muted:var(--text-muted);--bg:var(--surface-background);--panel:var(--surface-card);
 --panel2:var(--surface-card-alt);--line:var(--theme-border);--line2:var(--theme-border-strong);
 --shadow:0 24px 70px rgba(0,0,0,.35);--glow:0 0 35px rgba(22,132,255,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--surface-topbar);color:var(--text-muted);font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.topbar .container{display:flex;justify-content:space-between;gap:20px}
.header{background:color-mix(in srgb,var(--surface-header) 92%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;gap:34px}.logo{width:148px;height:58px;object-fit:contain}.menu{display:flex;align-items:center;gap:25px;margin-left:auto;font-weight:700;font-size:13px;color:var(--text-secondary)}.menu a{padding:29px 0;position:relative;transition:.2s}.menu a:hover,.menu a.active{color:var(--text-primary)}.menu a.active:after,.menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:linear-gradient(90deg,var(--blue),var(--gold));border-radius:4px}.nav-cta{background:linear-gradient(135deg,var(--gold),var(--brand-accent-hover));padding:11px 17px!important;border-radius:8px;color:var(--text-inverse)!important;box-shadow:0 8px 25px rgba(245,157,24,.18)}.nav-cta:after{display:none}.burger{display:none;margin-left:auto;background:transparent;color:var(--text-primary);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:23px}
.hero{min-height:670px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(2,8,16,.94),rgba(2,8,16,.42)),url('../images/hero.jpg') center/cover no-repeat;color:var(--text-primary)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(22,132,255,.16),transparent 32%),linear-gradient(180deg,transparent 65%,var(--surface-background) 100%)}.hero-content{position:relative;z-index:2;width:min(1180px,92%);padding:95px 0}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:2.2px;font-size:11px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(45px,6vw,82px);letter-spacing:-2.5px;line-height:1.01;max-width:820px;margin:18px 0}.hero p{font-size:18px;color:var(--text-secondary);max-width:650px}.buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 21px;border-radius:8px;font-weight:850;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--brand-accent-hover));color:var(--text-inverse);box-shadow:0 12px 28px rgba(245,157,24,.17)}.btn-dark{background:var(--surface-card-alt);color:var(--text-primary);border-color:var(--line2)}.btn-light{background:var(--text-primary);color:var(--surface-card)}.btn-outline-light{border-color:color-mix(in srgb,var(--text-primary) 25%,transparent);color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 4%,transparent)}
.section{padding:82px 0}.section-head{max-width:720px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.kicker{color:var(--blue2);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:11px}.section h2{font-size:clamp(31px,4vw,47px);letter-spacing:-1.2px;line-height:1.08;margin:10px 0 14px}.lead{color:var(--muted);font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{background:linear-gradient(145deg,var(--surface-card),var(--surface-background-deep));border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:.28s}.service:hover{transform:translateY(-6px);border-color:rgba(86,169,255,.3);box-shadow:var(--shadow),var(--glow)}.service-img{height:205px;background-size:cover;background-position:center;position:relative}.service-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,7,13,.65))}.service-body{padding:23px}.service-body h3{margin:0 0 8px;font-size:21px}.service-body p{color:var(--muted);margin:0 0 17px}.arrow{color:var(--gold2);font-weight:900}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo{min-height:440px;border-radius:18px;background:linear-gradient(100deg,rgba(4,12,22,.55),rgba(4,12,22,.08)),url('../images/about.jpg') center/cover;box-shadow:var(--shadow);border:1px solid var(--line)}.checklist{display:grid;gap:15px;margin:25px 0}.check{display:flex;gap:13px;align-items:flex-start}.check b{display:block;color:#f1f5fa}.check span{color:var(--muted)}.check i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(245,157,24,.13);color:var(--gold2);font-style:normal;font-weight:900;flex:0 0 auto;border:1px solid rgba(245,157,24,.2)}
.stats{background:linear-gradient(135deg,var(--surface-card),var(--surface-card-alt));color:var(--text-primary);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.stat{padding:35px 25px;background:var(--surface-card)}.stat strong{display:block;font-size:37px;color:var(--gold2);letter-spacing:-1px}.stat span{color:var(--text-muted);font-size:13px}
.quote{background:radial-gradient(circle at 90% 10%,rgba(22,132,255,.18),transparent 32%),linear-gradient(135deg,var(--surface-card),var(--surface-card-alt));color:var(--text-primary);border:1px solid var(--line);border-radius:20px;padding:50px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center;box-shadow:var(--shadow)}.quote h2{font-size:39px;margin:0 0 10px}.quote p{color:var(--text-secondary)}
.tracking{background:linear-gradient(145deg,var(--surface-card),var(--surface-background-deep));border:1px solid var(--line);border-radius:15px;padding:30px;box-shadow:var(--shadow)}.tracking-form{display:flex;gap:10px}.tracking-form input{flex:1;min-width:0;padding:15px;color:var(--text-primary);background:var(--surface-input);border:1px solid var(--line2);border-radius:8px;font:inherit;outline:none}.tracking-form input:focus{border-color:rgba(86,169,255,.55);box-shadow:0 0 0 3px rgba(22,132,255,.08)}
.page-hero{min-height:360px;display:flex;align-items:center;color:var(--text-primary);position:relative;overflow:hidden;background-color:var(--surface-input);background-image:linear-gradient(100deg,rgba(2,8,16,.94),rgba(2,8,16,.58)),var(--hero-image);background-position:center;background-size:cover;border-bottom:1px solid var(--line)}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(22,132,255,.12),transparent 30%)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(42px,5vw,65px);letter-spacing:-1.8px;line-height:1.03;margin:12px 0}.page-hero p{color:var(--text-secondary);max-width:650px}.crumb{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:1.4px}
.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.panel{background:linear-gradient(145deg,var(--surface-card),var(--surface-background-deep));border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:var(--shadow);height:max-content}.panel h3{margin-top:0}.service-detail-img{height:365px;border-radius:16px;background-size:cover;background-position:center;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.service-detail-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,8,15,.38))}
.timeline{position:relative;margin-top:35px}.timeline:before{content:"";position:absolute;left:18px;top:5px;bottom:5px;width:2px;background:rgba(86,169,255,.18)}.event{position:relative;padding:0 0 35px 58px}.dot{position:absolute;left:9px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--gold);border:4px solid var(--surface-card);box-shadow:0 0 0 2px rgba(245,157,24,.35)}.event h3{margin:0 0 4px}.event small{color:#73869d}.event p{color:var(--muted)}
.form{display:grid;gap:15px}.form label{font-weight:800;font-size:14px;color:var(--text-secondary)}.form input,.form textarea,.form select{width:100%;padding:14px;color:var(--text-primary);background:var(--surface-input);border:1px solid var(--line2);border-radius:8px;font:inherit;outline:none}.form textarea{min-height:140px;resize:vertical}.form input:focus,.form textarea:focus,.form select:focus{border-color:rgba(86,169,255,.55);box-shadow:0 0 0 3px rgba(22,132,255,.08)}
.footer{background:var(--surface-footer);color:var(--text-muted);padding:60px 0 20px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{color:var(--text-primary);margin-top:0;font-size:14px}.footer a{display:block;margin:8px 0;color:var(--text-muted);font-size:13px}.footer a:hover{color:var(--text-primary)}.footer-logo{width:140px;height:56px;object-fit:contain;margin-bottom:12px}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--text-muted)}
.gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.gallery .tile{height:260px;border-radius:15px;background-size:cover;background-position:center;position:relative;overflow:hidden;border:1px solid var(--line)}.gallery .tile:first-child{height:540px;grid-row:span 2}.gallery .tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,8,15,.88))}.gallery .tile span{position:absolute;z-index:2;left:18px;bottom:15px;color:var(--text-primary);font-weight:900}.notice{padding:14px 18px;border-radius:9px;background:rgba(245,157,24,.08);border:1px solid rgba(245,157,24,.2);color:var(--brand-accent-hover);margin-bottom:25px}
.media-band{padding-top:0}.media-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.media-card{height:190px;border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--shadow);background:var(--surface-card-alt);border:1px solid var(--line)}.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.media-card:hover img{transform:scale(1.05)}.media-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,13,27,.9))}.media-card span{position:absolute;z-index:2;bottom:15px;left:17px;color:var(--text-primary);font-weight:900}.tracking-visual{height:245px;border-radius:15px;background-size:cover;background-position:center;position:relative;overflow:hidden;margin-top:35px;border:1px solid var(--line)}.tracking-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,35,.94),rgba(5,19,35,.25))}.tracking-visual div{position:relative;z-index:2;padding:58px 40px;color:var(--text-primary);max-width:620px}.tracking-visual span{font-size:11px;letter-spacing:2px;font-weight:900;color:var(--gold2)}.tracking-visual strong{display:block;font-size:31px;line-height:1.15;margin-top:10px}
@media(max-width:950px){.menu{display:none}.burger{display:block}.nav{min-height:72px}.nav.open .menu{display:flex;position:absolute;left:4%;right:4%;top:72px;background:var(--surface-background-deep);padding:18px 22px;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:var(--shadow)}.nav.open .menu a{padding:8px 0}.nav.open .menu a:after{display:none}.cards,.split,.detail-grid{grid-template-columns:1fr}.statgrid{grid-template-columns:1fr 1fr}.quote{grid-template-columns:1fr}.hero{min-height:600px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar .container{font-size:10px}.topbar .container span:last-child{display:none}.logo{width:125px}.section{padding:62px 0}.cards,.gallery,.statgrid{grid-template-columns:1fr}.gallery .tile:first-child{height:300px;grid-row:auto}.gallery .tile{height:210px}.quote{padding:30px}.quote h2{font-size:30px}.tracking-form{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{min-height:300px}.hero h1{letter-spacing:-1.7px}.service-detail-img{height:280px}.media-strip{grid-template-columns:1fr}.media-card{height:170px}.tracking-visual div{padding:45px 25px}.tracking-visual strong{font-size:25px}}

.compact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.compact-links a{padding:17px 18px;background:#091523;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;transition:.2s}.compact-links a:hover{border-color:rgba(86,169,255,.3);transform:translateY(-2px)}.compact-links b{font-size:14px}.compact-links span{font-size:12px;color:var(--text-muted);margin-top:2px}@media(max-width:600px){.compact-links{grid-template-columns:1fr}}

.home-proof{background:radial-gradient(circle at 35% 35%,rgba(22,132,255,.2),transparent 30%),radial-gradient(circle at 70% 70%,rgba(245,157,24,.13),transparent 25%),linear-gradient(145deg,var(--surface-background),var(--surface-background-deep));position:relative;overflow:hidden}.home-proof:after{content:"RX";position:absolute;right:-25px;bottom:-75px;font-size:260px;font-weight:950;letter-spacing:-25px;color:rgba(255,255,255,.025);font-style:italic}.home-proof:before{content:"GLOBAL\A LOGISTICS\A NETWORK";white-space:pre;position:absolute;left:40px;top:42px;font-size:12px;line-height:1.9;letter-spacing:3px;font-weight:900;color:rgba(255,255,255,.38)}

/* ==========================================================
   RAYXPRESS MASTER PRO THEME LAYER
   All primary visual colors are centralized here so a future
   Master Pro panel can override them without editing pages.
   ========================================================== */
:root{
  --brand-primary:#1684ff;
  --brand-primary-hover:#4ea6ff;
  --brand-accent:#f5a21a;
  --brand-accent-hover:#ffc45a;
  --surface-background:#102238;
  --surface-background-deep:#0a1726;
  --surface-header:rgba(12,27,44,.95);
  --surface-topbar:#0b1b2c;
  --surface-card:#18324b;
  --surface-card-alt:#1e3d59;
  --surface-input:#10273d;
  --surface-footer:#0b1827;
  --text-primary:#f7fbff;
  --text-secondary:#c5d4e2;
  --text-muted:#9fb3c7;
  --text-inverse:#07111d;
  --theme-border:rgba(255,255,255,.14);
  --theme-border-strong:rgba(255,255,255,.22);
  --theme-shadow:0 24px 70px rgba(0,0,0,.30);
  --theme-glow:0 0 38px rgba(22,132,255,.14);
  --theme-radius:14px;
  --theme-button-radius:9px;
}
body{background:var(--surface-background);color:var(--text-primary)}
.topbar{background:var(--surface-topbar);color:var(--text-muted);border-color:var(--theme-border)}
.header{background:var(--surface-header);border-color:var(--theme-border)}
.menu{color:var(--text-secondary)}
.menu a:hover,.menu a.active{color:var(--text-primary)}
.menu a.active:after,.menu a:hover:after{background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}
.nav-cta{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-hover));color:var(--text-inverse)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--brand-accent) 18%,transparent)}
.btn{border-radius:var(--theme-button-radius)}
.btn-gold{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-hover));color:var(--text-inverse);box-shadow:0 12px 28px color-mix(in srgb,var(--brand-accent) 18%,transparent)}
.btn-dark{background:var(--surface-card-alt);color:var(--text-primary);border-color:var(--theme-border-strong)}
.btn-outline-light{border-color:var(--theme-border-strong);color:var(--text-primary);background:rgba(255,255,255,.055)}
.hero{background:linear-gradient(100deg,rgba(4,12,22,.78),rgba(4,12,22,.22)),url('../images/hero.jpg') center/cover no-repeat}
.hero:before{background:radial-gradient(circle at 72% 35%,color-mix(in srgb,var(--brand-primary) 18%,transparent),transparent 32%),linear-gradient(180deg,transparent 65%,var(--surface-background-deep) 100%)}
.hero p{color:var(--text-secondary)}
.eyebrow{color:var(--brand-accent-hover)}
.eyebrow:before{background:var(--brand-accent)}
.kicker{color:var(--brand-primary-hover)}
.lead{color:var(--text-muted)}
.service,.tracking,.panel{background:linear-gradient(145deg,var(--surface-card),var(--surface-background-deep));border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
.service:hover{border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent);box-shadow:var(--theme-shadow),var(--theme-glow)}
.service-body p,.check span{color:var(--text-muted)}
.arrow{color:var(--brand-accent-hover)}
.photo{border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
.check b{color:var(--text-primary)}
.check i{background:color-mix(in srgb,var(--brand-accent) 13%,transparent);color:var(--brand-accent-hover);border-color:color-mix(in srgb,var(--brand-accent) 22%,transparent)}
.stats{background:linear-gradient(135deg,var(--surface-background-deep),var(--surface-card));color:var(--text-primary)}
.stat{background:var(--surface-card)}
.stat strong{color:var(--brand-accent-hover)}
.stat span{color:var(--text-muted)}
.quote{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--brand-primary) 18%,transparent),transparent 32%),linear-gradient(135deg,var(--surface-card),var(--surface-card-alt));color:var(--text-primary);border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
.quote p{color:var(--text-secondary)}
.tracking-form input,.form input,.form textarea,.form select{color:var(--text-primary);background:var(--surface-input);border-color:var(--theme-border-strong)}
.tracking-form input:focus,.form input:focus,.form textarea:focus,.form select:focus{border-color:color-mix(in srgb,var(--brand-primary) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 9%,transparent)}
.page-hero{background-color:var(--surface-background-deep);background-image:linear-gradient(100deg,rgba(4,12,22,.78),rgba(4,12,22,.30)),var(--hero-image);border-color:var(--theme-border)}
.page-hero:after{background:radial-gradient(circle at 78% 40%,color-mix(in srgb,var(--brand-primary) 14%,transparent),transparent 30%)}
.page-hero p{color:var(--text-secondary)}
.crumb{color:var(--text-muted)}
.dot{background:var(--brand-accent);border-color:var(--surface-card);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent) 35%,transparent)}
.form label{color:var(--text-secondary)}
.footer{background:var(--surface-footer);color:var(--text-muted);border-color:var(--theme-border)}
.footer h3{color:var(--text-primary)}
.footer a{color:var(--text-muted)}
.footer a:hover{color:var(--text-primary)}
.footer-bottom{border-color:var(--theme-border);color:var(--text-muted)}
.compact-links a{background:var(--surface-card);border-color:var(--theme-border)}
.compact-links a:hover{border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent)}
.compact-links span{color:var(--text-muted)}
.notice{background:color-mix(in srgb,var(--brand-accent) 8%,transparent);border-color:color-mix(in srgb,var(--brand-accent) 20%,transparent);color:var(--brand-accent-hover)}
.media-card{background:var(--surface-card);border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
.gallery .tile{border-color:var(--theme-border)}
.tracking-visual{border-color:var(--theme-border)}
.home-proof{background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--brand-primary) 20%,transparent),transparent 30%),radial-gradient(circle at 70% 70%,color-mix(in srgb,var(--brand-accent) 13%,transparent),transparent 25%),linear-gradient(145deg,var(--surface-card),var(--surface-background-deep))}
.home-proof:before{color:color-mix(in srgb,var(--text-primary) 38%,transparent)}

/* Master Pro can also provide a complete custom theme at runtime. */
[data-rx-theme="custom"]{color-scheme:dark}
.photo[style*="--about-image"]{background-image:linear-gradient(100deg,rgba(4,12,22,.42),rgba(4,12,22,.08)),var(--about-image)!important}

/* Final readability polish */
.form .btn{width:100%;min-height:54px;font-size:15px;font-weight:900;letter-spacing:.1px}
.form label{font-weight:750}.form input,.form select,.form textarea{min-height:52px}
.panel{background:linear-gradient(145deg,var(--surface-card),var(--surface-card-alt))}
.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.auth-actions .btn{flex:1 1 180px}
.auth-note{color:var(--text-secondary)}

/* Dynamic Master Pro branding */
:root{--font-heading:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-weight:700;--font-letter-spacing:0px}
body{font-family:var(--font-body);letter-spacing:var(--font-letter-spacing)}h1,h2,h3,h4,h5,h6,.kicker,.eyebrow,.btn,.menu{font-family:var(--font-heading)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight)}
.nav>a:first-child,.brand-lockup{display:flex;align-items:center;gap:12px}.brand-name{font-family:var(--font-heading);font-weight:850;font-size:18px;letter-spacing:.1px;color:var(--text-primary);white-space:nowrap}.footer> .container .footer-logo,.footer-logo{margin-right:10px}.footer-logo + .brand-name{display:inline-block;vertical-align:middle;margin-top:-7px}
.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{padding-right:48px!important;width:100%}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;border-radius:7px}.password-toggle:hover{color:var(--text-primary);background:rgba(255,255,255,.06)}.password-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Master Pro database typography controls */
body{font-family:var(--font-body)!important;font-weight:400;letter-spacing:var(--font-letter-spacing,0px)}
h1,h2,h3,h4,h5,h6,.hero h1,.section h2{font-family:var(--font-heading)!important;font-weight:var(--font-weight,700);letter-spacing:var(--font-letter-spacing,0px)}
button,input,select,textarea{font-family:var(--font-body)!important}
.brand-name{font-family:var(--font-heading);font-weight:800;color:var(--text-primary);font-size:18px;margin-left:10px;white-space:nowrap}
.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;border-radius:7px}.password-toggle:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


/* ==========================================================
   RAYXPRESS MOBILE STATS + FOOTER REFINEMENT
   ========================================================== */
.stats .statgrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.stats .stat{
    min-width:0;
    padding:34px 28px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.stats .stat strong{
    font-size:clamp(34px,4vw,58px);
    line-height:1;
    white-space:nowrap;
}

.stats .stat span{
    margin-top:14px;
    font-size:clamp(13px,1.5vw,18px);
    line-height:1.35;
}

.footer .footer-grid{
    display:grid;
    grid-template-columns:minmax(1.4fr,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1.1fr);
    gap:42px;
    align-items:start;
}

.footer .footer-grid > div:not(:first-child){
    min-width:0;
}

.footer .footer-grid a{
    display:block;
}

.footer .footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

@media(max-width:768px){
    .stats .statgrid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        width:100%;
    }

    .stats .stat{
        padding:24px 10px;
        min-height:112px;
        border-right:1px solid rgba(255,255,255,.08);
    }

    .stats .stat:last-child{
        border-right:0;
    }

    .stats .stat strong{
        font-size:clamp(24px,7.2vw,38px);
        letter-spacing:-1px;
    }

    .stats .stat span{
        margin-top:8px;
        font-size:10px;
        line-height:1.25;
    }

    /* Footer: brand first, Company + Logistics as two professional blocks,
       Contact beneath them. */
    .footer .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:28px 16px;
    }

    .footer .footer-grid > div:first-child{
        grid-column:1 / -1;
        padding-bottom:4px;
    }

    .footer .footer-grid > div:nth-child(2),
    .footer .footer-grid > div:nth-child(3){
        padding:20px 16px;
        border:1px solid rgba(255,255,255,.10);
        border-radius:18px;
        background:rgba(255,255,255,.025);
        box-shadow:0 12px 30px rgba(0,0,0,.12);
    }

    .footer .footer-grid > div:nth-child(4){
        grid-column:1 / -1;
        padding-top:4px;
    }

    .footer .footer-grid h3{
        margin-top:0;
        margin-bottom:16px;
    }

    .footer .footer-grid > div:nth-child(2) a,
    .footer .footer-grid > div:nth-child(3) a{
        margin-bottom:12px;
        font-size:14px;
    }

    .footer .footer-grid > div:nth-child(2) a:last-child,
    .footer .footer-grid > div:nth-child(3) a:last-child{
        margin-bottom:0;
    }

    .footer .footer-bottom{
        display:block;
    }

    .footer .footer-bottom span{
        display:block;
        margin-top:8px;
    }
}

/* ==========================================================
   RAYXPRESS ACCOUNT + MOBILE PROFILE MENU
   ========================================================== */
.client-account-toggle{display:none}
.client-account{position:relative}
.client-account-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--theme-border-strong);background:var(--surface-card);color:var(--text-primary);padding:8px 11px;border-radius:999px;font:inherit;font-weight:750;cursor:pointer}
.client-avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff;font-weight:900;font-size:12px;flex:0 0 auto}
.client-account-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);width:190px;background:var(--surface-card);border:1px solid var(--theme-border-strong);border-radius:14px;padding:7px;box-shadow:var(--theme-shadow);z-index:1000}
.client-account-menu.open{display:grid}
.client-account-menu a,.client-mobile-menu a{display:block;padding:10px 12px;border-radius:9px;color:var(--text-secondary);text-decoration:none}
.client-account-menu a:hover,.client-mobile-menu a:hover{background:rgba(255,255,255,.07);color:var(--text-primary)}
.client-account-menu .logout-link,.client-mobile-menu .logout-link{color:#ffb0b0}
.client-mobile-menu{display:none}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.media-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.media-manager-card{border:1px solid var(--admin-border,rgba(255,255,255,.14));background:rgba(0,0,0,.10);border-radius:15px;padding:12px;overflow:hidden}
.media-preview{height:170px;border-radius:11px;background:#091624;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}
.media-preview img{width:100%;height:100%;object-fit:cover}
.media-manager-copy{display:grid;gap:3px;padding:11px 2px 9px}.media-manager-copy small{color:var(--admin-muted,#9fb3c7);font-size:11px}
.media-upload-form{display:grid;gap:8px}.media-upload-form input[type=file]{width:100%;box-sizing:border-box;color:var(--admin-text,#fff)}
@media(max-width:760px){
 .client-account{display:none}.client-account-toggle{display:inline-flex;margin-left:auto;align-items:center;gap:7px;border:1px solid var(--theme-border-strong);background:var(--surface-card);color:var(--text-primary);padding:6px 9px;border-radius:999px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.client-account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-mobile-menu{display:none;position:absolute;left:14px;right:14px;top:calc(100% + 8px);padding:8px;background:var(--surface-card);border:1px solid var(--theme-border-strong);border-radius:14px;box-shadow:var(--theme-shadow);z-index:1100}.client-mobile-menu.open{display:grid}.header .container.nav{position:relative}.account-grid{grid-template-columns:1fr}.media-manager-grid{grid-template-columns:1fr}
}

:root{--font-heading-size:clamp(2rem,4vw,3.5rem);--font-body-size:16px;--font-line-height:1.6}body{font-size:var(--font-body-size);line-height:var(--font-line-height)}h1,h2,h3,h4,h5,h6{font-size:revert} .hero h1,.page-hero h1{font-size:var(--font-heading-size)}


/* ==========================================================
   CLIENT DASHBOARD — MOBILE LANGUAGE DROPDOWN
   Scoped only to the client dashboard header.
   ========================================================== */
.client-dashboard-nav .rx-language-picker{
    flex:0 0 auto;
    margin-left:0;
}
.client-dashboard-nav .rx-language-picker select{
    min-width:110px;
    height:42px;
    padding:8px 30px 8px 13px;
    border-radius:14px;
    font-size:13px;
}
@media(max-width:760px){
    .client-dashboard-nav{
        width:92%;
        max-width:100%;
        gap:8px;
        overflow:visible;
    }
    .client-dashboard-nav .brand-lockup{
        min-width:0;
        flex:0 1 auto;
        max-width:52%;
        overflow:hidden;
    }
    .client-dashboard-nav .brand-lockup .brand-name{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .client-dashboard-nav .client-account-toggle{
        margin-left:0;
        flex:0 0 42px;
        width:42px;
        max-width:42px;
    }
    .client-dashboard-nav .client-account-name{
        max-width:76px;
    }
    .client-dashboard-nav .rx-language-picker{
        flex:1 1 auto;
        width:auto;
        min-width:0;
        max-width:none;
        margin-left:0;
    }
    .client-dashboard-nav .rx-language-picker select{
        width:100%;
        min-width:0;
        max-width:none;
        height:40px;
        padding:7px 27px 7px 11px;
        border-radius:12px;
        font-size:12px;
        box-sizing:border-box;
    }
}
@media(max-width:430px){
    .client-dashboard-nav{
        gap:6px;
    }
    .client-dashboard-nav .brand-lockup{
        max-width:48%;
    }
    .client-dashboard-nav .brand-lockup .brand-name{
        font-size:20px;
    }
    .client-dashboard-nav .brand-lockup .logo{
        width:58px;
        height:50px;
        flex-basis:58px;
    }
    .client-dashboard-nav .client-account-toggle{
        width:40px;
        height:40px;
        min-width:40px;
        max-width:40px;
        flex-basis:40px;
        padding:0;
    }
    .client-dashboard-nav .rx-language-picker{
        flex:1 1 auto;
        min-width:0;
        max-width:none;
    }
    .client-dashboard-nav .rx-language-picker select{
        width:100%;
        min-width:0;
        max-width:none;
        font-size:11px;
        padding-left:10px;
        padding-right:24px;
    }
}

/* ==========================================================
   CLIENT DASHBOARD — SINGLE SHIPMENT EXPERIENCE
   ========================================================== */
.client-shipment-section{padding-top:34px}.client-shipment-card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface-card),var(--surface-background-deep));border:1px solid var(--theme-border-strong);border-radius:24px;padding:30px;box-shadow:var(--theme-shadow)}.client-shipment-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--brand-primary),var(--brand-accent));}.client-shipment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.client-shipment-top h2{margin:6px 0 4px;font-size:clamp(28px,4vw,42px);letter-spacing:-1px}.client-shipment-subtitle{margin:0;color:var(--text-secondary)}.client-status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 28%,transparent);color:var(--text-primary);font-size:12px;font-weight:850;white-space:nowrap}.client-status-pill i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.10)}.client-shipment-number{margin-top:26px;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,var(--surface-card-alt) 72%,transparent);border:1px solid var(--theme-border)}.client-shipment-number span,.client-shipment-route small{display:block;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800}.client-shipment-number strong{display:block;margin-top:6px;font-size:clamp(22px,4vw,32px);letter-spacing:.5px;color:var(--brand-accent)}.client-shipment-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:16px 0 22px}.client-shipment-route div:not(.route-arrow){min-width:0;padding:14px 16px;border:1px solid var(--theme-border);border-radius:14px;background:color-mix(in srgb,var(--surface-card) 75%,transparent)}.client-shipment-route strong{display:block;margin-top:5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-arrow{color:var(--brand-accent);font-size:24px;font-weight:900}.client-track-button{width:100%;max-width:280px;min-height:52px}.client-track-button span{margin-left:10px;font-size:18px}@media(max-width:650px){.client-shipment-card{padding:22px}.client-shipment-top{display:block}.client-status-pill{margin-top:14px}.client-shipment-route{grid-template-columns:1fr;gap:8px}.route-arrow{display:none}.client-track-button{max-width:none}}


/* ==========================================================
   MOBILE VIEWPORT + INPUT ZOOM FIX
   Keep iPhone/iPad pages at the intended viewport size while
   typing. iOS Safari zooms form controls below 16px.
========================================================== */
html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

@media(max-width:768px){
    input,
    textarea,
    select,
    button{
        font-size:16px !important;
    }

    .tracking-form input,
    .form input,
    .form textarea,
    .form select{
        font-size:16px !important;
    }
}

/* ==========================================================
   TRACKING PAGE — COMPACT PROFESSIONAL MOBILE LAYOUT
========================================================== */
@media(max-width:700px){
    .track-shell{
        width:100%;
        max-width:100%;
    }

    .track-search{
        padding:8px;
        gap:8px;
        border-radius:14px;
    }

    .track-search input{
        min-height:48px;
        padding:12px 13px;
        font-size:16px !important;
    }

    .track-search .btn{
        min-height:48px;
        padding:11px 16px;
        font-size:15px;
        width:100%;
    }

    .track-hero{
        margin-top:16px !important;
        padding:18px !important;
        border-radius:18px;
    }

    .track-hero h2{
        font-size:30px !important;
        line-height:1.08;
    }

    .track-hero .lead{
        font-size:14px;
        line-height:1.45;
    }

    .country-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
        margin-top:16px;
    }

    .country-card{
        min-width:0;
        padding:13px;
        gap:9px;
        border-radius:13px;
    }

    .country-flag{
        font-size:28px;
        flex:0 0 auto;
    }

    .country-card small{
        font-size:9px;
        letter-spacing:.08em;
    }

    .country-name{
        font-size:16px;
        line-height:1.15;
        overflow-wrap:anywhere;
    }

    .country-place{
        font-size:11px;
        line-height:1.35;
    }

    .track-meta{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
        margin-top:14px;
    }

    .track-stat{
        padding:12px;
        border-radius:12px;
        min-width:0;
    }

    .track-stat small{
        font-size:10px;
    }

    .track-stat strong{
        display:block;
        font-size:14px;
        line-height:1.3;
        overflow-wrap:anywhere;
    }

    .track-timeline{
        margin-top:14px;
        padding:16px !important;
        border-radius:18px;
    }

    .track-timeline h2{
        font-size:24px !important;
    }

    .track-event{
        grid-template-columns:20px 1fr;
        gap:10px;
        padding-bottom:18px;
    }

    .track-event:before{
        left:9px;
        top:10px;
    }

    .track-dot{
        width:20px;
        height:20px;
        border-width:4px;
    }

    .track-event h3{
        font-size:15px;
    }

    .track-event p{
        font-size:13px;
        line-height:1.45;
    }
}

@media(max-width:430px){
    .country-grid{
        grid-template-columns:1fr;
    }

    .country-card{
        min-height:78px;
    }

    .track-hero h2{
        font-size:27px !important;
    }
}

/* ==========================================================
   RAYXPRESS GLOBAL HEADER BRAND LOCKUP
   Public + authenticated portal header use the same visual identity.
   ========================================================== */
.header .brand-lockup{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    text-decoration:none;
    color:var(--text-primary);
    flex:0 0 auto;
}
.header .brand-lockup .logo{
    width:82px;
    height:64px;
    object-fit:contain;
    flex:0 0 82px;
}
.header .brand-lockup .brand-name{
    display:inline-block;
    margin:0;
    color:var(--text-primary);
    font-family:var(--font-heading);
    font-size:30px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.045em;
    white-space:nowrap;
}
@media(max-width:768px){
    .header .nav{
        min-height:78px;
        gap:12px;
    }
    .header .brand-lockup{
        gap:10px;
    }
    .header .brand-lockup .logo{
        width:70px;
        height:56px;
        flex-basis:70px;
    }
    .header .brand-lockup .brand-name{
        font-size:25px;
    }
}
@media(max-width:430px){
    .header .brand-lockup .logo{
        width:62px;
        height:52px;
        flex-basis:62px;
    }
    .header .brand-lockup .brand-name{
        font-size:23px;
    }
}

/* ==========================================================
   MASTER PRO GLOBAL WHITE-LABEL CONTROLS
   ========================================================== */
:root{
  --font-body-weight:400;
  --container-width:1180px;
  --section-spacing:82px;
}
.container{width:min(var(--container-width),92%)}
.section{padding:var(--section-spacing) 0}
body{font-size:var(--font-body-size,16px);font-weight:var(--font-body-weight,400)}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.form-status{margin-top:10px;font-size:14px}.form-status.success{color:#75e2a0}.form-status.error{color:#ff8f8f}

/* RayXpress multilingual selector */
.login-public-menu + .rx-language-picker{margin-left:10px}
.rx-language-picker{margin-left:auto;display:flex;align-items:center;flex:0 0 auto}.rx-language-picker select{appearance:none;min-width:92px;padding:8px 28px 8px 10px;border:1px solid rgba(245,162,26,.42);border-radius:999px;background:rgba(9,21,34,.78);color:#f3f7fb;font-weight:800;font-size:12px;outline:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#f5a21a 50%),linear-gradient(135deg,#f5a21a 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.rx-language-picker select:focus{border-color:#f5a21a;box-shadow:0 0 0 3px rgba(245,162,26,.12)}@media(max-width:760px){
 .rx-language-picker{margin-left:8px;flex:0 1 clamp(98px,28vw,120px);min-width:0;max-width:120px}
 .rx-language-picker select{width:100%;min-width:0;max-width:120px;height:40px;padding:7px 27px 7px 11px;border-radius:12px;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


/* ==========================================================
   CLIENT DASHBOARD — MOBILE PROFILE CIRCLE
   Mobile-only: keep the profile control as a clean avatar.
   ========================================================== */
@media(max-width:760px){
    .client-dashboard-nav .client-account-toggle{
        width:42px;
        height:42px;
        min-width:42px;
        max-width:42px;
        padding:0;
        margin-left:0;
        display:inline-grid;
        place-items:center;
        gap:0;
        border-radius:50%;
        flex:0 0 42px;
    }
    .client-dashboard-nav .client-account-toggle .client-avatar{
        width:30px;
        height:30px;
        font-size:12px;
    }
    .client-dashboard-nav .client-account-toggle .client-account-name,
    .client-dashboard-nav .client-account-toggle .client-chevron{
        display:none;
    }
}
@media(max-width:430px){
    .client-dashboard-nav .client-account-toggle{
        width:40px;
        height:40px;
        min-width:40px;
        max-width:40px;
        flex-basis:40px;
    }
}