/* IT Solutions page polish. Native Elementor settings carry layout, colour, type and entrance
   animations; this file adds states and details Elementor's free widgets cannot express. */
.chanos-it-breadcrumb nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#afc0c9}
.chanos-it-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none}
.chanos-it-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.chanos-it-breadcrumb a:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:2px}

.chanos-it-hero-visual{position:relative;isolation:isolate}
.chanos-it-hero-visual::before{content:"";position:absolute;inset:4% 6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(120,180,210,.30),rgba(120,180,210,0))}

.chanos-it-card > .elementor-widget-wrap{background:#fff;border:1px solid #dce3e6;border-radius:12px;box-shadow:0 12px 32px -18px rgba(21,44,55,.25);color:#20343d}
.chanos-it-pillar > .elementor-widget-wrap{transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s ease,box-shadow .25s ease}
.chanos-it-pillar:hover > .elementor-widget-wrap,.chanos-it-pillar:focus-within > .elementor-widget-wrap{transform:translateY(-4px);border-color:#7d8dff;box-shadow:0 22px 44px -20px rgba(21,44,55,.35)}
.chanos-it-pillar .elementor-image-box-img{width:100%;margin:0 0 14px;overflow:hidden;border-radius:8px;background:#f4f6f7}
.chanos-it-pillar .elementor-image-box-img img{display:block;width:100%;height:140px;object-fit:contain;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.chanos-it-pillar:hover .elementor-image-box-img img{transform:scale(1.05)}
.chanos-it-pillar .elementor-image-box-title a{color:inherit;text-decoration:none}
.chanos-it-pillar .elementor-image-box-title a:hover{text-decoration:underline;text-underline-offset:4px}
.chanos-it-pillar a{cursor:pointer}
.chanos-it-pillar a:focus-visible{outline:3px solid #152c37;outline-offset:4px;border-radius:4px}

/* Product groups: bento cards */
.chanos-it-kicker .elementor-heading-title{text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.chanos-it-group-index .elementor-heading-title{line-height:1;letter-spacing:-.02em}
.chanos-it-jump{list-style:none;margin:0;padding:0}
.chanos-it-jump a{color:inherit;text-decoration:none}
.chanos-it-jump a:focus-visible{outline:3px solid #152c37;outline-offset:2px;border-radius:4px}
.chanos-it-product > .elementor-widget-wrap{border-radius:20px;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .2s ease}
.chanos-it-product:hover > .elementor-widget-wrap{transform:translateY(-4px);border-color:#c9cff9;box-shadow:0 26px 52px -24px rgba(21,44,55,.38)}
.chanos-it-product-image{border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,#e6ebff 0%,#f4f6f7 60%);padding:12px}
.chanos-it-product-image img{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.chanos-it-product:hover .chanos-it-product-image img{transform:scale(1.04)}
.chanos-it-badge{margin-top:-36px;position:relative;z-index:1}
.chanos-it-badge .elementor-icon{box-shadow:0 0 0 4px #fff}
.chanos-it-product .chanos-it-kicker{padding-top:14px;border-top:1px solid #e4e9ec}
.chanos-it-cap .elementor-icon-box-title{margin:0}
.chanos-it-cap .elementor-icon-box-description{margin:2px 0 0}

/* Process timeline on navy */
.chanos-it-step > .elementor-widget-wrap{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;transition:background-color .2s ease,border-color .2s ease}
.chanos-it-step:hover > .elementor-widget-wrap{background:rgba(255,255,255,.1);border-color:rgba(154,166,255,.6)}
.chanos-it-step-number .elementor-heading-title{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#7d8dff;box-shadow:0 0 0 6px rgba(125,141,255,.2)}
@media (min-width:1024px){.chanos-it-step:not(:last-child) > .elementor-widget-wrap::after{content:"";position:absolute;top:46px;right:-18px;width:20px;height:2px;background:linear-gradient(90deg,#7d8dff,rgba(125,141,255,0))}}

/* Note callout and contact */
.chanos-it-callout > .elementor-widget-wrap{background:#f4f6f7;border-left:4px solid #7d8dff;border-radius:12px}
.chanos-it-glass > .elementor-widget-wrap{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:20px;backdrop-filter:blur(6px)}

/* Pillar accents: one jewel tone per solution area, used for bars, icons and tints. */
.chanos-accent-workplace,.chanos-accent-indigo{--accent:#6b7bff;--accent-ink:#3f4fd9;--accent-tint:#eef0ff}
.chanos-accent-infrastructure,.chanos-accent-teal{--accent:#14b8a6;--accent-ink:#0b7a6e;--accent-tint:#e3f6f3}
.chanos-accent-network,.chanos-accent-blue{--accent:#0ea5e9;--accent-ink:#0b6aa3;--accent-tint:#e3f2fb}
.chanos-accent-security,.chanos-accent-gold{--accent:#d4a017;--accent-ink:#86570a;--accent-tint:#fbf3df}

/* Elementor's stock fadeIn* travel 100% of the element; a shorter, eased rise reads calmer. */
@keyframes chanosFadeInUp{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
.elementor-element.animated.fadeInUp{animation-name:chanosFadeInUp;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.elementor-element.animated.animated-fast{animation-duration:.7s}

/* Scroll progress (scroll-linked, not looping); browsers without scroll timelines simply skip it. */
@supports (animation-timeline:scroll()){
  body::before{content:"";position:fixed;inset:0 0 auto 0;height:3px;z-index:9999;pointer-events:none;transform-origin:0 50%;
    background:linear-gradient(90deg,#6b7bff,#0ea5e9 40%,#14b8a6 70%,#d4a017);animation:chanos-progress linear both;animation-timeline:scroll(root)}
  @keyframes chanos-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* Hero and contact: layered static glows over the native gradient. */
#it-hero,#it-contact,#core-hero,#core-contact{position:relative;overflow:hidden}
#it-hero::before,#it-contact::before,#core-hero::before,#core-contact::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 60% at 8% 0%,rgba(107,123,255,.22),transparent 70%),radial-gradient(35% 55% at 95% 100%,rgba(20,184,166,.18),transparent 70%)}
#it-hero > *,#it-contact > *,#core-hero > *,#core-contact > *{position:relative;z-index:1}
.chanos-it-gradient-text{background:linear-gradient(90deg,#a5b0ff,#7dd3fc 55%,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Kicker accent bar draws in once its block is revealed. */
.chanos-it-kicker .elementor-heading-title::before{content:"";display:inline-block;width:28px;height:2px;margin-right:10px;vertical-align:middle;
  background:var(--accent,#7d8dff);transform-origin:0 50%;transition:transform .6s cubic-bezier(.16,1,.3,1) .25s}
.elementor-invisible .chanos-it-kicker .elementor-heading-title::before,.chanos-anim [data-anim]:not(.is-in) .chanos-it-kicker .elementor-heading-title::before{transform:scaleX(0)}

/* Pillar + product cards: accent top bar, tinted image panel, accent hover glow. */
.chanos-it-pillar > .elementor-widget-wrap,.chanos-it-product > .elementor-widget-wrap{position:relative;overflow:hidden}
.chanos-it-pillar > .elementor-widget-wrap::before,.chanos-it-product > .elementor-widget-wrap::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,#fff));transform-origin:0 50%;transform:scaleX(.18);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.chanos-it-pillar:hover > .elementor-widget-wrap::before,.chanos-it-product:hover > .elementor-widget-wrap::before,
.chanos-it-pillar:focus-within > .elementor-widget-wrap::before,.chanos-it-product:focus-within > .elementor-widget-wrap::before{transform:scaleX(1)}
.chanos-it-pillar:hover > .elementor-widget-wrap,.chanos-it-pillar:focus-within > .elementor-widget-wrap,
.chanos-it-product:hover > .elementor-widget-wrap{border-color:color-mix(in srgb,var(--accent) 55%,#fff);box-shadow:0 26px 52px -24px color-mix(in srgb,var(--accent) 45%,rgba(21,44,55,.4))}
.chanos-it-pillar .elementor-image-box-img{background:radial-gradient(120% 90% at 50% 100%,var(--accent-tint) 0%,#f7f9fa 65%)}
.chanos-it-product .chanos-it-product-image{background:radial-gradient(120% 90% at 50% 100%,var(--accent-tint) 0%,#f7f9fa 62%)}
.chanos-it-group-index .elementor-heading-title{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Brand wall tiles */
.chanos-it-brand > .elementor-widget-wrap{background:#fff;border:1px solid #e4e9ec;border-radius:14px;transition:border-color .2s ease,box-shadow .2s ease}
.chanos-it-brand.is-lead > .elementor-widget-wrap{border-radius:18px;box-shadow:0 14px 34px -20px rgba(21,44,55,.3)}
.chanos-it-brand.is-lead .elementor-heading-title,.chanos-it-brand.is-lead .elementor-widget-text-editor,.chanos-it-brand.is-lead p{text-align:center}

/* Process: each step takes a pillar accent. */
.chanos-it-step .chanos-it-step-number .elementor-heading-title{background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent)}
.chanos-it-step:hover > .elementor-widget-wrap{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}
@media (min-width:1024px){.chanos-it-step:not(:last-child) > .elementor-widget-wrap::after{background:linear-gradient(90deg,var(--accent),transparent)}}

/* Core products page: FlashEyes spotlight and featured cards. */
.chanos-flash-card > .elementor-widget-wrap{background:linear-gradient(135deg,#fff 50%,#eef0ff 100%);border-radius:24px}
.chanos-gradient-ink{background:linear-gradient(90deg,#3f4fd9,#0b6aa3);-webkit-background-clip:text;background-clip:text;color:transparent}
.chanos-logo-panel{border-radius:16px;background:#fff;border:1px solid #e4e9ec;padding:28px}
.chanos-spec-list li{border:1px solid #dce3e6;border-radius:999px;padding:6px 12px;background:#fff}

/* Homepage product cards: images float directly on the white card (no tinted panel). */
.chanos-home-line .elementor-image-box-img,.chanos-it-pillar.chanos-home-line .elementor-image-box-img{background:none}

/* Local preview only: mirrors Elementor's fadeIn / fadeInUp entrance animations. */
.chanos-anim [data-anim]{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--anim-delay,0ms),transform .7s cubic-bezier(.16,1,.3,1) var(--anim-delay,0ms)}
.chanos-anim [data-anim="fadeInUp"]{transform:translateY(24px)}
.chanos-anim [data-anim].is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  body::before{display:none}
  .chanos-it-kicker .elementor-heading-title::before{transition:none;transform:none!important}
  .chanos-it-pillar > .elementor-widget-wrap::before,.chanos-it-product > .elementor-widget-wrap::before{transition:none}
  .elementor-element.animated{animation:none!important}
  .chanos-it-pillar > .elementor-widget-wrap,.chanos-it-pillar .elementor-image-box-img img{transition:none}
  .chanos-it-pillar:hover > .elementor-widget-wrap,.chanos-it-pillar:hover .elementor-image-box-img img{transform:none}
  .chanos-anim [data-anim]{opacity:1;transform:none;transition:none}
  .chanos-it-product > .elementor-widget-wrap,.chanos-it-product-image img,.chanos-it-step > .elementor-widget-wrap{transition:none}
  .chanos-it-product:hover > .elementor-widget-wrap,.chanos-it-product:hover .chanos-it-product-image img{transform:none}
}