/* ==========================================================================
   Insights – featured + stack (home). Light and dark styles, CI360 tokens.
   ========================================================================== */
.insights-feature{position:relative;overflow:hidden}
.insights-feature>.wrap{position:relative;z-index:1}
.insights-feature .heading-row{margin-bottom:clamp(34px,4vw,52px)}
.insights-feature .heading-row .if-head-side{align-self:end;padding-bottom:6px;max-width:420px}
.insights-feature .if-head-side p{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.65}
/* grid */
.insights-feature .if-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:22px;align-items:stretch}
/* featured */
.insights-feature .if-featured{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:560px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#020a40,#071bb8 56%,#0b53f3);color:#fff;box-shadow:0 22px 65px rgba(7,17,61,.14);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.insights-feature .if-featured>img,.insights-feature .if-slide>img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:0;transition:transform 1.1s var(--ease)}
.insights-feature .if-featured:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(7,17,61,.22)}
.insights-feature .if-featured:hover>img{transform:scale(1.05)}
.insights-feature .if-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(3,16,76,.97) 0%,rgba(3,16,76,.74) 44%,rgba(3,16,76,.1) 78%,transparent 100%)}
.insights-feature .if-featured-body{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,40px)}
.insights-feature .if-badge{display:inline-flex;width:fit-content;padding:6px 13px;border-radius:999px;background:#7eeaff;color:var(--navy);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.insights-feature .if-cat{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--royal)}
.insights-feature .if-featured .if-cat,.insights-feature .if-slide .if-cat{color:#7eeaff;white-space:normal}
.insights-feature .if-featured h3{margin:0;max-width:620px;font-size:clamp(26px,2.5vw,38px);line-height:1.08;letter-spacing:-.045em;font-weight:500;color:#fff}
.insights-feature .if-featured .if-excerpt{max-width:540px;color:#c9d6ff;font-size:14px;line-height:1.6}
.insights-feature .if-read{display:inline-flex;align-items:center;gap:10px;margin-top:6px;font-size:12px;color:#fff}
.insights-feature .if-read .icon{width:16px;transition:transform .35s var(--ease)}
.insights-feature .if-featured:hover .if-read{color:#7eeaff}
.insights-feature .if-featured:hover .if-read .icon{transform:rotate(45deg)}
/* stack: cards grow with their text, nothing is cut mid-line */
.insights-feature .if-stack{display:flex;flex-direction:column;gap:16px}
.insights-feature .if-card{position:relative;flex:1 1 auto;display:flex;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 15px 45px rgba(7,17,61,.08);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.insights-feature .if-card:hover{transform:translateY(-6px);border-color:#9db8ff;box-shadow:0 28px 70px rgba(7,17,61,.13)}
.insights-feature .if-card-img{position:relative;flex:0 0 36%;max-width:210px;min-height:150px;overflow:hidden;background:var(--ice)}
.insights-feature .if-card-img>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:0;transition:transform .9s var(--ease)}
.insights-feature .if-card:hover .if-card-img>img{transform:scale(1.06)}
.insights-feature .if-card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:20px 58px 20px 22px}
.insights-feature .if-card h4{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.25;letter-spacing:-.03em;font-weight:500;color:var(--navy);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.insights-feature .if-card .if-excerpt{color:var(--muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.insights-feature .if-card-arrow{position:absolute;right:16px;bottom:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ice);color:var(--royal);transition:background .3s,color .3s,transform .45s var(--ease)}
.insights-feature .if-card-arrow .icon{width:15px}
.insights-feature .if-card:hover .if-card-arrow{background:var(--royal);color:#fff;transform:rotate(45deg)}
/* mobile carousel */
.insights-feature .if-carousel{display:none}
.insights-feature .if-track{position:relative;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
.insights-feature .if-track::-webkit-scrollbar{display:none}
.insights-feature .if-slide{position:relative;isolation:isolate;flex:0 0 86%;height:380px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#020a40,#071bb8 56%,#0b53f3);color:#fff}
.insights-feature .if-slide-body{display:flex;flex-direction:column;gap:9px;padding:22px}
.insights-feature .if-slide h3{margin:0;font-size:21px;line-height:1.15;letter-spacing:-.04em;font-weight:500;color:#fff}
.insights-feature .if-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.insights-feature .if-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:var(--line);cursor:pointer;transition:width .35s var(--ease),background .35s}
.insights-feature .if-dot.is-active{width:24px;background:var(--royal)}
/* bottom bar */
.insights-feature .if-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(38px,4vw,56px);padding-top:28px;border-top:1px solid var(--line)}
.insights-feature .if-bottom-left{display:flex;align-items:center;gap:18px;min-width:0}
.insights-feature .if-bottom-icon{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--ice);color:var(--royal)}
.insights-feature .if-bottom-icon svg{width:22px;height:22px}
.insights-feature .if-bottom-label{flex:none;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:var(--navy)}
.insights-feature .if-divider{flex:none;width:1px;height:38px;background:var(--line)}
.insights-feature .if-bottom-left p{margin:0;max-width:440px;color:var(--muted);font-size:13px;line-height:1.6}

/* ---------- dark style (matches the supplied insights design, in CI360 colours) ---------- */
.insights-feature.is-dark{background:linear-gradient(160deg,#010726 0%,#02093b 48%,#051784 100%);color:#fff}
.insights-feature.is-dark .if-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(140px)}
.insights-feature.is-dark .if-glow-a{top:6%;right:4%;width:540px;height:540px;background:rgba(0,183,255,.16)}
.insights-feature.is-dark .if-glow-b{bottom:6%;left:3%;width:480px;height:480px;background:rgba(18,54,232,.22)}
.insights-feature.is-dark .section-label{color:#fff}
.insights-feature.is-dark .section-label span+span{color:#aebfe9;border-color:rgba(255,255,255,.2)}
.insights-feature.is-dark .section-heading h2{color:#fff}
.insights-feature.is-dark .section-heading h2 em{font-style:normal;background:linear-gradient(135deg,#7eeaff 0%,#3b82f6 55%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.insights-feature.is-dark .if-head-side p{color:#aebfe9}
.insights-feature.is-dark .button-outline{color:#fff;border-color:rgba(255,255,255,.28);background:transparent}
.insights-feature.is-dark .button-outline:hover{background:#fff;color:var(--navy);border-color:#fff}
.insights-feature.is-dark .if-featured{border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,3,30,.55)}
.insights-feature.is-dark .if-featured:hover{border-color:rgba(126,234,255,.55);box-shadow:0 30px 80px rgba(0,183,255,.18)}
.insights-feature.is-dark .if-shade{background:linear-gradient(to top,rgba(1,7,38,.97) 0%,rgba(1,7,38,.76) 46%,rgba(1,7,38,.1) 80%,transparent 100%)}
.insights-feature.is-dark .if-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:0 14px 40px rgba(0,3,30,.35);backdrop-filter:blur(10px)}
.insights-feature.is-dark .if-card:hover{background:rgba(255,255,255,.08);border-color:rgba(126,234,255,.55);box-shadow:0 22px 55px rgba(0,183,255,.14)}
.insights-feature.is-dark .if-card-img{background:#061a7a}
.insights-feature.is-dark .if-card-img:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,rgba(2,9,59,.55) 100%)}
.insights-feature.is-dark .if-card .if-cat{color:#7eeaff}
.insights-feature.is-dark .if-card h4{color:#fff}
.insights-feature.is-dark .if-card .if-excerpt{color:#aebfe9}
.insights-feature.is-dark .if-card-arrow{background:rgba(255,255,255,.08);color:#7eeaff}
.insights-feature.is-dark .if-card:hover .if-card-arrow{background:#7eeaff;color:var(--navy)}
.insights-feature.is-dark .if-slide{border:1px solid rgba(126,234,255,.25)}
.insights-feature.is-dark .if-dot{background:rgba(255,255,255,.2)}
.insights-feature.is-dark .if-dot.is-active{background:#7eeaff}
.insights-feature.is-dark .if-bottom{border-top-color:rgba(255,255,255,.14)}
.insights-feature.is-dark .if-bottom-icon{background:rgba(126,234,255,.08);border:1px solid rgba(126,234,255,.2);color:#7eeaff}
.insights-feature.is-dark .if-bottom-label{color:#fff}
.insights-feature.is-dark .if-divider{background:rgba(255,255,255,.16)}
.insights-feature.is-dark .if-bottom-left p{color:#aebfe9}

/* ---------- responsive ---------- */
/* tablet / small laptop: featured on top, three cards in a row below */
@media(max-width:1180px){
	.insights-feature .if-grid{grid-template-columns:1fr}
	.insights-feature .if-featured{min-height:460px}
	.insights-feature .if-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
	.insights-feature .if-card{flex-direction:column}
	.insights-feature .if-card-img{flex:none;max-width:none;min-height:0;aspect-ratio:16/10}
	.insights-feature .if-card-body{justify-content:flex-start;padding:18px 20px 60px}
	.insights-feature.is-dark .if-card-img:after{background:linear-gradient(to bottom,transparent 60%,rgba(2,9,59,.45) 100%)}
}
@media(max-width:860px){
	.insights-feature .if-grid{display:none}
	.insights-feature .if-carousel{display:block}
	.insights-feature .if-bottom{flex-direction:column;align-items:flex-start}
	.insights-feature .if-bottom .button{align-self:stretch;justify-content:space-between}
}
@media(max-width:800px){.insights-feature .heading-row .if-head-side{margin-top:22px;max-width:none;padding-bottom:0}}
@media(max-width:600px){.insights-feature .if-divider,.insights-feature .if-bottom-left p{display:none}.insights-feature .if-head-side p{font-size:12px}}
.reduced-motion .insights-feature .if-featured,.reduced-motion .insights-feature .if-card,.reduced-motion .insights-feature img{transition:none}

/* ==========================================================================
   Page Hero – Banner (About, Services, Work, Insights, Blog, Contact)
   ========================================================================== */
.page-banner{padding-block:clamp(44px,5vw,78px) clamp(60px,7vw,110px)}
.page-banner>.wrap{position:relative;z-index:1}
.page-banner .breadcrumb{color:#aebfe9;margin-bottom:clamp(30px,4vw,50px)}
.page-banner .breadcrumb a{color:#fff;border-bottom-color:rgba(255,255,255,.35)}
.page-banner .section-label{color:#fff}
.page-banner .pb-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,6vw,100px);align-items:center}
.page-banner .pb-title{margin:clamp(18px,2vw,26px) 0 0;font-size:clamp(50px,6.4vw,108px);line-height:.94;letter-spacing:-.068em;font-weight:500;color:#fff}
.page-banner .pb-title em{font-style:normal;color:#7eeaff}
.page-banner .pb-intro{max-width:560px;margin:clamp(22px,2.4vw,32px) 0 0;color:#c9d6ff;font-size:clamp(14px,1.1vw,16px);line-height:1.65}
.page-banner .pb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(28px,3vw,40px)}
.page-banner .pb-actions .text-link{color:#fff}
.page-banner .pb-actions .text-link:hover{color:#7eeaff}
/* visual */
.page-banner .pb-visual{position:relative;width:100%;max-width:560px;aspect-ratio:1/1.02;justify-self:end}
.page-banner .pb-ring{position:absolute;inset:4% -6% -2% 8%;border:1px dashed rgba(126,234,255,.35);border-radius:50%}
.page-banner .pb-frame{position:absolute;inset:0 12% 14% 0;border-radius:28px;overflow:hidden;background:#0617a7;rotate:-2.5deg;box-shadow:0 40px 90px rgba(0,5,40,.5)}
.page-banner .pb-frame-2{position:absolute;right:0;bottom:2%;width:42%;aspect-ratio:4/5;border-radius:20px;overflow:hidden;border:6px solid #fff;background:#fff;rotate:5deg;box-shadow:0 26px 60px rgba(0,5,40,.45)}
.page-banner .pb-frame>img,.page-banner .pb-frame-2>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:0;transition:transform 1.4s var(--ease)}
.page-banner .pb-visual:hover .pb-frame>img{transform:scale(1.04)}
.page-banner .pb-card{position:absolute;left:-7%;bottom:8%;display:flex;flex-direction:column;gap:4px;padding:18px 24px 16px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:0 24px 55px rgba(0,5,40,.35);rotate:-2deg}
.page-banner .pb-card b{font-size:clamp(34px,3.4vw,52px);line-height:1;letter-spacing:-.06em;font-weight:500}
.page-banner .pb-card span{max-width:170px;font-size:9px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--royal)}
.page-banner .pb-sticker{position:absolute;top:-5%;right:8%;width:clamp(74px,7vw,104px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#7eeaff;color:var(--navy);outline:1px solid #7eeaff;outline-offset:5px;box-shadow:0 18px 40px rgba(0,5,40,.3)}
.page-banner .pb-sticker .star{width:44%;animation:pb-spin 16s linear infinite}
@keyframes pb-spin{to{transform:rotate(360deg)}}
/* stats */
.page-banner .pb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(50px,6vw,90px);padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.page-banner .pb-stat{display:flex;align-items:baseline;gap:14px}
.page-banner .pb-stat b{font-size:clamp(34px,3.6vw,58px);line-height:1;letter-spacing:-.06em;font-weight:500;color:#7eeaff}
.page-banner .pb-stat span{max-width:150px;font-size:9px;line-height:1.45;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#aebfe9}
@media(max-width:1100px){.page-banner .pb-card{left:-3%}}
@media(max-width:860px){
	.page-banner .pb-grid{grid-template-columns:1fr}
	.page-banner .pb-visual{justify-self:center;max-width:460px;margin-top:10px}
	.page-banner .pb-card{left:0}
	.page-banner .pb-stat{flex-direction:column;gap:8px}
}
@media(max-width:600px){
	.page-banner .pb-title{font-size:clamp(42px,12vw,58px)}
	.page-banner .pb-visual{max-width:340px}
	.page-banner .pb-stats{gap:14px}
	.page-banner .pb-stat b{font-size:30px}
	.page-banner .pb-stat span{font-size:8px}
	.page-banner .pb-actions .button{flex:1 1 100%;justify-content:space-between}
}
.reduced-motion .page-banner .pb-sticker .star{animation:none}
@media(prefers-reduced-motion:reduce){.page-banner .pb-sticker .star{animation:none}}

/* Blog grid */
.blog-section .blog-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:clamp(36px,4vw,56px)}
.blog-section .blog-pager-count{font-size:11px;letter-spacing:.14em;color:var(--muted)}
.blog-section .blog-empty{text-align:center;color:var(--muted);padding-block:40px}

/* ==========================================================================
   Filter bar (Work + Blog): theme-blue card instead of a flat strip
   ========================================================================== */
.portfolio-section.has-top-space{padding-top:clamp(40px,5vw,72px)}
.portfolio-tools{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px 16px 14px 18px;box-shadow:0 15px 45px rgba(7,17,61,.06)}
.filter-pills>button{background:#fff;color:var(--navy);border-color:var(--line);cursor:pointer}
.filter-pills>button:hover{background:var(--ice);color:var(--royal);border-color:#9db8ff}
.filter-pills>button[aria-pressed=true]{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.filter-pills>button[aria-pressed=true]>small{color:#7eeaff}
.search-field>input{border-bottom-color:var(--line);color:var(--navy)}
.search-field>input:focus{outline:none;border-bottom-color:var(--royal)}
.search-field>svg{color:var(--royal)}
@media(max-width:800px){.portfolio-tools{padding:16px;border-radius:18px}.filter-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%;padding-bottom:2px}.filter-pills::-webkit-scrollbar{display:none}.filter-pills>button{flex:none}}

/* ==========================================================================
   Blog – archive (filters + search + cards)
   ========================================================================== */
.blog-archive{padding-block:clamp(40px,5vw,72px) clamp(70px,8vw,120px)}
@media(min-width:861px){.blog-archive .blog-tools{position:sticky;top:calc(var(--header) + 14px);z-index:30}.admin-bar .blog-archive .blog-tools{top:calc(var(--header) + 46px)}}
.blog-archive .blog-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.blog-archive .blog-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;color:var(--navy);box-shadow:0 15px 45px rgba(7,17,61,.07);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.blog-archive .blog-card[hidden]{display:none}
.blog-archive .blog-card:hover{transform:translateY(-6px);border-color:#9db8ff;box-shadow:0 28px 70px rgba(7,17,61,.13)}
.blog-archive .blog-card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#020a40,#071bb8 56%,#0b53f3)}
.blog-archive .blog-card-media>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;transition:transform .9s var(--ease)}
.blog-archive .blog-card:hover .blog-card-media>img{transform:scale(1.06)}
.blog-archive .blog-card-media.no-image .star{position:absolute;right:22px;bottom:18px;width:54px;color:#7eeaff}
.blog-archive .blog-card-badge{position:absolute;top:14px;left:14px;z-index:1;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;border-radius:999px;background:#7eeaff;color:var(--navy);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.blog-archive .blog-card-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 22px 18px}
.blog-archive .blog-card-meta{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.06em;color:var(--muted)}
.blog-archive .blog-card-meta i{width:4px;height:4px;border-radius:50%;background:var(--royal)}
.blog-archive .blog-card h3{margin:0;font-size:clamp(18px,1.45vw,21px);line-height:1.22;letter-spacing:-.035em;font-weight:500;color:var(--navy);transition:color .3s}
.blog-archive .blog-card:hover h3{color:var(--royal)}
.blog-archive .blog-card-excerpt{color:var(--muted);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-archive .blog-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;border-top:1px solid var(--line)}
.blog-archive .blog-card-author{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blog-archive .blog-card-read{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:11px;font-weight:500;color:var(--royal)}
.blog-archive .blog-card-read .icon{width:15px;transition:transform .35s var(--ease)}
.blog-archive .blog-card:hover .blog-card-read .icon{transform:rotate(45deg)}
.blog-archive .blog-no-results{padding:70px 0 20px;text-align:center}
.blog-archive .blog-no-results[hidden]{display:none}
.blog-archive .blog-no-results h2{color:var(--navy)}
.blog-archive .blog-no-results p{margin:18px auto 28px;max-width:420px;color:var(--muted)}
@media(max-width:1023px){.blog-archive .blog-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.blog-archive .blog-archive-grid{grid-template-columns:1fr}}
.reduced-motion .blog-archive .blog-card,.reduced-motion .blog-archive .blog-card img{transition:none}

/* ================================================================
   CI360 FINAL – INSIGHTS EDITORIAL ARCHIVE
   Based on the supplied dark luxury / cyan glow layout.
   ================================================================ */
#ci360-insights-archive-root{
  position:relative;background:#020617;color:#fff;font-family:'Poppins',sans-serif;
  min-height:100vh;overflow:hidden;isolation:isolate
}
#ci360-insights-archive-root *,#ci360-insights-archive-root *::before,#ci360-insights-archive-root *::after{box-sizing:border-box}
#ci360-insights-archive-root .ci360-insights-hero{
  position:relative;padding:clamp(118px,10vw,150px) 24px clamp(68px,7vw,96px);
  background:linear-gradient(180deg,rgba(15,23,42,.92) 0%,#020617 100%);
  border-bottom:1px solid rgba(51,65,85,.62);overflow:hidden
}
#ci360-insights-archive-root .ci360-insights-glow{position:absolute;border-radius:999px;filter:blur(140px);pointer-events:none;z-index:0}
#ci360-insights-archive-root .ci360-insights-glow-a{top:10%;left:9%;width:650px;height:450px;background:rgba(6,182,212,.12)}
#ci360-insights-archive-root .ci360-insights-glow-b{right:6%;bottom:4%;width:560px;height:410px;background:rgba(37,99,235,.15);filter:blur(150px)}
#ci360-insights-archive-root .ci360-insights-hero-grid{
  position:relative;z-index:1;width:min(100%,1440px);margin:0 auto;display:grid;grid-template-columns:1fr;gap:42px;align-items:start
}
#ci360-insights-archive-root .ci360-insights-hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-width:0}
#ci360-insights-archive-root .ci360-insights-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;background:rgba(14,165,233,.1);border:1px solid rgba(56,189,248,.3);border-radius:999px;color:#67e8f9;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 20px rgba(56,189,248,.14)}
#ci360-insights-archive-root .ci360-insights-pill .star{width:14px;height:14px;flex:none}
#ci360-insights-archive-root .ci360-insights-hero h1{margin:0;color:#fff;font-size:clamp(46px,5vw,72px);font-weight:800;line-height:1.06;letter-spacing:-.045em}
#ci360-insights-archive-root .ci360-insights-hero h1 em{font-style:normal;background:linear-gradient(135deg,#67e8f9 0%,#38bdf8 44%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
#ci360-insights-archive-root .ci360-insights-hero-left>p{margin:0;max-width:720px;color:#94a3b8;font-size:16px;font-weight:300;line-height:1.8}
#ci360-insights-archive-root .ci360-insights-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;max-width:max-content;padding:13px 28px;border:1px solid rgba(129,140,248,.45);border-radius:50px;background:linear-gradient(135deg,#67e8f9 0%,#3b82f6 50%,#818cf8 100%);background-size:180% 180%;background-position:0 50%;color:#fff!important;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;line-height:1;text-decoration:none!important;box-shadow:none;transition:background-position .45s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease;cursor:pointer}
#ci360-insights-archive-root .ci360-insights-primary:hover{background-position:100% 50%;border-color:rgba(165,180,252,.65);transform:translateY(-2px)}
#ci360-insights-archive-root .ci360-insights-hero-right{min-width:0;width:100%}
#ci360-insights-archive-root .ci360-insights-spotlight{display:flex;flex-direction:column;gap:16px;width:100%;padding:22px;border:1px solid rgba(51,65,85,.85);border-radius:24px;background:rgba(15,23,42,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px rgba(0,0,0,.55);text-decoration:none!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
#ci360-insights-archive-root .ci360-insights-spotlight:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.5);box-shadow:0 26px 62px rgba(6,182,212,.18)}
#ci360-insights-archive-root .ci360-insights-spotlight-media{position:relative;display:block;height:220px;border-radius:16px;overflow:hidden;background:#0b1329}
#ci360-insights-archive-root .ci360-insights-spotlight-img,#ci360-insights-archive-root .ci360-insights-card-img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
#ci360-insights-archive-root .ci360-insights-spotlight:hover .ci360-insights-spotlight-img{transform:scale(1.05)}
#ci360-insights-archive-root .ci360-insights-image-fallback{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(56,189,248,.24),transparent 35%),linear-gradient(135deg,#0f172a,#0b1d4b 58%,#082f49)}
#ci360-insights-archive-root .ci360-insights-card-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 28px);padding:5px 12px;border:1px solid rgba(51,65,85,.8);border-radius:999px;background:rgba(2,6,23,.85);backdrop-filter:blur(8px);color:#67e8f9;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ci360-insights-archive-root .ci360-insights-spotlight-copy{display:flex;flex-direction:column;gap:7px}
#ci360-insights-archive-root .ci360-insights-spotlight-copy>strong{color:#fff;font-size:18px;line-height:1.35;font-weight:700}
#ci360-insights-archive-root .ci360-insights-spotlight-copy>span:last-child{color:#94a3b8;font-size:12px;line-height:1.65;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ci360-insights-archive-root .ci360-insights-spotlight-button{width:100%;max-width:100%;margin-top:2px}
#ci360-insights-archive-root .ci360-insights-meta{display:flex;align-items:center;gap:8px;color:#64748b;font-size:11px;letter-spacing:.02em}
#ci360-insights-archive-root .ci360-insights-meta i{display:block;width:4px;height:4px;border-radius:50%;background:#38bdf8}
#ci360-insights-archive-root .ci360-insights-toolbar{position:sticky;top:var(--header,80px);z-index:40;padding:16px 24px;background:rgba(2,6,23,.91);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(51,65,85,.7)}
.admin-bar #ci360-insights-archive-root .ci360-insights-toolbar{top:calc(var(--header,80px) + 32px)}
#ci360-insights-archive-root .ci360-insights-toolbar-inner{width:min(100%,1280px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
#ci360-insights-archive-root .ci360-insights-filters{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
#ci360-insights-archive-root .ci360-insights-filters::-webkit-scrollbar{display:none}
#ci360-insights-archive-root .ci360-insights-filter{flex:none;padding:8px 18px;border:1px solid rgba(51,65,85,.8);border-radius:999px;background:rgba(15,23,42,.8);color:#94a3b8;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .25s ease}
#ci360-insights-archive-root .ci360-insights-filter:hover{color:#fff;border-color:rgba(56,189,248,.5)}
#ci360-insights-archive-root .ci360-insights-filter[aria-pressed=true]{background:#38bdf8;color:#020617;border-color:#7dd3fc;font-weight:700;box-shadow:0 0 16px rgba(56,189,248,.38)}
#ci360-insights-archive-root .ci360-insights-search{position:relative;flex:0 0 288px;display:block}
#ci360-insights-archive-root .ci360-insights-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:#94a3b8;stroke-width:2;pointer-events:none}
#ci360-insights-archive-root .ci360-insights-search input{width:100%;padding:10px 18px 10px 39px;border:1px solid rgba(51,65,85,.8);border-radius:999px;background:#020617;color:#fff;outline:0;font-family:'Poppins',sans-serif;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}
#ci360-insights-archive-root .ci360-insights-search input::placeholder{color:#64748b}
#ci360-insights-archive-root .ci360-insights-search input:focus{border-color:#38bdf8;box-shadow:0 0 15px rgba(56,189,248,.18)}
#ci360-insights-archive-root .ci360-insights-grid{width:min(100%,1280px);margin:0 auto;padding:70px 24px 96px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#ci360-insights-archive-root .ci360-insights-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(51,65,85,.8);border-radius:24px;background:rgba(15,23,42,.66);box-shadow:0 10px 30px rgba(0,0,0,.3);text-decoration:none!important;color:#fff;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease,background .35s ease}
#ci360-insights-archive-root .ci360-insights-card[hidden]{display:none!important}
#ci360-insights-archive-root .ci360-insights-card:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.5);box-shadow:0 20px 45px rgba(6,182,212,.18),0 0 25px rgba(56,189,248,.1);background:rgba(15,23,42,.96)}
#ci360-insights-archive-root .ci360-insights-card-top{display:block}
#ci360-insights-archive-root .ci360-insights-card-media{position:relative;display:block;height:220px;overflow:hidden;background:#020617}
#ci360-insights-archive-root .ci360-insights-card:hover .ci360-insights-card-img{transform:scale(1.06)}
#ci360-insights-archive-root .ci360-insights-card-body{display:flex;flex-direction:column;gap:10px;padding:24px}
#ci360-insights-archive-root .ci360-insights-card-title{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.35;transition:color .2s ease}
#ci360-insights-archive-root .ci360-insights-card:hover .ci360-insights-card-title{color:#67e8f9}
#ci360-insights-archive-root .ci360-insights-card-excerpt{color:#94a3b8;font-size:13px;font-weight:300;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#ci360-insights-archive-root .ci360-insights-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid rgba(51,65,85,.5)}
#ci360-insights-archive-root .ci360-insights-author{min-width:0;color:#94a3b8;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ci360-insights-archive-root .ci360-insights-read{flex:none;display:inline-flex;align-items:center;gap:6px;color:#38bdf8;font-size:12px;font-weight:700;transition:transform .2s ease,color .2s ease}
#ci360-insights-archive-root .ci360-insights-card:hover .ci360-insights-read{transform:translateX(3px);color:#67e8f9}
#ci360-insights-archive-root .ci360-insights-no-results{width:min(100%,1280px);margin:0 auto;padding:75px 24px 95px;text-align:center;color:#94a3b8}
#ci360-insights-archive-root .ci360-insights-no-results[hidden]{display:none!important}
#ci360-insights-archive-root .ci360-insights-no-results h2{margin:0;color:#fff;font-size:clamp(30px,4vw,48px)}
#ci360-insights-archive-root .ci360-insights-no-results p{margin:15px auto 26px;max-width:480px;line-height:1.7}
#ci360-insights-archive-root .ci360-insights-no-results .ci360-insights-primary{margin-inline:auto}
#ci360-insights-archive-root .ci360-insights-note{width:min(100%,1280px);margin:-54px auto 0;padding:0 24px 60px;color:#64748b;font-size:10px;line-height:1.6}
@media(min-width:1024px){
  #ci360-insights-archive-root .ci360-insights-hero{padding-inline:48px}
  #ci360-insights-archive-root .ci360-insights-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);gap:clamp(52px,5vw,88px)}
  #ci360-insights-archive-root .ci360-insights-grid{padding-inline:48px}
}
@media(max-width:1023px){#ci360-insights-archive-root .ci360-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .admin-bar #ci360-insights-archive-root .ci360-insights-toolbar{top:calc(var(--header,72px) + 46px)}
  #ci360-insights-archive-root .ci360-insights-hero{padding:105px 18px 56px}
  #ci360-insights-archive-root .ci360-insights-hero-grid{gap:30px}
  #ci360-insights-archive-root .ci360-insights-hero-left{gap:18px}
  #ci360-insights-archive-root .ci360-insights-pill{font-size:10px;padding:6px 12px}
  #ci360-insights-archive-root .ci360-insights-hero h1{font-size:clamp(40px,12vw,58px)}
  #ci360-insights-archive-root .ci360-insights-hero-left>p{font-size:14px;line-height:1.72}
  #ci360-insights-archive-root .ci360-insights-spotlight{padding:16px;border-radius:20px}
  #ci360-insights-archive-root .ci360-insights-spotlight-media{height:190px}
  #ci360-insights-archive-root .ci360-insights-toolbar{padding:12px 16px}
  #ci360-insights-archive-root .ci360-insights-toolbar-inner{flex-direction:column;align-items:stretch;gap:10px}
  #ci360-insights-archive-root .ci360-insights-search{flex:0 0 auto;width:100%}
  #ci360-insights-archive-root .ci360-insights-grid{grid-template-columns:1fr;gap:22px;padding:42px 16px 72px}
  #ci360-insights-archive-root .ci360-insights-card-media{height:210px}
  #ci360-insights-archive-root .ci360-insights-note{margin:-36px auto 0;padding:0 16px 48px}
}

/* ================================================================
   CI360 FINAL – ABOUT TIMELINE
   ================================================================ */
#ci360-timeline-section{position:relative;width:100%;overflow:hidden;background:#020617;color:#fff;font-family:'Poppins',sans-serif;padding:48px 0 84px;isolation:isolate}
#ci360-timeline-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:500px;border-radius:999px;background:radial-gradient(ellipse,rgba(37,99,235,.09) 0%,transparent 70%);pointer-events:none;z-index:0}
#ci360-timeline-section *,#ci360-timeline-section *::before,#ci360-timeline-section *::after{box-sizing:border-box}
#ci360-timeline-section .ci360-tl-inner{position:relative;z-index:1;width:min(100%,1400px);margin:0 auto;padding:0 32px}
#ci360-timeline-section .ci360-tl-heading{margin-bottom:44px}
#ci360-timeline-section .ci360-tl-heading h2{margin:0;max-width:980px;color:#f1f5f9;font-family:'Poppins',sans-serif;font-size:clamp(38px,5.2vw,64px);font-weight:800;line-height:1.15;letter-spacing:-.03em}
#ci360-timeline-section .ci360-tl-heading h2 em{font-style:normal;background:linear-gradient(to right,#22d3ee,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
#ci360-timeline-section .ci360-tl-track-wrap{position:relative;margin-bottom:40px}
#ci360-timeline-section .ci360-tl-track-rail,#ci360-timeline-section .ci360-tl-track-fill{display:none;position:absolute;top:50%;left:16px;height:3px;transform:translateY(-50%);border-radius:999px;z-index:0}
#ci360-timeline-section .ci360-tl-track-rail{right:16px;background:#1e293b}
#ci360-timeline-section .ci360-tl-track-fill{width:0;background:linear-gradient(to right,#3b82f6,#22d3ee,#6366f1);box-shadow:0 0 10px rgba(34,211,238,.4);transition:width .45s ease}
#ci360-timeline-section .ci360-tl-steps{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto;padding:16px 8px;scrollbar-width:none;-ms-overflow-style:none}
#ci360-timeline-section .ci360-tl-steps::-webkit-scrollbar{display:none}
#ci360-timeline-section .ci360-tl-step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:64px;padding:0;border:0;background:none;color:inherit;font-family:'Poppins',sans-serif;cursor:pointer;opacity:.55;transition:transform .25s ease,opacity .25s ease}
#ci360-timeline-section .ci360-tl-step:hover{opacity:1;transform:scale(1.06)}
#ci360-timeline-section .ci360-tl-step.active{opacity:1;transform:scale(1.13)}
#ci360-timeline-section .ci360-tl-dot{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #334155;border-radius:50%;background:#0f172a;color:#64748b;font-size:12px;font-weight:700;transition:all .4s ease}
#ci360-timeline-section .ci360-tl-step.passed .ci360-tl-dot{border-color:#3b82f6;color:#60a5fa}
#ci360-timeline-section .ci360-tl-step.active .ci360-tl-dot{background:#2563eb;border-color:#22d3ee;color:#fff;box-shadow:0 0 0 5px rgba(37,99,235,.18),0 6px 20px rgba(34,211,238,.35)}
#ci360-timeline-section .ci360-tl-year-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.06em;transition:color .3s ease}
#ci360-timeline-section .ci360-tl-step.passed .ci360-tl-year-label{color:#cbd5e1}
#ci360-timeline-section .ci360-tl-step.active .ci360-tl-year-label{color:#22d3ee}
#ci360-timeline-section .ci360-tl-flame{display:inline-flex;width:18px;height:18px;color:#fbbf24;animation:ci360FinalFlame 2s ease-in-out infinite}
#ci360-timeline-section .ci360-tl-flame .star{width:18px;height:18px}
@keyframes ci360FinalFlame{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}
#ci360-timeline-section .ci360-tl-card{position:relative;overflow:hidden;border:1px solid rgba(51,65,85,.8);border-radius:24px;background:rgba(15,23,42,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset;transition:border-color .35s ease}
#ci360-timeline-section .ci360-tl-card:hover{border-color:rgba(34,211,238,.3)}
#ci360-timeline-section .ci360-tl-card-glow{position:absolute;top:-60px;right:-60px;width:480px;height:480px;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.5;transition:background .5s ease;z-index:0}
#ci360-timeline-section .ci360-tl-card-inner{position:relative;z-index:1;animation:ci360FinalContentFade .34s ease forwards}
@keyframes ci360FinalContentFade{from{opacity:0}to{opacity:1}}
#ci360-timeline-section .ci360-tl-card-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;min-height:420px;background:#0f172a}
#ci360-timeline-section .ci360-tl-card-left{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:50px 46px}
#ci360-timeline-section .ci360-tl-year-big{display:block;margin-bottom:6px;background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:clamp(48px,6vw,77px);font-weight:700;line-height:1}
#ci360-timeline-section .ci360-tl-card-title{margin:0;color:#f1f5f9;font-size:clamp(23px,2.6vw,34px);font-weight:700;line-height:1.25}
#ci360-timeline-section .ci360-tl-card-desc{margin:0;max-width:500px;color:#94a3b8;font-size:16px;font-weight:300;line-height:1.8}
#ci360-timeline-section .ci360-tl-tags{display:flex;flex-wrap:wrap;gap:8px}
#ci360-timeline-section .ci360-tl-tag{display:inline-flex;align-items:center;padding:5px 14px;border:1px solid rgba(34,211,238,.25);border-radius:999px;background:rgba(34,211,238,.06);color:#67e8f9;font-size:12px;font-weight:600;letter-spacing:.06em;transition:all .2s ease}
#ci360-timeline-section .ci360-tl-tag:hover{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.45)}
#ci360-timeline-section .ci360-tl-nav{display:flex;align-items:center;gap:12px;padding-top:6px}
#ci360-timeline-section .ci360-tl-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:0;border-radius:12px;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}
#ci360-timeline-section .ci360-tl-nav-btn:disabled{opacity:.25;pointer-events:none}
#ci360-timeline-section .ci360-tl-nav-btn.prev{border:1px solid #334155;background:rgba(15,23,42,.8);color:#cbd5e1}
#ci360-timeline-section .ci360-tl-nav-btn.prev:hover{border-color:#475569;color:#fff}
#ci360-timeline-section .ci360-tl-nav-btn.next{background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;box-shadow:0 6px 20px rgba(37,99,235,.3)}
#ci360-timeline-section .ci360-tl-nav-btn.next:hover{filter:brightness(1.12)}
#ci360-timeline-section .ci360-tl-card-right{position:relative;z-index:1;overflow:hidden;min-height:320px;background:transparent}
#ci360-timeline-section .ci360-tl-image,#ci360-timeline-section .ci360-tl-image-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center;transform:scale(1.015);transform-origin:center;animation:ci360FinalImage .72s cubic-bezier(.22,1,.36,1) both;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
#ci360-timeline-section .ci360-tl-image{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.06) 8%,rgba(0,0,0,.18) 16%,rgba(0,0,0,.38) 26%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.82) 50%,rgba(0,0,0,.96) 62%,#000 72%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.06) 8%,rgba(0,0,0,.18) 16%,rgba(0,0,0,.38) 26%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.82) 50%,rgba(0,0,0,.96) 62%,#000 72%,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
#ci360-timeline-section .ci360-tl-image-fallback{background:radial-gradient(circle at 78% 30%,rgba(34,211,238,.24),transparent 34%),linear-gradient(135deg,#0f172a,#123168 70%,#083344)}
#ci360-timeline-section .ci360-tl-card:hover .ci360-tl-image{transform:scale(1.055)}
@keyframes ci360FinalImage{0%{opacity:0;transform:scale(.96)}100%{opacity:1;transform:scale(1.015)}}
#ci360-timeline-section .ci360-tl-img-fade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to right,#0f172a 0%,rgba(15,23,42,.99) 10%,rgba(15,23,42,.96) 20%,rgba(15,23,42,.88) 30%,rgba(15,23,42,.72) 40%,rgba(15,23,42,.48) 52%,rgba(15,23,42,.25) 64%,rgba(15,23,42,.1) 76%,rgba(15,23,42,.03) 88%,transparent 100%)}
#ci360-timeline-section .ci360-tl-img-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,23,.2) 0%,transparent 24%,transparent 72%,rgba(2,6,23,.32) 100%)}
#ci360-timeline-section .ci360-tl-progress{position:absolute;right:20px;bottom:18px;z-index:4;display:flex;align-items:center;gap:6px}
#ci360-timeline-section .ci360-tl-pdot{width:7px;height:7px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.18);transition:all .4s ease}
#ci360-timeline-section .ci360-tl-pdot.done{background:#3b82f6;border-color:#3b82f6}
#ci360-timeline-section .ci360-tl-pdot.current{background:#22d3ee;border-color:#22d3ee;box-shadow:0 0 8px rgba(34,211,238,.7);transform:scale(1.5)}
@media(min-width:768px){#ci360-timeline-section .ci360-tl-track-rail,#ci360-timeline-section .ci360-tl-track-fill{display:block}}
@media(min-width:900px){
  #ci360-timeline-section .ci360-tl-card-grid{display:block;min-height:500px}
  #ci360-timeline-section .ci360-tl-card-left{width:52%;min-height:500px}
  #ci360-timeline-section .ci360-tl-card-right{position:absolute;top:0;right:0;bottom:0;width:68%;height:100%;min-height:100%}
}
@media(min-width:1024px){#ci360-timeline-section .ci360-tl-inner{padding:0 64px}}
@media(min-width:1200px){#ci360-timeline-section .ci360-tl-card-grid{min-height:520px}#ci360-timeline-section .ci360-tl-card-left{width:50%;min-height:520px}#ci360-timeline-section .ci360-tl-card-right{width:70%}}
@media(max-width:899px){
  #ci360-timeline-section .ci360-tl-card-right{position:relative;order:-1;width:100%;min-height:260px}
  #ci360-timeline-section .ci360-tl-card-left{padding:32px 26px}
  #ci360-timeline-section .ci360-tl-image{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.92) 64%,rgba(0,0,0,.7) 76%,rgba(0,0,0,.42) 86%,rgba(0,0,0,.15) 95%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.92) 64%,rgba(0,0,0,.7) 76%,rgba(0,0,0,.42) 86%,rgba(0,0,0,.15) 95%,transparent 100%)}
  #ci360-timeline-section .ci360-tl-img-fade{background:linear-gradient(to bottom,transparent 0%,transparent 52%,rgba(15,23,42,.1) 66%,rgba(15,23,42,.32) 78%,rgba(15,23,42,.68) 90%,#0f172a 100%)}
}
@media(max-width:767px){
  #ci360-timeline-section{padding:34px 0 50px}
  #ci360-timeline-section .ci360-tl-inner{padding:0 16px}
  #ci360-timeline-section .ci360-tl-heading{margin-bottom:28px}
  #ci360-timeline-section .ci360-tl-heading h2{font-size:28px}
  #ci360-timeline-section .ci360-tl-track-wrap{margin-bottom:22px}
  #ci360-timeline-section .ci360-tl-steps{justify-content:flex-start;gap:10px;padding:12px 4px 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  #ci360-timeline-section .ci360-tl-step{flex:0 0 64px;min-width:64px;gap:7px;scroll-snap-align:center}
  #ci360-timeline-section .ci360-tl-step:hover{transform:none}
  #ci360-timeline-section .ci360-tl-step.active{transform:scale(1.06)}
  #ci360-timeline-section .ci360-tl-dot{width:40px;height:40px;font-size:11px}
  #ci360-timeline-section .ci360-tl-year-label{font-size:10px}
  #ci360-timeline-section .ci360-tl-card{border-radius:18px}
  #ci360-timeline-section .ci360-tl-card-right{min-height:210px}
  #ci360-timeline-section .ci360-tl-card-left{padding:24px 18px;gap:16px}
  #ci360-timeline-section .ci360-tl-year-big{font-size:42px}
  #ci360-timeline-section .ci360-tl-card-title{font-size:22px}
  #ci360-timeline-section .ci360-tl-card-desc{max-width:100%;font-size:14px;line-height:1.65}
  #ci360-timeline-section .ci360-tl-tags{gap:6px}
  #ci360-timeline-section .ci360-tl-tag{padding:5px 10px;font-size:10px}
  #ci360-timeline-section .ci360-tl-nav{width:100%;gap:10px}
  #ci360-timeline-section .ci360-tl-nav-btn{flex:1 1 0;padding:11px 12px;border-radius:10px;font-size:11px}
  #ci360-timeline-section .ci360-tl-progress{right:14px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){
  #ci360-insights-archive-root *,#ci360-timeline-section *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
#ci360-insights-archive-root .ci360-insights-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}