@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#10243e;--blue:#1756a9;--sky:#eaf3ff;--orange:#f28b24;--ink:#182230;--muted:#637083;--line:#dce4ed;--white:#fff;--paper:#f7f9fc;--radius:18px;--shadow:0 18px 45px rgba(16,36,62,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px;top:10px;z-index:999;background:#fff;padding:10px}.skip-link:focus{left:10px}.top-strip{background:var(--navy);color:#d9e6f4;font-size:13px}.top-strip__inner{height:38px;display:flex;align-items:center;justify-content:space-between}.top-strip a{margin-left:24px}.top-strip i{color:#67a7f1;margin-right:6px}.site-header{height:86px;display:flex;align-items:center;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(220,228,237,.8);backdrop-filter:blur(12px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{font-family:Manrope,sans-serif;font-size:18px;color:var(--navy);line-height:1.2}.brand small{font-size:11px;color:var(--muted)}.site-nav{display:flex;align-items:center;gap:28px}.site-nav>a{font-weight:600;font-size:14px;position:relative}.site-nav>a:not(.button):after{content:'';height:2px;background:var(--orange);position:absolute;left:0;right:100%;bottom:-10px;transition:.25s}.site-nav>a.active:after,.site-nav>a:hover:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border:0;border-radius:999px;background:var(--orange);color:#fff!important;font-weight:700;box-shadow:0 8px 20px rgba(242,139,36,.24);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(242,139,36,.32)}.button--small{min-height:42px;padding:0 19px}.button--outline{background:transparent;color:var(--navy)!important;border:1px solid #b7c3d1;box-shadow:none}.button--light{background:#fff;color:var(--navy)!important}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:var(--navy);margin:5px}.eyebrow{display:inline-block;color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}.hero{min-height:620px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(9,29,52,.96) 0%,rgba(9,29,52,.84) 44%,rgba(9,29,52,.15) 78%),url('../images/slider/roys_uniforms3.jpg') center/cover;color:#fff;position:relative}.hero-content{max-width:690px;padding:85px 0}.hero .eyebrow{color:#9bc8ff}.hero h1{font:800 clamp(42px,6vw,74px)/1.05 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 22px}.hero h1 em{color:#ffad5c;font-style:normal}.hero p{font-size:19px;color:#dce8f5;max-width:600px;margin:0 0 32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-actions .button--outline{border-color:rgba(255,255,255,.45);color:#fff!important}.trust-row{display:flex;gap:28px;margin-top:45px;color:#dce8f5;font-size:14px}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row i{color:#ffad5c}.section{padding:92px 0}.section--soft{background:var(--paper)}.section-heading{max-width:680px;margin-bottom:42px}.section-heading--center{text-align:center;margin:0 auto 45px}.section-heading h2,.page-hero h1{font:800 clamp(32px,4vw,48px)/1.12 Manrope,sans-serif;color:var(--navy);letter-spacing:-.035em;margin:0 0 14px}.section-heading p{color:var(--muted);font-size:18px;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card,.product-card,.quote-card,.contact-card,.region-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;transition:.25s}.feature-card{padding:28px}.feature-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon-box{width:48px;height:48px;border-radius:14px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-size:20px;margin-bottom:22px}.feature-card h3,.product-card h3{font:700 19px Manrope;margin:0 0 9px;color:var(--navy)}.feature-card p,.product-card p{color:var(--muted);margin:0;font-size:15px}.product-card img{width:100%;height:245px;object-fit:cover}.product-card__body{padding:22px}.product-card__tag{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.image-stack{position:relative;padding:0 34px 34px 0}.image-stack>img{width:100%;height:470px;object-fit:cover;border-radius:24px}.image-stack:after{content:'32+\A years of trust';white-space:pre;position:absolute;right:0;bottom:0;background:var(--orange);color:#fff;border-radius:18px;padding:22px 28px;font:700 18px/1.4 Manrope}.check-list{list-style:none;padding:0;margin:26px 0}.check-list li{margin:11px 0}.check-list i{color:var(--orange);margin-right:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;border-radius:24px;padding:35px}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.15)}.stat:last-child{border:0}.stat strong{display:block;font:800 34px Manrope;color:#ffad5c}.stat span{font-size:14px;color:#d7e2ef}.quote-card{padding:32px}.quote-card p{font-size:17px}.quote-card strong{color:var(--navy)}.stars{color:var(--orange);letter-spacing:3px}.cta-band{background:var(--blue);color:#fff;padding:52px 0}.cta-band__inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band .eyebrow{color:#bcd9ff}.cta-band h2{font:700 clamp(26px,3vw,38px)/1.25 Manrope;margin:0;max-width:700px}.site-footer{background:#0a192c;color:#aebdce;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:55px}.brand--footer b{color:#fff}.brand--footer img{background:#fff;border-radius:12px;padding:4px}.footer-grid h3{color:#fff;font:700 14px Manrope;text-transform:uppercase;letter-spacing:.1em;margin:8px 0 18px}.footer-grid>div>a:not(.brand){display:block;margin:8px 0}.footer-grid p{font-size:14px}.hours{display:block;color:#6f8297;margin-top:15px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}.whatsapp-float{position:fixed;z-index:90;right:22px;bottom:22px;background:#21a366;color:#fff;border-radius:999px;padding:12px 18px;display:flex;gap:8px;align-items:center;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.2)}.page-hero{background:linear-gradient(105deg,#eaf3ff,#fff);padding:68px 0;border-bottom:1px solid var(--line)}.page-hero p{max-width:680px;color:var(--muted);font-size:18px}.breadcrumb{font-size:13px;color:var(--blue);margin-bottom:14px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;color:var(--muted);font-weight:600}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.product-card[hidden]{display:none}.process{counter-reset:step}.process .feature-card{position:relative}.process .feature-card:before{counter-increment:step;content:'0' counter(step);font:800 36px Manrope;color:#e1e8f0;position:absolute;right:22px;top:15px}.gallery-grid{columns:3;column-gap:18px}.gallery-item{break-inside:avoid;margin-bottom:18px;border-radius:16px;overflow:hidden;display:block}.gallery-item img{width:100%;transition:.3s}.gallery-item:hover img{transform:scale(1.03)}.regions{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.region-card{padding:26px}.region-card img{width:100%;margin-top:18px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.contact-card{padding:32px}.contact-item{display:flex;gap:15px;margin:22px 0}.contact-item .icon-box{flex:0 0 44px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field--full{grid-column:1/-1}.field label{font-weight:700;font-size:13px;color:var(--navy)}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd9e4;border-radius:11px;padding:13px 15px;background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,86,169,.1)}.map{border:0;width:100%;height:420px;border-radius:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.top-strip__inner>span{display:none}.top-strip__inner{justify-content:center}.site-nav{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;padding:22px 20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:5px}.site-nav.open{display:flex}.site-nav>a{padding:10px}.nav-toggle{display:block}.grid-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:42px}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.hero{min-height:560px}.gallery-grid{columns:2}}
@media(max-width:640px){.site-container{width:min(100% - 28px,1160px)}.top-strip a:first-child{display:none}.site-header{height:74px}.brand img{width:48px;height:48px}.brand small{display:none}.site-nav{top:73px}.hero{min-height:600px;background-position:62% center}.hero-content{padding:60px 0}.hero h1{font-size:42px}.hero p{font-size:17px}.trust-row{display:grid;gap:8px}.section{padding:65px 0}.grid-3,.grid-4,.regions{grid-template-columns:1fr}.product-card img{height:280px}.stats{grid-template-columns:1fr 1fr;gap:25px}.stat{border:0}.image-stack>img{height:370px}.cta-band__inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:7px}.gallery-grid{columns:1}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.whatsapp-float span{display:none}.whatsapp-float{width:50px;height:50px;justify-content:center;padding:0}.page-hero{padding:50px 0}}
