
:root{--black:#101010;--yellow:#f6c400;--white:#fff;--gray:#f4f4f4;--text:#222}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}
header{background:var(--black);color:white;position:sticky;top:0;z-index:5;border-bottom:3px solid var(--yellow)}
.nav{max-width:1180px;margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{font-weight:900;letter-spacing:1px;font-size:1.25rem;color:white;text-decoration:none}.brand span{color:var(--yellow)}
nav{display:flex;gap:14px;flex-wrap:wrap}nav a,.lang{color:white;text-decoration:none;font-size:.92rem}nav a:hover{color:var(--yellow)}
.lang{background:transparent;border:1px solid #777;border-radius:5px;padding:6px 10px;cursor:pointer}
.hero{min-height:440px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.18)),url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1800&q=85') center/cover}
.hero-inner{max-width:1180px;margin:auto;padding:70px 22px;width:100%}.eyebrow{color:var(--yellow);font-weight:bold;text-transform:uppercase;letter-spacing:2px}
h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.08;max-width:760px;margin:12px 0}h2{font-size:2rem;line-height:1.2;margin-top:0}h3{margin-bottom:8px}
.btn{display:inline-block;background:var(--yellow);color:#111;font-weight:bold;text-decoration:none;padding:12px 18px;border-radius:4px;margin:8px 8px 0 0;border:0;cursor:pointer}
.btn.outline{background:transparent;color:white;border:1px solid white}.section{max-width:1180px;margin:auto;padding:58px 22px}.muted{color:#666}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid #e4e4e4;background:white;border-radius:8px;overflow:hidden}.card img{width:100%;height:220px;object-fit:cover;display:block}.card-body{padding:20px}.band{background:var(--gray)}.dark{background:var(--black);color:white}.dark .muted{color:#ccc}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split img{width:100%;height:360px;object-fit:cover;border-radius:8px}.checks{padding-left:20px}.checks li{margin:8px 0}.cta{background:var(--yellow);padding:36px 22px;text-align:center}.cta h2{margin-bottom:8px}.cta .btn{background:#111;color:white}
form{display:grid;gap:12px;max-width:680px}input,textarea,select{width:100%;padding:13px;border:1px solid #ccc;border-radius:4px;font:inherit}textarea{min-height:130px}footer{background:#080808;color:#ddd;padding:30px 22px}footer .foot{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.small{font-size:.9rem}.notice{background:#fff8d8;padding:12px 16px;border-left:4px solid var(--yellow);font-size:.9rem}
[dir=rtl] body,[dir=rtl] .hero-inner{text-align:right}[dir=rtl] nav{direction:rtl}[dir=rtl] .checks{padding-right:20px;padding-left:0}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.hero{min-height:400px}nav{gap:10px}}
@media(max-width:540px){.grid{grid-template-columns:1fr}.nav{align-items:flex-start}.hero-inner{padding:55px 20px}.section{padding:42px 20px}.card img{height:210px}}

/* Premium reference-inspired visual refresh */
:root{--black:#050505;--yellow:#ffcc00;--white:#fff}
body{background:#fff}
header{background:#050505;border-bottom:1px solid #292929}
.nav{max-width:1500px;min-height:76px;padding:9px 5%;gap:22px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block;width:clamp(190px,22vw,300px);height:auto;max-height:58px;object-fit:contain;object-position:left center}
nav{gap:clamp(10px,1.8vw,27px);align-items:center}
nav a{font-weight:700;font-size:.88rem}
.lang{border-radius:18px;padding:8px 15px;border-color:#555}
.hero{min-height:370px;background-image:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.73) 38%,rgba(0,0,0,.08) 100%),url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=2000&q=90');background-position:center;background-size:cover}
.hero-inner{max-width:1500px;width:100%;padding:38px 5%}
.eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--yellow);font-size:.78rem;font-weight:700}
.hero h1{font-size:clamp(2.4rem,4.4vw,4.2rem);line-height:1.02;max-width:680px;text-transform:uppercase;margin:12px 0 16px;font-weight:900;letter-spacing:-.025em}
.hero h1 span,.hero h1 strong{display:block}
.hero h1 strong{color:var(--yellow);font-weight:900}
.btn{background:var(--yellow);color:#050505;border-radius:7px;font-weight:800;border:1px solid var(--yellow);padding:13px 22px}
.btn.outline{background:transparent;color:white;border-color:#fff}
.section{max-width:1500px;padding:42px 5%;margin:auto}
.section h2{text-transform:uppercase;font-weight:900;letter-spacing:-.02em}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#050505;color:#fff;padding:20px 5%;border-top:1px solid #333;border-bottom:1px solid #333}
.benefits>div{display:flex;align-items:center;gap:13px;padding:0 16px;border-right:1px solid #333}
.benefits>div:first-child{padding-left:0}.benefits>div:last-child{border:0}
.benefits b{font-size:2rem;color:var(--yellow);line-height:1}
.benefits strong,.benefits small{display:block}.benefits strong{font-size:.88rem}.benefits small{color:#aaa;font-size:.75rem}
.category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;background:#111}
.category-strip a{position:relative;display:block;min-width:0;overflow:hidden;background:#111;color:#fff;text-decoration:none;min-height:150px}
.category-strip img{width:100%;height:160px;object-fit:cover;display:block;filter:brightness(.8);transition:transform .25s}
.category-strip a:hover img{transform:scale(1.04)}
.category-strip span{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#050505;padding:10px 12px;font-size:.75rem;font-weight:900}
.category-strip span b{background:var(--yellow);color:#050505;padding:5px 8px;border-radius:3px;font-size:1rem}
.footer-email{padding:0 20px 18px;text-align:center;color:#bbb;font-size:.9rem}.footer-email a{color:var(--yellow)}
footer{background:#050505;color:#fff}
@media(max-width:900px){.nav{justify-content:center}.brand img{width:230px}nav{justify-content:center}.benefits{grid-template-columns:repeat(2,1fr);gap:18px}.benefits>div{border:0;padding:0}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.hero{min-height:420px}.hero-inner{padding:34px 6%}.hero h1{font-size:2.45rem}.benefits{grid-template-columns:1fr 1fr;padding:18px 5%}.category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.category-strip img{height:125px}.brand img{width:210px}nav a{font-size:.8rem}}

/* Header wordmark requested: ROYAL CASES without ADVERTISING */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.brand .brand-emblem{width:54px;height:54px;object-fit:cover;object-position:center;max-height:none;border:1px solid #ffcc00}
.brand-wordmark{display:flex;flex-direction:column;line-height:1.05;white-space:nowrap}
.brand-wordmark strong{font-size:clamp(1.1rem,1.7vw,1.65rem);font-weight:900;letter-spacing:-.025em;color:#fff}
.brand-wordmark small{font-size:clamp(.48rem,.65vw,.68rem);font-weight:800;letter-spacing:.015em;color:#ffcc00;margin-top:5px}
@media(max-width:560px){.brand{gap:7px}.brand .brand-emblem{width:42px;height:42px}.brand-wordmark strong{font-size:1.05rem}.brand-wordmark small{font-size:.43rem}}
