/* Operadores · multi-site control on the shared iPark night system. */
body{background:var(--ip-bg-0);color:var(--ip-text-strong)}
.container{width:min(1120px,calc(100% - 48px));max-width:none}
.section{padding:clamp(80px,9vw,118px) 0;background:var(--ip-bg-0)!important}.section-soft,.section-beige{background:linear-gradient(180deg,var(--ip-bg-1),var(--ip-bg-0))!important;border-color:var(--ip-border-soft)!important}.section-head h2{color:#fff;font-size:clamp(34px,4.8vw,56px);line-height:1.06;letter-spacing:-.035em}.section-head p{color:var(--ip-text-secondary)}.eyebrow,.eyebrow-live{color:var(--ip-accent)!important}

/* Hero keeps the dashboard as the product proof. */
.op-hero{min-height:780px;padding:180px 0 108px!important;display:flex;align-items:center;background:radial-gradient(680px 480px at 82% 44%,rgba(234,23,68,.12),transparent 68%),radial-gradient(580px 380px at 8% 8%,rgba(24,104,146,.18),transparent 70%),linear-gradient(150deg,var(--ip-bg-0),var(--ip-bg-2) 58%,var(--ip-bg-0))!important;border-bottom:1px solid var(--ip-border-soft)!important;overflow:hidden}.op-hero::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.op-hero .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:70px}.op-hero h1{color:#fff;font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.05em}.op-hero h1 .accent{background:linear-gradient(105deg,#ff8da4,var(--ip-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.op-hero .lead{color:var(--ip-text-secondary);font-size:17px;line-height:1.72}.op-hero .btn-secondary{color:#fff!important;background:rgba(255,255,255,.045)!important;border-color:var(--ip-border-strong)!important}.op-hero .hero-stats{border-color:var(--ip-border)!important}.op-hero .hero-stats strong{color:#fff!important}.op-hero .hero-stats small{color:var(--ip-text-muted)!important}
.hero-mock{background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;border:1px solid var(--ip-border-strong)!important;box-shadow:0 36px 100px rgba(0,0,0,.48),0 0 60px rgba(234,23,68,.06)!important}.hero-mock .h-head{border-color:var(--ip-border)!important}.hero-mock .h-head small,.hero-mock .h-cell small{color:var(--ip-text-muted)!important}.hero-mock .h-title,.hero-mock .h-stat,.hero-mock .h-cell strong{color:#fff!important}.hero-mock .h-cell{background:rgba(255,255,255,.035)!important;border-color:var(--ip-border)!important}.hero-mock .h-bars{border-color:var(--ip-border)!important}

/* Pain, capabilities and scale pillars. */
.pain-grid,.features-op{gap:16px}.pain-card,.feat,.pillar{color:var(--ip-text-primary);background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.022))!important;border:1px solid var(--ip-border)!important;border-radius:var(--ip-radius-lg)!important;box-shadow:var(--ip-shadow-card)}.pain-card .x{background:rgba(234,23,68,.11)!important;color:var(--ip-accent)}.pain-card h4,.feat h3,.pillar h3{color:#fff}.pain-card p,.feat p,.pillar p{color:var(--ip-text-secondary)!important}.feat:hover{border-color:rgba(234,23,68,.42)!important;box-shadow:0 28px 64px rgba(0,0,0,.42)!important}.feat .ic,.pillar-ic{background:rgba(234,23,68,.1)!important;color:var(--ip-accent)!important}

/* Operational before/after makes the connected state visually dominant. */
.compare{gap:16px}.cc{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border:1px solid var(--ip-border)!important;box-shadow:var(--ip-shadow-card)}.cc.after{background:linear-gradient(145deg,rgba(234,23,68,.105),rgba(255,255,255,.025))!important;border-color:rgba(234,23,68,.44)!important}.cc-tag{color:var(--ip-text-muted)!important;background:rgba(255,255,255,.06)!important}.cc.after .cc-tag{color:#fff!important;background:var(--ip-accent)!important}.cc h3{color:#fff}.cc ul li{border-color:var(--ip-border)!important}.cc ul li span{color:var(--ip-text-secondary)!important}.cc ul li strong{color:#fff!important}.cc.after ul li strong{color:#ff8aa2!important}
.roi-band{background:radial-gradient(480px 280px at 15% 50%,rgba(234,23,68,.09),transparent 70%),rgba(255,255,255,.03)!important;border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-card)}.roi-band h3{color:#fff}.roi-band p{color:var(--ip-text-secondary)!important}.roi-stat{background:rgba(255,255,255,.04)!important;border-color:var(--ip-border)!important}.roi-stat strong{color:var(--ip-intelligence)!important}.roi-stat small{color:var(--ip-text-muted)!important}

/* Final conversion. */
.cta-band{padding:100px 0!important;background:radial-gradient(620px 360px at 80% 50%,rgba(234,23,68,.13),transparent 68%),var(--ip-bg-0)!important}.cta-band-inner{width:min(1120px,calc(100% - 48px));max-width:none}.cta-band h2{color:#fff}.cta-band p{color:var(--ip-text-secondary)}.cta-band .btn-ghost-dark{color:#fff!important;border-color:var(--ip-border-strong)!important;background:rgba(255,255,255,.04)!important}.trust span{color:var(--ip-text-muted)!important}.demo-check-card{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;border:1px solid var(--ip-border)!important;box-shadow:var(--ip-shadow-card)!important}.demo-check-head,.demo-check-list li,.demo-check-clients{border-color:var(--ip-border)!important}.demo-check-head,.dc-text strong,.dc-label{color:#fff!important}.dc-text small{color:var(--ip-text-secondary)!important}.dc-logos img{filter:grayscale(1) brightness(2);opacity:.58}

@media(max-width:980px){.op-hero .hero-grid{grid-template-columns:1fr}.hero-mock{width:min(100%,620px);margin:auto}}
@media(max-width:700px){.container,.cta-band-inner{width:min(100% - 32px,1120px)}.op-hero{min-height:auto;padding:145px 0 82px!important}.op-hero h1{font-size:clamp(40px,12vw,58px)}.hero-stats{grid-template-columns:repeat(2,1fr)!important}.hero-mock{padding:18px!important}.roi-band{padding:26px 20px!important}.roi-stats{gap:10px}.roi-stat{padding:18px 10px!important}.roi-stat strong{font-size:28px!important}.cta-band{padding:78px 0!important}}
@media(max-width:430px){.hero-actions{display:grid}.hero-actions .btn{width:100%}.cc{padding:25px 20px!important}.cc ul li{align-items:flex-start}.cc ul li strong{font-size:14px!important}.roi-stats{grid-template-columns:1fr 1fr}.pain-card{padding:22px!important}}
@media(prefers-reduced-motion:reduce){.pain-card:hover,.feat:hover{transform:none}}
