/* Royal Freight Services — responsive website */
:root{--navy:#102e50;--navy-deep:#0a2039;--coral:#e66d75;--rose:#c87ab0;--lavender:#9b9ce9;--ink:#172c42;--muted:#6b7a89;--pale:#f5f7fa;--line:#e3e8ee;--white:#fff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{background:var(--navy-deep);color:#d8e1eb;font-size:11px;letter-spacing:.02em}.topbar-inner{display:flex;gap:25px;align-items:center;min-height:34px}.topbar i{color:#f18a92;font-style:normal;margin-right:7px}.top-note{margin-left:auto;color:#aab9c9}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,46,80,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:83px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:48px;height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:linear-gradient(145deg,#fff8d7,#c9a85c);clip-path:polygon(50% 0,64% 15%,86% 12%,80% 32%,100% 43%,85% 58%,90% 82%,60% 78%,50% 100%,39% 78%,10% 82%,15% 58%,0 43%,20% 32%,14% 12%,37% 15%);color:#243d54}.brand-mark .crown{font-size:12px;color:#9e7930}.brand-mark strong{font-family:var(--display);font-size:15px;letter-spacing:1px}.brand-mark small{font-size:4px;letter-spacing:.3px;margin-top:3px}.brand-name{font-family:var(--display);font-size:12px;letter-spacing:.07em;font-weight:800;line-height:1.4}.brand-name b{color:var(--rose)}.brand-name small{display:block;font:500 9px var(--font);letter-spacing:.15em;color:var(--muted);margin-top:3px}.nav-links{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700;color:#45596d}.nav-links>a:not(.nav-cta){padding:10px 0;position:relative}.nav-links>a:not(.nav-cta):after{content:"";height:2px;background:var(--coral);position:absolute;left:0;right:100%;bottom:3px;transition:.25s}.nav-links>a:hover:after,.nav-links>a.active:after{right:0}.nav-cta{background:var(--navy);color:#fff;padding:13px 18px;border-radius:5px;box-shadow:0 7px 20px #102e501b}.nav-cta span{margin-left:14px;color:#f5a3a7}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}
.hero{position:relative;min-height:590px;display:flex;align-items:center;color:white;background:#17354e url('https://images.unsplash.com/photo-1519003722824-194d4455a60c?auto=format&fit=crop&w=2200&q=90') center 54%/cover no-repeat;isolation:isolate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,43,.88) 0%,rgba(9,31,50,.7) 42%,rgba(9,31,50,.15) 100%);z-index:-1}.hero-content{padding-top:44px;padding-bottom:74px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--coral);margin:0 0 15px}.eyebrow.light{color:#ffb0b2}.hero h1{font:800 clamp(42px,6vw,72px)/1.08 var(--display);letter-spacing:-.055em;margin:0;max-width:720px}.hero h1 span{color:#f39aa4}.hero-copy{font-size:16px;max-width:510px;color:#e0e8ef;margin:24px 0 28px;line-height:1.8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:5px;padding:15px 20px;font:700 12px var(--font);cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0a203930}.btn-primary{background:linear-gradient(115deg,var(--coral),var(--rose));color:#fff}.btn-primary span{font-size:17px}.btn-glass{border:1px solid #ffffff80;color:#fff;background:#ffffff0c}.hero-proof{display:flex;gap:11px;align-items:center;margin-top:49px}.proof-icon{display:grid;place-items:center;border:1px solid #f3a2aa;border-radius:50%;width:30px;height:30px;color:#f3a2aa}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:12px}.hero-proof small{color:#b8c5d2;font-size:10px}.hero-caption{position:absolute;right:4%;bottom:28px;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.14em;color:#d5e0e9}.caption-line{width:42px;height:1px;background:#f2a1a8}.quick-contact{background:linear-gradient(100deg,#e86c77,#b77ec3 55%,#8e9de7);color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-item{display:flex;align-items:center;gap:13px;padding:24px 17px;border-right:1px solid #ffffff35;min-width:0;transition:background .2s}.quick-item:first-child{border-left:1px solid #ffffff35}.quick-item:hover{background:#ffffff15}.quick-icon{width:41px;height:41px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:19px;flex:none}.quick-item small,.quick-item strong,.quick-item em{display:block;font-style:normal}.quick-item small{font-size:9px;opacity:.85}.quick-item strong{font:700 14px var(--display);margin:1px 0}.quick-item em{font-size:10px;opacity:.88;white-space:nowrap}.quick-item .arrow{margin-left:auto;font-size:15px;opacity:.7}
.section{padding:105px 0}.about-grid{display:grid;grid-template-columns:.94fr 1fr;gap:90px;align-items:center}.about-image-wrap{position:relative;min-height:455px;background:#edf1f4;border-radius:7px;overflow:visible}.about-image-wrap>img{height:455px;width:100%;object-fit:cover;border-radius:7px}.about-image-wrap:before{content:"";position:absolute;left:-16px;top:25px;width:65%;height:70%;border:1px solid #e7a1a8;border-radius:7px;z-index:-1}.image-stamp{position:absolute;top:24px;left:-22px;background:white;padding:13px 18px;box-shadow:0 12px 30px #102e5014;display:flex;align-items:center;gap:10px}.image-stamp span{font:800 19px var(--display);color:var(--navy)}.image-stamp small{font-size:9px;line-height:1.4;color:var(--muted)}.experience-card{position:absolute;right:-25px;bottom:28px;padding:17px 21px;background:var(--navy);color:white;border-radius:5px;box-shadow:0 15px 35px #102e5030}.experience-card strong,.experience-card span{display:block}.experience-card strong{font:700 13px var(--display)}.experience-card span{font-size:11px;color:#c6d4e2}.about-copy h2,.section-heading h2,.features-head h2,.contact-info h2{font:800 clamp(30px,3.5vw,43px)/1.18 var(--display);letter-spacing:-.045em;margin:0 0 22px}.about-copy h2 span,.section-heading h2 span,.features-head h2 span,.contact-info h2 span{color:var(--rose)}.about-copy p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.about-copy .lead{font:600 17px/1.6 var(--display)!important;color:var(--ink)!important;margin-bottom:13px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.about-points>div{padding-left:13px;border-left:2px solid #e99ba5}.about-points span,.about-points b,.about-points small{display:block}.about-points span{font-size:10px;color:var(--rose);font-weight:800;margin-bottom:5px}.about-points b{font-size:12px}.about-points small{font-size:10px;color:var(--muted);margin-top:4px}.text-link{font-size:12px;font-weight:800;color:var(--navy);display:inline-flex;align-items:center;gap:14px}.text-link span{color:var(--coral);font-size:18px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.rate-section{padding:80px 0 95px;background:#f6f8fa}.section-heading{max-width:660px;margin-bottom:35px}.section-heading.centered{text-align:center;margin:0 auto 37px}.section-heading>p:last-child,.features-head>p:last-child{font-size:13px;color:var(--muted);margin:0}.rate-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 50px #102e5009;overflow:hidden}.rate-top{display:flex;justify-content:space-between;align-items:center;padding:24px 29px;border-bottom:1px solid var(--line)}.mini-label{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--rose)}.rate-top h3,.form-heading h3{font:800 19px var(--display);margin:4px 0 0}.rate-tag{font-size:10px;background:#fff3f4;color:#ad5869;border-radius:30px;padding:9px 13px}.rate-tag b{margin-left:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:590px}th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#788797;background:#f9fafb;padding:14px 28px}td{padding:15px 28px;border-top:1px solid #edf0f3;font-size:12px;color:#425469}td:first-child{color:#a0aab5;font-size:10px}td:nth-child(3){font-weight:700;color:var(--navy)}.row-dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin-right:10px;vertical-align:middle}.rate-bottom{padding:18px 28px;background:#fbfcfd;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted)}
.services-section{padding:105px 0 110px}.services-section .section-heading{max-width:570px}.services-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:35px;align-items:stretch}.service-list{border-top:1px solid var(--line)}.service-list>a{display:grid;grid-template-columns:34px 1fr 20px;gap:12px;align-items:center;padding:19px 8px;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.service-list>a:hover{padding-left:15px;background:#fafbfc}.service-number{font-size:10px;color:var(--rose);font-weight:800}.service-list b,.service-list small{display:block}.service-list b{font:700 13px var(--display)}.service-list small{font-size:10px;color:var(--muted);margin-top:3px}.service-list i{font-style:normal;color:#9ba8b4}.service-feature{position:relative;min-height:490px;border-radius:7px;overflow:hidden;background:var(--navy)}.service-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.service-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,43,.92),rgba(6,24,43,.02) 80%)}.service-feature-content{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:33px;color:#fff}.feature-label{font-size:9px;letter-spacing:.17em;color:#f2a4ad;font-weight:800}.service-feature h3{font:800 26px/1.25 var(--display);letter-spacing:-.03em;margin:13px 0}.service-feature p{font-size:11px;color:#d5dfe8;max-width:370px}.circle-link{position:absolute;right:31px;bottom:32px;width:43px;height:43px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:20px}
.features-section{padding:88px 0 100px;background:#f5f7fa}.features-head{max-width:600px;margin-bottom:34px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{position:relative;background:white;padding:28px 23px 35px;border:1px solid #e9edf1;border-radius:6px;min-height:210px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #102e500d}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0f1;color:var(--coral);font-size:20px}.feature-card h3{font:800 14px var(--display);margin:22px 0 9px}.feature-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.feature-count{position:absolute;right:20px;top:26px;font-size:10px;color:#c4ccd4;font-weight:800}
.cta-band{padding:46px 0;background:linear-gradient(110deg,#e56d78,#b27fca 65%,#8e9ee8);color:white}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner .eyebrow{margin-bottom:7px}.cta-inner h2{font:800 30px var(--display);margin:0}.cta-inner p:not(.eyebrow){font-size:12px;color:#fff2f4;margin:5px 0 0}.btn-white{background:white;color:var(--navy);white-space:nowrap}.btn-white span{color:var(--coral);font-size:17px}
.contact-section{padding:105px 0}.contact-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px;align-items:start}.contact-info h2{margin-bottom:17px}.contact-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:390px;margin-bottom:34px}.contact-detail{display:flex;gap:15px;margin:23px 0}.detail-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:6px;background:#fdf0f2;color:var(--coral);font-size:20px}.contact-detail small,.contact-detail b{display:block}.contact-detail small{font-size:9px;letter-spacing:.14em;color:var(--rose);font-weight:800}.contact-detail b{font-size:12px;margin:3px 0}.contact-detail p{font-size:10px;color:var(--muted);margin:0}.contact-form-card{padding:34px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 55px #102e500c}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.form-mark{font:800 20px var(--display);color:#c6a75e;border:1px solid #e7d7ab;padding:7px 9px;border-radius:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-card label{display:block;font-size:10px;font-weight:700;color:#3e5267;margin-bottom:17px}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe5eb;border-radius:4px;padding:12px 13px;font:400 11px var(--font);color:var(--ink);background:#fbfcfd;outline:none;transition:border .2s,box-shadow .2s}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{border-color:#c77ab0;box-shadow:0 0 0 3px #c77ab01b}.contact-form-card textarea{resize:vertical}.submit-btn{width:100%;justify-content:space-between}.form-note,.form-status{font-size:10px;color:#8794a1;margin:13px 0 0;line-height:1.6}.form-status{color:#3b826c;font-weight:700}
.footer{background:#0b233d;color:#d8e2ec;padding-top:65px}.footer-main{display:grid;grid-template-columns:1.5fr .7fr .9fr 1fr;gap:45px;padding-bottom:48px}.brand-footer .brand-name{color:white}.brand-footer .brand-name small{color:#a7b7c7}.footer-brand>p{font-size:11px;line-height:1.9;color:#a9bacb;max-width:280px;margin:22px 0 0}.footer-col h4{font:800 13px var(--display);color:white;margin:7px 0 18px}.footer-col>a{display:block;font-size:11px;color:#afbfce;margin:10px 0;transition:color .2s}.footer-col>a:hover{color:#f3a0a8}.footer-news p{font-size:11px;line-height:1.8;color:#afbfce}.footer-email{display:flex!important;justify-content:space-between;max-width:200px;padding:10px 0;border-bottom:1px solid #40546a;color:white!important}.footer-email span{color:#f39aa4}.socials{display:flex;gap:8px;margin-top:18px}.socials a{width:28px;height:28px;border:1px solid #52657a;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.socials a:hover{background:#e77885;border-color:#e77885}.footer-bottom{border-top:1px solid #2a4056;padding:17px 0;color:#91a3b5;font-size:10px}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.nav-links{gap:18px}.about-grid{gap:45px}.contact-grid{gap:40px}.footer-main{gap:25px;grid-template-columns:1.3fr .7fr .8fr 1fr}.quick-item{padding:19px 10px;gap:9px}.quick-icon{width:34px;height:34px}.quick-item em{white-space:normal}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 34px,560px)}.topbar-inner{gap:13px;flex-wrap:wrap;padding:7px 0}.topbar-inner span{font-size:10px}.top-note{display:none}.nav-wrap{min-height:72px}.brand-mark{width:42px;height:47px}.brand-name{font-size:10px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:15px 24px 22px;background:white;box-shadow:0 16px 25px #102e5014;flex-direction:column;align-items:stretch;gap:5px}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:10px 0}.nav-cta{margin-top:7px;text-align:center}.hero{min-height:590px;background-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(6,24,43,.9),rgba(9,31,50,.58))}.hero-content{padding-top:35px;padding-bottom:75px}.hero h1{font-size:clamp(40px,11vw,58px)}.hero-copy{font-size:14px;max-width:420px}.hero-proof{margin-top:35px}.quick-grid{grid-template-columns:1fr 1fr}.quick-item{padding:16px 10px;border-bottom:1px solid #ffffff35}.quick-item:nth-child(odd){border-left:1px solid #ffffff35}.quick-item strong{font-size:12px}.quick-item small,.quick-item em{font-size:9px}.quick-item .arrow{display:none}.section{padding:72px 0}.about-grid{grid-template-columns:1fr;gap:45px}.about-image-wrap,.about-image-wrap>img{min-height:320px;height:320px}.about-image-wrap{margin:0 12px 0 8px}.experience-card{right:-12px;bottom:18px}.image-stamp{left:-12px}.about-copy h2,.section-heading h2,.features-head h2,.contact-info h2{font-size:34px}.about-points{gap:12px}.rate-section,.services-section,.features-section,.contact-section{padding:72px 0}.section-heading.centered{text-align:left}.rate-top{padding:20px;align-items:flex-start;gap:12px;flex-direction:column}.rate-bottom{align-items:flex-start;flex-direction:column;padding:18px 20px}.services-layout{grid-template-columns:1fr;gap:25px}.service-feature{min-height:410px}.features-grid{gap:11px}.feature-card{padding:22px 17px;min-height:205px}.feature-card h3{font-size:13px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-inner h2{font-size:28px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-form-card{padding:24px 19px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:400px}.footer-bottom .container{flex-direction:column;gap:4px}.hero-caption{right:18px;font-size:8px}}
@media(max-width:380px){.container{width:calc(100% - 28px)}.quick-item{gap:7px}.quick-icon{width:29px;height:29px;font-size:15px}.quick-item em{font-size:8px}.hero-actions .btn{padding:13px 14px;gap:13px}.features-grid{grid-template-columns:1fr}.feature-card{min-height:0}.footer-main{grid-template-columns:1fr 1fr}.contact-form-card{padding:22px 15px}}


/* Interactive service selector */
.service-list>a.service-option{width:100%;text-align:left;background:transparent;cursor:pointer}
.service-list>a.service-option.is-active{background:#f8f9fb;padding-left:15px;border-left:3px solid var(--coral)}
.service-option.is-active .service-number{color:var(--coral)}
.service-option.is-active b{color:var(--rose)}
.service-feature>img{transition:opacity .22s ease,transform .6s ease}
.service-feature.is-changing>img{opacity:.22;transform:scale(1.025)}
.service-feature-content h3{max-width:470px}
@media(prefers-reduced-motion:reduce){.service-feature>img{transition:none}}


/* Homepage hero carousel */
.hero-slider{display:block;min-height:0;height:clamp(520px, min(70vw, 720px), 720px);overflow:hidden;background:#102e50}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;background-image:var(--slide-image);background-size:cover;background-position:center 52%;transition:opacity .75s ease,visibility .75s}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-slide .hero-overlay{z-index:0;background:linear-gradient(90deg,rgba(6,24,43,.86) 0%,rgba(9,31,50,.62) 46%,rgba(9,31,50,.13) 100%)}
.hero-slide .hero-content{position:relative;z-index:1;padding-top:clamp(100px,13vw,170px);padding-bottom:145px}
.hero-slide .hero-caption{z-index:2}
.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid #ffffff80;background:#071a2b42;color:white;border-radius:50%;font:300 31px/1 var(--font);cursor:pointer;transition:background .2s,transform .2s}
.hero-arrow:hover{background:#e66d75;transform:translateY(-50%) scale(1.05)}
.hero-prev{left:25px}.hero-next{right:25px}
.hero-slider-bottom{position:absolute;z-index:5;left:max(24px,calc((100% - 1160px)/2));right:max(24px,calc((100% - 1160px)/2));bottom:28px;display:flex;align-items:center;gap:18px}
.hero-dots{display:flex;align-items:center;gap:9px}
.hero-dot{width:7px;height:7px;border:0;padding:0;border-radius:10px;background:#ffffff80;cursor:pointer;transition:width .25s,background .25s}
.hero-dot.is-active{width:26px;background:#f39aa4}
.slider-progress{height:2px;background:#ffffff45;flex:1;max-width:210px;overflow:hidden}
.slider-progress>span{display:block;height:100%;width:0;background:#f39aa4}
.slider-counter{font-size:10px;letter-spacing:.1em;color:#d9e2e9;white-space:nowrap}
.slider-counter b{color:white;font-size:13px}
.hero-pause{width:27px;height:27px;border:1px solid #ffffff70;border-radius:50%;background:transparent;color:white;font-size:11px;cursor:pointer}
@media(max-width:700px){.hero-slider{height:630px}.hero-slide{background-position:58% center}.hero-slide .hero-content{padding-top:120px;padding-bottom:140px}.hero-arrow{width:36px;height:36px;font-size:25px}.hero-prev{left:12px}.hero-next{right:12px}.hero-slider-bottom{left:18px;right:18px;bottom:22px;gap:11px}.slider-progress{max-width:80px}.hero-caption{bottom:65px;left:18px;right:auto}.hero-slide .hero-caption{bottom:65px}.hero-dots{gap:6px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-dot{transition:none}}
