@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('../fonts/Roboto-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('../fonts/Roboto-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{
  --bg:#05141d;--bg2:#071b27;--panel:#091f2c;--panel2:#0b2431;--panel3:#0d2a37;
  --line:rgba(96,216,242,.18);--line-strong:rgba(96,216,242,.38);--text:#f5f8f9;--muted:#b4c5cf;
  --cyan:#59def4;--cyan2:#31cfff;--mint:#7ce5bf;--green:#9bf38d;--accent:linear-gradient(95deg,#56ddf6 0%,#7fe6be 58%,#9bf38d 100%);
  --radius:6px;--shadow:0 20px 45px rgba(0,0,0,.34);--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 22% -6%, rgba(38,120,164,.16), transparent 34%),radial-gradient(circle at 90% 15%, rgba(47,152,168,.11), transparent 28%),var(--bg);color:var(--text);font-family:Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}svg{display:block}.container{width:min(var(--max),calc(100% - 56px));margin:auto;position:relative}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{margin:0 0 14px;font:700 10px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.34em;color:#c0cfd7;text-transform:uppercase}.eyebrow.tight{margin-bottom:12px}h1,h2,h3,h4{font-family:Montserrat,Arial,sans-serif;line-height:1.02;letter-spacing:-.045em;margin:0}h1 span,h2 span,.grad{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:14px 22px;border-radius:7px;border:1px solid transparent;font:800 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.03em;transition:.18s ease}.btn span{font-size:18px;line-height:1}.btn-primary{background:var(--accent);color:#06212c;box-shadow:0 12px 30px rgba(124,229,191,.18)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(124,229,191,.22)}.btn-outline{background:rgba(9,31,44,.55);border-color:rgba(96,216,242,.45);color:#fff}.btn-outline:hover{border-color:var(--mint);color:var(--mint)}

/* shared decorative pcb */
.pcb-edge{overflow:hidden}.pcb-edge:before,.pcb-edge:after,.benefits:after,.brands:after,.footer-grid:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain}.pcb-edge:before{left:0;bottom:-20px;width:320px;height:160px;background-image:url('../images/pcb-left.svg');opacity:.38}.pcb-edge:after{right:0;top:10px;width:330px;height:165px;background-image:url('../images/pcb-right.svg');opacity:.34}.benefits:after{right:0;bottom:-15px;width:330px;height:145px;background-image:url('../images/pcb-right.svg');opacity:.36}.brands:after{left:0;bottom:-24px;width:340px;height:155px;background-image:url('../images/pcb-left.svg');opacity:.32}.footer-grid:after{right:-35px;bottom:-40px;width:360px;height:170px;background-image:url('../images/pcb-corner-br.svg');opacity:.42}

/* header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(5,20,29,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;gap:26px}.brand img{width:178px;height:auto}.desktop-nav{display:flex;gap:30px;margin-left:auto}.desktop-nav a{position:relative;padding:30px 0 24px;font:700 10px/1 Montserrat,Arial,sans-serif;color:#eaf0f3;opacity:.92}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .2s}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.nav-cta{min-height:42px;padding:12px 18px;margin-left:10px}.menu-btn{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}.mobile-menu{display:none;background:#081923;border-bottom:1px solid var(--line)}.mobile-menu.open{display:flex;flex-direction:column;padding:10px 24px 18px}.mobile-menu a{padding:10px 0;border-bottom:1px solid rgba(96,216,242,.08);font:700 12px/1.2 Montserrat}.back-link{margin-left:auto;font:700 11px Montserrat,Arial,sans-serif;color:var(--mint)}

/* hero */
.hero{position:relative;min-height:590px;background:#071923 url('../images/hero-industrial.png') center center/cover no-repeat;border-bottom:1px solid var(--line)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,27,.98) 0%,rgba(4,19,27,.96) 28%,rgba(4,19,27,.72) 48%,rgba(4,19,27,.22) 68%,rgba(4,19,27,.06) 100%)}.hero-content{position:relative;z-index:2;min-height:590px;display:flex;align-items:center}.hero-copy{width:min(520px,44%);padding:56px 0}.hero-copy h1{font-size:clamp(58px,5.7vw,84px);margin-bottom:20px}.hero-copy p{max-width:430px;color:#edf3f5;font-size:17px;line-height:1.45}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* benefits */
.benefits{position:relative;background:#071923;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;min-height:102px;position:relative;z-index:2}.benefit{display:flex;align-items:center;gap:14px;padding:18px 18px;border-right:1px solid rgba(96,216,242,.14)}.benefit:first-child{padding-left:0}.benefit:last-child{border-right:0}.benefit svg{width:34px;height:34px;flex:0 0 auto;color:#58e0e4}.benefit strong{display:block;font:700 15px/1.2 Montserrat,Arial,sans-serif;color:#f2f7f8;margin-bottom:3px}.benefit span{display:block;font-size:11px;line-height:1.35;color:#b5c6cf}

/* sections */
.section{position:relative;padding:74px 0;border-bottom:1px solid var(--line)}.section-head{margin-bottom:26px}.section-head.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.8fr);gap:62px;align-items:end}.section-head.two-col.compact{align-items:center}.section-head h2{font-size:clamp(38px,4.5vw,60px)}.section-head p{color:#c0cfd7;font-size:14px;max-width:550px}

/* services */
.services{background:#071923}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;overflow:hidden;border:1px solid rgba(96,216,242,.26);border-radius:5px;min-height:232px;background:#0a2230;box-shadow:0 10px 26px rgba(0,0,0,.16);transition:.18s ease}.service-card:hover{transform:translateY(-2px);border-color:rgba(124,229,191,.48)}.service-card img{width:100%;height:180px;object-fit:cover}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,20,28,.18) 58%,rgba(6,20,28,.96) 86%,rgba(6,20,28,1) 100%)}.card-body{position:absolute;z-index:2;left:18px;right:16px;bottom:14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end}.card-body svg{width:24px;height:24px;color:#4fe6de}.card-body h3{font-size:15px;line-height:1.03;text-transform:uppercase;letter-spacing:-.02em}.card-body>span{font-size:22px;color:var(--mint)}.service-extra{display:flex;align-items:center;gap:11px;margin-top:14px;color:#d3dde2;font-size:12px}.service-extra svg{width:22px;height:22px;flex:0 0 auto;color:#56e1df}.service-extra strong{font-weight:700}

/* approach */
.approach{padding:0;background:#061822}.approach-grid{display:grid;grid-template-columns:1fr .92fr;align-items:stretch;min-height:420px}.approach-copy{padding:66px 38px 62px 0}.approach-copy h2{font-size:clamp(36px,4.1vw,58px)}.approach-copy>p{margin-top:16px;max-width:520px;color:#c3d2d8;font-size:15px;line-height:1.45}.mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.mini-features div{display:flex;align-items:center;gap:10px;min-height:58px}.mini-features svg{width:30px;height:30px;flex:0 0 auto;color:#57e0db}.mini-features b{font:600 11px/1.2 Montserrat,Arial,sans-serif;color:#eef4f6}.approach-image{background:linear-gradient(90deg,rgba(6,24,34,.94) 0%,rgba(6,24,34,.18) 36%,rgba(6,24,34,0) 56%),url('../images/approach.webp') center/cover no-repeat;min-height:420px;position:relative}

/* process */
.process{background:#071923}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps article{position:relative;min-height:184px;padding:18px 18px 16px;border:1px solid rgba(96,216,242,.18);border-radius:5px;background:linear-gradient(180deg,rgba(9,34,45,.86),rgba(7,25,35,.95))}.step-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step-top>span{font:800 36px/1 Montserrat;background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.step-top svg{width:26px;height:26px;color:#56dfde}.steps h3{font-size:18px;line-height:1.08;margin-bottom:9px}.steps p{font-size:12px;line-height:1.4;color:#c2cfd6}.steps em{position:absolute;right:-10px;top:72px;font-style:normal;font-size:28px;color:var(--mint)}

/* brands */
.brands{background:#071923}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.brand-card{height:64px;border:1px solid rgba(86,213,244,.32);border-radius:6px;background:linear-gradient(180deg,rgba(8,29,41,.90),rgba(6,24,34,.96));display:flex;align-items:center;justify-content:center;padding:7px 10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)}.brand-card img{display:block;width:100%;height:100%;max-width:150px;max-height:44px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.025))}.brand-card:hover{border-color:rgba(124,229,191,.52)}.brand-note{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:11px;color:#d1dde1;font-size:11px}.brand-note span{font-size:18px;color:var(--mint)}

/* logistics */
.logistics{background:#071923;padding:54px 0;overflow:hidden}.logistics-grid{display:grid;grid-template-columns:minmax(390px,1.02fr) minmax(330px,.98fr);gap:26px;align-items:center}.logistics-copy{position:relative;z-index:3}.logistics-copy h2{font-size:clamp(38px,4vw,58px)}.logistics-copy>p{margin-top:16px;max-width:560px;color:#c0cfd7;font-size:14px;line-height:1.45}.logistics-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.logistics-icons div{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border:1px solid rgba(96,216,242,.2);border-radius:5px;background:rgba(9,32,44,.55)}.logistics-icons span{font:600 11px/1.2 Montserrat,Arial,sans-serif;color:#eff4f6}.logistics-icons svg{width:22px;height:22px;color:#58e0dc;flex:0 0 auto}.map-card{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;min-height:0;background:transparent;border:0;box-shadow:none;padding:0;margin:0 -1% 0 0}.map-card:before{content:"";position:absolute;inset:9% 0 8% 18%;background:radial-gradient(ellipse at center,rgba(22,111,149,.16) 0%,rgba(7,27,39,.06) 52%,rgba(7,25,35,0) 76%);filter:blur(12px);pointer-events:none}.map-card img{position:relative;z-index:1;width:min(100%,520px);height:auto;display:block;object-fit:contain;filter:saturate(1.06) brightness(1.02) contrast(1.04);mix-blend-mode:normal}

/* contact */
.contact{position:relative;background:#061722;padding:58px 0;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,34,.98) 0%,rgba(6,23,34,.94) 42%,rgba(6,23,34,.36) 68%,rgba(6,23,34,.16) 100%),url('../images/contact.webp') right center/52% auto no-repeat}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center;position:relative;z-index:2}.contact-copy h2{font-size:clamp(38px,4vw,58px)}.contact-copy p{margin-top:15px;max-width:360px;color:#c0cfd7}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.contact-details{display:grid;grid-template-columns:1fr;gap:16px;padding-left:28px;border-left:1px solid rgba(96,216,242,.2)}.contact-details>a,.contact-details>div{display:flex;align-items:center;gap:14px}.contact-details svg{width:30px;height:30px;color:#58e0dc;flex:0 0 auto}.contact-details strong{font:700 17px/1.1 Montserrat}.contact-details span{font-size:13px;color:#e3eaee}

/* footer */
footer{position:relative;background:#05141d;padding:32px 0 18px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.05fr .65fr .9fr;gap:36px;align-items:start;position:relative}.footer-brand img{width:168px}.footer-brand p{margin-top:14px;font:700 13px/1.3 Montserrat}.footer-brand p span{color:var(--mint)}.footer-links,.footer-contact{display:grid;gap:8px;font-size:12px;color:#d2dce1}.footer-links a:hover,.footer-contact a:hover{color:var(--mint)}.footer-grid strong{display:block;margin-bottom:6px;font:700 11px/1 Montserrat;letter-spacing:.18em;text-transform:uppercase;color:#7cdcdf}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(96,216,242,.12);color:#7e949e;font-size:10px}

/* repair page */
.repair-page{min-height:calc(100vh - 78px)}.repair-hero{padding:82px 0;background:radial-gradient(circle at 75% 20%,rgba(86,221,246,.08),transparent 28%),#071923}.repair-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:66px;align-items:start}.repair-intro h1{font-size:clamp(46px,4.8vw,68px)}.repair-intro>p{color:#c0cfd7;margin-top:20px;max-width:550px}.repair-direct{display:grid;gap:8px;margin-top:28px}.repair-direct a{font:700 16px Montserrat;color:var(--mint)}.notice{margin-top:28px;padding:16px 18px;border-left:3px solid var(--mint);background:rgba(124,229,191,.06);color:#b3c4cd;font-size:12px}.repair-form{padding:26px;border:1px solid rgba(96,216,242,.24);background:rgba(9,31,44,.82);border-radius:6px;box-shadow:var(--shadow)}.field-grid{display:grid;gap:16px}.field-grid.two{grid-template-columns:1fr 1fr}.repair-form label{display:block;font:700 10px Montserrat;color:#bed0d8;letter-spacing:.04em;margin-bottom:16px}.repair-form input,.repair-form select,.repair-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid rgba(96,216,242,.18);background:#071923;color:#eff6f7;border-radius:4px;outline:0}.repair-form input:focus,.repair-form select:focus,.repair-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(124,229,191,.06)}.repair-form textarea{resize:vertical}.repair-form .checkbox{display:flex;gap:9px;align-items:flex-start;font:400 11px/1.4 Roboto;letter-spacing:0}.repair-form .checkbox input{width:auto;margin:3px 0 0;accent-color:var(--mint)}.form-button{width:100%;margin-top:8px}.form-note{font-size:10px;color:#8196a2;margin-top:12px}.form-note.show{color:var(--mint)}

/* SVG line icon styling */
.benefit svg,.card-body svg,.service-extra svg,.mini-features svg,.step-top svg,.logistics-icons svg,.contact-details svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1100px){
  .desktop-nav,.nav-cta{display:none}.menu-btn{display:block}
  .hero{min-height:660px;background-position:64% center}.hero-content{min-height:660px}.hero-copy{width:min(600px,60%)}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid rgba(96,216,242,.14)}
  .section-head.two-col,.approach-grid,.logistics-grid,.contact-grid,.repair-grid{grid-template-columns:1fr}.map-card{margin:0;justify-content:center}.map-card img{width:min(100%,520px);max-width:100%;transform:none}
  .service-grid{grid-template-columns:repeat(2,1fr)}.mini-features{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(4,1fr)}.logistics-icons{grid-template-columns:repeat(2,1fr)}
  .approach-copy{padding-right:0}.approach-image{min-height:320px}.contact-bg{background:linear-gradient(90deg,rgba(6,23,34,.98),rgba(6,23,34,.92) 58%,rgba(6,23,34,.48)),url('../images/contact.webp') right center/cover no-repeat}.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .container{width:min(var(--max),calc(100% - 30px))}.nav-wrap{height:68px}.brand img{width:158px}
  .hero{min-height:650px;background-position:70% center}.hero-content{min-height:650px}.hero-shade{background:linear-gradient(90deg,rgba(4,19,27,.98),rgba(4,19,27,.92) 64%,rgba(4,19,27,.56) 100%)}.hero-copy{width:100%;padding:52px 0}.hero-copy h1{font-size:clamp(46px,14vw,68px)}.hero-copy p{font-size:15px;max-width:95%}.hero-actions{display:grid;max-width:320px}.hero-actions .btn{width:100%}
  .benefit-grid{grid-template-columns:1fr}.benefit{border-right:0!important;border-bottom:1px solid rgba(96,216,242,.12)!important;padding:16px 0}.benefit:first-child{padding-left:0}.benefit:last-child{border-bottom:0!important}
  .section{padding:58px 0}.section-head.two-col{gap:18px}.section-head h2{font-size:clamp(34px,10vw,48px)}
  .service-grid,.steps{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:220px}.service-card img{height:170px}
  .mini-features,.logistics-icons{grid-template-columns:1fr 1fr}.brand-note{justify-content:flex-start}.contact-grid{gap:32px}.contact-details{padding-left:0;border-left:0}.contact-details strong{font-size:15px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.field-grid.two{grid-template-columns:1fr}.repair-form{padding:20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* exact brand panel from approved master mockup */


/* Android / mobile compatibility */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;max-width:100%;overflow-x:hidden}img,svg{max-width:100%;height:auto}.site-header{-webkit-backdrop-filter:blur(16px)}.mobile-menu{max-height:calc(100vh - 68px);overflow-y:auto;-webkit-overflow-scrolling:touch}.btn,.menu-btn,a{-webkit-tap-highlight-color:transparent}.map-card{overflow:hidden}.map-card img{object-fit:contain}.service-card,.steps article,.brand-card{min-width:0}
@media(max-width:820px){.container{width:calc(100% - 28px)}.hero{min-height:620px;background-position:66% center}.hero-content{min-height:620px}.hero-copy{width:100%;max-width:520px}.hero-shade{background:linear-gradient(90deg,rgba(4,19,27,.99) 0%,rgba(4,19,27,.95) 58%,rgba(4,19,27,.55) 100%)}.benefit-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.approach-grid,.logistics-grid,.contact-grid,.section-head.two-col{grid-template-columns:1fr}.map-card{margin:0;justify-content:center}.map-card img{width:min(100%,500px);max-width:100%;transform:none}.approach-image{min-height:300px}.steps{grid-template-columns:1fr 1fr}.logistics-icons{grid-template-columns:1fr 1fr}.brand-card{height:60px}.brand-card img{max-height:40px}.contact-details{padding-left:0;border-left:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{width:calc(100% - 22px)}.nav-wrap{height:64px}.brand img{width:145px}.hero{min-height:610px;background-position:72% center}.hero-content{min-height:610px}.hero-copy{padding:42px 0}.hero-copy h1{font-size:clamp(44px,15vw,62px)}.hero-copy p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr;max-width:310px}.benefit-grid,.service-grid,.mini-features,.steps,.logistics-icons,.footer-grid{grid-template-columns:1fr}.benefit{padding:15px 0;border-right:0}.section{padding:52px 0}.service-card img{height:165px}.approach-copy{padding:52px 0 28px}.approach-image{min-height:240px}.steps article{min-height:auto}.steps em{display:none}.brand-note{justify-content:flex-start}.logistics-grid{gap:24px}.logistics-copy h2{font-size:clamp(34px,10vw,46px)}.map-card{min-height:0;margin:6px 0 0;justify-content:center}.map-card img{width:100%;max-width:430px;transform:none}.contact{padding:52px 0}.contact-bg{background:linear-gradient(90deg,rgba(6,23,34,.99),rgba(6,23,34,.88)),url('../images/contact.webp') 72% center/cover no-repeat}.contact-details strong{font-size:15px}.footer-bottom{flex-direction:column}.repair-grid{grid-template-columns:1fr}.repair-form{padding:18px}.field-grid.two{grid-template-columns:1fr}}

/* v8: approved user map — only map presentation changed from v7 */
.map-card{
  border:1.5px solid rgba(64,224,255,.92);
  border-radius:7px;
  padding:4px;
  background:rgba(2,12,18,.88);
  box-shadow:0 0 0 1px rgba(117,241,226,.15) inset,0 0 14px rgba(30,211,255,.30),0 0 32px rgba(30,211,255,.10);
}
.map-card:before{display:none}
.map-card img{
  width:min(100%,520px);
  border-radius:4px;
  filter:saturate(1.04) brightness(1.01) contrast(1.04);
}
@media(max-width:1100px){.map-card{width:min(100%,528px);margin-left:auto;margin-right:auto}.map-card img{width:100%}}
@media(max-width:520px){.map-card{width:100%;padding:3px;border-radius:6px}.map-card img{max-width:none;border-radius:3px}}

/* v9: map only — frame hugs the supplied image, preserving its native proportions */
.map-card{
  width:min(100%,520px);
  justify-self:end;
  align-self:center;
  margin:0 -1% 0 auto;
  display:block;
  box-sizing:border-box;
  overflow:hidden;
}
.map-card img{
  width:100%;
  max-width:none;
  height:auto;
  aspect-ratio:auto;
  display:block;
  object-fit:contain;
  margin:0;
}
@media(max-width:1100px){
  .map-card{width:min(100%,528px);justify-self:center;margin:0 auto}
}
@media(max-width:520px){
  .map-card{width:100%;justify-self:stretch;margin:6px 0 0}
  .map-card img{width:100%;max-width:none;height:auto}
}