.platform{background:linear-gradient(180deg,hsl(var(--io-navy))0%,hsl(var(--io-navy-deep))50%,hsl(var(--io-navy))100%);color:#fff;padding:7rem 2rem;position:relative;overflow:hidden}.platform:before{content:"";background:radial-gradient(ellipse 60% 50% at 50% 50%,hsla(var(--io-orange),.04)0%,transparent 70%);pointer-events:none;position:absolute;inset:0}.platform__container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.platform__header{text-align:center;margin-bottom:4rem}.platform__badge{border:1px solid hsla(var(--io-orange),.4);color:hsl(var(--io-orange));letter-spacing:.05em;text-transform:uppercase;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1.2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:600;display:inline-flex}.platform__title{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1.15}.platform__title-accent{color:hsl(var(--io-orange))}.platform__subtitle{color:#ffffffa6;max-width:680px;margin:0 auto;font-size:1.1rem;line-height:1.75}.platform__hub{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin-bottom:3rem;display:grid}.platform__spoke-group{flex-direction:column;gap:1.25rem;display:flex}.platform__spoke-group--left .platform__spoke-card{text-align:right;flex-direction:row-reverse}.platform__center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.platform__center-ring{border:2px solid hsla(var(--io-orange),.3);background:radial-gradient(circle,hsla(var(--io-orange),.08)0%,transparent 70%);background-color:var(--tj-color-theme-accent);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.platform__center-ring:before{content:"";border:1px solid hsla(var(--io-orange),.12);border-radius:50%;position:absolute;inset:-12px}.platform__center-ring:after{content:"";border:1px dashed hsla(var(--io-orange),.08);border-radius:50%;animation:30s linear infinite spin;position:absolute;inset:-24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.platform__center-icon{background:linear-gradient(135deg,hsl(var(--io-orange)),hsl(var(--io-orange-light)));color:#fff;width:72px;height:72px;box-shadow:0 8px 32px hsla(var(--io-orange),.35);text-align:center;border-radius:50%;justify-content:center;align-items:center;width:100%;font-weight:700;display:flex}.platform__center-label{text-align:center;letter-spacing:.02em;margin-top:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.platform__spoke-card{background:var(--tj-color-border-3);cursor:default;cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.platform__spoke-card:hover{background:hsla(var(--io-orange),.08);border-color:hsla(var(--io-orange),.25);box-shadow:0 4px 24px hsla(var(--io-orange),.1);cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;transition:all .35s cubic-bezier(.4,0,.2,1);transform:translate(0)scale(1.02)}.platform__spoke-group--left .platform__spoke-card:hover{transform:translate(4px)scale(1.02)}.platform__spoke-group--right .platform__spoke-card:hover{transform:translate(-4px)scale(1.02)}.platform__spoke-icon{background:hsla(var(--io-orange),.12);width:44px;min-width:44px;height:44px;color:hsl(var(--io-orange));border-radius:.75rem;justify-content:center;align-items:center;display:flex}.platform__spoke-content{flex:1}.platform__spoke-title{color:#fff;margin-bottom:.25rem;font-family:Open sans,sans-serif;font-size:.95rem;font-weight:700}.platform__spoke-desc{color:#ffffff80;font-size:.8rem;line-height:1.5}.platform__connector{display:none}.platform__cta{text-align:center;margin-top:3rem}.platform__cta-text{color:#ffffff80;margin-bottom:1rem;font-size:.9rem}.platform__cta-btn{background:linear-gradient(135deg,hsl(var(--io-orange)),hsl(var(--io-orange-light)));color:#fff;cursor:pointer;box-shadow:0 4px 16px hsla(var(--io-orange),.3);border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.platform__cta-btn:hover{box-shadow:0 8px 24px hsla(var(--io-orange),.4);transform:translateY(-2px)}@media (max-width:768px){.platform__hub{grid-template-columns:1fr;gap:1.5rem}.platform__spoke-group--left .platform__spoke-card{text-align:left;flex-direction:row}.platform__center{order:-1}.platform__center-ring{width:140px;height:140px}.platform__center-icon{width:56px;height:56px}}.diagram{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:1000px;margin:auto;display:flex}.center{justify-content:center;align-items:center;display:flex}.circle{text-align:center;color:#ff5a2c;background:#fff;border:2px solid #ff5a2c;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;font-size:14px;display:flex}.box{text-align:center;background:#f5f7fa;border:2px solid;border-radius:8px;min-width:140px;padding:12px 18px;font-size:14px}.orange{border-color:#ff5a2c}.blue{border-color:#3b4cca}.top-row{justify-content:center}.middle-row{justify-content:space-between}.bottom-row{justify-content:space-around}@media (max-width:768px){.middle-row{flex-direction:column;gap:20px}.bottom-row{flex-direction:column}.circle{width:140px;height:140px;font-size:12px}.box{width:100%;max-width:280px}}.platform__spoke-group--bottom-center{text-align:center;width:100%;padding-bottom:20px;position:relative;bottom:0;left:80%;transform:translate(-50%)}@media (max-width:767.98px){.platform__spoke-group--bottom-center{left:0%!important}}
.udm-title{text-align:center;margin-bottom:1.5rem}.udm-title h2{color:var(--tj-color-theme-primary);border:2px solid var(--tj-color-theme-accent);background:#fff;border-radius:9999px;padding:.5rem 2rem;font-weight:700;display:inline-block}.udm-body{border:2px solid var(--tj-color-theme-primary);background:0 0;border-radius:1rem;align-items:center;gap:0;padding:4rem 1.5rem;display:flex;position:relative}.udm-col{flex-direction:column;gap:1rem;display:flex}.udm-col--left{flex:0 0 200px}.udm-col--center{flex:0 0 240px}.udm-col--right{flex:0 0 200px}.udm-arrow{color:var(--tj-color-success);flex:0 0 40px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.udm-card{border:2px solid var(--tj-color-success);border-radius:12px;padding:1.25rem}.udm-card--field{flex-direction:column;gap:1rem;display:flex}.udm-card--field h3{color:var(--tj-color-theme-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.udm-device{align-items:center;gap:.5rem;display:flex}.udm-device-icon{width:32px;height:32px;color:var(--tj-color-success)}.udm-device-label{font-size:1rm;color:var(--tj-color-success);font-weight:600}.udm-card--module h3{color:var(--tj-color-theme-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.udm-card--module ul{flex-direction:column;gap:.35rem;padding-left:1.25rem;list-style:outside;display:flex}.udm-card--module li{color:var(--tj-color-theme-primary);font-size:1rem}.udm-output{align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.udm-output-icon{width:36px;height:36px;color:var(--tj-color-success)}.udm-output-label{font-size:1rm;color:var(--tj-color-success);font-weight:600}@media (max-width:768px){.udm-body{flex-direction:column;gap:.5rem}.udm-arrow{flex:0 0 30px;transform:rotate(90deg)}.udm-col--left,.udm-col--center,.udm-col--right{flex:none;width:100%}}.udm-card,.col-4{flex-direction:column;flex:1;height:100%;display:flex}
.rci-container{box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:20px;overflow:auto}.rci-svg{width:100%;min-width:600px;max-width:1400px;height:auto;margin:0 auto;display:block}.rci-node-bar{stroke:none}.rci-node-group{cursor:pointer}.rci-node-label{fill:#333;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px}.rci-node-label--left{text-anchor:end}.rci-node-label--right{text-anchor:start}.rci-link-path{fill:none;stroke-linecap:butt;pointer-events:none}.rci-legend{stroke:#999;stroke-width:1px;fill:#fff;rx:4}.rci-legend-title{fill:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:700}.rci-legend-label{fill:#333;dominant-baseline:middle;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px}.rci-legend-swatch{stroke:none;rx:2}@media (max-width:768px){.rci-container{padding:8px}.rci-svg{min-width:100%}.rci-node-label{font-size:7px}}@media (max-width:480px){.rci-container{-webkit-overflow-scrolling:touch;padding:4px;overflow-x:auto}.rci-svg{min-width:900px}}
