:root{--navy:#13294b;--navy-d:#1f3a63;--navy-dd:#13294b;--green:#0a7c7c;--green-d:#086666;--ink:#111a2e;--mute:#5b6477;--line:#e3e7ee;--bg:#f4f6fa}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}
h1,h2,h3,h4,.mont{font-family:Montserrat,Inter,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:14px 26px;border-radius:4px;border:2px solid transparent;white-space:nowrap}
.btn-green{background:var(--green);color:#ffffff}
.btn-navy{background:var(--navy);color:#fff}
.btn-outline{border-color:#fff;color:#fff}
.btn-outline-navy{border-color:var(--navy);color:var(--navy)}
.ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* SOFT variant */
body{background:#f7f9fb!important;color:#2c3a50!important}
.topbar{background:#e8f4f4!important;color:#13294b!important}.topbar a{color:#13294b!important}
.hero{background:#f7f9fb!important;color:#13294b!important}
.hero .photo:after{background:linear-gradient(90deg,#f7f9fb 0%,rgba(247,248,245,.92) 22%,rgba(247,248,245,.35) 55%,rgba(247,248,245,0) 100%)!important}
.hero h1{color:#13294b!important}.hero h1 span{color:#086666!important}.hero p{color:#2c3a50!important}
.hero .eyebrow,.hero .tag,.hero .tag i{color:#086666!important}.hero .stripe{background:#8fd0d0!important}
.btn{border-radius:10px!important;box-shadow:0 4px 14px rgba(19,41,75,.10)}
.btn-green,.btn-navy{background:#0a7c7c!important;color:#fff!important}.btn-green:hover,.btn-navy:hover{background:#086666!important}
.hero .btn-outline,.cta .btn-outline,.store-sec .btn-outline{border-color:#13294b!important;color:#13294b!important;background:rgba(255,255,255,.7)!important}
.eyebrow{color:#086666!important}.h2,.h2 em{color:#13294b!important}
.sport{background:#e8f4f4!important;color:#13294b!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(19,41,75,.07)}
.sport:after{background:repeating-linear-gradient(135deg,rgba(19,41,75,.05) 0 10px,transparent 10px 20px)!important}
.sport .num,.sport .go,.sport .sport-ico{color:#086666!important}.sport h4{color:#13294b!important}
.sport.all{background:#0a7c7c!important}.sport.all h4,.sport.all .num,.sport.all .go,.sport.all .sport-ico{color:#fff!important}
.store-sec{background:#e8f4f4!important;color:#2c3a50!important}.store-sec:before{border-color:rgba(255,255,255,.55)!important}
.store .h2{color:#13294b!important}.store .lead{color:#2c3a50!important}.ticks li{color:#2c3a50!important}.ticks li .ico{color:#086666!important}
.shopmock{border-radius:16px!important;box-shadow:0 18px 40px rgba(19,41,75,.12)!important}.shopmock .top{background:#dbeeee!important;color:#13294b!important}.shopmock .pill{background:#0a7c7c!important;color:#fff!important}
.cta{background:linear-gradient(110deg,#e8f4f4 0%,#dbeeee 100%)!important;color:#13294b!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(19,41,75,.08)}
.cta:after{background:#8fd0d0!important}.cta h2{color:#13294b!important}.cta p{color:#2c3a50!important}
footer{background:#e8f4f4!important;color:#2c3a50!important}footer a{color:#2c3a50!important}footer h5,footer .brand p.t{color:#13294b!important}footer .eyebrow,footer .ct .ico{color:#086666!important}
footer *{border-color:rgba(19,41,75,.15)!important}
.wy,.rg,.kp .c,.kp>div>div{border-radius:14px!important}.wy{box-shadow:0 6px 20px rgba(19,41,75,.06);border-bottom-color:#8fd0d0!important}
.n{background:#0a7c7c!important;color:#fff!important}
.ic{background:#e8f4f4!important;color:#13294b!important}
.kp .q a{background:#0a7c7c!important;border-radius:10px!important}.kp .q a:hover{background:#086666!important}.kp .cat{color:#086666!important}
@media(max-width:640px){.hero .photo:after{background:linear-gradient(0deg,#f7f9fb 46%,rgba(247,248,245,.9) 60%,rgba(247,248,245,.15) 100%)!important}}

/* Official homepage lockup: mark plus wordmark, no extra typeset name */
.logo img{height:64px!important}
@media (max-width:640px){.logo img{height:50px!important}}

/* products (option A) */
.kp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kp{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.kp .ph{position:relative;aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--line);cursor:default}
.kp .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;transition:opacity .25s}
.kp .ph img.b{opacity:0}
.kp.dual .ph{cursor:pointer}
@media (hover:hover){.kp.dual:hover .ph img.b{opacity:1}.kp.dual:hover .ph img.f{opacity:0}}
.kp.flip .ph img.b{opacity:1}.kp.flip .ph img.f{opacity:0}
.kp .vw{position:absolute;left:10px;bottom:10px;background:rgba(19,41,75,.9);color:#fff;font:600 11px Inter,sans-serif;padding:4px 9px;border-radius:12px;letter-spacing:.02em}
.kp .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.kp .cat{font:700 11px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#0a7c7c}
.kp h4{font-size:16px;font-weight:800;color:var(--navy);line-height:1.2}
.kp small{color:var(--mute);font-size:13px}
.kp .q{margin-top:auto;padding-top:12px}
.kp .q a{display:block;text-align:center;background:#13294b;color:#fff;border-radius:6px;padding:10px 12px;font:700 13px Inter,sans-serif;text-decoration:none}
.kp .q a:hover{background:#0a7c7c}
.kp-note{margin-top:18px;color:var(--mute);font-size:13px}
@media (max-width:1100px){.kp-grid{gap:12px}.kp .bd{padding:12px 13px 14px}.kp h4{font-size:14.5px}}
@media (max-width:640px){.kp-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kp .bd{padding:12px}.kp h4{font-size:14px}.kp small{font-size:12px}.kp .q a{padding:9px 6px;font-size:12px}.kp .vw{font-size:10px;left:6px;bottom:6px}}