/* ── Condition Orbital Widget ─────────────────────────────────── */
.co-wrap{position:relative;overflow:visible;box-sizing:border-box;
  --co-core-start:#46627f;--co-core-end:#3A506B}
.co-wrap *{box-sizing:border-box}

.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1180px;margin:0 auto;padding:48px 24px}

/* Stage */
.co-stage{position:relative;width:100%;max-width:480px;margin:0 auto;aspect-ratio:1/1}
.co-ring{position:absolute;border-radius:50%;border:1px solid #D9E6EC;top:50%;left:50%;transform:translate(-50%,-50%)}
.co-ring-outer{width:84%;height:84%;border-style:dashed;border-color:#cfe0e8}
.co-ring-inner{width:48%;height:48%;border-color:rgba(255,196,61,.45)}
.co-spoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.co-spoke line{stroke:#FFC43D;stroke-width:3.5;stroke-linecap:round;transition:all .5s cubic-bezier(.6,.05,.3,1);filter:drop-shadow(0 0 5px rgba(255,196,61,.6))}
.co-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34%;height:34%;border-radius:50%;background:radial-gradient(circle at 50% 38%,var(--co-core-start),var(--co-core-end) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;z-index:3;box-shadow:0 14px 36px rgba(58,80,107,.4),inset 0 0 0 1px rgba(255,255,255,.08)}
.co-core-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.25}
.co-rotor{position:absolute;inset:0}

/* Nodes */
.co-node{-webkit-appearance:none;appearance:none;font:inherit;text-transform:none;white-space:normal;position:absolute;transform:translate(-50%,-50%);width:26%;height:26%;border-radius:50%;border:0;cursor:pointer;background:#F4FAFC;box-shadow:0 4px 14px rgba(58,80,107,.14),inset 0 0 0 1px #D9E6EC;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}
.co-node span{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.66rem;letter-spacing:.03em;text-transform:uppercase;color:#3A506B;line-height:1.2;text-align:center;padding:0 4px}
.co-node:hover{box-shadow:0 6px 20px rgba(58,80,107,.2),inset 0 0 0 1px #b9cdd8}
.co-node.is-active{background:#FFC43D;box-shadow:0 10px 26px rgba(255,196,61,.5),0 0 0 7px rgba(255,196,61,.16);transform:translate(-50%,-50%) scale(1.14);z-index:5}
.co-node.is-active span{color:#2B3D52}
.co-node:focus{outline:none}
.co-node:focus-visible{outline:3px solid #E8A91E;outline-offset:3px}

/* Panel — pre-rendered, JS only toggles is-active (SEO-safe) */
.co-panel{max-width:520px}
.co-panel-item{display:none}
.co-panel-item.is-active{display:block;animation:coIn .4s cubic-bezier(.4,.1,.2,1)}
@keyframes coIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.co-tag{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#E8A91E;background:rgba(255,196,61,.16);padding:6px 14px;border-radius:30px;margin-bottom:16px}
.co-title{font-family:'Playfair Display',Georgia,serif;font-size:1.85rem;font-weight:700;color:#2B3D52;line-height:1.25;margin:0 0 .4em}
.co-title:after{content:"";display:block;width:46px;height:3px;background:#FFC43D;border-radius:3px;margin-top:.5rem}
.co-desc{font-family:'Alegreya Sans',sans-serif;font-size:1.05rem;line-height:1.7;color:#1F2A37;margin:0 0 1.4rem;min-height:108px}
.co-approach-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#3A506B;display:block;margin-bottom:12px}
.co-approach{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:9px}
.co-approach li{position:relative;padding-left:30px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:.95rem;color:#1F2A37}
.co-approach li:before{content:"";position:absolute;left:0;top:7px;width:11px;height:11px;border-radius:50%;background:#FFC43D;box-shadow:0 0 0 4px rgba(255,196,61,.2)}
.co-link{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#2B3D52;background:#FFC43D;padding:13px 24px;border-radius:8px;display:inline-flex;align-items:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 18px rgba(255,196,61,.32)}
.co-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,196,61,.42)}

/* Dots */
.co-dots{display:flex;gap:10px;margin-top:26px}
.co-dot{-webkit-appearance:none;appearance:none;box-shadow:none;width:11px;min-width:11px;height:11px;border-radius:50%;border:0;background:#D9E6EC;cursor:pointer;padding:0;transition:all .25s}
.co-dot.is-active{background:#FFC43D;width:30px;border-radius:6px}
.co-dot:focus-visible{outline:2px solid #E8A91E;outline-offset:2px}

/* Responsive */
@media(max-width:900px){
  .co-grid{grid-template-columns:1fr;gap:30px;padding:40px 16px}
  .co-stage{max-width:360px}
  .co-desc{min-height:0}
  .co-panel{max-width:none;text-align:left}
  .co-dots{justify-content:flex-start}
}
@media(max-width:480px){
  .co-stage{max-width:300px}
  .co-node span{font-size:.54rem}
}
@media(prefers-reduced-motion:reduce){
  .co-panel-item.is-active{animation:none}
  .co-spoke line{transition:none}
}