.ctrl-hero{padding:2.4rem 0 2.8rem}
.ctrl-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.ctrl-grid h1{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800;color:#3d4654;margin-bottom:.6rem}
.ctrl-grid p{color:#6a7380;font-size:.92rem;line-height:1.65;margin-bottom:1rem}
.ctrl-pad{background:#e8ecf1;border-radius:22px;padding:.85rem;box-shadow:5px 5px 12px #c8cdd6,-4px -4px 9px #fff}
.ctrl-pad img{border-radius:16px;width:100%}

.switch-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.switch-card{background:#e8ecf1;border-radius:20px;padding:1.15rem 1.2rem;box-shadow:5px 5px 10px #c8cdd6,-4px -4px 8px #fff;display:grid;grid-template-columns:44px 1fr;gap:.85rem;align-items:start}
.switch-btn{width:44px;height:24px;border-radius:12px;background:#e8ecf1;box-shadow:inset 2px 2px 4px #c8cdd6,inset -2px -2px 4px #fff;position:relative;margin-top:.2rem}
.switch-btn::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#e8ecf1;box-shadow:2px 2px 4px #c8cdd6,-1px -1px 3px #fff}
.switch-card h2{font-size:.92rem;font-weight:800;color:#3d4654;margin-bottom:.3rem}
.switch-card p{font-size:.84rem;color:#6a7380;line-height:1.55}

.ft-pills{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}
.ft-pill{flex:1;min-width:170px;background:#e8ecf1;border-radius:999px;padding:.9rem 1rem;text-align:center;box-shadow:4px 4px 8px #c8cdd6,-3px -3px 6px #fff}
.ft-pill strong{display:block;font-size:.72rem;color:#8a93a0;margin-bottom:.2rem}
.ft-pill h3{font-size:.88rem;font-weight:800;color:#3d4654;margin-bottom:.2rem}
.ft-pill p{font-size:.78rem;color:#6a7380}

.ft-inset{display:grid;grid-template-columns:1.15fr .85fr;gap:1.15rem;align-items:start}
.ft-list{background:#e8ecf1;border-radius:20px;padding:1.15rem 1.2rem;box-shadow:inset 4px 4px 8px #c8cdd6,inset -3px -3px 6px #fff}
.ft-list h3{font-size:.92rem;font-weight:800;color:#3d4654;margin-bottom:.55rem}
.ft-list li{font-size:.84rem;color:#6a7380;padding:.3rem 0;border-bottom:1px solid #dce1e8}
.ft-list li:last-child{border-bottom:none}
.ft-thumb{background:#e8ecf1;border-radius:20px;padding:.65rem;box-shadow:5px 5px 10px #c8cdd6,-4px -4px 8px #fff}
.ft-thumb img{border-radius:14px;width:100%}

.ft-cta{text-align:center;padding:2.4rem 0}
.ft-cta-box{background:#e8ecf1;border-radius:22px;padding:2rem 1.2rem;box-shadow:5px 5px 12px #c8cdd6,-4px -4px 9px #fff}
.ft-cta h2{font-size:1.15rem;font-weight:800;color:#3d4654;margin-bottom:.4rem}

@media(max-width:768px){
  .ctrl-grid,.switch-row,.ft-inset{grid-template-columns:1fr}
}