:root{--cc-cyan:#06b6d4;--cc-blue:#3b82f6;--cc-red:#ef4444;--cc-amber:#f59e0b;--cc-green:#10b981;--cc-purple:#8b5cf6}.cc-hero{background:#fff;padding:120px 0 64px;position:relative;overflow:hidden}.cc-hero__dots{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(6 182 212 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(6 182 212 / .04) 1px,transparent 1px);background-size:30px 30px}.cc-hero__glow{position:absolute;pointer-events:none;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgb(6 182 212 / .07) 0%,transparent 70%);top:-100px;right:-80px}.cc-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.cc-hero__left{display:flex;flex-direction:column;gap:0}.cc-bc{display:flex;align-items:center;gap:5px;font-family:var(--font-heading);font-size:.72rem;color:var(--color-slate);margin-bottom:14px}.cc-bc a{color:var(--color-slate);text-decoration:none}.cc-bc a:hover{color:var(--color-navy)}.cc-bc i{font-size:.52rem;color:#cbd5e1}.cc-bc span{color:var(--color-navy);font-weight:600}.cc-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.cc-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:100px;border:1px solid;font-family:var(--font-heading);font-size:.7rem;font-weight:700}.cc-tag--cyan{background:rgb(6 182 212 / .08);border-color:rgb(6 182 212 / .28);color:var(--cc-cyan)}.cc-tag--navy{background:rgb(14 42 94 / .05);border-color:rgb(14 42 94 / .14);color:var(--color-navy)}.cc-h1{font-family:var(--font-heading);font-size:clamp(1.9rem, 3vw, 2.8rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--color-navy);margin:0 0 14px}.cc-h1 em{font-style:normal;color:var(--cc-cyan)}.cc-desc{font-size:.88rem;line-height:1.75;color:var(--color-slate);max-width:440px;margin:0 0 20px}.cc-stats{display:flex;align-items:center;background:var(--color-off-white);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;margin-bottom:24px}.cc-stat{flex:1;text-align:center;padding:11px 6px;display:flex;flex-direction:column;gap:2px}.cc-stat strong{font-family:var(--font-heading);font-size:1rem;font-weight:900;color:var(--cc-cyan);line-height:1}.cc-stat span{font-family:var(--font-heading);font-size:.6rem;color:var(--color-slate)}.cc-stat__sep{width:1px;height:24px;background:var(--color-border);flex-shrink:0}.cc-ctas{display:flex;gap:10px;flex-wrap:wrap}.cc-btn-primary{background:var(--cc-cyan)!important;color:white!important;border-color:var(--cc-cyan)!important}.cc-btn-primary:hover{background:#0891b2!important;border-color:#0891b2!important;box-shadow:0 8px 24px rgb(6 182 212 / .35)!important;transform:translateY(-2px)}.cc-hero__right{position:relative}.cc-card{background:#fff;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;box-shadow:0 16px 48px rgb(6 182 212 / .1),0 2px 8px rgb(0 0 0 / .04);max-width:520px;margin-left:auto}.cc-card__bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-off-white);border-bottom:1px solid var(--color-border)}.cc-card__dots{display:flex;gap:4px}.cc-card__dots span{width:9px;height:9px;border-radius:50%;background:var(--color-border)}.cc-card__title{font-family:var(--font-heading);font-size:.74rem;font-weight:600;color:var(--color-charcoal);flex:1;display:flex;align-items:center;gap:7px}.cc-card__title i{color:var(--cc-cyan)}.cc-card__live{margin-left:auto;display:flex;align-items:center;gap:5px;font-family:var(--font-heading);font-size:.66rem;font-weight:700;color:var(--cc-green)}.cc-card__live span{width:6px;height:6px;border-radius:50%;background:var(--cc-green);animation:livePulse 1.4s ease-in-out infinite}.cc-card__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border)}.cc-kpi{background:#fff;padding:10px 6px;text-align:center}.cc-kpi strong{display:block;font-family:var(--font-heading);font-size:.9rem;font-weight:900;line-height:1}.cc-kpi strong small{font-size:.54rem;font-weight:600;opacity:.7}.cc-kpi span{font-family:var(--font-heading);font-size:.58rem;color:var(--color-slate)}.cc-kpi--cyan strong{color:var(--cc-cyan)}.cc-kpi--blue strong{color:var(--cc-blue)}.cc-kpi--red strong{color:var(--cc-red)}.cc-kpi--green strong{color:var(--cc-green)}.cc-card__zones{display:flex;flex-direction:column}.cc-zone{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--color-border);transition:background var(--transition)}.cc-zone:hover{background:var(--color-off-white)}.cc-zone--alert{border-left:3px solid var(--cc-red)}.cc-zone--warn{border-left:3px solid var(--cc-amber)}.cc-zone:not(.cc-zone--alert):not(.cc-zone--warn){border-left:3px solid var(--cc-green)}.cc-zone__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cc-dot--green{background:var(--cc-green)}.cc-dot--amber{background:var(--cc-amber)}.cc-dot--red{background:var(--cc-red);animation:livePulse 1.2s infinite}.cc-zone__info{flex:1;display:flex;flex-direction:column;gap:2px}.cc-zone__info strong{font-family:var(--font-heading);font-size:.77rem;font-weight:700;color:var(--color-navy)}.cc-zone__info span{font-family:var(--font-heading);font-size:.66rem;color:var(--color-slate)}.cc-zone__badge{flex-shrink:0;padding:2px 8px;border-radius:100px;font-family:var(--font-heading);font-size:.6rem;font-weight:800}.cc-badge--green{background:rgb(16 185 129 / .08);color:var(--cc-green);border:1px solid rgb(16 185 129 / .2)}.cc-badge--amber{background:rgb(245 158 11 / .08);color:var(--cc-amber);border:1px solid rgb(245 158 11 / .2)}.cc-badge--red{background:rgb(239 68 68 / .08);color:var(--cc-red);border:1px solid rgb(239 68 68 / .2)}.cc-card__alert{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgb(239 68 68 / .04);border-top:1px solid rgb(239 68 68 / .14);font-family:var(--font-heading);font-size:.71rem;color:var(--color-slate)}.cc-card__alert strong{color:var(--color-navy)}.cc-alert-icon--red{color:var(--cc-red);flex-shrink:0}.cc-card__alert-badge{margin-left:auto;flex-shrink:0;padding:2px 9px;border-radius:100px;background:rgb(6 182 212 / .1);color:var(--cc-cyan);font-size:.62rem;font-weight:800;border:1px solid rgb(6 182 212 / .25)}.cc-card__footer{display:flex;align-items:center;gap:14px;padding:7px 14px;background:var(--color-off-white);border-top:1px solid var(--color-border);font-family:var(--font-heading);font-size:.67rem}.cc-card__footer span{display:flex;align-items:center;gap:5px}.cc-fi--green{color:var(--cc-green)}.cc-fi--red{color:var(--cc-red)}.cc-fi--cyan{color:var(--cc-cyan)}.cc-badge{position:absolute;bottom:-14px;left:16px;display:flex;align-items:center;gap:9px;background:#fff;border-radius:10px;padding:8px 14px;box-shadow:0 8px 28px rgb(0 0 0 / .12);border:1px solid var(--color-border);animation:floatBob 3s ease-in-out infinite}.cc-badge__icon{color:var(--cc-cyan);font-size:1rem}.cc-badge div{display:flex;flex-direction:column;gap:1px}.cc-badge strong{font-family:var(--font-heading);font-size:.9rem;font-weight:900;color:var(--color-navy);line-height:1}.cc-badge span{font-family:var(--font-heading);font-size:.62rem;color:var(--color-slate)}.cc-monitor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cc-mon-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 12px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition)}.cc-mon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--cc-cyan)}.cc-mon-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.cc-mon-icon svg{width:40px;height:40px}.cc-mon-icon--cyan{background:rgb(6 182 212 / .08)}.cc-mon-icon--blue{background:rgb(59 130 246 / .08)}.cc-mon-icon--amber{background:rgb(245 158 11 / .08)}.cc-mon-icon--green{background:rgb(16 185 129 / .08)}.cc-mon-icon--purple{background:rgb(139 92 246 / .08)}.cc-mon-icon--red{background:rgb(239 68 68 / .08)}.cc-mon-card strong{font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--color-navy)}.cc-mon-card span{font-family:var(--font-heading);font-size:.66rem;color:var(--color-slate);line-height:1.4}.cc-rows{background:#fff}.cc-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:56px;border-bottom:1px solid var(--color-border)}.cc-row:last-child{border-bottom:none}.cc-row--flip .cc-row__text{order:2}.cc-row--flip .cc-row__visual{order:1}.cc-row__icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:14px}.cc-row-icon--cyan{background:rgb(6 182 212 / .1);color:var(--cc-cyan)}.cc-row-icon--purple{background:rgb(139 92 246 / .1);color:var(--cc-purple)}.cc-row-icon--amber{background:rgb(245 158 11 / .1);color:var(--cc-amber)}.cc-row__text h3{font-size:1.4rem;font-weight:800;color:var(--color-navy);margin-bottom:10px;line-height:1.2}.cc-row__text p{font-size:.88rem;line-height:1.75;color:var(--color-slate);margin-bottom:16px}.cc-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cc-points li{display:flex;align-items:center;gap:9px;font-family:var(--font-heading);font-size:.8rem;color:var(--color-charcoal)}.cc-points i{font-size:.72rem;flex-shrink:0;color:var(--cc-cyan)}.cc-points--purple i{color:var(--cc-purple)}.cc-points--amber i{color:var(--cc-amber)}.cc-visual-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 40px rgb(6 182 212 / .07),0 2px 8px rgb(0 0 0 / .04)}.cc-vc-bar{display:flex;align-items:center;gap:9px;padding:11px 16px;background:var(--color-off-white);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-size:.78rem;font-weight:600;color:var(--color-charcoal)}.cc-live-dot{margin-left:auto;display:flex;align-items:center;gap:5px;font-family:var(--font-heading);font-size:.68rem;font-weight:700;color:var(--cc-green)}.cc-live-dot span{width:6px;height:6px;border-radius:50%;background:var(--cc-green);animation:livePulse 1.4s ease-in-out infinite}.cc-chart-wrap{display:flex;gap:0;padding:8px 14px 4px}.cc-chart-labels{display:flex;flex-direction:column;justify-content:space-between;padding:2px 6px 2px 0}.cc-chart-labels span{font-family:var(--font-heading);font-size:.58rem;color:var(--color-slate)}.cc-chart-svg{flex:1;height:80px;display:block}.cc-haccp-log{padding:8px 14px}.cc-haccp-title{font-family:var(--font-heading);font-size:.67rem;color:var(--color-slate);margin-bottom:6px;display:flex;align-items:center;gap:5px}.cc-haccp-title i{color:var(--cc-cyan)}.cc-haccp-entry{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-size:.68rem}.cc-haccp-entry:last-child{border-bottom:none}.cc-haccp-entry--breach{background:rgb(239 68 68 / .03);margin:0 -14px;padding:5px 14px}.cc-haccp-time{min-width:32px;color:var(--color-slate)}.cc-haccp-zone{flex:1;color:var(--color-charcoal);font-weight:600}.cc-haccp-val{min-width:48px;font-weight:700;color:var(--color-navy)}.cc-haccp-status{padding:2px 8px;border-radius:100px;font-size:.6rem;font-weight:800}.cc-haccp--ok{background:rgb(16 185 129 / .08);color:var(--cc-green)}.cc-haccp--breach{background:rgb(239 68 68 / .1);color:var(--cc-red)}.cc-cop-grid{display:flex;flex-direction:column}.cc-cop-header{display:grid;grid-template-columns:1.2fr .8fr .6fr .7fr 1fr;gap:4px;padding:6px 14px;background:var(--color-off-white);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-size:.62rem;font-weight:700;color:var(--color-slate);letter-spacing:.04em}.cc-cop-row{display:grid;grid-template-columns:1.2fr .8fr .6fr .7fr 1fr;gap:4px;padding:8px 14px;border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-size:.73rem;align-items:center;transition:background var(--transition)}.cc-cop-row:hover{background:var(--color-off-white)}.cc-cop-row:last-child{border-bottom:none}.cc-cop-row--ok{color:var(--color-charcoal)}.cc-cop-row--warn{background:rgb(245 158 11 / .03)}.cc-cop-val{font-weight:800}.cc-cop--good{color:var(--cc-green)}.cc-cop--warn{color:var(--cc-amber)}.cc-cop-status{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:100px;text-align:center}.cc-cop-s--ok{background:rgb(16 185 129 / .08);color:var(--cc-green)}.cc-cop-s--warn{background:rgb(245 158 11 / .08);color:var(--cc-amber)}.cc-cop-s--alert{background:rgb(239 68 68 / .08);color:var(--cc-red);font-size:.6rem}.cc-energy-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border-top:1px solid var(--color-border)}.cc-esummary{background:#fff;padding:10px 12px;text-align:center;display:flex;flex-direction:column;gap:2px}.cc-esummary strong{font-family:var(--font-heading);font-size:1rem;font-weight:900;line-height:1}.cc-esummary span{font-family:var(--font-heading);font-size:.62rem;color:var(--color-slate)}.cc-fleet{display:flex;flex-direction:column}.cc-vehicle{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--color-border);transition:background var(--transition)}.cc-vehicle:hover{background:var(--color-off-white)}.cc-vehicle--warn{border-left:3px solid var(--cc-amber)}.cc-vehicle:not(.cc-vehicle--warn){border-left:3px solid var(--cc-green)}.cc-v-icon{font-size:.9rem;flex-shrink:0}.cc-vi--ok{color:var(--cc-green)}.cc-vi--warn{color:var(--cc-amber)}.cc-v-info{flex:1;display:flex;flex-direction:column;gap:2px}.cc-v-info strong{font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:var(--color-navy)}.cc-v-info span{font-family:var(--font-heading);font-size:.64rem;color:var(--color-slate)}.cc-v-temp{font-family:var(--font-heading);font-size:.78rem;font-weight:800;color:var(--color-navy);min-width:52px;text-align:right}.cc-vt--warn{color:var(--cc-amber)}.cc-vbadge{flex-shrink:0;padding:2px 8px;border-radius:100px;font-family:var(--font-heading);font-size:.6rem;font-weight:800}.cc-vbadge--ok{background:rgb(16 185 129 / .08);color:var(--cc-green);border:1px solid rgb(16 185 129 / .2)}.cc-vbadge--warn{background:rgb(245 158 11 / .08);color:var(--cc-amber);border:1px solid rgb(245 158 11 / .2)}.cc-vbadge--done{background:rgb(100 116 139 / .08);color:#64748b;border:1px solid rgb(100 116 139 / .2)}.cc-vc-footer{display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--color-off-white);border-top:1px solid var(--color-border);font-family:var(--font-heading);font-size:.69rem;color:var(--color-slate);flex-wrap:wrap}.cc-vc-footer span{display:flex;align-items:center;gap:5px}.cc-sectors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cc-sector-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 14px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition)}.cc-sector-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cc-sector-icon{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem}.cc-sector-card strong{font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--color-navy)}.cc-sector-card span{font-family:var(--font-heading);font-size:.68rem;font-weight:600}.cc-metrics{background:var(--cc-cyan);padding-block:48px}.cc-metrics__grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.cc-metric{flex:1;min-width:110px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.cc-metric>i{font-size:1.2rem;color:rgb(255 255 255 / .7);margin-bottom:2px}.cc-metric strong{font-family:var(--font-heading);font-size:1.4rem;font-weight:900;color:#fff;line-height:1}.cc-metric span{font-family:var(--font-heading);font-size:.7rem;color:rgb(255 255 255 / .75);font-weight:500}.cc-prods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cc-prod{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition)}.cc-prod:hover{border-color:var(--cc-cyan);box-shadow:0 8px 24px rgb(6 182 212 / .12);transform:translateX(4px)}.cc-prod__icon{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.cc-prod__body{flex:1;display:flex;flex-direction:column;gap:2px}.cc-prod__body em{font-style:normal;font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.06em;color:var(--color-slate);text-transform:uppercase}.cc-prod__body strong{font-size:.88rem;font-weight:700;color:var(--color-navy)}.cc-prod__body span{font-size:.76rem;color:var(--color-slate)}.cc-prod__arr{font-size:.8rem;flex-shrink:0;opacity:0;transition:all var(--transition)}.cc-prod:hover .cc-prod__arr{opacity:1;transform:translateX(3px)}.cc-cta{background:#fff}.cc-cta__inner{background:linear-gradient(135deg,rgb(6 182 212 / .04) 0%,rgb(6 182 212 / .01) 100%);border:1px solid rgb(6 182 212 / .15);border-radius:var(--radius-xl);padding:56px;text-align:center}.cc-cta__icon{width:68px;height:68px;border-radius:50%;background:rgb(6 182 212 / .1);color:var(--cc-cyan);font-size:1.4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cc-cta__inner h2{font-size:1.8rem;font-weight:800;color:var(--color-navy);margin-bottom:10px;line-height:1.2}.cc-cta__inner p{font-size:.9rem;color:var(--color-slate);max-width:520px;margin:0 auto 24px;line-height:1.7}.cc-cta__btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.cc-eyebrow{color:var(--cc-cyan)!important}@media (max-width:1200px){.cc-monitor-grid{grid-template-columns:repeat(3,1fr)}.cc-sectors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.cc-hero__grid{grid-template-columns:1fr}.cc-hero__right{display:none}.cc-row{grid-template-columns:1fr}.cc-row--flip .cc-row__text,.cc-row--flip .cc-row__visual{order:unset}.cc-prods-grid{grid-template-columns:1fr}}@media (max-width:768px){.cc-monitor-grid{grid-template-columns:repeat(2,1fr)}.cc-sectors-grid{grid-template-columns:repeat(2,1fr)}.cc-cta__inner{padding:32px 20px}.cc-metrics__grid{justify-content:center}.cc-cop-header,.cc-cop-row{grid-template-columns:1fr 1fr 1fr}.cc-cop-header span:nth-child(4),.cc-cop-row span:nth-child(4){display:none}}