*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#edf0f1;color:#17242a;line-height:1.62}
.wrap{width:min(1180px,90%);margin:auto}
.detail-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:13px 5%;background:#071118;color:#fff;border-bottom:1px solid #283b45;position:sticky;top:0;z-index:50}
.detail-header a{color:#fff;text-decoration:none;font-size:12px;font-weight:900}
.detail-header .back{color:#d7b66d}
.detail-header nav{display:flex;gap:18px;flex-wrap:wrap}
.hero-detail{min-height:610px;background:radial-gradient(circle at 76% 34%,#283d47 0,#101c23 40%,#071118 76%);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 6%;overflow:hidden}
.hero-copy{max-width:650px}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#d7b66d}
.eyebrow.red{color:#aa1d23}.eyebrow.pale{color:#f4dea9}
h1{font-size:54px;line-height:1.02;margin:9px 0 18px}
h2{font-size:39px;line-height:1.1;margin:8px 0 17px}
h3{margin:0 0 8px}
.hero-copy p{font-size:18px;color:#c9d3d7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.button{padding:13px 18px;border-radius:4px;text-decoration:none;font-weight:900;font-size:13px;display:inline-block}
.button.red{background:#a51c22;color:#fff}.button.ghost{border:1px solid #889ba4;color:#fff}
.hero-product{height:500px;display:flex;align-items:center;justify-content:center}
.hero-product img{max-height:485px;max-width:95%;object-fit:contain;filter:drop-shadow(0 25px 28px #0008)}
.spec-band{display:grid;grid-template-columns:repeat(4,1fr);background:#0d171d;color:#fff;border-top:1px solid #33444d}
.spec-band div{padding:20px 25px;border-right:1px solid #2d3c44}
.spec-band strong{display:block;font-size:18px}.spec-band span{color:#aebbc1;font-size:13px}
.section{padding:72px 0}.section.light{background:#fff}.section.dark{background:#0b141a;color:#fff}.section.accent{background:#9e1c22;color:#fff}.resources{background:#e2e7e8}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.image-panel{background:#eef2f3;padding:25px;border-radius:8px}
.image-panel img{display:block;width:100%;max-height:470px;object-fit:contain}
.copy p,.section-head p{color:#61727a;font-size:17px}
.dark .section-head p,.dark p{color:#c8d2d6}
.mini-callout{margin-top:25px;border-left:5px solid #a51c22;padding:16px 20px;background:#f0f3f4}
.mini-callout strong,.mini-callout span{display:block}
.mini-callout span{margin-top:5px;color:#607078}
.section-head{max-width:850px;margin-bottom:32px}
.face-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.face-card{background:#15242c;border-top:4px solid #d7b66d;padding:26px}
.face-card.visual{background:#fff;display:flex;align-items:center;justify-content:center}
.face-card.visual img{display:block;max-height:330px;max-width:100%;object-fit:contain}
.fit-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fit-steps article{background:#f0f3f4;padding:24px;border-top:4px solid #a51c22}
.fit-steps span{font-size:11px;font-weight:900;color:#a51c22}
.fit-steps p{color:#607078}
.bend-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.bend-note{background:#7f141a;padding:28px;border:1px solid #c94a50}
.bend-note strong{font-size:23px}.bend-note p{margin-bottom:0}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery a{background:#eef2f3;padding:10px;display:flex;align-items:center;justify-content:center;min-height:240px}
.gallery img{display:block;max-height:230px;max-width:100%;object-fit:contain}
.resource-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.resource-list{display:grid;gap:12px}
.resource-list a{background:#fff;text-decoration:none;color:#17242a;padding:20px;border-left:4px solid #a51c22}
.resource-list b,.resource-list span{display:block}.resource-list span{color:#607078;margin-top:4px}
.closing{padding:78px 0;background:#0c161c;color:#fff;text-align:center}
.closing p{max-width:850px;margin:0 auto 24px;color:#c9d3d7;font-size:18px}
footer{padding:25px 0;background:#05090c;color:#9db0b8}
.footer-row{display:flex;justify-content:space-between;gap:20px}
footer a{color:#fff;text-decoration:none}
@media(max-width:900px){
  .detail-header{display:block}.detail-header nav{margin-top:10px}
  .hero-detail,.split,.bend-grid,.resource-layout{grid-template-columns:1fr}
  .hero-detail{padding-top:45px}.hero-product{height:380px}
  .spec-band{grid-template-columns:1fr 1fr}
  .face-grid,.fit-steps{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr}
  h1{font-size:40px}h2{font-size:32px}
  .footer-row{display:block}
}

.wishon-tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wishon-tech-grid article{background:#15242c;border-top:4px solid #d7b66d;padding:27px}
.wishon-tech-grid p{color:#c8d2d6}
.tech-number{font-size:11px;font-weight:900;letter-spacing:1px;color:#d7b66d;margin-bottom:7px}
.wishon-tech-note{margin-top:20px;padding:24px 28px;background:#111f27;border-left:5px solid #a51c22}
.wishon-tech-note strong,.wishon-tech-note span{display:block}
.wishon-tech-note span{color:#c8d2d6;margin:5px 0 13px}
.wishon-tech-note a{color:#fff;font-weight:900;text-decoration:none}
@media(max-width:900px){.wishon-tech-grid{grid-template-columns:1fr}}