/* Brontobyte Cloud / custom editorial icon system */
.bronto-service-icon{display:flex;align-items:center;justify-content:center;width:74px;height:74px;flex:none;border:1px solid rgba(166,112,78,.38);border-radius:17px;background:rgba(172,119,84,.055);color:#ae7958;margin:0 0 22px auto;transition:transform .2s ease,border-color .2s ease}
.bronto-service-icon svg{width:42px;height:42px;display:block}
.bronto-service-icon:hover{transform:translateY(-2px);border-color:#ae7958}
.v4-card .bronto-service-icon,.v41-card .bronto-service-icon{width:58px;height:58px;margin:0 0 18px auto;border-radius:14px}
.v4-card .bronto-service-icon svg,.v41-card .bronto-service-icon svg{width:32px;height:32px}
@media(max-width:680px){.bronto-service-icon{width:56px;height:56px;border-radius:13px;margin-bottom:16px}.bronto-service-icon svg{width:32px;height:32px}}

/* Integrated protection diagram — accessible SVG symbols, no raster assets */
.bronto-360{margin:32px auto 70px;max-width:860px;text-align:center;color:#e9e2db}
.bronto-360-wheel{width:min(100%,620px);height:410px;margin:auto;position:relative;display:flex;align-items:center;justify-content:center}
.bronto-360-wheel:before{content:"";width:270px;height:270px;border:2px solid #ad7856;border-radius:50%;position:absolute;box-shadow:0 0 0 24px rgba(173,120,86,.06),0 0 0 49px rgba(173,120,86,.035)}
.bronto-360-core{width:170px;height:170px;border-radius:50%;background:#2c2926;border:1px solid #765844;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;letter-spacing:.11em;font-size:13px}
.bronto-360-core b{font-size:34px;color:#bf8966;letter-spacing:0}
.bronto-360-point{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;white-space:nowrap}
.bronto-360-symbol{width:54px;height:54px;border:1px solid #a97958;border-radius:14px;display:grid;place-items:center;background:#292521;color:#c69270}
.bronto-360-symbol svg{width:30px;height:30px}
.bronto-360-point.point-0{top:0;left:50%;transform:translateX(-50%);flex-direction:column;gap:7px}
.bronto-360-point.point-1{right:0;top:50%;transform:translateY(-50%)}
.bronto-360-point.point-2{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse;gap:7px}
.bronto-360-point.point-3{left:0;top:50%;transform:translateY(-50%);flex-direction:row-reverse}
.bronto-360-continuity{font-size:11px;letter-spacing:.2em;color:#c18b69;margin:4px 0 0}
@media(max-width:620px){.bronto-360-wheel{height:350px}.bronto-360-wheel:before{width:190px;height:190px}.bronto-360-core{width:125px;height:125px;font-size:10px}.bronto-360-core b{font-size:26px}.bronto-360-point{font-size:10px;gap:5px}.bronto-360-symbol{width:40px;height:40px}.bronto-360-symbol svg{width:24px;height:24px}}

/* V5.3: diagram on ivory with accessible contrast, fixed labels and subtle motion */
.cloud-offer .bronto-360{color:#292522;margin:38px auto 28px;max-width:940px}
.cloud-offer .bronto-360-wheel{height:480px;width:min(100%,780px);isolation:isolate}
.cloud-offer .bronto-360-wheel:before{content:"";width:310px;height:310px;box-shadow:0 0 0 34px rgba(173,120,86,.07),0 0 0 68px rgba(173,120,86,.045);border:2px solid #a96f4d;animation:bronto-breathe 8s ease-in-out infinite;z-index:-1}
.cloud-offer .bronto-360-wheel:after{content:"";position:absolute;width:345px;height:345px;border:1px dashed rgba(142,91,57,.5);border-radius:50%;animation:bronto-orbit 55s linear infinite;z-index:-1;pointer-events:none}
.cloud-offer .bronto-360-core{width:188px;height:188px;box-shadow:0 10px 35px rgba(41,31,26,.12);background:#282523;color:#fff}
.cloud-offer .bronto-360-core strong{color:#fff}
.cloud-offer .bronto-360-point{color:#292522;font-size:15px;font-weight:750;gap:13px;text-shadow:none}
.cloud-offer .bronto-360-symbol{width:62px;height:62px;background:#282523;color:#d6a17d;box-shadow:0 6px 18px rgba(39,32,28,.12)}
.cloud-offer .bronto-360-point.point-0{top:4px;left:50%;transform:translateX(-50%)}
.cloud-offer .bronto-360-point.point-1{right:0;top:50%;transform:translateY(-50%)}
.cloud-offer .bronto-360-point.point-2{bottom:4px;left:50%;transform:translateX(-50%)}
.cloud-offer .bronto-360-point.point-3{left:0;top:50%;transform:translateY(-50%)}
.cloud-offer .bronto-360-continuity{color:#915d3e;font-weight:750;font-size:12px;letter-spacing:.12em;margin:10px auto 0}
.bronto-360-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d6ccc1;border:1px solid #d6ccc1;margin:36px auto 64px;max-width:1080px}
.bronto-360-outcomes>div{background:#f4f0eb;padding:26px 28px}
.bronto-360-outcomes span{display:block;color:#a87554;font-size:11px;letter-spacing:.15em;margin-bottom:15px}
.bronto-360-outcomes strong{font-size:22px;color:#282523}
.bronto-360-outcomes p{font-size:14px;line-height:1.6;color:#57504a;margin:12px 0 0}
@keyframes bronto-orbit{to{transform:rotate(360deg)}}
@keyframes bronto-breathe{0%,100%{box-shadow:0 0 0 34px rgba(173,120,86,.07),0 0 0 68px rgba(173,120,86,.045)}50%{box-shadow:0 0 0 42px rgba(173,120,86,.07),0 0 0 78px rgba(173,120,86,.035)}}
@media(max-width:700px){.cloud-offer .bronto-360-wheel{height:410px;width:100%}.cloud-offer .bronto-360-wheel:before{width:205px;height:205px;box-shadow:0 0 0 20px rgba(173,120,86,.07)}.cloud-offer .bronto-360-wheel:after{width:230px;height:230px}.cloud-offer .bronto-360-core{width:132px;height:132px}.cloud-offer .bronto-360-point{font-size:11px;gap:6px}.cloud-offer .bronto-360-symbol{width:44px;height:44px}.cloud-offer .bronto-360-point.point-1{right:0;flex-direction:column}.cloud-offer .bronto-360-point.point-3{left:0;flex-direction:column}.bronto-360-outcomes{grid-template-columns:1fr}.bronto-360-outcomes>div{padding:20px}}
@media(max-width:390px){.cloud-offer .bronto-360-point{font-size:10px}.cloud-offer .bronto-360-symbol{width:38px;height:38px}.cloud-offer .bronto-360-wheel:before{width:175px;height:175px}.cloud-offer .bronto-360-wheel:after{width:195px;height:195px}}
@media(prefers-reduced-motion:reduce){.cloud-offer .bronto-360-wheel:before,.cloud-offer .bronto-360-wheel:after{animation:none!important}}
/* V5.4: labels outside the orbit, larger type and no line collisions */
.cloud-offer .bronto-360-wheel{width:min(100%,1000px);height:570px;overflow:visible}
.cloud-offer .bronto-360-point{font-size:20px;line-height:1.25;font-weight:750;gap:16px}
.cloud-offer .bronto-360-point.point-0{top:0;flex-direction:column-reverse;gap:14px}
.cloud-offer .bronto-360-point.point-2{bottom:0;flex-direction:column-reverse;gap:14px}
.cloud-offer .bronto-360-point.point-1{right:0;flex-direction:row;gap:17px}
.cloud-offer .bronto-360-point.point-3{left:0;flex-direction:row-reverse;gap:17px}
.cloud-offer .bronto-360-wheel:before{width:310px;height:310px}
.cloud-offer .bronto-360-continuity{font-size:15px;line-height:1.5;letter-spacing:.08em}
@media(max-width:760px){
 .cloud-offer .bronto-360-wheel{width:100%;height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:175px 0 0;align-items:stretch}
 .cloud-offer .bronto-360-wheel:before{width:146px;height:146px;top:8px;left:50%;transform:translateX(-50%);animation:none;box-shadow:0 0 0 14px rgba(173,120,86,.06)}
 .cloud-offer .bronto-360-wheel:after{width:165px;height:165px;top:0;left:50%;margin-left:-82.5px}
 .cloud-offer .bronto-360-core{position:absolute;top:33px;left:50%;transform:translateX(-50%);width:115px;height:115px}
 .cloud-offer .bronto-360-point,.cloud-offer .bronto-360-point.point-0,.cloud-offer .bronto-360-point.point-1,.cloud-offer .bronto-360-point.point-2,.cloud-offer .bronto-360-point.point-3{position:static;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;white-space:normal;gap:12px;font-size:16px;min-height:138px;padding:15px 8px;border:1px solid #d9c8b9;border-radius:12px;background:#f4f0eb}
 .cloud-offer .bronto-360-symbol{width:54px;height:54px}
 .cloud-offer .bronto-360-continuity{font-size:12px;letter-spacing:.05em}
}