.caco-convert{margin:42px 0 54px;padding:clamp(24px,3.4vw,42px);border:1px solid #365759;border-radius:22px;background:radial-gradient(circle at 4% 0%,rgba(207,45,56,.18),transparent 32%),radial-gradient(circle at 96% 100%,rgba(35,154,91,.15),transparent 36%),linear-gradient(145deg,#111c20,#091217);box-shadow:0 22px 56px rgba(0,0,0,.26);color:#f5f5ef}
.caco-convert *{box-sizing:border-box}
.caco-convert__eyebrow{display:block;margin-bottom:10px;color:#ffcb59;font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.caco-convert h2{max-width:920px;margin:0;font-size:clamp(1.7rem,3.1vw,2.85rem);line-height:1.12;letter-spacing:-.035em;color:#fff}
.caco-convert__sub{margin:14px 0 25px;color:#d4deda;font-size:1.08rem}
.caco-convert__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.caco-convert__card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #405459;border-radius:15px;background:linear-gradient(155deg,#1a272c,#111a1e);color:#f7f7f1;text-decoration:none;box-shadow:0 12px 26px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
a.caco-convert__card:hover,.caco-convert__card:focus-within{transform:translateY(-3px);border-color:#e0bc63;box-shadow:0 0 0 1px rgba(255,208,97,.2),0 18px 34px rgba(0,0,0,.26)}
.caco-convert__card:focus-visible,.caco-convert__actions a:focus-visible,.caco-convert__support a:focus-visible{outline:3px solid #ffcf5c;outline-offset:3px}
.caco-convert__visual{height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(120deg,#211b20,#122027)}
.caco-convert__visual img{display:block;max-width:100%;max-height:100%;object-fit:cover}
.caco-convert__visual--scene img{width:100%;height:100%}
.caco-convert__visual--app{background:radial-gradient(circle at center,#394044,#121c20 70%)}
.caco-convert__visual--app img{width:112px;height:112px;object-fit:contain;border-radius:23px;box-shadow:0 10px 28px rgba(0,0,0,.38)}
.caco-convert__visual--ios{background:radial-gradient(circle at center,#4b3c2c,#171e22 72%)}
.caco-convert__visual--platform{background:radial-gradient(circle at center,#263b38,#111a20 74%)}
.caco-convert__visual--platform img{width:133px;height:133px;object-fit:contain}
.caco-convert__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 18px 19px}
.caco-convert__label{color:#82d6b0;font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.caco-convert__body h3{margin:8px 0 7px;color:#fff;font-size:1.16rem;line-height:1.22}
.caco-convert__body p{margin:0 0 13px;color:#bacacc;font-size:.88rem;line-height:1.45}
.caco-convert__cta{margin-top:auto;color:#ffd469;font-size:.86rem;font-weight:800}
.caco-convert__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.caco-convert__actions a{display:inline-flex;padding:8px 10px;border:1px solid #6b826c;border-radius:7px;color:#ffe4a1;text-decoration:none;font-size:.82rem;font-weight:750}
.caco-convert__actions a:hover{background:#24362d;border-color:#ffd469}
.caco-convert__support{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 0;padding-top:16px;border-top:1px solid #365054;color:#aec0c1;font-size:.84rem}
.caco-convert__support a{color:#ffd469;font-weight:800;text-underline-offset:4px}
@media(max-width:1100px){.caco-convert__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.caco-convert{margin:25px 0 38px;padding:22px 17px;border-radius:16px}.caco-convert h2{font-size:1.7rem}.caco-convert__grid{grid-template-columns:1fr}.caco-convert__visual{height:132px}.caco-convert__card{display:grid;grid-template-columns:112px minmax(0,1fr)}.caco-convert__visual--scene img{object-position:right center}.caco-convert__visual--app img{width:84px;height:84px;border-radius:17px}.caco-convert__visual--platform img{width:104px;height:104px}.caco-convert__body{padding:13px}.caco-convert__body h3{font-size:1.02rem}.caco-convert__body p{font-size:.81rem}.caco-convert__actions a{padding:6px 8px;font-size:.75rem}}
@media(max-width:360px){.caco-convert__card{display:block}.caco-convert__visual{height:118px}}
@media(prefers-reduced-motion:reduce){.caco-convert__card{transition:none}}
