*{box-sizing:border-box}
:root{--ink:#111;--line:#d8d8d8;--paper:#fff;--soft:#f4f4f4}
html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}
.site-header{min-height:92px;padding:12px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;position:relative;z-index:5;border-bottom:1px solid #eee}
.brand{width:220px;display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:100%;height:auto;max-height:78px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;gap:clamp(18px,4vw,58px);font-size:14px}.main-nav a{padding:10px 0;border-bottom:2px solid transparent}.main-nav a:first-child,.main-nav a:hover{border-color:#111}
.languages{display:flex;align-items:center;white-space:nowrap}.languages button{background:transparent;border:0;border-right:1px solid #bbb;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer}.languages button:last-child{border:0}.languages button.active{font-weight:700}
.menu-toggle{display:none;background:none;border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:20px}
.hero{min-height:490px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.97) 40%,rgba(255,255,255,.78) 52%,rgba(255,255,255,0) 70%),#f4f4f4}
.hero-car{position:absolute;inset:0 0 0 43%;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 7%,rgba(255,255,255,0) 30%),url("assets/josa-hero-design.jpg");background-size:auto,auto 90%;background-position:center 30%,calc(100% + 110px) center;background-repeat:no-repeat;filter:grayscale(1)}
.hero-content{position:relative;width:min(680px,62%);padding:30px 0 28px clamp(24px,5.5vw,84px);z-index:1}
.eyebrow{font-size:14px;letter-spacing:3px;margin:0 0 4px}
.hero-logo{display:block;width:min(500px,100%);height:auto;max-height:185px;object-fit:contain;object-position:left center;margin:0 0 8px}
.tagline{font-size:12px;font-weight:700;letter-spacing:1px;margin:12px 0}.intro{max-width:500px;font-size:15px;line-height:1.8;margin:0 0 20px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;min-height:44px;border:1px solid #111;border-radius:3px;font-size:13px;font-weight:700}.button-dark{background:#111;color:#fff}.button-light{background:rgba(255,255,255,.9)}
.contact-strip{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px}.contact-strip>span{display:flex;gap:7px;align-items:center;border-right:1px solid #aaa;padding-right:18px}.contact-strip>span:last-child{border:0}
.section{padding:18px clamp(22px,5vw,76px) 28px}.section-heading{text-align:center;margin-bottom:20px}.section-heading h2{font-size:19px;margin:0;font-weight:700}.section-heading span{display:block;width:48px;height:2px;background:#111;margin:8px auto 0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.service-card{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:0 26px;min-width:0;border-right:1px solid #ccc}.service-card:first-child{padding-left:0}.service-card:last-child{border:0;padding-right:0}
.service-icon{width:68px;height:68px;display:grid;place-items:center;background:#f3f3f3;font-size:42px}.service-card h3{font-size:16px;margin:0 0 5px;line-height:1.35}.service-card ul{margin:0;padding-left:15px;font-size:12px;line-height:1.8}.service-card p{font-size:12px;margin:0 0 4px}
.qualities{background:#f5f5f5;padding:24px clamp(22px,5vw,76px);display:grid;grid-template-columns:repeat(4,1fr)}.qualities article{display:flex;gap:15px;align-items:flex-start;padding:0 20px;border-right:1px solid #ccc}.qualities article:first-child{padding-left:0}.qualities article:last-child{border:0;padding-right:0}.quality-icon{font-size:35px;line-height:1.2;min-width:42px;text-align:center}.qualities h3{font-size:12px;margin:0 0 4px}.qualities p{font-size:11px;margin:0;line-height:1.7}
.footer{background:#111;color:#fff;padding:22px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:18px}.footer a{display:flex;align-items:center;gap:12px;font-size:13px}.footer a+a{border-left:1px solid #777;padding-left:24px}.footer-icon{font-size:25px}.legal-note{text-align:center;padding:10px 16px;color:#666;font-size:11px}
@media(max-width:1050px){.site-header{gap:12px}.brand{width:170px}.main-nav{gap:18px}.languages button{padding:5px 6px}.hero-content{width:66%}.hero-logo{max-height:160px}.service-card{grid-template-columns:56px 1fr;gap:12px;padding:0 14px}.service-icon{width:54px;height:58px;font-size:34px}.qualities article{padding:0 12px;gap:8px}.quality-icon{min-width:32px;font-size:28px}.footer{flex-wrap:wrap;justify-content:center}}
@media(max-width:760px){.site-header{min-height:76px;flex-wrap:wrap;padding:12px 18px}.brand{width:150px}.brand img{max-height:55px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 4px;border-bottom:1px solid #eee}.languages{order:2;width:100%;justify-content:flex-start}.languages button{padding:6px 9px}
.hero{min-height:0;align-items:flex-start;background:#fff}.hero-car{inset:0 0 auto 0;height:280px;background-size:auto 280px;background-position:right top;opacity:.3}.hero:after{content:"";position:absolute;inset:130px 0 0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 150px)}.hero-content{width:100%;padding:32px 22px 24px;z-index:1}.eyebrow{font-size:12px}.hero-logo{width:min(420px,100%);max-height:150px}.tagline{font-size:10px;line-height:1.6}.intro{font-size:14px;line-height:1.7}.contact-strip{gap:10px 15px}.contact-strip>span{border:0;padding:0}
.section{padding:26px 20px}.service-grid{grid-template-columns:1fr;gap:18px}.service-card,.service-card:first-child,.service-card:last-child{padding:0 0 18px;border-right:0;border-bottom:1px solid #ddd;grid-template-columns:58px 1fr}.service-card:last-child{border-bottom:0;padding-bottom:0}.service-icon{width:52px;height:52px}.service-card h3{font-size:15px}.service-card ul,.service-card p{font-size:13px}
.qualities{grid-template-columns:1fr 1fr;gap:20px;padding:25px 20px}.qualities article,.qualities article:first-child,.qualities article:last-child{padding:0;border:0}.qualities h3{font-size:11px}.qualities p{font-size:11px}
.footer{align-items:flex-start;flex-direction:column;padding:24px}.footer a+a{border:0;padding:0}.legal-note{line-height:1.6}}
@media(max-width:390px){.languages button{font-size:11px;padding:5px 7px}.qualities{grid-template-columns:1fr}}