.ft-wheel-hero{background:#111;color:#fff;padding:2.5rem 0 3rem;text-align:center}
.ft-wheel-hero h1{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:900;letter-spacing:.04em;margin-bottom:.55rem}
.ft-wheel-hero p{color:#888;font-size:.9rem;max-width:580px;margin:0 auto 1.5rem}

.color-wheel-wrap{width:min(300px,75vw);height:min(300px,75vw);margin:0 auto;position:relative;border-radius:50%;overflow:hidden;border:3px solid #fff}
.wheel-seg{position:absolute;inset:0;clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%)}
.wheel-seg:nth-child(1){background:#e63946;transform:rotate(0deg)}
.wheel-seg:nth-child(2){background:#457b9d;transform:rotate(90deg)}
.wheel-seg:nth-child(3){background:#2a9d8f;transform:rotate(180deg)}
.wheel-seg:nth-child(4){background:#f4a261;transform:rotate(270deg)}
.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:45%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #ddd}
.wheel-center img{width:85%;height:85%;object-fit:cover;border-radius:50%}

.spec-grid{padding:3rem 0;background:#f7f7f5}
.spec-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.spec-card{background:#fff;border:1px solid #ddd;display:grid;grid-template-columns:64px 1fr;overflow:hidden}
.spec-swatch{width:64px;min-height:100%;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#fff;padding:.5rem}
.spec-card:nth-child(1) .spec-swatch{background:#111}
.spec-card:nth-child(2) .spec-swatch{background:#e63946}
.spec-card:nth-child(3) .spec-swatch{background:#457b9d}
.spec-card:nth-child(4) .spec-swatch{background:#2a9d8f}
.spec-body{padding:1rem 1.1rem}
.spec-body h2{font-size:.92rem;font-weight:900;margin-bottom:.35rem}
.spec-body p{font-size:.84rem;color:#666;line-height:1.55}
.spec-pantone{font-family:"Courier New",monospace;font-size:.68rem;color:#999;margin-bottom:.35rem}

.ft-row-steps{display:flex;gap:0;max-width:720px;margin:0 auto;border:1px solid #ddd;background:#fff}
.ft-row-step{flex:1;padding:1rem;text-align:center;border-right:1px solid #ddd}
.ft-row-step:last-child{border-right:none}
.ft-row-step:nth-child(1){border-top:4px solid #111}
.ft-row-step:nth-child(2){border-top:4px solid #457b9d}
.ft-row-step:nth-child(3){border-top:4px solid #e63946}
.ft-row-step strong{display:block;font-family:"Courier New",monospace;font-size:.72rem;color:#999;margin-bottom:.35rem}
.ft-row-step h3{font-size:.88rem;font-weight:900;margin-bottom:.25rem}
.ft-row-step p{font-size:.78rem;color:#666}

.ft-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.25rem}
.ft-mosaic img{border:1px solid #ddd;width:100%;aspect-ratio:1.5;object-fit:cover}
.ft-mosaic img:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}

.ft-sheet-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ft-sheet{background:#fff;border:1px solid #ddd}
.ft-sheet-bar{height:8px}
.ft-sheet:nth-child(1) .ft-sheet-bar{background:linear-gradient(90deg,#e63946,#457b9d,#2a9d8f,#f4a261,#9b5de5)}
.ft-sheet:nth-child(2) .ft-sheet-bar{background:#111}
.ft-sheet-inner{padding:1rem 1.05rem}
.ft-sheet h3{font-size:.88rem;font-weight:900;margin-bottom:.55rem;letter-spacing:.03em}
.ft-sheet li{font-size:.82rem;color:#555;padding:.28rem 0;border-bottom:1px solid #f5f5f5}
.ft-sheet li:last-child{border-bottom:none}

.ft-cta{background:#457b9d;color:#fff;text-align:center;padding:2.5rem 1rem}
.ft-cta h2{font-size:1.15rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem}
.ft-cta p{font-size:.86rem;opacity:.9;margin-bottom:1rem}
.ft-cta .btn-solid{background:#fff;color:#111!important}

@media(max-width:768px){
  .spec-cards,.ft-sheet-dual{grid-template-columns:1fr}
  .ft-row-steps{flex-direction:column}
  .ft-row-step{border-right:none;border-bottom:1px solid #ddd}
  .ft-row-step:last-child{border-bottom:none}
  .ft-mosaic{grid-template-columns:1fr 1fr}
  .ft-mosaic img:first-child{grid-column:span 2;grid-row:span 1}
}