/*
Theme Name: CreativeKraft
Theme URI: https://www.creativekraft.in/
Author: CreativeKraft
Description: Hand-coded CreativeKraft marketing theme. Exact implementation of the CreativeKraft design system.
Version: 1.1.1
License: GPLv2 or later
Text Domain: creativekraft
*/

/* ===================== TOKENS ===================== */
:root{
--ck-teal-50:#F0FDFA;--ck-teal-100:#CCFBF1;--ck-teal-200:#99F6E4;--ck-teal-300:#5EEAD4;
--ck-teal-400:#2DD4BF;--ck-teal-500:#14B8A6;--ck-teal-600:#0D9488;--ck-teal-700:#0F766E;
--ck-teal-800:#115E59;--ck-teal-900:#134E4A;--ck-teal-950:#042F2E;
--ck-white:#FFFFFF;--ck-neutral-50:#F8FAFC;--ck-neutral-100:#F1F5F9;--ck-neutral-200:#E5E7EB;
--ck-neutral-300:#D1D5DB;--ck-neutral-400:#9CA3AF;--ck-neutral-500:#6B7280;--ck-neutral-600:#4B5563;
--ck-neutral-700:#374151;--ck-neutral-800:#1F2937;--ck-neutral-900:#111827;
--ck-ink-950:#0A0A0A;--ck-ink-900:#0D1211;--ck-ink-800:#141918;--ck-ink-teal:#04110F;

--brand-primary:var(--ck-teal-700);--brand-primary-hover:var(--ck-teal-800);--brand-primary-active:var(--ck-teal-900);
--brand-accent:var(--ck-teal-500);--brand-accent-soft:var(--ck-teal-300);
--surface-page:var(--ck-white);--surface-muted:var(--ck-neutral-50);--surface-sunken:var(--ck-neutral-100);
--surface-card:var(--ck-white);--surface-brand-soft:var(--ck-teal-50);--surface-inverse:var(--ck-ink-950);
--surface-inverse-teal:var(--ck-ink-teal);--surface-inverse-raised:var(--ck-ink-800);
--text-primary:var(--ck-neutral-900);--text-secondary:var(--ck-neutral-500);--text-tertiary:var(--ck-neutral-400);
--text-brand:var(--ck-teal-700);--text-on-brand:var(--ck-white);--text-inverse:var(--ck-white);
--text-inverse-secondary:rgba(255,255,255,.66);--text-inverse-tertiary:rgba(255,255,255,.44);
--text-accent-on-dark:var(--ck-teal-400);--text-link:var(--ck-teal-700);--text-link-hover:var(--ck-teal-900);
--border-subtle:var(--ck-neutral-200);--border-strong:var(--ck-neutral-300);--border-brand:rgba(15,118,110,.28);
--border-inverse:rgba(255,255,255,.10);--border-inverse-strong:rgba(255,255,255,.20);
--icon-default:var(--ck-neutral-500);--icon-strong:var(--ck-neutral-900);--icon-brand:var(--ck-teal-700);

--gradient-brand:linear-gradient(135deg,var(--ck-teal-700) 0%,var(--ck-teal-500) 100%);
--gradient-ink:linear-gradient(180deg,var(--ck-ink-950) 0%,var(--ck-ink-teal) 100%);
--gradient-ink-glow:radial-gradient(60% 80% at 78% 22%,rgba(20,184,166,.22) 0%,rgba(10,10,10,0) 62%);
--gradient-image-scrim:linear-gradient(180deg,rgba(10,10,10,0) 34%,rgba(10,10,10,.82) 100%);

--font-display:"Manrope","Manrope Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-body:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-numeric:"Space Grotesk",ui-monospace,"SFMono-Regular",monospace;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
--size-display-xl:76px;--lh-display-xl:1.00;--size-display-lg:60px;--lh-display-lg:1.04;
--size-display-md:48px;--lh-display-md:1.08;
--size-heading-xl:40px;--lh-heading-xl:1.12;--size-heading-lg:32px;--lh-heading-lg:1.18;
--size-heading-md:24px;--lh-heading-md:1.28;--size-heading-sm:20px;--lh-heading-sm:1.34;
--size-heading-xs:17px;--lh-heading-xs:1.40;
--size-body-xl:20px;--lh-body-xl:1.62;--size-body-lg:18px;--lh-body-lg:1.66;
--size-body-md:16px;--lh-body-md:1.68;--size-body-sm:14px;--lh-body-sm:1.62;
--size-caption:13px;--lh-caption:1.50;--size-micro:11px;--lh-micro:1.45;
--size-eyebrow:12px;--lh-eyebrow:1.2;--tracking-eyebrow:.16em;
--size-stat-xl:64px;--size-stat-lg:48px;--size-stat-md:34px;--lh-stat:1.0;--tracking-stat:-.02em;
--tracking-tightest:-.04em;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-snug:-.01em;
--tracking-normal:0em;--tracking-wide:.04em;--tracking-widest:.16em;
--measure-narrow:44ch;--measure-base:58ch;--measure-wide:72ch;

--space-0:0px;--space-05:4px;--space-1:8px;--space-15:12px;--space-2:16px;--space-25:20px;
--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:56px;--space-8:64px;
--space-10:80px;--space-12:96px;--space-15x:120px;--space-20:160px;--space-24:192px;
--section-y-sm:72px;--section-y-md:96px;--section-y-lg:120px;--section-y-xl:144px;
--section-gap-header:56px;--stack-tight:8px;--stack-base:16px;--stack-loose:24px;--stack-xl:40px;
--pad-card:32px;--pad-card-lg:40px;--pad-card-sm:24px;--pad-input-x:16px;--pad-input-y:12px;
--pad-btn-x-lg:28px;--pad-btn-y-lg:16px;--pad-btn-x-md:22px;--pad-btn-y-md:12px;--pad-btn-x-sm:16px;--pad-btn-y-sm:9px;

--radius-xs:6px;--radius-sm:8px;--radius-button:12px;--radius-input:12px;--radius-md:16px;
--radius-card:20px;--radius-image:24px;--radius-xl:32px;--radius-2xl:40px;--radius-pill:999px;--radius-circle:50%;

--shadow-xs:0 1px 2px rgba(17,24,39,.05);
--shadow-sm:0 2px 8px -2px rgba(17,24,39,.06),0 1px 2px rgba(17,24,39,.04);
--shadow-card:0 4px 24px -6px rgba(17,24,39,.08),0 1px 2px rgba(17,24,39,.04);
--shadow-card-hover:0 18px 40px -12px rgba(17,24,39,.16),0 2px 6px rgba(17,24,39,.05);
--shadow-lg:0 28px 64px -20px rgba(17,24,39,.22);
--shadow-brand:0 10px 24px -8px rgba(15,118,110,.42);
--shadow-brand-hover:0 16px 34px -10px rgba(15,118,110,.50);
--shadow-inverse-card:0 24px 60px -24px rgba(0,0,0,.7);
--ring-focus:0 0 0 3px rgba(20,184,166,.38);
--blur-glass:saturate(140%) blur(16px);--glass-light:rgba(255,255,255,.72);

--container-max:1320px;--container-gutter:24px;--container-gutter-lg:40px;
--header-height:68px;--z-header:200;

--duration-fast:180ms;--duration-base:300ms;--duration-slow:500ms;--duration-reveal:700ms;
--ease-standard:cubic-bezier(.22,1,.36,1);--ease-entrance:cubic-bezier(.16,1,.3,1);
--transition-base:all var(--duration-base) var(--ease-standard);
--transition-colors:color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);
--lift-sm:translateY(-2px);--lift-md:translateY(-4px);--press:scale(.985);--zoom-image:scale(1.06);
--reveal-distance:24px;--stagger-step:80ms;
}

/* ===================== BASE ===================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);
  font-size:var(--size-body-md);line-height:var(--lh-body-md);letter-spacing:var(--tracking-snug);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tighter);text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
strong,b{font-weight:var(--weight-semibold)}
::selection{background:var(--ck-teal-200);color:var(--ck-teal-950)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px;border-radius:var(--radius-xs)}
.ck-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ===================== LAYOUT ===================== */
.ck-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter-lg)}
.ck-section{padding-block:var(--section-y-xl)}
.ck-stack{display:flex;flex-direction:column}

/* ===================== BUTTON ===================== */
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);
  font-family:var(--font-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);
  border-radius:var(--radius-button);border:1px solid transparent;background:var(--brand-primary);
  color:var(--text-on-brand);box-shadow:var(--shadow-brand);cursor:pointer;text-decoration:none;
  white-space:nowrap;transition:var(--transition-base);padding:var(--pad-btn-y-md) var(--pad-btn-x-md);
  font-size:var(--size-body-sm)}
.ck-btn:hover{transform:var(--lift-sm);background:var(--brand-primary-hover);box-shadow:var(--shadow-brand-hover);color:var(--text-on-brand)}
.ck-btn:active{transform:var(--press);transition-duration:100ms}
.ck-btn--sm{padding:var(--pad-btn-y-sm) var(--pad-btn-x-sm);font-size:var(--size-caption);border-radius:var(--radius-sm)}
.ck-btn--lg{padding:var(--pad-btn-y-lg) var(--pad-btn-x-lg);font-size:var(--size-body-md)}
.ck-btn--accent{background:var(--brand-accent);color:var(--ck-teal-950)}
.ck-btn--accent:hover{background:var(--ck-teal-400);color:var(--ck-teal-950)}
.ck-btn--inverse-outline{background:transparent;color:var(--ck-white);border-color:var(--border-inverse-strong);box-shadow:none}
.ck-btn--inverse-outline:hover{background:rgba(255,255,255,.08);border-color:var(--brand-accent);color:var(--ck-white);box-shadow:none}
.ck-btn__icon{display:inline-flex;flex:none;transition:transform var(--duration-base) var(--ease-standard)}
.ck-btn:hover .ck-btn__icon--arrow{transform:translate(2px,-2px)}

/* ===================== EYEBROW / HEADINGS ===================== */
.ck-eyebrow{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);
  font-size:var(--size-eyebrow);line-height:var(--lh-eyebrow);font-weight:var(--weight-bold);
  letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-brand)}
.ck-eyebrow--inverse{color:var(--text-accent-on-dark)}
.ck-h2{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:var(--size-heading-xl);
  line-height:var(--lh-heading-xl);letter-spacing:var(--tracking-tighter);color:var(--text-primary);margin:0}
.ck-h2--inverse{color:var(--text-inverse)}
.ck-lede{font-size:var(--size-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);margin:0}

/* ===================== CARD ===================== */
.ck-card{position:relative;display:flex;flex-direction:column;background:var(--surface-card);
  border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--pad-card);
  box-shadow:var(--shadow-card);transition:var(--transition-base)}
.ck-card--interactive{cursor:pointer}
.ck-card--interactive:hover{transform:var(--lift-md);box-shadow:var(--shadow-card-hover);border-color:var(--border-brand)}
.ck-card__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--size-heading-sm);
  line-height:var(--lh-heading-sm);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}
.ck-card__text{font-size:var(--size-body-sm);line-height:var(--lh-body-sm);color:var(--text-secondary);margin:0}
.ck-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
  border-radius:var(--radius-circle);background:var(--surface-brand-soft);color:var(--icon-brand);
  flex:none;transition:var(--transition-base)}
.ck-link-arrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--size-body-sm);
  font-weight:var(--weight-semibold);color:var(--brand-primary);transition:var(--transition-colors)}
.ck-link-arrow svg{transition:transform var(--duration-base) var(--ease-standard)}
.ck-link-arrow:hover svg{transform:translateX(4px)}

/* ===================== STAT / TESTIMONIAL / PROJECT / LOGOWALL ===================== */
.ck-stat{display:flex;flex-direction:column;gap:var(--space-1)}
.ck-stat__value{font-family:var(--font-numeric);font-weight:var(--weight-bold);font-size:var(--size-stat-lg);
  line-height:var(--lh-stat);letter-spacing:var(--tracking-stat);color:var(--text-primary);font-variant-numeric:tabular-nums}
.ck-stat__label{font-size:var(--size-body-sm);line-height:1.45;color:var(--text-secondary)}
.ck-stat--inverse .ck-stat__value{color:var(--text-inverse)}
.ck-stat--inverse .ck-stat__label{color:var(--text-inverse-secondary)}
.ck-testimonial{display:flex;flex-direction:column;gap:var(--space-3);justify-content:space-between}
.ck-testimonial__quote{font-size:var(--size-body-md);line-height:1.62;color:var(--text-primary);margin:0}
.ck-testimonial__foot{display:flex;align-items:center;gap:var(--space-15)}
.ck-testimonial__name{font-size:var(--size-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}
.ck-testimonial__role{font-size:var(--size-caption);color:var(--text-secondary)}
.ck-stars{display:flex;gap:2px;color:#F59E0B}
.ck-avatar{border-radius:var(--radius-circle);object-fit:cover;background:var(--surface-sunken);
  border:2px solid var(--surface-card);display:inline-flex;align-items:center;justify-content:center;
  font-weight:var(--weight-bold);font-size:var(--size-caption);color:var(--brand-primary);overflow:hidden;flex:none}
.ck-logo-wall{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}
.ck-logo-wall__item{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--size-heading-sm);
  letter-spacing:var(--tracking-tight);color:var(--text-primary);opacity:.72;transition:var(--transition-base)}
.ck-logo-wall__item:hover{opacity:1}
.ck-logo-wall__sub{display:block;font-family:var(--font-body);font-size:9px;font-weight:var(--weight-medium);
  letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);text-align:center;margin-top:2px}

/* ===================== HEADER + MOBILE NAV (scoped) ===================== */
.ck-t-header{position:sticky;top:0;z-index:var(--z-header);padding-top:12px;margin-bottom:-12px}
.ck-t-shell{width:100%;max-width:1296px;margin-inline:auto;border-radius:var(--radius-pill);
  background:rgba(10,14,13,.58);backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 44px -22px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.07)}
.ck-t-bar{display:flex;align-items:center;justify-content:space-between;gap:32px;height:80px;padding-inline:28px}

.ck-t-brand{display:inline-flex;align-items:center;flex:none;line-height:0}
.ck-t-brand img{height:46px;width:auto;display:block;object-fit:contain}

.ck-t-nav{display:flex;align-items:center;gap:6px}
.ck-t-nav a{position:relative;display:inline-block;padding:9px 14px;border-radius:999px;
  color:rgba(255,255,255,.68);font-family:var(--font-body);font-size:14.5px;font-weight:500;
  letter-spacing:-.01em;text-decoration:none;
  transition:color .25s cubic-bezier(.22,1,.36,1),background .25s cubic-bezier(.22,1,.36,1),
             text-shadow .25s cubic-bezier(.22,1,.36,1)}
.ck-t-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1.5px;border-radius:2px;
  background:linear-gradient(90deg,rgba(45,212,191,0),#2DD4BF,rgba(45,212,191,0));
  transform:scaleX(0);transform-origin:center;
  transition:transform .25s cubic-bezier(.22,1,.36,1)}
.ck-t-nav a:hover{color:#fff;text-shadow:0 0 14px rgba(45,212,191,.45)}
.ck-t-nav a:hover::after{transform:scaleX(1)}
.ck-t-nav a.is-current{color:#fff;background:rgba(20,184,166,.16);
  box-shadow:inset 0 0 0 1px rgba(45,212,191,.30),0 0 18px -6px rgba(45,212,191,.45)}
.ck-t-nav a.is-current::after{display:none}

.ck-t-actions{display:flex;align-items:center;gap:12px;flex:none}

/* ---- WhatsApp CTA ---- */
.ck-chat{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;
  font-family:var(--font-body);font-size:14.5px;font-weight:600;letter-spacing:-.01em;
  color:#04110F;text-decoration:none;white-space:nowrap;
  background:linear-gradient(135deg,#5EEAD4 0%,#14B8A6 52%,#0F766E 100%);
  background-size:190% 190%;background-position:0% 50%;
  box-shadow:0 10px 26px -12px rgba(20,184,166,.66),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),
             background-position .55s cubic-bezier(.22,1,.36,1)}
.ck-chat:hover{transform:translateY(-2px);background-position:100% 50%;color:#04110F;
  box-shadow:0 18px 38px -14px rgba(20,184,166,.78),inset 0 1px 0 rgba(255,255,255,.5)}
.ck-chat:active{transform:scale(.985);transition-duration:.1s}
.ck-chat__ico{display:inline-flex;flex:none}
.ck-chat__arw{display:inline-flex;flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ck-chat:hover .ck-chat__arw{transform:translate(3px,-3px)}
.ck-chat--lg{width:100%;justify-content:center;padding:17px 24px;font-size:16px;border-radius:16px}

/* ---- hamburger ---- */
.ck-burger{display:none;position:relative;width:44px;height:44px;flex:none;padding:0;cursor:pointer;
  border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);
  -webkit-tap-highlight-color:transparent;
  transition:background .25s ease,border-color .25s ease}
.ck-burger:hover{background:rgba(255,255,255,.09);border-color:rgba(45,212,191,.34)}
.ck-burger span{position:absolute;left:50%;width:18px;height:2px;border-radius:2px;background:#fff;
  transform:translateX(-50%);
  transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1),top .25s cubic-bezier(.22,1,.36,1)}
.ck-burger span:nth-child(1){top:18px}
.ck-burger span:nth-child(2){top:24px}
.ck-nav-open .ck-burger span:nth-child(1){top:21px;transform:translateX(-50%) rotate(45deg)}
.ck-nav-open .ck-burger span:nth-child(2){top:21px;transform:translateX(-50%) rotate(-45deg)}

/* ---- scrim ---- */
.ck-scrim{position:fixed;inset:0;z-index:400;opacity:0;pointer-events:none;
  background:rgba(3,10,9,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:opacity .3s cubic-bezier(.22,1,.36,1)}
.ck-nav-open .ck-scrim{opacity:1;pointer-events:auto}

/* ---- glass drawer ---- */
.ck-drawer{position:fixed;top:0;right:0;bottom:0;z-index:401;width:min(84%,400px);
  display:flex;flex-direction:column;gap:24px;padding:22px 22px 28px;
  border-radius:26px 0 0 26px;
  background:linear-gradient(160deg,rgba(14,26,24,.86) 0%,rgba(4,17,15,.92) 100%);
  backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);
  border-left:1px solid rgba(255,255,255,.12);
  box-shadow:-30px 0 70px -30px rgba(0,0,0,.9),inset 1px 0 0 rgba(255,255,255,.10);
  transform:translate3d(100%,0,0);
  transition:transform .3s cubic-bezier(.22,1,.36,1);
  overflow-y:auto;overscroll-behavior:contain}
.ck-nav-open .ck-drawer{transform:translate3d(0,0,0)}

.ck-drawer__top{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09);
  opacity:0;transform:translate3d(0,-6px,0);
  transition:opacity .3s ease .06s,transform .3s cubic-bezier(.22,1,.36,1) .06s}
.ck-nav-open .ck-drawer__top{opacity:1;transform:none}
.ck-drawer__brand{line-height:0;display:inline-flex}
.ck-drawer__brand img{height:40px;width:auto;display:block;object-fit:contain}
.ck-drawer__x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;
  cursor:pointer;border-radius:12px;color:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);
  transition:background .25s ease,color .25s ease,border-color .25s ease}
.ck-drawer__x:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(45,212,191,.34)}

.ck-drawer__nav{display:flex;flex-direction:column;gap:4px;flex:1}
.ck-drawer__nav a{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:14px;
  font-family:var(--font-body);font-size:16px;font-weight:500;letter-spacing:-.01em;
  color:rgba(255,255,255,.74);text-decoration:none;
  opacity:0;transform:translate3d(16px,0,0);
  transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),
             background .25s ease,color .25s ease}
.ck-nav-open .ck-drawer__nav a{opacity:1;transform:none;
  transition-delay:calc(.09s + var(--i) * .045s),calc(.09s + var(--i) * .045s),0s,0s}
.ck-drawer__nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.ck-drawer__ico{display:inline-flex;flex:none;color:rgba(255,255,255,.46);transition:color .25s ease}
.ck-drawer__nav a:hover .ck-drawer__ico{color:#5EEAD4}
.ck-drawer__nav a.is-current{color:#fff;background:rgba(20,184,166,.16);
  box-shadow:inset 0 0 0 1px rgba(45,212,191,.28),0 0 20px -8px rgba(45,212,191,.55)}
.ck-drawer__nav a.is-current .ck-drawer__ico{color:#2DD4BF}

.ck-drawer__foot{display:flex;flex-direction:column;gap:14px;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.09);
  opacity:0;transform:translate3d(0,10px,0);
  transition:opacity .3s ease .38s,transform .3s cubic-bezier(.22,1,.36,1) .38s}
.ck-nav-open .ck-drawer__foot{opacity:1;transform:none}
.ck-drawer__status{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.5;
  color:rgba(255,255,255,.62)}
.ck-drawer__status b{display:block;font-weight:400;font-size:11.5px;color:rgba(255,255,255,.40);margin-top:2px}
.ck-drawer__dot{width:8px;height:8px;border-radius:50%;background:#22C55E;flex:none;margin-top:5px;
  box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:ck-wa-ping 3s ease-out infinite}
@keyframes ck-wa-ping{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* body scroll lock */
.ck-nav-open{overflow:hidden}

/* focus */
.ck-burger:focus-visible,.ck-drawer__x:focus-visible,.ck-chat:focus-visible,
.ck-t-nav a:focus-visible,.ck-drawer__nav a:focus-visible{outline:2px solid #2DD4BF;outline-offset:3px}

/* ---- responsive ---- */
@media (max-width:1180px){
  .ck-t-bar{gap:20px;padding-inline:22px}
  .ck-t-nav{gap:2px}
  .ck-t-nav a{padding:9px 11px;font-size:14px}
  .ck-t-brand img{height:42px}
}
@media (max-width:1024px){
  .ck-t-nav{display:none}
  .ck-chat{display:none}
  .ck-burger{display:block}
  .ck-t-bar{justify-content:space-between;padding-inline:20px}
  .ck-t-brand img{height:40px}
}
@media (max-width:768px){
  .ck-t-shell{max-width:calc(100% - 28px)}
}
@media (max-width:640px){
  .ck-t-header{padding-top:10px;margin-bottom:-10px}
  .ck-t-bar{height:70px;padding-inline:16px}
  .ck-t-brand img{height:38px}
  .ck-t-shell{max-width:calc(100% - 20px)}
  .ck-drawer{width:min(86%,340px);padding:18px 18px 24px;border-radius:22px 0 0 22px}
  .ck-drawer__brand img{height:36px}
  .ck-drawer__nav a{padding:14px;font-size:15.5px}
}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .ck-drawer,.ck-scrim,.ck-drawer__top,.ck-drawer__foot,.ck-drawer__nav a,.ck-burger span{transition-duration:.01ms !important}
  .ck-drawer__dot{animation:none}
  .ck-chat:hover{transform:none}
}

.ck-t-tile{position:relative;display:block;border-radius:24px;overflow:hidden;text-decoration:none}
.ck-t-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.ck-t-tile:hover img{transform:scale(1.06)}
.ck-t-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 34%,rgba(10,10,10,.82) 100%)}
.ck-t-tile__meta{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;gap:2px}
.ck-t-tile--sm .ck-t-tile__meta{left:20px;bottom:20px}
.ck-t-tile__name{font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff}
.ck-t-tile--sm .ck-t-tile__name{font-size:16px}
.ck-t-tile__tags{font-size:13px;color:rgba(255,255,255,.72)}

.ck-t-soc{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.20);color:rgba(255,255,255,.66);
  transition:all .3s cubic-bezier(.22,1,.36,1)}
.ck-t-soc:hover{background:linear-gradient(135deg,#0F766E,#14B8A6);border-color:transparent;color:#fff;transform:translateY(-4px)}
.ck-t-flink{display:block;font-size:14px;padding:9px 0;color:rgba(255,255,255,.66);text-decoration:none;transition:all .18s cubic-bezier(.22,1,.36,1)}
.ck-t-flink:hover{color:#fff;transform:translateX(3px)}

/* ===================== SECTION SHELLS ===================== */
.ck-t-hero{position:relative;overflow:hidden;background:#0A0A0A;padding-block:120px;margin-top:-80px}
.ck-t-glow{position:absolute;inset:0;background:var(--gradient-ink-glow);pointer-events:none}
.ck-t-hero__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center;padding-top:56px}
.ck-t-hero__copy{display:flex;flex-direction:column;gap:24px}
.ck-t-hero h1{font-family:var(--font-display);font-weight:800;font-size:72px;line-height:1;letter-spacing:-.04em;color:#FFFFFF;margin:0}
.ck-t-hero p{font-size:18px;line-height:1.66;color:rgba(255,255,255,.66);max-width:46ch;margin:0}
.ck-t-hero__cta{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}
.ck-t-hero__art{width:100%;height:auto;display:block;border-radius:24px}

.ck-t-logos{border-bottom:1px solid #E5E7EB;padding-block:40px}
.ck-t-sec{padding-block:144px}
.ck-t-sec--muted{background:#F8FAFC}
.ck-t-sec--ink{background:#0A0A0A}
.ck-t-wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px}
.ck-t-col{display:flex;flex-direction:column;gap:64px}
.ck-t-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:end}
.ck-t-split--hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}
.ck-t-split--stats{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:80px;align-items:center}
.ck-t-split--testi{grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:80px;align-items:start}
.ck-t-split--foot{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:80px;align-items:end;
  padding-bottom:112px;border-bottom:1px solid rgba(255,255,255,.10)}
.ck-t-head{display:flex;flex-direction:column;gap:16px}
.ck-t-4col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ck-t-4col--stats{gap:32px}
.ck-t-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ck-t-work{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.ck-t-work>a{grid-column:span 2;aspect-ratio:16 / 10}
.ck-t-work>a.is-wide{grid-column:span 3}

.ck-t-cta{position:relative;overflow:hidden;border-radius:32px;background:var(--gradient-ink);padding:96px 80px}
.ck-t-cta__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.ck-t-cta__copy{display:flex;flex-direction:column;gap:24px;flex:1 1 300px;min-width:0}
.ck-t-cta h2{font-family:var(--font-display);font-weight:800;font-size:48px;line-height:1.08;letter-spacing:-.03em;color:#FFFFFF;margin:0;max-width:16ch}
.ck-t-cta p{max-width:44ch;color:rgba(255,255,255,.66);font-size:16px;line-height:1.68;margin:0}
.ck-t-cta__act{display:flex;flex-direction:column;gap:16px;align-items:center}
.ck-t-cta__or{font-size:13px;color:rgba(255,255,255,.44)}
.ck-t-cta__tel{display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font-weight:600;font-size:18px;text-decoration:none}
.ck-t-cta__tel:hover{color:#fff}
.ck-t-cta__person{flex:0 0 300px;width:300px;align-self:flex-end;margin-left:auto;margin-bottom:-96px;display:block}

/* ===================== FOOTER (premium, continues the CTA) ===================== */
.ck-ft{position:relative;overflow:hidden;isolation:isolate;background:#04110F;padding-block:96px 0}
.ck-ft__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(38% 46% at 14% 4%,rgba(20,184,166,.13) 0%,rgba(4,17,15,0) 64%),
    radial-gradient(34% 44% at 88% 96%,rgba(15,118,110,.10) 0%,rgba(4,17,15,0) 62%),
    linear-gradient(180deg,#050B0A 0%,#04110F 42%,#030C0B 100%)}
.ck-ft__noise{position:absolute;inset:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.ck-ft__rule{position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(20,184,166,0) 0%,rgba(45,212,191,.42) 50%,rgba(20,184,166,0) 100%)}

.ck-ft__inner{position:relative;z-index:1;width:100%;max-width:1280px;margin-inline:auto;padding-inline:40px}
.ck-ft__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:48px;align-items:start}

.ck-ft__brand{display:flex;flex-direction:column;gap:24px;max-width:320px}
.ck-ft__logo{display:inline-block;line-height:0}
.ck-ft__logo img{width:230px;height:auto;max-width:100%;filter:none;opacity:1;box-shadow:none;image-rendering:auto}
.ck-ft__desc{max-width:320px;font-size:15px;line-height:1.72;color:rgba(255,255,255,.62);margin:0}

.ck-ft__social{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.ck-ft__social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:14px;color:rgba(255,255,255,.72);
  background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .3s var(--ease-standard),box-shadow .3s var(--ease-standard),border-color .3s var(--ease-standard),color .3s var(--ease-standard),background .3s var(--ease-standard)}
.ck-ft__social a:hover{transform:translateY(-4px);color:#04110F;border-color:transparent;
  background:linear-gradient(140deg,#5EEAD4,#0F766E);
  box-shadow:0 14px 30px -12px rgba(20,184,166,.70),inset 0 1px 0 rgba(255,255,255,.4)}

.ck-ft__col{min-width:0}
.ck-ft__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ck-ft__h{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.42);margin:0 0 22px}
.ck-ft__link{position:relative;display:inline-block;font-size:14px;line-height:1.5;color:rgba(255,255,255,.66);
  text-decoration:none;transition:color .25s var(--ease-standard),transform .25s var(--ease-standard)}
.ck-ft__link:hover{color:#fff;transform:translateX(3px)}

.ck-ft__col--contact ul{gap:16px}
.ck-ft__cline{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.66)}
.ck-ft__cicon{display:inline-flex;flex:none;margin-top:1px;color:#2DD4BF}
.ck-ft__cline .ck-ft__link:hover{transform:none}

.ck-ft__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:72px;padding-block:28px;border-top:1px solid rgba(255,255,255,.09);
  font-size:13px;color:rgba(255,255,255,.44)}
.ck-ft__legal{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.ck-ft__legal a{color:rgba(255,255,255,.52);text-decoration:none;font-size:13px;transition:color .25s var(--ease-standard)}
.ck-ft__legal a span{position:relative;display:inline-block}
.ck-ft__legal a span::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease-standard)}
.ck-ft__legal a:hover{color:#fff}
.ck-ft__legal a:hover span::after{transform:scaleX(1)}

@media (max-width:1024px){
  .ck-ft{padding-top:80px}
  .ck-ft__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px}
  .ck-ft__brand{grid-column:1 / -1;max-width:420px}
  .ck-ft__inner{padding-inline:32px}
  .ck-ft__bar{margin-top:56px}
}
@media (max-width:768px){
  .ck-ft__inner{padding-inline:24px}
}
@media (max-width:640px){
  .ck-ft{padding-top:72px}
  .ck-ft__inner{padding-inline:20px}
  .ck-ft__grid{grid-template-columns:1fr;gap:40px;justify-items:center;text-align:center}
  .ck-ft__brand{align-items:center;max-width:340px}
  .ck-ft__logo img{width:175px}
  .ck-ft__desc{max-width:320px}
  .ck-ft__social{justify-content:center}
  .ck-ft__col{width:100%}
  .ck-ft__h{margin-bottom:16px}
  .ck-ft__col ul{align-items:center}
  .ck-ft__link:hover{transform:none}
  .ck-ft__cline{justify-content:center;text-align:left}
  .ck-ft__bar{margin-top:40px;flex-direction:column;text-align:center;gap:14px}
  .ck-ft__legal{justify-content:center;gap:20px}
}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1400px){
  .ck-t-hero h1{font-size:64px}
}
@media (max-width:1280px){
  .ck-t-hero h1{font-size:56px}
  .ck-t-cta{padding:80px 56px}
  .ck-t-5col{gap:40px}
  .ck-t-nav{gap:24px}
}
@media (max-width:1024px){
  .ck-t-hide{display:none}
  .ck-t-4col,.ck-t-5col,.ck-t-work{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-t-work>a,.ck-t-work>a.is-wide{grid-column:span 1}
  .ck-t-split,.ck-t-split--hero,.ck-t-split--stats,.ck-t-split--testi,.ck-t-split--foot{grid-template-columns:1fr;gap:40px;align-items:start}
  .ck-t-3col{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-t-hero{padding-block:96px;margin-top:-72px}
  .ck-t-hero h1{font-size:48px}
  .ck-t-sec{padding-block:96px}
  .ck-t-footer{padding-top:96px}
  .ck-t-5col{padding-block:80px}
  .ck-t-cta__person{display:none}
  .ck-t-cta__act{align-items:flex-start}
}
@media (max-width:768px){
  .ck-t-wrap,.ck-t-hero__inner,.ck-t-footer__inner{padding-inline:24px}
  .ck-t-shell{max-width:calc(100% - 32px)}
  .ck-t-cta{padding:56px 32px;border-radius:24px}
  .ck-t-cta h2{font-size:36px}
  .ck-t-footer h2{font-size:36px}
  .ck-t-sec{padding-block:80px}
  .ck-t-col{gap:40px}
  .ck-h2{font-size:32px}
}
@media (max-width:640px){
  .ck-t-4col,.ck-t-5col,.ck-t-work,.ck-t-3col{grid-template-columns:1fr}
  .ck-t-hero h1{font-size:38px}
  .ck-t-hero p,.ck-lede{font-size:16px}
  .ck-t-hero__cta .ck-btn{flex:1 1 100%}
  .ck-t-bar{height:60px;padding-inline:16px}
  .ck-t-brand img{height:26px}
  .ck-t-cta h2,.ck-t-footer h2{font-size:30px}
  .ck-card{padding:var(--pad-card-sm)}
  .ck-stat__value{font-size:var(--size-stat-md)}
}

/* ===================== MOTION ===================== */
@keyframes ck-fade-up{from{opacity:0;transform:translateY(var(--reveal-distance))}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .ck-reveal{animation:ck-fade-up var(--duration-reveal) var(--ease-entrance) both;
      animation-timeline:view();animation-range:entry 0% cover 24%}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* ===================== FINAL CTA (premium split) ===================== */
.ck-cta2{position:relative;overflow:hidden;isolation:isolate;background:#050B0A;padding-block:120px}
.ck-cta2__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 56% at 78% 28%,rgba(20,184,166,.22) 0%,rgba(5,11,10,0) 62%),
    radial-gradient(42% 52% at 10% 90%,rgba(15,118,110,.18) 0%,rgba(5,11,10,0) 60%),
    linear-gradient(180deg,#0A0A0A 0%,#04110F 100%);
  animation:ck-cta-pulse 9s ease-in-out infinite}
@keyframes ck-cta-pulse{0%,100%{opacity:.88}50%{opacity:1}}
.ck-cta2__grid{position:absolute;inset:-2px;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(72% 72% at 72% 38%,#000 0%,transparent 78%);
  mask-image:radial-gradient(72% 72% at 72% 38%,#000 0%,transparent 78%);
  animation:ck-cta-grid 28s linear infinite}
@keyframes ck-cta-grid{to{background-position:64px 64px,64px 64px}}
.ck-cta2__noise{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

.ck-cta2__inner{position:relative;z-index:1;width:100%;max-width:1280px;margin-inline:auto;padding-inline:40px;
  display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:64px;align-items:center}

.ck-cta2__copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.ck-cta2__title{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,4.4vw,60px);
  line-height:1.04;letter-spacing:-.035em;color:#fff;margin:0}
.ck-cta2__lede{font-size:18px;line-height:1.7;color:rgba(255,255,255,.68);max-width:52ch;margin:0}
.ck-cta2__actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:8px}

.ck-cta2__btn{display:inline-flex;align-items:center;gap:10px;padding:18px 32px;border-radius:var(--radius-pill);
  font-family:var(--font-body);font-weight:600;font-size:16px;letter-spacing:-.01em;color:#04110F;text-decoration:none;
  background:linear-gradient(135deg,#5EEAD4 0%,#14B8A6 52%,#0F766E 100%);background-size:190% 190%;background-position:0% 50%;
  box-shadow:0 14px 34px -12px rgba(20,184,166,.62),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .3s var(--ease-standard),box-shadow .3s var(--ease-standard),background-position .55s var(--ease-standard)}
.ck-cta2__btn:hover{transform:translateY(-3px);background-position:100% 50%;color:#04110F;
  box-shadow:0 22px 46px -14px rgba(20,184,166,.72),inset 0 1px 0 rgba(255,255,255,.45)}
.ck-cta2__btn:active{transform:scale(.985);transition-duration:100ms}
.ck-cta2__btn svg{transition:transform .3s var(--ease-standard)}
.ck-cta2__btn:hover svg{transform:translate(3px,-3px)}

.ck-cta2__tel{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.86);
  font-weight:600;font-size:16px;text-decoration:none;transition:color .25s var(--ease-standard)}
.ck-cta2__tel svg{color:#2DD4BF;flex:none}
.ck-cta2__tel span{position:relative}
.ck-cta2__tel span::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-standard)}
.ck-cta2__tel:hover{color:#fff}
.ck-cta2__tel:hover span::after{transform:scaleX(1)}

.ck-cta2__badges{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 0;padding:0;list-style:none}
.ck-cta2__badges li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-pill);
  font-size:13px;font-weight:500;color:rgba(255,255,255,.74);background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ck-cta2__tick{color:#2DD4BF;font-weight:700;line-height:1}

.ck-cta2__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;min-width:0}
.ck-cta2__orb{position:absolute;width:min(400px,92%);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 34% 30%,rgba(94,234,212,.50) 0%,rgba(15,118,110,.26) 46%,rgba(4,17,15,0) 72%);
  filter:blur(4px);animation:ck-cta-orb 8s ease-in-out infinite}
@keyframes ck-cta-orb{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.07);opacity:1}}
.ck-cta2__ring{position:absolute;width:min(430px,98%);aspect-ratio:1;border-radius:50%;pointer-events:none;
  border:1px solid rgba(45,212,191,.20);box-shadow:inset 0 0 90px rgba(20,184,166,.16)}
.ck-cta2__ring--out{width:min(530px,116%);border-color:rgba(45,212,191,.10);box-shadow:none;
  animation:ck-cta-breath 10s ease-in-out infinite}
@keyframes ck-cta-breath{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.04);opacity:1}}

.ck-cta2__particles{position:absolute;inset:0;pointer-events:none}
.ck-cta2__particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#5EEAD4;opacity:.45;
  box-shadow:0 0 10px rgba(94,234,212,.9);animation:ck-cta-particle 12s ease-in-out infinite}
.ck-cta2__particles i:nth-child(1){top:14%;left:20%;animation-delay:0s}
.ck-cta2__particles i:nth-child(2){top:26%;right:12%;animation-delay:-2.5s;width:3px;height:3px}
.ck-cta2__particles i:nth-child(3){bottom:22%;left:12%;animation-delay:-5s;width:5px;height:5px}
.ck-cta2__particles i:nth-child(4){bottom:12%;right:24%;animation-delay:-7.5s}
.ck-cta2__particles i:nth-child(5){top:48%;left:6%;animation-delay:-3.5s;width:3px;height:3px}
.ck-cta2__particles i:nth-child(6){top:8%;right:34%;animation-delay:-9s;width:3px;height:3px}
@keyframes ck-cta-particle{0%,100%{transform:translateY(0);opacity:.30}50%{transform:translateY(-18px);opacity:.75}}

.ck-cta2__glass{position:relative;z-index:2;margin:0;width:min(340px,100%);display:flex;flex-direction:column;gap:20px;
  padding:32px;border-radius:24px;
  background:linear-gradient(150deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 100%);
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.20);
  animation:ck-cta-float 7s ease-in-out infinite}
@keyframes ck-cta-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-14px) rotate(.4deg)}}
.ck-cta2__glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;
  background:linear-gradient(140deg,rgba(94,234,212,.34) 0%,rgba(255,255,255,0) 48%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.ck-cta2__spark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;
  background:linear-gradient(140deg,rgba(94,234,212,.26),rgba(15,118,110,.18));
  border:1px solid rgba(94,234,212,.32);color:#5EEAD4;flex:none}
.ck-cta2__glass blockquote{margin:0;font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.5;
  letter-spacing:-.01em;color:#fff}
.ck-cta2__glass figcaption{display:flex;flex-direction:column;gap:3px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.ck-cta2__brand{font-family:var(--font-display);font-weight:800;font-size:15px;color:#fff;letter-spacing:-.01em}
.ck-cta2__brand sup{font-size:9px;margin-left:1px;opacity:.7}
.ck-cta2__role{font-size:12px;color:rgba(255,255,255,.55)}

@media (max-width:1024px){
  .ck-cta2__inner{grid-template-columns:1fr;gap:56px;justify-items:center;text-align:center}
  .ck-cta2__copy{align-items:center}
  .ck-cta2__lede{max-width:58ch}
  .ck-cta2__actions,.ck-cta2__badges{justify-content:center}
  .ck-cta2__visual{width:100%;min-height:400px}
}
@media (max-width:768px){
  .ck-cta2{padding-block:80px}
  .ck-cta2__inner{padding-inline:24px;gap:48px}
}
@media (max-width:640px){
  .ck-cta2__inner{padding-inline:20px}
  .ck-cta2__title{font-size:clamp(30px,8.4vw,38px)}
  .ck-cta2__lede{font-size:16px}
  .ck-cta2__actions{gap:18px;width:100%}
  .ck-cta2__btn{width:100%;justify-content:center;padding:16px 24px}
  .ck-cta2__tel{width:100%;justify-content:center}
  .ck-cta2__badges{gap:8px}
  .ck-cta2__badges li{padding:8px 13px;font-size:12px}
  .ck-cta2__visual{min-height:340px}
  .ck-cta2__glass{width:min(300px,86%);padding:26px;gap:16px}
  .ck-cta2__glass blockquote{font-size:16px}
  .ck-cta2__orb{width:min(300px,86%)}
  .ck-cta2__ring{width:min(320px,92%)}
  .ck-cta2__ring--out{width:min(380px,104%)}
}
@media (prefers-reduced-motion:reduce){
  .ck-cta2__bg,.ck-cta2__grid,.ck-cta2__orb,.ck-cta2__ring--out,.ck-cta2__glass,.ck-cta2__particles i{animation:none !important}
}

/* ===================== TESTIMONIALS (scoped: .ck-tm*) ===================== */
.ck-tm{position:relative;overflow:hidden;isolation:isolate;padding-block:144px;background:#F8FAFC}
.ck-tm__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(58% 46% at 50% -6%,rgba(255,255,255,.95) 0%,rgba(248,250,252,0) 62%),
    linear-gradient(180deg,#FFFFFF 0%,#F6FAF9 46%,#F1F6F5 100%)}
.ck-tm__glow{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(30% 42% at 84% 22%,rgba(20,184,166,.16) 0%,rgba(248,250,252,0) 68%),
    radial-gradient(28% 38% at 6% 84%,rgba(15,118,110,.10) 0%,rgba(248,250,252,0) 66%);
  filter:blur(2px)}
.ck-tm__noise{position:absolute;inset:0;pointer-events:none;opacity:.032;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

.ck-tm__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px;
  display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:64px;align-items:center}
.ck-tm__intro{display:flex;flex-direction:column;gap:16px}
.ck-tm__title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,2.4vw,36px);line-height:1.16;
  letter-spacing:-.03em;color:#111827;margin:0}
.ck-tm__lede{font-size:15px;line-height:1.72;color:#6B7280;margin:0;max-width:40ch}

/* --- marquee --- */
.ck-tm__marquee{position:relative;min-width:0;display:flex;flex-direction:column;gap:24px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.ck-tm__row{overflow:hidden;padding-block:10px}
.ck-tm__track{display:flex;width:max-content;will-change:transform;
  animation:ck-tm-slide 30s linear infinite}
.ck-tm__row--rev .ck-tm__track{animation-duration:34s;animation-direction:reverse}
.ck-tm__row:hover .ck-tm__track,.ck-tm__row:focus-within .ck-tm__track{animation-play-state:paused}
@keyframes ck-tm-slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* --- card --- */
.ck-tm__card{flex:none;width:370px;margin-right:24px;display:flex;flex-direction:column;gap:20px;
  padding:30px 30px 28px;border-radius:24px;background:#fff;border:1px solid rgba(17,24,39,.07);
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 10px 24px -14px rgba(17,24,39,.14),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1)}
.ck-tm__card:hover{transform:translateY(-8px);border-color:rgba(20,184,166,.42);
  box-shadow:0 4px 8px rgba(17,24,39,.05),0 26px 52px -20px rgba(17,24,39,.24),0 0 0 4px rgba(20,184,166,.08)}

.ck-tm__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ck-tm__stars{display:inline-flex;gap:3px;line-height:0;opacity:.88;
  filter:drop-shadow(0 0 2px rgba(245,158,11,.30));transition:opacity .25s cubic-bezier(.22,1,.36,1),filter .25s cubic-bezier(.22,1,.36,1)}
.ck-tm__card:hover .ck-tm__stars{opacity:1;filter:drop-shadow(0 0 5px rgba(245,158,11,.55))}
.ck-tm__flag{font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
  color:#9CA3AF;background:#F3F4F6;border:1px solid rgba(17,24,39,.06);border-radius:999px;padding:4px 9px;flex:none}

.ck-tm__quote{margin:0;font-size:15.5px;line-height:1.66;letter-spacing:-.005em;color:#1F2937;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

.ck-tm__who{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:20px;
  border-top:1px solid rgba(17,24,39,.06)}
.ck-tm__ring{flex:none;display:inline-flex;padding:2px;border-radius:50%;
  background:linear-gradient(140deg,#5EEAD4 0%,#0F766E 100%);
  box-shadow:0 4px 10px -4px rgba(15,118,110,.45);
  transition:transform .25s cubic-bezier(.22,1,.36,1)}
.ck-tm__card:hover .ck-tm__ring{transform:scale(1.06)}
.ck-tm__avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  background:#fff;color:#0F766E;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.02em}
.ck-tm__id{display:flex;flex-direction:column;gap:2px;min-width:0}
.ck-tm__name{font-size:14.5px;font-weight:600;color:#111827;letter-spacing:-.01em}
.ck-tm__role{font-size:12.5px;color:#6B7280;line-height:1.4}
.ck-tm__sep{margin-inline:6px;opacity:.55}

/* --- responsive --- */
@media (max-width:1240px){
  .ck-tm__inner{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px}
  .ck-tm__card{width:350px}
}
@media (max-width:1024px){
  .ck-tm{padding-block:96px}
  .ck-tm__inner{grid-template-columns:1fr;gap:40px;padding-inline:32px}
  .ck-tm__lede{max-width:56ch}
  .ck-tm__row--rev{display:none}
  .ck-tm__marquee{gap:0}
}
@media (max-width:768px){
  .ck-tm__inner{padding-inline:24px}
  .ck-tm__card{width:330px;padding:26px 26px 24px}
}
@media (max-width:640px){
  .ck-tm{padding-block:80px}
  .ck-tm__inner{padding-inline:20px;gap:32px}
  .ck-tm__marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
  .ck-tm__card{width:min(90vw,320px);margin-right:16px;padding:24px 22px 22px;gap:16px}
  .ck-tm__quote{font-size:15px;-webkit-line-clamp:6}
  .ck-tm__track{animation-duration:26s}
}

/* --- reduced motion: static grid, no marquee --- */
@media (prefers-reduced-motion:reduce){
  .ck-tm__marquee{-webkit-mask-image:none;mask-image:none;gap:20px}
  .ck-tm__row{overflow:visible}
  .ck-tm__track{animation:none;width:auto;flex-wrap:wrap;gap:20px}
  .ck-tm__card{margin-right:0;width:min(100%,370px)}
  .ck-tm__card[aria-hidden="true"]{display:none}
  .ck-tm__row--rev{display:block}
  .ck-tm__card:hover{transform:none}
}

/* ===================== HERO (scoped: .ck-hx / .ck-p / .ck-glass) ===================== */
.ck-hx{--loop:10s;position:relative;overflow:hidden;isolation:isolate;background:#040D0B;
  margin-top:-80px;padding:176px 0 120px}
.ck-hx__grad{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(165deg,#04120F 0%,#050B0A 46%,#03100E 100%)}
.ck-hx__glow{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(42% 52% at 72% 34%,rgba(20,184,166,.20) 0%,rgba(4,13,11,0) 66%),
    radial-gradient(38% 46% at 18% 88%,rgba(15,118,110,.14) 0%,rgba(4,13,11,0) 64%);
  animation:ck-hx-breathe 14s ease-in-out infinite}
@keyframes ck-hx-breathe{0%,100%{opacity:.85}50%{opacity:1}}
.ck-hx__grid{position:absolute;inset:0;pointer-events:none;opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(66% 68% at 70% 40%,#000 0%,transparent 78%);
  mask-image:radial-gradient(66% 68% at 70% 40%,#000 0%,transparent 78%);
  animation:ck-hx-grid 40s linear infinite}
@keyframes ck-hx-grid{to{background-position:72px 72px,72px 72px}}
.ck-hx__dust{position:absolute;inset:0;pointer-events:none}
.ck-hx__dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#5EEAD4;opacity:.30;
  box-shadow:0 0 8px rgba(94,234,212,.75);animation:ck-hx-dust 22s ease-in-out infinite}
.ck-hx__dust i:nth-child(1){top:16%;left:58%;animation-delay:0s}
.ck-hx__dust i:nth-child(2){top:28%;left:82%;animation-delay:-3s;width:2px;height:2px}
.ck-hx__dust i:nth-child(3){top:62%;left:66%;animation-delay:-6s}
.ck-hx__dust i:nth-child(4){top:78%;left:88%;animation-delay:-9s;width:2px;height:2px}
.ck-hx__dust i:nth-child(5){top:42%;left:52%;animation-delay:-12s;width:2px;height:2px}
.ck-hx__dust i:nth-child(6){top:12%;left:74%;animation-delay:-15s}
.ck-hx__dust i:nth-child(7){top:86%;left:60%;animation-delay:-18s;width:2px;height:2px}
.ck-hx__dust i:nth-child(8){top:52%;left:92%;animation-delay:-21s}
.ck-hx__dust i:nth-child(9){top:34%;left:8%;animation-delay:-4.5s;width:2px;height:2px}
.ck-hx__dust i:nth-child(10){top:70%;left:16%;animation-delay:-10.5s;width:2px;height:2px}
.ck-hx__dust i:nth-child(11){top:22%;left:36%;animation-delay:-16.5s;width:2px;height:2px}
.ck-hx__dust i:nth-child(12){top:90%;left:40%;animation-delay:-19.5s;width:2px;height:2px}
@keyframes ck-hx-dust{0%,100%{transform:translate3d(0,0,0);opacity:.16}50%{transform:translate3d(0,-26px,0);opacity:.5}}

.ck-hx__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.ck-hx__copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.ck-hx__copy h1{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,5vw,72px);line-height:1;
  letter-spacing:-.04em;color:#fff;margin:0}
.ck-hx__copy p{font-size:18px;line-height:1.66;color:rgba(255,255,255,.66);max-width:46ch;margin:0}
.ck-hx__cta{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}

/* ---- scene ---- */
.ck-hx__scene{position:relative;width:100%;max-width:620px;margin-inline:auto;aspect-ratio:600/520;
  --mx:0;--my:0;transform:translate3d(0,0,0)}
.ck-hx__wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ck-hx__wire-base{stroke:rgba(45,212,191,.16);stroke-width:1.5;fill:none;stroke-linecap:round}
.ck-hx__wire-run{stroke:#5EEAD4;stroke-width:2;fill:none;stroke-linecap:round;
  filter:drop-shadow(0 0 6px rgba(45,212,191,.85));
  stroke-dasharray:110 1200;stroke-dashoffset:1310;animation:ck-hx-run var(--loop) linear infinite}
@keyframes ck-hx-run{from{stroke-dashoffset:1310}to{stroke-dashoffset:0}}

/* ---- panel scaffolding: outer=parallax, __s=story, __f=float ---- */
.ck-p{position:absolute;transform:translate3d(calc(var(--mx)*var(--d,6px)),calc(var(--my)*var(--d,6px)),0);
  transition:transform .5s cubic-bezier(.22,1,.36,1)}
.ck-p__s{animation:ck-p-story var(--loop) ease-in-out infinite;animation-delay:var(--sd,0s);opacity:0}
@keyframes ck-p-story{
  0%{opacity:0;transform:translate3d(0,14px,0) scale(.965)}
  9%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  88%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  100%{opacity:0;transform:translate3d(0,-10px,0) scale(.985)}
}
.ck-p__f{animation:ck-p-float var(--fd,13s) ease-in-out infinite;animation-delay:var(--fdl,0s);will-change:transform}
@keyframes ck-p-float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-12px,0) rotate(var(--rot,.6deg))}}

.ck-glass{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;
  background:linear-gradient(150deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.028) 100%);
  backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 60px -28px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.18)}
.ck-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 42%)}
.ck-p__cap{font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.44)}

/* positions + depth + timing */
.ck-p--wire{top:12%;left:6%;width:29%;--d:14px;--fd:13s;--rot:-.8deg}
.ck-p--wire .ck-p__s{--sd:0s}
.ck-p--browser{top:22%;left:26%;width:56%;--d:6px;--fd:16s;--rot:.5deg;z-index:3}
.ck-p--browser .ck-p__s{--sd:1.1s}
.ck-p--code{bottom:16%;left:2%;width:31%;--d:16px;--fd:14s;--fdl:-2s;--rot:.9deg;z-index:2}
.ck-p--code .ck-p__s{--sd:2.3s}
.ck-p--cms{top:52%;left:20%;width:26%;--d:11px;--fd:15s;--fdl:-4s;--rot:-.6deg;z-index:4}
.ck-p--cms .ck-p__s{--sd:2.9s}
.ck-p--stats{bottom:8%;right:2%;width:40%;--d:18px;--fd:12s;--fdl:-6s;--rot:-.7deg;z-index:5}
.ck-p--stats .ck-p__s{--sd:4.4s}
.ck-p--perf{top:6%;right:4%;width:31%;--d:20px;--fd:17s;--fdl:-3s;--rot:.7deg;z-index:5}
.ck-p--perf .ck-p__s{--sd:5.4s}

/* ---- wireframe ---- */
.ck-wf{display:flex;flex-direction:column;gap:6px}
.ck-wf i{height:6px;border-radius:3px;background:rgba(255,255,255,.20)}
.ck-wf b{height:34px;border-radius:8px;background:rgba(255,255,255,.10);border:1px dashed rgba(255,255,255,.18)}

/* ---- browser + site preview ---- */
.ck-bw{display:flex;align-items:center;gap:8px}
.ck-bw__dots{display:flex;gap:4px}
.ck-bw__dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22)}
.ck-bw__url{flex:1;font-size:8px;letter-spacing:.02em;color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.06);border-radius:999px;padding:4px 8px;text-align:center}
.ck-site{display:grid;grid-template-columns:1fr .82fr;gap:10px;align-items:center;
  background:rgba(4,17,15,.42);border-radius:12px;padding:12px}
.ck-site__hero{display:flex;flex-direction:column;gap:5px}
.ck-site__h1,.ck-site__h2{height:9px;border-radius:4px;background:rgba(255,255,255,.82)}
.ck-site__h2{width:62%;background:#2DD4BF}
.ck-site__p{height:4px;border-radius:2px;background:rgba(255,255,255,.24);margin-top:3px}
.ck-site__p--s{width:72%}
.ck-site__btn{height:14px;width:52%;border-radius:5px;margin-top:6px;
  background:linear-gradient(135deg,#5EEAD4,#0F766E);box-shadow:0 6px 14px -6px rgba(20,184,166,.7)}
.ck-site__art{height:70px;border-radius:10px;
  background:radial-gradient(120% 100% at 70% 0%,rgba(20,184,166,.36),rgba(4,17,15,0) 62%),linear-gradient(160deg,#0C2C27,#04110F);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ck-site__row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ck-site__row b{height:22px;border-radius:8px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}

/* ---- code ---- */
.ck-code{display:flex;flex-direction:column;gap:6px}
.ck-code i{display:flex;gap:6px;align-items:center}
.ck-code i.in{padding-left:12px}
.ck-code b{height:5px;border-radius:3px}
.ck-code .k{width:22%;background:#5EEAD4}
.ck-code .v{width:44%;background:rgba(255,255,255,.26)}
.ck-code .a{width:30%;background:rgba(255,255,255,.42)}
.ck-code .s{width:34%;background:#F59E0B;opacity:.65}
.ck-code .a2{width:26%;background:rgba(255,255,255,.42)}
.ck-code .v2{width:38%;background:rgba(255,255,255,.20)}
.ck-code .k2{width:16%;background:#5EEAD4;opacity:.7}

/* ---- cms ---- */
.ck-cms{display:flex;flex-direction:column;gap:8px}
.ck-cms i{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ck-cms b{height:5px;border-radius:3px;background:rgba(255,255,255,.24);width:70%}
.ck-cms u{width:18px;height:10px;border-radius:999px;background:rgba(255,255,255,.14);position:relative;flex:none}
.ck-cms u::after{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}
.ck-cms u.on{background:rgba(45,212,191,.42)}
.ck-cms u.on::after{left:auto;right:2px;background:#5EEAD4}

/* ---- analytics ---- */
.ck-an__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ck-an__delta{font-family:var(--font-numeric);font-size:13px;font-weight:700;color:#2DD4BF;letter-spacing:-.02em}
.ck-an__chart{width:100%;height:52px;overflow:visible}
.ck-an__line{stroke:#2DD4BF;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(45,212,191,.6));
  stroke-dasharray:240;stroke-dashoffset:240;animation:ck-an-draw var(--loop) ease-in-out infinite;animation-delay:4.6s}
@keyframes ck-an-draw{0%,44%{stroke-dashoffset:240}72%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.ck-an__fill{opacity:0;animation:ck-an-fill var(--loop) ease-in-out infinite;animation-delay:4.6s}
@keyframes ck-an-fill{0%,52%{opacity:0}76%,88%{opacity:1}100%{opacity:.6}}
.ck-an__bars{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-items:end;height:26px}
.ck-an__bars i{border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,#2DD4BF,rgba(15,118,110,.35));
  transform-origin:bottom;transform:scaleY(.2);animation:ck-an-bar var(--loop) cubic-bezier(.22,1,.36,1) infinite;height:100%}
.ck-an__bars i:nth-child(1){animation-delay:4.7s}
.ck-an__bars i:nth-child(2){animation-delay:4.85s}
.ck-an__bars i:nth-child(3){animation-delay:5s}
.ck-an__bars i:nth-child(4){animation-delay:5.15s}
.ck-an__bars i:nth-child(5){animation-delay:5.3s}
.ck-an__bars i:nth-child(6){animation-delay:5.45s}
@keyframes ck-an-bar{0%,42%{transform:scaleY(.18)}64%,88%{transform:scaleY(1)}100%{transform:scaleY(.9)}}

/* ---- performance ---- */
.ck-perf{display:flex;align-items:center;gap:12px}
.ck-perf__ring{width:44px;height:44px;flex:none;transform:rotate(-90deg)}
.ck-perf__trk{stroke:rgba(255,255,255,.12);stroke-width:4;fill:none}
.ck-perf__val{stroke:#2DD4BF;stroke-width:4;fill:none;stroke-linecap:round;
  filter:drop-shadow(0 0 5px rgba(45,212,191,.7));
  stroke-dasharray:113;stroke-dashoffset:113;animation:ck-perf-fill var(--loop) cubic-bezier(.22,1,.36,1) infinite;animation-delay:5.6s}
@keyframes ck-perf-fill{0%,50%{stroke-dashoffset:113}78%,88%{stroke-dashoffset:8}100%{stroke-dashoffset:8}}
.ck-perf__t{display:flex;flex-direction:column;gap:1px}
.ck-perf__t b{font-family:var(--font-numeric);font-size:20px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.ck-perf__t u{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.44);text-decoration:none}

/* ---- notifications: one at a time ---- */
.ck-hx__notes{position:absolute;inset:0;pointer-events:none;z-index:6}
.ck-note{position:absolute;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:9px 14px;border-radius:999px;font-family:var(--font-body);font-size:11.5px;font-weight:600;
  color:rgba(255,255,255,.92);
  background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 34px -18px rgba(0,0,0,.85);
  opacity:0;animation:ck-note var(--loop) ease-in-out infinite}
.ck-note__dot{width:6px;height:6px;border-radius:50%;background:#2DD4BF;flex:none;
  box-shadow:0 0 0 3px rgba(45,212,191,.18),0 0 8px rgba(45,212,191,.9)}
.ck-note--a{top:14%;left:34%;animation-delay:3.4s}
.ck-note--b{top:44%;right:2%;animation-delay:6.2s}
.ck-note--c{bottom:30%;left:8%;animation-delay:8.1s}
@keyframes ck-note{
  0%{opacity:0;transform:translate3d(0,10px,0) scale(.96)}
  6%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  18%{opacity:1;transform:translate3d(0,-6px,0) scale(1)}
  26%,100%{opacity:0;transform:translate3d(0,-12px,0) scale(.98)}
}

/* ---- responsive ---- */
@media (max-width:1280px){
  .ck-hx__scene{max-width:540px}
  .ck-glass{padding:12px;border-radius:16px}
}
@media (max-width:1024px){
  .ck-hx{padding:150px 0 96px;margin-top:-72px}
  .ck-hx__inner{grid-template-columns:1fr;gap:56px;padding-inline:32px}
  .ck-hx__copy p{max-width:58ch}
  .ck-hx__scene{max-width:520px}
  /* tablet: keep website preview, analytics, wireframe */
  .ck-p--code,.ck-p--cms,.ck-p--perf,.ck-note--c{display:none}
  .ck-p--wire{top:6%;left:0}
  .ck-p--browser{top:24%;left:22%;width:60%}
  .ck-p--stats{bottom:6%;right:0;width:44%}
}
@media (max-width:768px){
  .ck-hx__inner{padding-inline:24px}
}
@media (max-width:640px){
  .ck-hx{padding:132px 0 80px}
  .ck-hx__inner{padding-inline:20px;gap:44px}
  .ck-hx__cta .ck-btn{flex:1 1 100%;justify-content:center}
  .ck-hx__scene{max-width:100%;aspect-ratio:600/430}
  /* mobile: background + one preview + one analytics + trail + one note */
  .ck-p--wire,.ck-note--b{display:none}
  .ck-p--browser{top:8%;left:2%;width:74%}
  .ck-p--stats{bottom:4%;right:0;width:56%}
  .ck-note--a{top:0;left:auto;right:0;font-size:11px;padding:8px 12px}
  .ck-hx__dust i:nth-child(n+7){display:none}
}

/* ---- reduced motion: static, fully readable ---- */
@media (prefers-reduced-motion:reduce){
  .ck-hx__glow,.ck-hx__grid,.ck-hx__dust i,.ck-p__f,.ck-hx__wire-run,
  .ck-an__line,.ck-an__fill,.ck-an__bars i,.ck-perf__val{animation:none !important}
  .ck-p__s{animation:none !important;opacity:1}
  .ck-hx__wire-run{stroke-dasharray:none;stroke-dashoffset:0;opacity:.5}
  .ck-an__line{stroke-dashoffset:0}
  .ck-an__fill{opacity:1}
  .ck-an__bars i{transform:scaleY(1)}
  .ck-perf__val{stroke-dashoffset:8}
  .ck-note{opacity:1}
  .ck-note--b,.ck-note--c{display:none}
  .ck-p{transition:none}
}

/* ===================== TRUST BELT (scoped: .ck-tb*) ===================== */
.ck-tb{--gap:56px;position:relative;overflow:hidden;isolation:isolate;padding-block:28px 30px;
  border-top:1px solid rgba(17,24,39,.05);border-bottom:1px solid rgba(17,24,39,.06)}
.ck-tb__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(42% 120% at 50% 0%,rgba(20,184,166,.07) 0%,rgba(255,255,255,0) 68%),
    radial-gradient(30% 100% at 8% 100%,rgba(15,118,110,.05) 0%,rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#FFFFFF 0%,#FCFEFE 52%,#F8FAFA 100%)}
.ck-tb__noise{position:absolute;inset:0;pointer-events:none;opacity:.028;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

.ck-tb__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px}
.ck-tb__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.ck-tb__badges li{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;
  font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:-.01em;color:#1F2937;
  background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(248,250,252,.7));
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 1px 2px rgba(17,24,39,.03),0 8px 18px -14px rgba(17,24,39,.18);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ck-tb__badges li:hover{transform:translateY(-2px);border-color:rgba(20,184,166,.32);
  box-shadow:0 2px 4px rgba(17,24,39,.04),0 12px 24px -14px rgba(17,24,39,.26)}
.ck-tb__star{color:#14B8A6;flex:none}

/* --- marquee --- */
.ck-tb__marquee{position:relative;z-index:1;margin-top:24px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.ck-tb__track{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none;
  will-change:transform;animation:ck-tb-slide 40s linear infinite}
.ck-tb__marquee:hover .ck-tb__track{animation-play-state:paused}
@keyframes ck-tb-slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.ck-tb__item{display:flex;align-items:center;gap:var(--gap);margin-right:var(--gap);flex:none}
.ck-tb__logo{display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:40px;white-space:nowrap;
  font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.02em;color:#374151;
  opacity:.5;transform:translate3d(0,0,0);
  transition:opacity .3s ease,transform .3s ease,filter .3s ease,color .3s ease}
.ck-tb__logo:hover{opacity:1;transform:scale(1.05);color:#111827;
  filter:drop-shadow(0 0 10px rgba(20,184,166,.45))}
.ck-tb__sub{display:block;font-family:var(--font-body);font-size:9px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:#9CA3AF;margin-top:3px;line-height:1}
.ck-tb__dot{color:#14B8A6;opacity:.42;font-size:13px;line-height:1;flex:none;user-select:none}

/* --- responsive --- */
@media (max-width:1024px){
  .ck-tb{--gap:44px;padding-block:26px 28px}
  .ck-tb__inner{padding-inline:32px}
  .ck-tb__logo{font-size:19px;height:38px}
}
@media (max-width:768px){
  .ck-tb{--gap:38px}
  .ck-tb__inner{padding-inline:24px}
  .ck-tb__badges{gap:8px}
  .ck-tb__badges li{font-size:12.5px;padding:7px 14px}
  .ck-tb__marquee{margin-top:20px}
}
@media (max-width:640px){
  .ck-tb{--gap:30px;padding-block:22px 24px}
  .ck-tb__inner{padding-inline:20px}
  .ck-tb__badges li{font-size:12px;padding:7px 12px;gap:6px}
  .ck-tb__logo{font-size:17px;height:34px}
  .ck-tb__sub{font-size:8px;letter-spacing:.18em}
  .ck-tb__dot{font-size:11px}
  .ck-tb__track{animation-duration:34s}
  .ck-tb__marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
}

/* --- reduced motion: static, no marquee --- */
@media (prefers-reduced-motion:reduce){
  .ck-tb__marquee{-webkit-mask-image:none;mask-image:none}
  .ck-tb__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center;row-gap:20px}
  .ck-tb__item[aria-hidden="true"]{display:none}
  .ck-tb__logo{opacity:.62}
  .ck-tb__logo:hover{transform:none}
  .ck-tb__badges li:hover{transform:none}
}

/* ===================== SERVICES (scoped: .ck-sc / .ck-sv / .ck-pv) ===================== */
.ck-sc{position:relative;overflow:hidden;isolation:isolate;padding-block:144px;background:#F8FAFC}
.ck-sc__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 40% at 78% 8%,rgba(20,184,166,.10) 0%,rgba(248,250,252,0) 66%),
    radial-gradient(38% 36% at 6% 92%,rgba(15,118,110,.07) 0%,rgba(248,250,252,0) 64%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FBFB 44%,#F4F8F8 100%)}
.ck-sc__noise{position:absolute;inset:0;pointer-events:none;opacity:.03;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.ck-sc__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px;
  display:flex;flex-direction:column;gap:56px}
.ck-sc__head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:end}
.ck-sc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}

/* ---- card ---- */
.ck-sv{--spd:1;position:relative;display:flex;flex-direction:column;gap:24px;
  padding:28px;border-radius:28px;
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFDFD 58%,#F7FAFA 100%);
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 12px 28px -18px rgba(17,24,39,.16),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1)}
.ck-sv:hover{--spd:.9;transform:translateY(-8px);border-color:rgba(20,184,166,.34);
  box-shadow:0 4px 10px rgba(17,24,39,.05),0 30px 60px -24px rgba(17,24,39,.26),0 0 0 5px rgba(20,184,166,.07)}

.ck-sv__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ck-sv__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;
  border-radius:50%;color:#0F766E;
  background:linear-gradient(145deg,rgba(94,234,212,.32) 0%,rgba(240,253,250,.9) 62%,rgba(255,255,255,.9) 100%);
  border:1px solid rgba(20,184,166,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px -10px rgba(15,118,110,.45);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}
.ck-sv:hover .ck-sv__icon{transform:scale(1.07) rotate(-5deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px -10px rgba(15,118,110,.6),0 0 0 4px rgba(20,184,166,.10)}

.ck-sv__body{display:flex;flex-direction:column;gap:10px;flex:1}
.ck-sv__title{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.02em;color:#111827;margin:0}
.ck-sv__text{font-size:14px;line-height:1.68;color:#6B7280;margin:0}
.ck-sv__cta{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-size:14px;font-weight:600;color:#0F766E;text-decoration:none;
  transition:color .3s cubic-bezier(.22,1,.36,1),gap .3s cubic-bezier(.22,1,.36,1)}
.ck-sv__cta svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ck-sv:hover .ck-sv__cta{color:#115E59;gap:10px}
.ck-sv:hover .ck-sv__cta svg{transform:translateX(4px)}

/* ---- preview shell ---- */
.ck-pv{position:relative;overflow:hidden;flex:none;width:min(140px,48%);aspect-ratio:14/9;
  border-radius:12px;padding:8px;display:flex;flex-direction:column;
  background:linear-gradient(160deg,#0C2C27 0%,#04110F 100%);
  box-shadow:0 8px 20px -12px rgba(4,17,15,.7),inset 0 0 0 1px rgba(255,255,255,.08);
  transition:filter .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}
.ck-sv:hover .ck-pv{filter:brightness(1.12) saturate(1.06);
  box-shadow:0 14px 30px -14px rgba(4,17,15,.8),inset 0 0 0 1px rgba(45,212,191,.30)}
.ck-pv__roll{display:block;transform:translate3d(0,0,0)}
.ck-pv__roll i{display:block;font-style:normal;line-height:12px;height:12px}

/* ---- 1. analytics ---- */
.ck-pv--an{gap:2px}
.ck-pv__hd{display:flex;align-items:center;justify-content:space-between;gap:4px}
.ck-pv__lbl{font-size:7px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.ck-pv__delta{font-family:var(--font-numeric);font-size:8px;font-weight:700;color:#2DD4BF;
  animation:ck-pv-blink calc(6.4s * var(--spd)) ease-in-out infinite}
@keyframes ck-pv-blink{0%,100%{opacity:.72}50%{opacity:1}}
.ck-pv__num{height:12px;overflow:hidden;font-family:var(--font-numeric);font-size:11px;font-weight:700;color:#fff;letter-spacing:-.02em}
.ck-pv--an .ck-pv__roll{animation:ck-pv-roll4 calc(6.4s * var(--spd)) cubic-bezier(.6,0,.2,1) infinite}
@keyframes ck-pv-roll4{
  0%,14%{transform:translate3d(0,0,0)} 22%,39%{transform:translate3d(0,-12px,0)}
  47%,64%{transform:translate3d(0,-24px,0)} 72%,89%{transform:translate3d(0,-36px,0)}
  97%,100%{transform:translate3d(0,-48px,0)}}
.ck-pv__chart{width:100%;flex:1;min-height:0;overflow:visible}
.ck-pv__line{stroke:#2DD4BF;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 3px rgba(45,212,191,.65));
  stroke-dasharray:150;stroke-dashoffset:150;
  animation:ck-pv-draw calc(6.4s * var(--spd)) ease-in-out infinite}
@keyframes ck-pv-draw{0%{stroke-dashoffset:150}46%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:150}}
.ck-pv__area{opacity:0;animation:ck-pv-area calc(6.4s * var(--spd)) ease-in-out infinite}
@keyframes ck-pv-area{0%,10%{opacity:0}52%,90%{opacity:1}100%{opacity:0}}
.ck-pv__dot{fill:#5EEAD4;opacity:0}
.ck-pv__dot--a{animation:ck-pv-pop calc(6.4s * var(--spd)) ease-in-out infinite;animation-delay:calc(2s * var(--spd))}
.ck-pv__dot--b{animation:ck-pv-pop calc(6.4s * var(--spd)) ease-in-out infinite;animation-delay:calc(3.2s * var(--spd))}
@keyframes ck-pv-pop{0%{opacity:0;r:1.4}12%{opacity:1;r:2.6}30%{opacity:.7;r:2.2}70%{opacity:.7;r:2.2}100%{opacity:0;r:1.4}}

/* ---- 2. social ---- */
.ck-pv--so{gap:5px}
.ck-pv__row{display:flex;align-items:center;gap:5px}
.ck-pv__av{width:14px;height:14px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,#5EEAD4,#0F766E)}
.ck-pv__ln{height:4px;border-radius:2px;flex:1;background:rgba(255,255,255,.20)}
.ck-pv__post{flex:1;min-height:0;border-radius:6px;
  background:radial-gradient(120% 100% at 70% 0%,rgba(20,184,166,.30),rgba(4,17,15,0) 62%),linear-gradient(160deg,#123833,#04110F);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ck-pv__acts{display:flex;align-items:center;gap:5px}
.ck-pv__heart{fill:none;stroke:#F87171;stroke-width:2;flex:none;
  animation:ck-pv-heart calc(6s * var(--spd)) ease-in-out infinite}
@keyframes ck-pv-heart{
  0%,44%{transform:scale(1);fill:rgba(248,113,113,0)}
  52%{transform:scale(1.32);fill:rgba(248,113,113,1)}
  60%,94%{transform:scale(1);fill:rgba(248,113,113,1)}
  100%{transform:scale(1);fill:rgba(248,113,113,0)}}
.ck-pv__likes{height:12px;overflow:hidden;font-family:var(--font-numeric);font-size:8px;font-weight:700;color:rgba(255,255,255,.78)}
.ck-pv__roll--s i{line-height:12px;height:12px;font-size:8px}
.ck-pv--so .ck-pv__roll{animation:ck-pv-roll4 calc(6s * var(--spd)) cubic-bezier(.6,0,.2,1) infinite}
.ck-pv__cmt{fill:none;stroke:rgba(255,255,255,.5);stroke-width:2;flex:none;margin-left:2px}
.ck-pv__cn{width:4px;height:4px;border-radius:50%;background:#2DD4BF;flex:none;
  animation:ck-pv-ping calc(6s * var(--spd)) ease-in-out infinite}
@keyframes ck-pv-ping{0%,60%{transform:scale(.5);opacity:.3}70%{transform:scale(1.5);opacity:1}82%,100%{transform:scale(.5);opacity:.3}}
.ck-pv__toast{position:absolute;top:7px;right:7px;padding:2px 6px;border-radius:999px;
  font-size:7px;font-weight:700;letter-spacing:.02em;color:#04110F;background:#5EEAD4;
  box-shadow:0 4px 10px -4px rgba(45,212,191,.8);opacity:0;
  animation:ck-pv-toast calc(6s * var(--spd)) ease-in-out infinite}
@keyframes ck-pv-toast{
  0%,40%{opacity:0;transform:translate3d(0,-5px,0)}
  50%,68%{opacity:1;transform:translate3d(0,0,0)}
  80%,100%{opacity:0;transform:translate3d(0,-5px,0)}}

/* ---- 3. browser ---- */
.ck-pv--br{gap:5px;padding:7px}
.ck-pv__bar{display:flex;align-items:center;gap:3px}
.ck-pv__bar>i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.22);flex:none}
.ck-pv__url{position:relative;overflow:hidden;flex:1;height:9px;border-radius:999px;margin-left:3px;
  background:rgba(255,255,255,.08)}
.ck-pv__load{position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,#0F766E,#5EEAD4);
  animation:ck-pv-load calc(7s * var(--spd)) cubic-bezier(.5,0,.2,1) infinite}
@keyframes ck-pv-load{0%{transform:scaleX(0);opacity:1}34%{transform:scaleX(1);opacity:1}46%,100%{transform:scaleX(1);opacity:0}}
.ck-pv__view{position:relative;overflow:hidden;flex:1;min-height:0;border-radius:6px;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ck-pv__page{position:absolute;inset:0;padding:5px;display:flex;flex-direction:column;gap:3px;
  animation:ck-pv-scroll calc(7s * var(--spd)) cubic-bezier(.5,0,.2,1) infinite}
@keyframes ck-pv-scroll{0%,52%{transform:translate3d(0,0,0)}72%,88%{transform:translate3d(0,-14px,0)}100%{transform:translate3d(0,0,0)}}
.ck-pv__page b{display:block;border-radius:2px;background:rgba(255,255,255,.22);opacity:0;
  animation:ck-pv-in calc(7s * var(--spd)) ease-out infinite}
@keyframes ck-pv-in{0%,12%{opacity:0;transform:translate3d(0,3px,0)}24%,92%{opacity:1;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(0,3px,0)}}
.ck-pv__page .h1{height:5px;width:70%;background:rgba(255,255,255,.78);animation-delay:calc(.15s * var(--spd))}
.ck-pv__page .h2{height:5px;width:46%;background:#2DD4BF;animation-delay:calc(.3s * var(--spd))}
.ck-pv__page .btn{height:8px;width:34%;border-radius:3px;margin-top:2px;
  background:linear-gradient(135deg,#5EEAD4,#0F766E);animation-delay:calc(.45s * var(--spd));
  box-shadow:0 0 0 0 rgba(45,212,191,.6)}
.ck-pv__page .bl{height:16px;border-radius:4px;margin-top:2px;
  background:linear-gradient(160deg,rgba(20,184,166,.26),rgba(4,17,15,.2));animation-delay:calc(.6s * var(--spd))}
.ck-pv__page .t1{height:3px;width:88%;animation-delay:calc(.75s * var(--spd))}
.ck-pv__page .t2{height:3px;width:64%;animation-delay:calc(.85s * var(--spd))}
.ck-pv__page .bl2{height:12px;border-radius:4px;background:rgba(255,255,255,.10);animation-delay:calc(.95s * var(--spd))}
.ck-pv--br .ck-pv__view::after{content:"";position:absolute;left:5px;top:23px;width:34%;height:8px;border-radius:3px;
  pointer-events:none;box-shadow:0 0 0 0 rgba(45,212,191,.55);
  animation:ck-pv-btnglow calc(7s * var(--spd)) ease-out infinite}
@keyframes ck-pv-btnglow{0%,58%{box-shadow:0 0 0 0 rgba(45,212,191,.55)}70%{box-shadow:0 0 0 5px rgba(45,212,191,0)}100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}}

/* ---- 4. video ---- */
.ck-pv--vd{align-items:center;justify-content:center;gap:7px;padding:9px}
.ck-pv--vd::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 70% at 50% 38%,rgba(20,184,166,.24),rgba(4,17,15,0) 68%)}
.ck-pv__play{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,rgba(255,255,255,.94),rgba(226,255,250,.86));
  box-shadow:0 4px 12px -4px rgba(0,0,0,.6);
  animation:ck-pv-play calc(5.6s * var(--spd)) ease-in-out infinite}
.ck-pv__play svg{fill:#0F766E;margin-left:1px}
@keyframes ck-pv-play{0%,100%{transform:scale(1);box-shadow:0 4px 12px -4px rgba(0,0,0,.6),0 0 0 0 rgba(94,234,212,.5)}
  50%{transform:scale(1.07);box-shadow:0 4px 12px -4px rgba(0,0,0,.6),0 0 0 7px rgba(94,234,212,0)}}
.ck-pv__wave{position:relative;display:flex;align-items:center;justify-content:center;gap:2px;height:16px;width:100%}
.ck-pv__wave i{width:2px;height:100%;border-radius:2px;transform-origin:center;transform:scaleY(.25);
  background:linear-gradient(180deg,#5EEAD4,rgba(15,118,110,.5));
  animation:ck-pv-wave calc(1.4s * var(--spd)) ease-in-out infinite}
.ck-pv__wave i:nth-child(1){animation-delay:calc(-.1s * var(--spd))}
.ck-pv__wave i:nth-child(2){animation-delay:calc(-.25s * var(--spd))}
.ck-pv__wave i:nth-child(3){animation-delay:calc(-.4s * var(--spd))}
.ck-pv__wave i:nth-child(4){animation-delay:calc(-.55s * var(--spd))}
.ck-pv__wave i:nth-child(5){animation-delay:calc(-.7s * var(--spd))}
.ck-pv__wave i:nth-child(6){animation-delay:calc(-.85s * var(--spd))}
.ck-pv__wave i:nth-child(7){animation-delay:calc(-1s * var(--spd))}
.ck-pv__wave i:nth-child(8){animation-delay:calc(-1.15s * var(--spd))}
.ck-pv__wave i:nth-child(9){animation-delay:calc(-1.3s * var(--spd))}
.ck-pv__wave i:nth-child(10){animation-delay:calc(-1.45s * var(--spd))}
@keyframes ck-pv-wave{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.ck-pv__prog{position:relative;overflow:hidden;width:100%;height:3px;border-radius:999px;
  background:rgba(255,255,255,.14);flex:none}
.ck-pv__prog b{position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,#0F766E,#5EEAD4);
  animation:ck-pv-prog calc(5.6s * var(--spd)) linear infinite}
@keyframes ck-pv-prog{0%{transform:scaleX(0)}92%{transform:scaleX(1)}100%{transform:scaleX(0)}}

/* ---- responsive ---- */
@media (max-width:1240px){
  .ck-sc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .ck-pv{width:min(150px,44%)}
}
@media (max-width:1024px){
  .ck-sc{padding-block:96px}
  .ck-sc__inner{padding-inline:32px;gap:44px}
  .ck-sc__head{grid-template-columns:1fr;gap:20px;align-items:start}
}
@media (max-width:768px){
  .ck-sc__inner{padding-inline:24px}
  .ck-sv{padding:24px;border-radius:24px;gap:20px}
}
@media (max-width:640px){
  .ck-sc{padding-block:80px}
  .ck-sc__inner{padding-inline:20px}
  .ck-sc__grid{grid-template-columns:1fr}
  .ck-pv{width:min(140px,42%)}
  .ck-sv__icon{width:48px;height:48px}
  .ck-sv__title{font-size:18px}
}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .ck-pv *,.ck-pv,.ck-pv--br .ck-pv__view::after{animation:none !important}
  .ck-pv__line{stroke-dashoffset:0}
  .ck-pv__area,.ck-pv__dot,.ck-pv__page b{opacity:1}
  .ck-pv__load,.ck-pv__prog b{transform:scaleX(1)}
  .ck-pv__wave i{transform:scaleY(.6)}
  .ck-pv__toast{opacity:1}
  .ck-pv__heart{fill:#F87171}
  .ck-sv:hover{transform:none}
}

/* ===================== WHY CHOOSE US / RESULTS (scoped: .ck-kd / .ck-dash / .ck-kpi) ===================== */
.ck-kd{position:relative;overflow:hidden;isolation:isolate;padding-block:144px;background:#0A0A0A}
.ck-kd__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(44% 54% at 76% 26%,rgba(20,184,166,.19) 0%,rgba(10,10,10,0) 66%),
    radial-gradient(38% 46% at 8% 88%,rgba(15,118,110,.13) 0%,rgba(10,10,10,0) 64%),
    linear-gradient(180deg,#04120F 0%,#080D0C 48%,#03100E 100%);
  animation:ck-kd-breathe 15s ease-in-out infinite}
@keyframes ck-kd-breathe{0%,100%{opacity:.9}50%{opacity:1}}
.ck-kd__grid{position:absolute;inset:0;pointer-events:none;opacity:.12;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(66% 70% at 72% 42%,#000 0%,transparent 78%);
  mask-image:radial-gradient(66% 70% at 72% 42%,#000 0%,transparent 78%);
  animation:ck-kd-drift 44s linear infinite}
@keyframes ck-kd-drift{to{background-position:72px 72px,72px 72px}}
.ck-kd__noise{position:absolute;inset:0;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:ck-kd-shimmer 8s steps(4) infinite}
@keyframes ck-kd-shimmer{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(-4px,3px,0)}50%{transform:translate3d(3px,-3px,0)}75%{transform:translate3d(-2px,-4px,0)}100%{transform:translate3d(0,0,0)}}
.ck-kd__dust{position:absolute;inset:0;pointer-events:none}
.ck-kd__dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#5EEAD4;opacity:.26;
  box-shadow:0 0 8px rgba(94,234,212,.7);animation:ck-kd-dust 20s ease-in-out infinite}
.ck-kd__dust i:nth-child(1){top:18%;left:62%}
.ck-kd__dust i:nth-child(2){top:34%;left:88%;animation-delay:-4s;width:2px;height:2px}
.ck-kd__dust i:nth-child(3){top:72%;left:70%;animation-delay:-8s;width:2px;height:2px}
.ck-kd__dust i:nth-child(4){top:56%;left:14%;animation-delay:-12s}
.ck-kd__dust i:nth-child(5){top:24%;left:34%;animation-delay:-16s;width:2px;height:2px}
.ck-kd__dust i:nth-child(6){top:84%;left:46%;animation-delay:-6s;width:2px;height:2px}
@keyframes ck-kd-dust{0%,100%{transform:translate3d(0,0,0);opacity:.14}50%{transform:translate3d(0,-22px,0);opacity:.44}}

.ck-kd__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px;
  display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.28fr);gap:72px;align-items:center}
.ck-kd__copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.ck-kd__title{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3vw,42px);line-height:1.12;
  letter-spacing:-.03em;color:#fff;margin:0}
.ck-kd__lede{font-size:16px;line-height:1.72;color:rgba(255,255,255,.62);max-width:42ch;margin:0}

/* ---- one dashboard panel ---- */
.ck-dash{position:relative;border-radius:28px;padding:30px 32px 34px;min-width:0;
  background:linear-gradient(155deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.022) 100%);
  backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 70px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),
             border-color .45s cubic-bezier(.22,1,.36,1),backdrop-filter .45s ease}
.ck-dash__aura{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(58% 74% at 78% 6%,rgba(20,184,166,.20) 0%,rgba(4,17,15,0) 62%);
  opacity:.85;animation:ck-dash-pulse 9s ease-in-out infinite}
@keyframes ck-dash-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@media (hover:hover) and (pointer:fine){
  .ck-dash:hover{transform:translateY(-6px);border-color:rgba(45,212,191,.32);
    backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%);
    box-shadow:0 44px 96px -40px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.22),0 0 0 5px rgba(20,184,166,.07)}
  .ck-dash:hover .ck-dash__aura{opacity:1}
  .ck-dash:hover .ck-kpi__viz{transform:translateY(-2px)}
}

.ck-dash__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid rgba(255,255,255,.09)}
.ck-dash__ttl{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.46)}
.ck-dash__live{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;
  font-size:11px;font-weight:600;color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.ck-dash__live i{width:6px;height:6px;border-radius:50%;background:#2DD4BF;flex:none;
  box-shadow:0 0 0 0 rgba(45,212,191,.55);animation:ck-live 3.2s ease-out infinite}
@keyframes ck-live{0%{box-shadow:0 0 0 0 rgba(45,212,191,.55)}70%{box-shadow:0 0 0 7px rgba(45,212,191,0)}100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}}

.ck-dash__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}
.ck-kpi{display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-kpi__v{font-family:var(--font-numeric);font-weight:700;font-size:clamp(28px,2.5vw,36px);line-height:1;
  letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.ck-kpi__l{font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.56);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.ck-kpi__viz{width:100%;height:38px;margin-top:8px;overflow:visible;
  transition:transform .45s cubic-bezier(.22,1,.36,1)}

/* entry animations - play once when .is-in is set */
.ck-spark__line{stroke:#2DD4BF;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 4px rgba(45,212,191,.55));stroke-dasharray:180;stroke-dashoffset:180}
.ck-spark__area{opacity:0}
.ck-spark__tip{fill:#5EEAD4;opacity:0}
.is-in .ck-spark__line{animation:ck-draw 1.8s cubic-bezier(.22,1,.36,1) forwards}
.is-in .ck-spark__area{animation:ck-fade 1.8s ease-out .3s forwards}
.is-in .ck-spark__tip{animation:ck-fade 1s ease-out 1.4s forwards,ck-tip 3.6s ease-in-out 2.4s infinite}
@keyframes ck-draw{to{stroke-dashoffset:0}}
@keyframes ck-fade{to{opacity:1}}
@keyframes ck-tip{0%,100%{r:2.6;opacity:1}50%{r:3.4;opacity:.7}}

.ck-node__links line{stroke:rgba(45,212,191,.30);stroke-width:1.4;stroke-dasharray:70;stroke-dashoffset:70}
.ck-node__pts circle{fill:#2DD4BF;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);
  filter:drop-shadow(0 0 4px rgba(45,212,191,.6))}
.is-in .ck-node__links line{animation:ck-draw2 1.6s ease-out forwards}
.is-in .ck-node__links line:nth-child(2){animation-delay:.12s}
.is-in .ck-node__links line:nth-child(3){animation-delay:.24s}
.is-in .ck-node__links line:nth-child(4){animation-delay:.36s}
.is-in .ck-node__links line:nth-child(5){animation-delay:.48s}
@keyframes ck-draw2{to{stroke-dashoffset:0}}
.is-in .ck-node__pts circle{animation:ck-node 1.4s cubic-bezier(.22,1,.36,1) forwards,ck-nodepulse 4.5s ease-in-out 2s infinite}
.is-in .ck-node__pts circle:nth-child(2){animation-delay:.14s,2.14s}
.is-in .ck-node__pts circle:nth-child(3){animation-delay:.28s,2.28s}
.is-in .ck-node__pts circle:nth-child(4){animation-delay:.42s,2.42s}
.is-in .ck-node__pts circle:nth-child(5){animation-delay:.56s,2.56s}
@keyframes ck-node{to{opacity:1;transform:scale(1)}}
@keyframes ck-nodepulse{0%,100%{opacity:1}50%{opacity:.55}}

.ck-kpi__viz--ring{display:flex;align-items:center;gap:12px}
.ck-kpi__viz--ring svg{width:38px;height:38px;flex:none;transform:rotate(-90deg)}
.ck-ring__trk{stroke:rgba(255,255,255,.12);stroke-width:3.5;fill:none}
.ck-ring__val{stroke:#2DD4BF;stroke-width:3.5;fill:none;stroke-linecap:round;
  filter:drop-shadow(0 0 4px rgba(45,212,191,.6));stroke-dasharray:100.5;stroke-dashoffset:100.5}
.is-in .ck-ring__val{animation:ck-ring 1.9s cubic-bezier(.22,1,.36,1) forwards}
@keyframes ck-ring{to{stroke-dashoffset:5}}
.ck-ring__bars{display:flex;align-items:flex-end;gap:3px;height:26px;flex:1;min-width:0}
.ck-ring__bars i{flex:1;border-radius:2px;transform-origin:bottom;transform:scaleY(0);height:100%;
  background:linear-gradient(180deg,rgba(45,212,191,.85),rgba(15,118,110,.25))}
.is-in .ck-ring__bars i{animation:ck-bar 1.5s cubic-bezier(.22,1,.36,1) forwards}
.is-in .ck-ring__bars i:nth-child(1){animation-delay:.1s;--h:.45}
.is-in .ck-ring__bars i:nth-child(2){animation-delay:.22s;--h:.68}
.is-in .ck-ring__bars i:nth-child(3){animation-delay:.34s;--h:.86}
.is-in .ck-ring__bars i:nth-child(4){animation-delay:.46s;--h:1}
@keyframes ck-bar{to{transform:scaleY(var(--h,1))}}

.ck-kpi__viz--tl{position:relative;display:flex;align-items:center;height:38px}
.ck-tl__rail{position:relative;width:100%;height:3px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}
.ck-tl__fill{position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,#0F766E,#5EEAD4)}
.is-in .ck-tl__fill{animation:ck-tlfill 1.9s cubic-bezier(.22,1,.36,1) forwards}
@keyframes ck-tlfill{to{transform:scaleX(1)}}
.ck-tl__pts{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between}
.ck-tl__pts i{width:8px;height:8px;border-radius:50%;background:#04110F;flex:none;opacity:0;
  box-shadow:inset 0 0 0 2px #2DD4BF,0 0 8px rgba(45,212,191,.7);transform:scale(.5)}
.is-in .ck-tl__pts i{animation:ck-node 1.2s cubic-bezier(.22,1,.36,1) forwards,ck-nodepulse 4.5s ease-in-out 2.2s infinite}
.is-in .ck-tl__pts i:nth-child(2){animation-delay:.32s,2.5s}
.is-in .ck-tl__pts i:nth-child(3){animation-delay:.64s,2.8s}
.is-in .ck-tl__pts i:nth-child(4){animation-delay:.96s,3.1s}

/* ---- responsive ---- */
@media (max-width:1240px){
  .ck-kd__inner{gap:56px}
  .ck-dash__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
}
@media (max-width:1024px){
  .ck-kd{padding-block:96px}
  .ck-kd__inner{grid-template-columns:1fr;gap:44px;padding-inline:32px}
  .ck-kd__lede{max-width:56ch}
  .ck-dash{padding:28px}
}
@media (max-width:768px){
  .ck-kd__inner{padding-inline:24px}
}
@media (max-width:640px){
  .ck-kd{padding-block:80px}
  .ck-kd__inner{padding-inline:20px;gap:36px}
  .ck-dash{padding:24px 22px 26px;border-radius:24px}
  .ck-dash__hd{padding-bottom:18px;margin-bottom:22px}
  .ck-dash__grid{gap:26px 20px}
  .ck-kpi__l{font-size:12px;white-space:normal}
  .ck-kpi__viz{height:34px}
  .ck-kd__dust i:nth-child(n+4){display:none}
}

/* ---- reduced motion: static dashboard ---- */
@media (prefers-reduced-motion:reduce){
  .ck-kd__bg,.ck-kd__grid,.ck-kd__noise,.ck-kd__dust i,.ck-dash__aura,.ck-dash__live i{animation:none !important}
  .ck-spark__line,.ck-node__links line{animation:none !important;stroke-dashoffset:0}
  .ck-spark__area,.ck-spark__tip,.ck-node__pts circle,.ck-tl__pts i{animation:none !important;opacity:1;transform:scale(1)}
  .ck-ring__val{animation:none !important;stroke-dashoffset:5}
  .ck-ring__bars i{animation:none !important;transform:scaleY(var(--h,.8))}
  .ck-ring__bars i:nth-child(1){--h:.45}.ck-ring__bars i:nth-child(2){--h:.68}
  .ck-ring__bars i:nth-child(3){--h:.86}.ck-ring__bars i:nth-child(4){--h:1}
  .ck-tl__fill{animation:none !important;transform:scaleX(1)}
  .ck-dash{transition:none}
}

/* ===================== CASE STUDY SHOWCASE (scoped: .ck-cs / .ck-ph) ===================== */
.ck-cs{position:relative;overflow:hidden;isolation:isolate;padding-block:144px;background:#FFFFFF}
.ck-cs__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(44% 40% at 84% 10%,rgba(20,184,166,.11) 0%,rgba(255,255,255,0) 66%),
    radial-gradient(40% 38% at 4% 86%,rgba(15,118,110,.075) 0%,rgba(255,255,255,0) 64%),
    linear-gradient(180deg,#FFFFFF 0%,#FAFDFD 46%,#F5F9F9 100%)}
.ck-cs__noise{position:absolute;inset:0;pointer-events:none;opacity:.028;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.ck-cs__radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

.ck-cs__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px;
  display:flex;flex-direction:column;gap:56px}
.ck-cs__head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:end}

/* ---- stage: panels stacked in one grid cell (no layout shift) ---- */
.ck-cs__stage{display:grid}
.ck-cs__panel{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:56px;align-items:center;
  opacity:0;visibility:hidden;transform:translate3d(0,16px,0) scale(.985);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),visibility 0s .6s}
#ck-cs-0:checked ~ .ck-cs__inner .ck-cs__panel--0,
#ck-cs-1:checked ~ .ck-cs__inner .ck-cs__panel--1,
#ck-cs-2:checked ~ .ck-cs__inner .ck-cs__panel--2,
#ck-cs-3:checked ~ .ck-cs__inner .ck-cs__panel--3,
#ck-cs-4:checked ~ .ck-cs__inner .ck-cs__panel--4{
  opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);transition-delay:0s,0s,0s}

/* ---- device showcase ---- */
.ck-cs__visual{position:relative;perspective:1400px;--tx:0;--ty:0;padding-bottom:26px}
.ck-cs__frame{position:relative;border-radius:22px;overflow:hidden;
  transform:rotateX(calc(var(--ty) * -2.2deg)) rotateY(calc(var(--tx) * 2.6deg)) translate3d(0,0,0);
  transform-style:preserve-3d;
  box-shadow:0 2px 6px rgba(15,23,42,.06),0 40px 80px -34px rgba(15,23,42,.42);
  transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}
.ck-cs__shot{display:block;width:100%;height:auto;border-radius:inherit}
.ck-cs__sheen{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.5;
  background:linear-gradient(118deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.22) 48%,rgba(255,255,255,0) 62%);
  transform:translate3d(-24%,0,0);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .5s ease}
@media (hover:hover) and (pointer:fine){
  .ck-cs__visual:hover .ck-cs__frame{box-shadow:0 4px 10px rgba(15,23,42,.07),0 56px 110px -38px rgba(15,23,42,.52)}
  .ck-cs__visual:hover .ck-cs__sheen{transform:translate3d(24%,0,0);opacity:.75}
  .ck-cs__visual:hover .ck-ph{transform:translate3d(calc(var(--tx) * -10px),calc(var(--ty) * -8px),0) rotate(-2deg)}
}

/* floating phone with live auto-scrolling preview */
.ck-ph{position:absolute;right:-10px;bottom:0;width:22%;max-width:132px;aspect-ratio:9/19;
  border-radius:18px;padding:5px;z-index:2;
  background:linear-gradient(160deg,#2A2F2E 0%,#0C1211 100%);
  box-shadow:0 26px 50px -22px rgba(15,23,42,.62),inset 0 0 0 1px rgba(255,255,255,.14);
  transition:transform .5s cubic-bezier(.22,1,.36,1);
  animation:ck-ph-float 9s ease-in-out infinite}
@keyframes ck-ph-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
.ck-ph__notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:26%;height:4px;border-radius:99px;
  background:rgba(255,255,255,.20);z-index:3}
.ck-ph__screen{position:relative;display:block;height:100%;border-radius:14px;overflow:hidden;
  background:linear-gradient(170deg,#0B2521 0%,#04110F 100%)}
.ck-ph__page{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:4px;padding:9px 7px;
  animation:ck-ph-scroll 22s linear infinite}
@keyframes ck-ph-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.ck-ph__page b{display:block;border-radius:3px;background:rgba(255,255,255,.16);flex:none}
.ck-ph__page .nav{height:5px;width:60%;background:rgba(255,255,255,.30)}
.ck-ph__page .h1{height:6px;width:88%;background:rgba(255,255,255,.80);margin-top:4px}
.ck-ph__page .h2{height:6px;width:56%;background:#2DD4BF}
.ck-ph__page .tx{height:3px;width:92%;background:rgba(255,255,255,.18)}
.ck-ph__page .tx.s{width:66%}
.ck-ph__page .btn{height:9px;width:44%;border-radius:4px;margin-top:3px;
  background:linear-gradient(135deg,#5EEAD4,#0F766E)}
.ck-ph__page .art{height:34px;border-radius:6px;margin-top:4px;
  background:radial-gradient(120% 100% at 70% 0%,rgba(20,184,166,.34),rgba(4,17,15,0) 62%),linear-gradient(160deg,#123833,#04110F)}
.ck-ph__page .card{height:18px;border-radius:5px;background:rgba(255,255,255,.07);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ck-ph__page .foot{height:14px;border-radius:5px;background:rgba(255,255,255,.05);margin-top:4px}
.ck-ph__glass{position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(150deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,0) 38%)}

/* ---- project info ---- */
.ck-cs__info{display:flex;flex-direction:column;gap:16px;min-width:0}
.ck-cs__ind{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 13px;border-radius:999px;
  font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0F766E;
  background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.20)}
.ck-cs__ind i{width:5px;height:5px;border-radius:50%;background:#14B8A6;flex:none}
.ck-cs__name{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,2.6vw,36px);line-height:1.14;
  letter-spacing:-.03em;color:#111827;margin:0}
.ck-cs__cat{font-size:13.5px;font-weight:600;color:#6B7280;letter-spacing:-.01em}
.ck-cs__sum{font-size:15.5px;line-height:1.72;color:#4B5563;margin:0;max-width:46ch}
.ck-cs__tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.ck-cs__tags li{padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600;color:#374151;
  background:#F3F6F6;border:1px solid rgba(17,24,39,.06)}
.ck-cs__cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:8px;
  padding:14px 24px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,#14B8A6 0%,#0F766E 100%);
  box-shadow:0 12px 28px -12px rgba(15,118,110,.55);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}
.ck-cs__cta svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ck-cs__cta:hover{transform:translateY(-2px);color:#fff;box-shadow:0 18px 38px -14px rgba(15,118,110,.66)}
.ck-cs__cta:hover svg{transform:translateX(4px)}

/* ---- thumbnail rail ---- */
.ck-cs__rail{position:relative;margin-inline:-4px}
.ck-cs__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:4px;list-style:none}
.ck-cs__thumb{display:flex;flex-direction:column;gap:10px;cursor:pointer;border-radius:16px;padding:8px;
  background:rgba(255,255,255,.6);border:1px solid rgba(17,24,39,.07);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),background .3s ease}
.ck-cs__tshot{display:block;overflow:hidden;border-radius:10px;aspect-ratio:16/10;background:#0C2C27}
.ck-cs__tshot img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.22,1,.36,1),filter .3s ease;filter:saturate(.82) brightness(.94)}
.ck-cs__tmeta{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}
.ck-cs__tname{font-family:var(--font-display);font-weight:700;font-size:13.5px;letter-spacing:-.015em;color:#111827;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-cs__tind{font-size:11.5px;color:#9CA3AF}
@media (hover:hover) and (pointer:fine){
  .ck-cs__thumb:hover{transform:translateY(-4px) scale(1.03);border-color:rgba(20,184,166,.42);
    box-shadow:0 18px 34px -18px rgba(15,118,110,.45),0 0 0 4px rgba(20,184,166,.08)}
  .ck-cs__thumb:hover .ck-cs__tshot img{transform:scale(1.06);filter:saturate(1) brightness(1)}
}
#ck-cs-0:checked ~ .ck-cs__inner .ck-cs__thumb--0,
#ck-cs-1:checked ~ .ck-cs__inner .ck-cs__thumb--1,
#ck-cs-2:checked ~ .ck-cs__inner .ck-cs__thumb--2,
#ck-cs-3:checked ~ .ck-cs__inner .ck-cs__thumb--3,
#ck-cs-4:checked ~ .ck-cs__inner .ck-cs__thumb--4{
  background:#fff;border-color:rgba(20,184,166,.55);
  box-shadow:0 14px 30px -16px rgba(15,118,110,.42),0 0 0 4px rgba(20,184,166,.10)}
#ck-cs-0:checked ~ .ck-cs__inner .ck-cs__thumb--0 .ck-cs__tshot img,
#ck-cs-1:checked ~ .ck-cs__inner .ck-cs__thumb--1 .ck-cs__tshot img,
#ck-cs-2:checked ~ .ck-cs__inner .ck-cs__thumb--2 .ck-cs__tshot img,
#ck-cs-3:checked ~ .ck-cs__inner .ck-cs__thumb--3 .ck-cs__tshot img,
#ck-cs-4:checked ~ .ck-cs__inner .ck-cs__thumb--4 .ck-cs__tshot img{filter:saturate(1) brightness(1)}
.ck-cs__radio:focus-visible ~ .ck-cs__inner .ck-cs__thumbs{outline:2px solid #2DD4BF;outline-offset:6px;border-radius:20px}

/* ---- enter animation ---- */
@keyframes ck-cs-up{from{opacity:0;transform:translate3d(0,26px,0) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .ck-cs__stage{animation:ck-cs-up .9s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 22%}
    .ck-cs__thumbs li{animation:ck-cs-up .8s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 26%}
    .ck-cs__thumbs li:nth-child(2){animation-range:entry 2% cover 28%}
    .ck-cs__thumbs li:nth-child(3){animation-range:entry 4% cover 30%}
    .ck-cs__thumbs li:nth-child(4){animation-range:entry 6% cover 32%}
    .ck-cs__thumbs li:nth-child(5){animation-range:entry 8% cover 34%}
  }
}

/* ---- responsive ---- */
@media (max-width:1240px){
  .ck-cs__panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px}
  .ck-cs__thumbs{gap:14px}
}
@media (max-width:1024px){
  .ck-cs{padding-block:96px}
  .ck-cs__inner{padding-inline:32px;gap:44px}
  .ck-cs__head{grid-template-columns:1fr;gap:20px;align-items:start}
  .ck-cs__panel{grid-template-columns:1fr;gap:36px}
  .ck-cs__sum{max-width:60ch}
  /* scrollable thumbnail row */
  .ck-cs__rail{margin-inline:-32px}
  .ck-cs__thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 32px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ck-cs__thumbs::-webkit-scrollbar{display:none}
  .ck-cs__thumbs li{flex:0 0 218px;scroll-snap-align:start}
}
@media (max-width:768px){
  .ck-cs__inner{padding-inline:24px}
  .ck-cs__rail{margin-inline:-24px}
  .ck-cs__thumbs{padding:4px 24px}
}
@media (max-width:640px){
  .ck-cs{padding-block:80px}
  .ck-cs__inner{padding-inline:20px;gap:36px}
  .ck-cs__rail{margin-inline:-20px}
  .ck-cs__thumbs{padding:4px 20px;gap:12px}
  .ck-cs__thumbs li{flex:0 0 184px}
  .ck-cs__panel{gap:28px}
  .ck-ph{width:26%;max-width:104px;right:-4px}
  .ck-cs__frame{border-radius:16px}
  .ck-cs__cta{width:100%;justify-content:center}
  .ck-cs__tags li{font-size:11.5px;padding:6px 11px}
}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .ck-ph,.ck-ph__page{animation:none !important}
  .ck-cs__frame{transform:none !important}
  .ck-cs__sheen{transform:none !important}
  .ck-cs__panel{transition:opacity .01ms}
  .ck-cs__thumb:hover,.ck-cs__cta:hover{transform:none}
}

/* ===================== ABOUT PAGE (scoped: .ck-ab / .ck-fnd / .ck-tline / .ck-steps) ===================== */
.ck-ab{position:relative;overflow:hidden;isolation:isolate;padding-block:144px}
.ck-ab--light{background:#F8FAFC}
.ck-ab--ink{background:#0A0A0A}
.ck-ab--light .ck-ab__bg{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(44% 40% at 84% 8%,rgba(20,184,166,.10) 0%,rgba(248,250,252,0) 66%),
    radial-gradient(38% 36% at 4% 92%,rgba(15,118,110,.07) 0%,rgba(248,250,252,0) 64%),
    linear-gradient(180deg,#FFFFFF 0%,#F9FCFC 46%,#F4F8F8 100%)}
.ck-ab--ink .ck-ab__bg{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,#04120F 0%,#080D0C 48%,#03100E 100%)}
.ck-ab__glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(42% 52% at 76% 24%,rgba(20,184,166,.17) 0%,rgba(10,10,10,0) 66%),
    radial-gradient(36% 44% at 8% 88%,rgba(15,118,110,.12) 0%,rgba(10,10,10,0) 64%);
  animation:ck-kd-breathe 15s ease-in-out infinite}
.ck-ab__noise{position:absolute;inset:0;pointer-events:none;opacity:.028;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.ck-ab__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin-inline:auto;padding-inline:40px;
  display:flex;flex-direction:column;gap:56px}
.ck-ab__head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:end}
.ck-ab__split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:72px;align-items:start}
.ck-ab__split--trust{align-items:center}
.ck-ab__lead{display:flex;flex-direction:column;gap:18px;position:sticky;top:120px}
.ck-ab__h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,2.9vw,40px);line-height:1.14;
  letter-spacing:-.03em;color:#111827;margin:0}
.ck-ab__lede{font-size:16px;line-height:1.72;color:#6B7280;margin:0;max-width:42ch}
.ck-ab__lede--inv{color:rgba(255,255,255,.62)}

/* hero orbit */
.ck-ab-hero .ck-hx__copy h1{font-size:clamp(34px,4.1vw,58px);line-height:1.06}
.ck-ab-orbit{position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:1;
  display:flex;align-items:center;justify-content:center}
.ck-ab-orbit__ring{position:absolute;width:64%;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(45,212,191,.18);box-shadow:inset 0 0 80px rgba(20,184,166,.14)}
.ck-ab-orbit__ring--out{width:88%;border-color:rgba(45,212,191,.10);box-shadow:none;
  animation:ck-cta-breath 11s ease-in-out infinite}
.ck-ab-orbit__core{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;
  width:40%;aspect-ratio:1;border-radius:50%;padding:14%;
  background:radial-gradient(circle at 36% 30%,rgba(94,234,212,.34),rgba(15,118,110,.16) 46%,rgba(4,17,15,.6) 74%);
  box-shadow:0 0 70px rgba(20,184,166,.30),inset 0 0 0 1px rgba(255,255,255,.10);
  animation:ck-cta-orb 9s ease-in-out infinite}
.ck-ab-orbit__core img{width:100%;height:auto;display:block}
.ck-ab-chip{position:absolute;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  padding:8px 14px;border-radius:999px;font-family:var(--font-body);font-size:12px;font-weight:600;
  color:rgba(255,255,255,.88);
  background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 34px -20px rgba(0,0,0,.9);
  animation:ck-p-float 13s ease-in-out infinite}
.ck-ab-chip i{width:5px;height:5px;border-radius:50%;background:#2DD4BF;flex:none;
  box-shadow:0 0 8px rgba(45,212,191,.9)}
.ck-ab-chip--a{top:4%;left:16%;animation-duration:12s}
.ck-ab-chip--b{top:20%;right:2%;animation-duration:15s;animation-delay:-3s}
.ck-ab-chip--c{top:46%;left:-2%;animation-duration:14s;animation-delay:-6s}
.ck-ab-chip--d{bottom:20%;right:0;animation-duration:16s;animation-delay:-2s}
.ck-ab-chip--e{bottom:4%;left:22%;animation-duration:13s;animation-delay:-8s}
.ck-ab-chip--f{top:32%;right:22%;animation-duration:17s;animation-delay:-5s}
.ck-ab-chip--g{bottom:34%;left:14%;animation-duration:15s;animation-delay:-10s}

/* story timeline */
.ck-tline{position:relative;display:flex;flex-direction:column;gap:0;margin:0;padding:0 0 0 34px;list-style:none}
.ck-tline::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;
  background:linear-gradient(180deg,rgba(20,184,166,.05),rgba(20,184,166,.45) 18%,rgba(20,184,166,.45) 82%,rgba(20,184,166,.05))}
.ck-tline__item{position:relative;padding-block:22px}
.ck-tline__item + .ck-tline__item{border-top:1px solid rgba(17,24,39,.07)}
.ck-tline__dot{position:absolute;left:-34px;top:30px;width:11px;height:11px;border-radius:50%;
  background:#F8FAFC;box-shadow:inset 0 0 0 2px #14B8A6,0 0 12px rgba(20,184,166,.6)}
.ck-tline__no{font-family:var(--font-numeric);font-size:12px;font-weight:700;letter-spacing:.08em;color:#0F766E}
.ck-tline__ttl{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em;
  color:#111827;margin:6px 0 8px}
.ck-tline__txt{font-size:15px;line-height:1.7;color:#6B7280;margin:0;max-width:52ch}

/* philosophy */
.ck-ab__stmt{display:flex;flex-direction:column;gap:20px;max-width:26ch}
.ck-ab__quote{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.4vw,46px);line-height:1.14;
  letter-spacing:-.035em;color:rgba(255,255,255,.42);margin:0;max-width:22ch}
.ck-ab__quote span{color:#fff;display:block}
.ck-ab__g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ck-gcard{display:flex;flex-direction:column;gap:14px;padding:32px 28px;border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.022) 100%);
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 60px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}
.ck-gcard:hover{transform:translateY(-6px);border-color:rgba(45,212,191,.32);
  box-shadow:0 40px 80px -34px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 4px rgba(20,184,166,.07)}
.ck-gcard__ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;
  border-radius:14px;color:#5EEAD4;background:linear-gradient(140deg,rgba(94,234,212,.20),rgba(15,118,110,.14));
  border:1px solid rgba(94,234,212,.26);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ck-gcard:hover .ck-gcard__ico{transform:scale(1.06) rotate(-5deg)}
.ck-gcard__ttl{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:#fff;margin:0}
.ck-gcard__txt{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.6);margin:0}

/* why + values grids */
.ck-ab__g6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ck-wcard{display:flex;align-items:center;gap:16px;padding:24px 26px;border-radius:20px;background:#fff;
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 10px 24px -18px rgba(17,24,39,.18);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}
.ck-wcard:hover{transform:translateY(-5px);border-color:rgba(20,184,166,.4);
  box-shadow:0 4px 10px rgba(17,24,39,.05),0 26px 50px -24px rgba(17,24,39,.26),0 0 0 4px rgba(20,184,166,.07)}
.ck-wcard__ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;
  border-radius:50%;color:#0F766E;background:linear-gradient(145deg,rgba(94,234,212,.28),rgba(240,253,250,.9));
  border:1px solid rgba(20,184,166,.20);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ck-wcard:hover .ck-wcard__ico{transform:scale(1.08) rotate(-6deg)}
.ck-wcard__ttl{font-family:var(--font-display);font-weight:700;font-size:16.5px;letter-spacing:-.02em;color:#111827;margin:0}
.ck-vcard{display:flex;flex-direction:column;gap:12px;padding:28px 26px;border-radius:22px;background:#fff;
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 10px 24px -18px rgba(17,24,39,.18);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}
.ck-vcard:hover{transform:translateY(-6px);border-color:rgba(20,184,166,.4);
  box-shadow:0 4px 10px rgba(17,24,39,.05),0 28px 54px -24px rgba(17,24,39,.26),0 0 0 4px rgba(20,184,166,.07)}
.ck-vcard__ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;
  border-radius:14px;color:#0F766E;background:linear-gradient(140deg,rgba(240,253,250,.95),#fff);
  box-shadow:inset 0 0 0 1px rgba(15,118,110,.14);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ck-vcard:hover .ck-vcard__ico{transform:scale(1.07) rotate(-4deg)}
.ck-vcard__ttl{font-family:var(--font-display);font-weight:700;font-size:17.5px;letter-spacing:-.02em;color:#111827;margin:0}
.ck-vcard__txt{font-size:14px;line-height:1.68;color:#6B7280;margin:0}

/* process steps */
.ck-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.ck-steps__item{position:relative;padding:28px 26px;border-radius:22px;
  background:linear-gradient(155deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s ease,background .4s ease}
.ck-steps__item::before{content:"";position:absolute;left:26px;right:26px;top:0;height:1px;
  background:linear-gradient(90deg,rgba(45,212,191,0),rgba(45,212,191,.5),rgba(45,212,191,0));
  opacity:0;transition:opacity .4s ease}
.ck-steps__item:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(45,212,191,.34);
  box-shadow:0 34px 70px -30px rgba(0,0,0,.9),0 0 0 4px rgba(20,184,166,.06)}
.ck-steps__item:hover::before{opacity:1}
.ck-steps__no{font-family:var(--font-numeric);font-size:12px;font-weight:700;letter-spacing:.1em;color:#2DD4BF}
.ck-steps__ttl{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:#fff;margin:8px 0 8px}
.ck-steps__txt{font-size:14px;line-height:1.68;color:rgba(255,255,255,.58);margin:0}

/* tech cloud */
.ck-cloud{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.ck-cloud__item{display:inline-flex;align-items:center;padding:14px 24px;border-radius:999px;
  font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:#374151;
  background:#fff;border:1px solid rgba(17,24,39,.07);
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 8px 20px -16px rgba(17,24,39,.2);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),
             color .3s ease,border-color .3s ease}
.ck-cloud__item:hover{transform:translateY(-3px) scale(1.05);color:#0F766E;border-color:rgba(20,184,166,.45);
  box-shadow:0 16px 34px -16px rgba(15,118,110,.5),0 0 0 4px rgba(20,184,166,.08)}

/* trust dashboard */
.ck-tdash__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.ck-tdash__row{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:14px;
  transition:background .3s ease}
.ck-tdash__row:hover{background:rgba(255,255,255,.045)}
.ck-tdash__row + .ck-tdash__row{border-top:1px solid rgba(255,255,255,.07)}
.ck-tdash__ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;
  border-radius:11px;color:#5EEAD4;background:rgba(20,184,166,.12);border:1px solid rgba(45,212,191,.22)}
.ck-tdash__txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;
  font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.52)}
.ck-tdash__txt b{font-family:var(--font-body);font-weight:600;font-size:14.5px;color:#fff;letter-spacing:-.01em}
.ck-tdash__bar{position:relative;width:64px;height:4px;border-radius:999px;flex:none;overflow:hidden;
  background:rgba(255,255,255,.10)}
.ck-tdash__bar i{position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,#0F766E,#5EEAD4)}
.is-in .ck-tdash__bar i{animation:ck-tlfill 1.6s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:calc(.15s + var(--i) * .12s)}

/* founder */
.ck-fnd__split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}
.ck-fnd__visual{position:relative;display:flex;align-items:center;justify-content:center}
.ck-fnd__aura{position:absolute;inset:-8%;border-radius:36px;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 40%,rgba(20,184,166,.26),rgba(4,17,15,0) 70%);
  filter:blur(8px);opacity:.85;transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.ck-fnd__frame{position:relative;margin:0;width:100%;max-width:420px;border-radius:28px;overflow:hidden;
  background:linear-gradient(160deg,#0C2C27,#04110F);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 40px 80px -34px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .45s ease}
.ck-fnd__frame img{width:100%;height:auto;display:block;border-radius:inherit}
@media (hover:hover) and (pointer:fine){
  .ck-fnd__visual:hover .ck-fnd__frame{transform:translateY(-8px);border-color:rgba(94,234,212,.34);
    box-shadow:0 56px 110px -40px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.2)}
  .ck-fnd__visual:hover .ck-fnd__aura{opacity:1;transform:scale(1.04)}
}
.ck-fnd__copy{display:flex;flex-direction:column;gap:16px;min-width:0}
.ck-fnd__h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3vw,42px);line-height:1.12;
  letter-spacing:-.03em;color:#fff;margin:0}
.ck-fnd__sub{font-size:17px;line-height:1.6;color:#5EEAD4;margin:0;font-weight:500}
.ck-fnd__body{font-size:16px;line-height:1.75;color:rgba(255,255,255,.64);margin:0;max-width:52ch}
.ck-fnd__sig{display:flex;align-items:center;gap:14px;margin-top:4px}
.ck-fnd__sigline{width:40px;height:1px;background:linear-gradient(90deg,#2DD4BF,rgba(45,212,191,0));flex:none}
.ck-fnd__sigtxt{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:rgba(255,255,255,.46)}
.ck-fnd__sigtxt b{font-family:var(--font-display);font-weight:800;font-size:15px;color:#fff;letter-spacing:-.01em}
.ck-fnd__badges{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:0;list-style:none}
.ck-fnd__badges li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;
  font-size:13px;font-weight:500;color:rgba(255,255,255,.76);
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ck-fnd__badges li span{color:#2DD4BF;font-weight:700;line-height:1}
.ck-fnd__cta{align-self:flex-start;margin-top:12px;padding:16px 28px;font-size:15.5px}

/* ---- responsive ---- */
@media (max-width:1240px){
  .ck-ab__split{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:56px}
  .ck-fnd__split{gap:56px}
  .ck-ab__g6,.ck-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  .ck-ab{padding-block:96px}
  .ck-ab__inner{padding-inline:32px;gap:44px}
  .ck-ab__head{grid-template-columns:1fr;gap:20px;align-items:start}
  .ck-ab__split,.ck-fnd__split{grid-template-columns:1fr;gap:40px}
  .ck-ab__lead{position:static}
  .ck-ab__g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-ab__stmt{max-width:none}
  .ck-ab__quote{max-width:30ch}
  .ck-ab-orbit{max-width:440px}
  .ck-fnd__visual{order:-1}
  .ck-fnd__frame{max-width:380px;margin-inline:auto}
}
@media (max-width:768px){
  .ck-ab__inner{padding-inline:24px}
  .ck-ab__g3,.ck-ab__g6,.ck-steps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ck-ab{padding-block:80px}
  .ck-ab__inner{padding-inline:20px;gap:36px}
  .ck-ab-orbit{max-width:320px}
  .ck-ab-chip{font-size:11px;padding:7px 11px}
  .ck-ab-chip--f,.ck-ab-chip--g{display:none}
  .ck-tline{padding-left:28px}
  .ck-tline__dot{left:-28px}
  .ck-fnd__frame{max-width:100%}
  .ck-fnd__copy{text-align:center;align-items:center}
  .ck-fnd__body,.ck-fnd__sub{max-width:none}
  .ck-fnd__badges{justify-content:center}
  .ck-fnd__cta{align-self:stretch;justify-content:center}
  .ck-cloud{justify-content:center}
  .ck-cloud__item{font-size:14.5px;padding:12px 18px}
  .ck-tdash__bar{width:44px}
}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .ck-ab-chip,.ck-ab-orbit__core,.ck-ab-orbit__ring--out,.ck-ab__glow{animation:none !important}
  .ck-tdash__bar i{animation:none !important;transform:scaleX(1)}
  .ck-gcard:hover,.ck-wcard:hover,.ck-vcard:hover,.ck-steps__item:hover,.ck-cloud__item:hover{transform:none}
}

.ck-cta2__note{cursor:default}
.ck-cta2__note span::after{display:none}
.ck-cta2__note:hover{color:rgba(255,255,255,.86)}

/* ===================== SERVICES PAGE (scoped: .ck-sv- / .ck-scard / .ck-det / .ck-vs / .ck-stack / .ck-faq / .ck-eco) ===================== */

/* hero ecosystem */
.ck-sv-hero .ck-hx__copy h1{font-size:clamp(32px,3.9vw,54px);line-height:1.08}
.ck-eco{position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:560/520;
  display:flex;align-items:center;justify-content:center}
.ck-eco__web{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ck-eco__lines path{stroke:rgba(45,212,191,.20);stroke-width:1.2;fill:none;stroke-linecap:round}
.ck-eco__pulse{stroke:#5EEAD4;stroke-width:1.8;fill:none;stroke-linecap:round;
  filter:drop-shadow(0 0 5px rgba(45,212,191,.8));
  stroke-dasharray:90 1400;stroke-dashoffset:1490;
  animation:ck-eco-run 11s linear infinite}
@keyframes ck-eco-run{from{stroke-dashoffset:1490}to{stroke-dashoffset:0}}
.ck-eco__core{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;
  width:34%;aspect-ratio:1;border-radius:50%;padding:12%;
  background:radial-gradient(circle at 36% 30%,rgba(94,234,212,.34),rgba(15,118,110,.16) 46%,rgba(4,17,15,.62) 74%);
  box-shadow:0 0 70px rgba(20,184,166,.30),inset 0 0 0 1px rgba(255,255,255,.10);
  animation:ck-cta-orb 9s ease-in-out infinite}
.ck-eco__core img{width:100%;height:auto;display:block}
.ck-eco__chip{position:absolute;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  padding:8px 14px;border-radius:999px;font-family:var(--font-body);font-size:11.5px;font-weight:600;
  color:rgba(255,255,255,.88);
  background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 34px -20px rgba(0,0,0,.9);
  animation:ck-p-float 14s ease-in-out infinite}
.ck-eco__chip i{width:5px;height:5px;border-radius:50%;background:#2DD4BF;flex:none;
  box-shadow:0 0 8px rgba(45,212,191,.9)}
.ck-eco__chip--0{top:12%;left:8%;animation-duration:13s}
.ck-eco__chip--1{top:16%;right:2%;animation-duration:16s;animation-delay:-3s}
.ck-eco__chip--2{top:46%;left:-2%;animation-duration:15s;animation-delay:-6s}
.ck-eco__chip--3{top:52%;right:0;animation-duration:14s;animation-delay:-9s}
.ck-eco__chip--4{bottom:12%;left:14%;animation-duration:17s;animation-delay:-2s}
.ck-eco__chip--5{bottom:6%;left:46%;animation-duration:13s;animation-delay:-11s}
.ck-eco__chip--6{bottom:16%;right:6%;animation-duration:15s;animation-delay:-5s}

/* philosophy */
.ck-sv-phil{display:flex;flex-direction:column;gap:22px;max-width:74ch}
.ck-sv-phil__stmt{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.6vw,50px);
  line-height:1.12;letter-spacing:-.035em;color:#9CA3AF;margin:0;max-width:20ch}
.ck-sv-phil__stmt span{color:#111827;display:block}
.ck-sv-phil__sub{font-size:17px;line-height:1.76;color:#4B5563;margin:0;max-width:62ch}

/* service showcase cards */
.ck-sv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ck-scard{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;
  padding:26px 24px;border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.022) 100%);
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 60px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s ease}
.ck-scard:hover{transform:translateY(-8px);border-color:rgba(45,212,191,.34);
  box-shadow:0 44px 90px -36px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 4px rgba(20,184,166,.07)}
.ck-scard__sheen{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;
  background:linear-gradient(118deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.14) 50%,rgba(255,255,255,0) 64%);
  transform:translate3d(-30%,0,0);
  transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .4s ease}
.ck-scard:hover .ck-scard__sheen{opacity:1;transform:translate3d(30%,0,0)}
.ck-scard__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ck-scard__ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;
  border-radius:14px;color:#5EEAD4;background:linear-gradient(140deg,rgba(94,234,212,.20),rgba(15,118,110,.14));
  border:1px solid rgba(94,234,212,.26);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.ck-scard:hover .ck-scard__ico{transform:scale(1.07) rotate(-6deg)}
.ck-scard__live{display:flex;align-items:flex-end;gap:3px;height:20px;opacity:.5;transition:opacity .4s ease}
.ck-scard:hover .ck-scard__live{opacity:1}
.ck-scard__live i{width:3px;height:100%;border-radius:2px;transform-origin:bottom;transform:scaleY(.25);
  background:linear-gradient(180deg,#5EEAD4,rgba(15,118,110,.4))}
.ck-scard:hover .ck-scard__live i{animation:ck-pv-wave 1.5s ease-in-out infinite}
.ck-scard:hover .ck-scard__live i:nth-child(2){animation-delay:-.2s}
.ck-scard:hover .ck-scard__live i:nth-child(3){animation-delay:-.4s}
.ck-scard:hover .ck-scard__live i:nth-child(4){animation-delay:-.6s}
.ck-scard__ttl{font-family:var(--font-display);font-weight:700;font-size:17.5px;letter-spacing:-.02em;color:#fff;margin:0}
.ck-scard__txt{font-size:13.5px;line-height:1.68;color:rgba(255,255,255,.58);margin:0;flex:1}
.ck-scard__ben{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;
  color:rgba(255,255,255,.74);padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}
.ck-scard__ben span{color:#2DD4BF;font-weight:700;line-height:1.4;flex:none}
.ck-scard__cta{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-size:13.5px;font-weight:600;color:#5EEAD4;text-decoration:none;
  transition:gap .3s cubic-bezier(.22,1,.36,1),color .3s ease}
.ck-scard__cta svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ck-scard:hover .ck-scard__cta{gap:10px;color:#99F6E4}
.ck-scard:hover .ck-scard__cta svg{transform:translateX(4px)}

/* detailed accordions */
.ck-sv-details{display:flex;flex-direction:column;gap:12px}
.ck-det{border-radius:20px;background:#fff;border:1px solid rgba(17,24,39,.07);overflow:hidden;
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 10px 24px -20px rgba(17,24,39,.18);
  transition:border-color .3s ease,box-shadow .3s ease}
.ck-det[open]{border-color:rgba(20,184,166,.34);
  box-shadow:0 4px 10px rgba(17,24,39,.04),0 24px 50px -26px rgba(17,24,39,.24)}
.ck-det__sum{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;list-style:none;
  transition:background .3s ease}
.ck-det__sum::-webkit-details-marker{display:none}
.ck-det__sum:hover{background:rgba(20,184,166,.035)}
.ck-det__ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;
  border-radius:12px;color:#0F766E;background:linear-gradient(145deg,rgba(94,234,212,.24),rgba(240,253,250,.9));
  border:1px solid rgba(20,184,166,.18);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ck-det[open] .ck-det__ico{transform:scale(1.05)}
.ck-det__ttl{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.02em;color:#111827;flex:none}
.ck-det__hint{flex:1;min-width:0;font-size:13px;color:#9CA3AF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-det__chev{display:inline-flex;flex:none;color:#9CA3AF;transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s ease}
.ck-det[open] .ck-det__chev{transform:rotate(180deg);color:#0F766E}
.ck-det__body{padding:0 24px 26px;animation:ck-det-open .45s cubic-bezier(.22,1,.36,1)}
@keyframes ck-det-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.ck-det__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:32px;padding-top:22px;
  border-top:1px solid rgba(17,24,39,.07)}
.ck-det__block h4{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#0F766E;margin:0 0 10px}
.ck-det__block h4 + p + h4{margin-top:18px}
.ck-det__block p{font-size:14.5px;line-height:1.72;color:#4B5563;margin:0}
.ck-det__list{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.ck-det__list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.55;color:#374151}
.ck-det__list li span{color:#14B8A6;font-weight:700;flex:none;line-height:1.4}
.ck-det__list--out li span{color:#0F766E}
.ck-det__cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 20px;border-radius:999px;
  font-size:14px;font-weight:600;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,#14B8A6 0%,#0F766E 100%);
  box-shadow:0 10px 24px -12px rgba(15,118,110,.55);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.ck-det__cta svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ck-det__cta:hover{transform:translateY(-2px);color:#fff;box-shadow:0 16px 34px -14px rgba(15,118,110,.66)}
.ck-det__cta:hover svg{transform:translateX(4px)}

/* comparison */
.ck-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}
.ck-vs__col{display:flex;flex-direction:column;gap:20px;padding:32px 28px;border-radius:26px;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(155deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.018) 100%);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ck-vs__col--us{border-color:rgba(45,212,191,.30);
  background:linear-gradient(155deg,rgba(20,184,166,.14) 0%,rgba(255,255,255,.02) 100%);
  box-shadow:0 34px 74px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 4px rgba(20,184,166,.06)}
.ck-vs__col--them{opacity:.82}
.ck-vs__hd{display:flex;flex-direction:column;gap:6px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}
.ck-vs__badge{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:#fff}
.ck-vs__col--them .ck-vs__badge{color:rgba(255,255,255,.7)}
.ck-vs__tag{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.ck-vs__col--us .ck-vs__tag{color:#5EEAD4}
.ck-vs__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.ck-vs__list li{display:flex;align-items:center;gap:11px;font-size:15px;color:rgba(255,255,255,.82)}
.ck-vs__col--them .ck-vs__list li{color:rgba(255,255,255,.52)}
.ck-vs__yes,.ck-vs__no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  flex:none;border-radius:50%;font-size:12px;font-weight:800;line-height:1}
.ck-vs__yes{color:#04110F;background:linear-gradient(140deg,#5EEAD4,#14B8A6);
  box-shadow:0 0 14px -4px rgba(45,212,191,.8)}
.ck-vs__no{color:rgba(255,255,255,.5);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.ck-vs__sep{align-self:center;display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:14px;
  letter-spacing:.02em;color:rgba(255,255,255,.6);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* light process variant */
.ck-steps--light .ck-steps__item{background:#fff;border-color:rgba(17,24,39,.07);
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 10px 24px -20px rgba(17,24,39,.18);backdrop-filter:none}
.ck-steps--light .ck-steps__item:hover{border-color:rgba(20,184,166,.4);
  box-shadow:0 4px 10px rgba(17,24,39,.05),0 28px 54px -24px rgba(17,24,39,.26),0 0 0 4px rgba(20,184,166,.07)}
.ck-steps--light .ck-steps__no{color:#0F766E}
.ck-steps--light .ck-steps__ttl{color:#111827}
.ck-steps--light .ck-steps__txt{color:#6B7280}

/* tech stack */
.ck-stack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.ck-stack__item{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
  gap:6px;min-height:96px;padding:20px;border-radius:18px;cursor:default;
  background:linear-gradient(155deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.018) 100%);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease,background .35s ease}
.ck-stack__name{font-family:var(--font-display);font-weight:700;font-size:15.5px;letter-spacing:-.02em;color:#fff;
  transition:transform .35s cubic-bezier(.22,1,.36,1),color .35s ease}
.ck-stack__note{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.56);
  opacity:0;transform:translateY(6px);
  transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.ck-stack__item:hover,.ck-stack__item:focus-visible{transform:translateY(-5px);border-color:rgba(45,212,191,.36);
  background:linear-gradient(155deg,rgba(20,184,166,.14) 0%,rgba(255,255,255,.02) 100%);
  box-shadow:0 28px 58px -28px rgba(0,0,0,.9),0 0 0 4px rgba(20,184,166,.07);outline:none}
.ck-stack__item:hover .ck-stack__name,.ck-stack__item:focus-visible .ck-stack__name{color:#5EEAD4}
.ck-stack__item:hover .ck-stack__note,.ck-stack__item:focus-visible .ck-stack__note{opacity:1;transform:none}

/* faq */
.ck-faq{display:flex;flex-direction:column;gap:10px}
.ck-faq__item{border-radius:18px;background:#fff;border:1px solid rgba(17,24,39,.07);overflow:hidden;
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 10px 24px -20px rgba(17,24,39,.18);
  transition:border-color .3s ease,box-shadow .3s ease}
.ck-faq__item[open]{border-color:rgba(20,184,166,.34);
  box-shadow:0 4px 10px rgba(17,24,39,.04),0 22px 46px -26px rgba(17,24,39,.24)}
.ck-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;
  cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:700;font-size:16px;
  letter-spacing:-.02em;color:#111827;transition:background .3s ease}
.ck-faq__q::-webkit-details-marker{display:none}
.ck-faq__q:hover{background:rgba(20,184,166,.035)}
.ck-faq__chev{display:inline-flex;flex:none;color:#9CA3AF;
  transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s ease}
.ck-faq__item[open] .ck-faq__chev{transform:rotate(180deg);color:#0F766E}
.ck-faq__a{padding:0 22px 22px;animation:ck-det-open .45s cubic-bezier(.22,1,.36,1)}
.ck-faq__a p{font-size:14.5px;line-height:1.76;color:#4B5563;margin:0;padding-top:16px;
  border-top:1px solid rgba(17,24,39,.07)}
.ck-faq__cta{align-self:flex-start;margin-top:8px}

/* ---- responsive ---- */
@media (max-width:1240px){
  .ck-sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ck-det__grid{grid-template-columns:1fr 1fr;gap:26px}
}
@media (max-width:1024px){
  .ck-eco{max-width:460px}
  .ck-vs{grid-template-columns:1fr;gap:16px}
  .ck-vs__sep{justify-self:center;width:46px;height:46px}
  .ck-faq__cta{margin-bottom:8px}
}
@media (max-width:768px){
  .ck-sv-grid,.ck-stack{grid-template-columns:1fr}
  .ck-det__grid{grid-template-columns:1fr;gap:22px}
  .ck-det__hint{display:none}
}
@media (max-width:640px){
  .ck-eco{max-width:330px}
  .ck-eco__chip{font-size:10.5px;padding:7px 11px}
  .ck-eco__chip--5,.ck-eco__chip--6{display:none}
  .ck-sv-phil__stmt{max-width:none}
  .ck-det__sum{padding:18px;gap:12px}
  .ck-det__body{padding:0 18px 22px}
  .ck-det__ttl{font-size:15.5px}
  .ck-faq__q{padding:17px 18px;font-size:15px}
  .ck-faq__a{padding:0 18px 18px}
  .ck-stack__note{opacity:1;transform:none}
  .ck-vs__col{padding:26px 22px}
  .ck-faq__cta{align-self:stretch;justify-content:center}
}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .ck-eco__chip,.ck-eco__core,.ck-eco__pulse{animation:none !important}
  .ck-eco__pulse{stroke-dasharray:none;stroke-dashoffset:0;opacity:.45}
  .ck-scard:hover,.ck-stack__item:hover,.ck-det__cta:hover{transform:none}
  .ck-scard:hover .ck-scard__live i{animation:none}
  .ck-det__body,.ck-faq__a{animation:none}
}

/* ===================== PORTFOLIO PAGE (scoped: .ck-pf-*) ===================== */
/* Every selector below is namespaced .ck-pf- or nested under .ck-pf-work /
   .ck-pf-hero, so nothing here can reach another page. */

.ck-pf-work [hidden],.ck-pf-work [data-ck-block][hidden]{display:none !important}

/* ---- hero: reuses .ck-hx shell, .ck-p float system and .ck-glass ---- */
.ck-pf-hero .ck-hx__copy h1{font-size:clamp(38px,4.8vw,68px)}
.ck-pf-hero__note{font-size:13px;line-height:1.6;color:rgba(255,255,255,.44);margin:4px 0 0;max-width:44ch}
.ck-pf-hero .ck-btn--inverse-outline .ck-btn__icon:first-child{margin-right:-2px}

.ck-pf-scene{max-width:640px;aspect-ratio:600/520}
.ck-pf-scene__wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ck-pf-scene__base path{stroke:rgba(45,212,191,.15);stroke-width:1.5;fill:none;stroke-linecap:round}
.ck-pf-scene__run{stroke:#5EEAD4;stroke-width:1.8;fill:none;stroke-linecap:round;
  filter:drop-shadow(0 0 6px rgba(45,212,191,.8));
  stroke-dasharray:90 1100;stroke-dashoffset:1190;animation:ck-pf-run 11s linear infinite}
@keyframes ck-pf-run{from{stroke-dashoffset:1190}to{stroke-dashoffset:0}}
.ck-pf-scene__nodes circle{fill:#5EEAD4;opacity:.5;animation:ck-pf-node 4.5s ease-in-out infinite}
.ck-pf-scene__nodes circle:nth-child(2){animation-delay:-.9s}
.ck-pf-scene__nodes circle:nth-child(3){animation-delay:-1.8s}
.ck-pf-scene__nodes circle:nth-child(4){animation-delay:-2.7s}
.ck-pf-scene__nodes circle:nth-child(5){animation-delay:-3.6s}
@keyframes ck-pf-node{0%,100%{opacity:.28}50%{opacity:.9}}

.ck-pf-p--main{top:15%;left:12%;width:58%;z-index:3;--d:8px;--fd:16s;--rot:.5deg}
.ck-pf-p--dash{bottom:9%;right:0;width:44%;z-index:5;--d:18px;--fd:13s;--fdl:-5s;--rot:-.7deg}
.ck-pf-p--app{bottom:5%;left:1%;width:25%;z-index:4;--d:14px;--fd:15s;--fdl:-2s;--rot:.8deg}
.ck-pf-p--brand{top:3%;right:3%;width:30%;z-index:5;--d:20px;--fd:17s;--fdl:-8s;--rot:-.6deg}

.ck-pf-scene__tag{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:7px;
  padding:9px 13px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:11.5px;font-weight:600;
  color:rgba(255,255,255,.86);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);
  box-shadow:0 16px 34px -22px rgba(0,0,0,.9);white-space:nowrap;
  animation:ck-pf-tag 9s ease-in-out infinite}
.ck-pf-scene__tag i{width:6px;height:6px;border-radius:50%;background:#2DD4BF;box-shadow:0 0 8px rgba(45,212,191,.9);flex:none}
.ck-pf-scene__tag--a{top:1%;left:0}
.ck-pf-scene__tag--b{bottom:26%;left:30%;animation-delay:-4.5s}
@keyframes ck-pf-tag{0%,100%{transform:translate3d(0,0,0);opacity:.82}50%{transform:translate3d(0,-8px,0);opacity:1}}

/* hero panel internals */
.ck-pf-win{display:flex;align-items:center;gap:8px;padding:0 0 9px;border-bottom:1px solid rgba(255,255,255,.09)}
.ck-pf-win__dots{display:flex;gap:4px;flex:none}
.ck-pf-win__dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.24)}
.ck-pf-win__url{flex:1;min-width:0;padding:3px 9px;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.06);font-family:var(--font-body);font-size:8.5px;font-weight:600;
  letter-spacing:.06em;color:rgba(255,255,255,.42);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ck-pf-hs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:10px;align-items:center}
.ck-pf-hs__copy{display:flex;flex-direction:column;gap:5px}
.ck-pf-hs__word{height:9px;width:74%;border-radius:3px;background:rgba(255,255,255,.62)}
.ck-pf-hs__line{height:4px;width:92%;border-radius:2px;background:rgba(255,255,255,.20)}
.ck-pf-hs__line--s{width:64%}
.ck-pf-hs__btn{margin-top:3px;height:11px;width:44%;border-radius:4px;background:linear-gradient(135deg,#0F766E,#2DD4BF)}
.ck-pf-hs__art{aspect-ratio:1;border-radius:8px;
  background:linear-gradient(150deg,rgba(45,212,191,.30),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.10)}
.ck-pf-hs__row{display:flex;gap:6px}
.ck-pf-hs__row i{flex:1;height:16px;border-radius:5px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}

.ck-pf-hd__chart{width:100%;height:auto}
.ck-pf-hd__line{stroke:#2DD4BF;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:260;stroke-dashoffset:260;animation:ck-pf-draw 4.5s var(--ease-entrance) infinite}
@keyframes ck-pf-draw{0%{stroke-dashoffset:260}45%,100%{stroke-dashoffset:0}}
.ck-pf-hd__bars{display:flex;align-items:flex-end;gap:4px;height:20px}
.ck-pf-hd__bars i{flex:1;border-radius:2px 2px 0 0;background:rgba(45,212,191,.42);transform-origin:bottom;
  animation:ck-pf-bar 3.6s ease-in-out infinite}
.ck-pf-hd__bars i:nth-child(1){height:38%;animation-delay:-.1s}
.ck-pf-hd__bars i:nth-child(2){height:62%;animation-delay:-.5s}
.ck-pf-hd__bars i:nth-child(3){height:48%;animation-delay:-.9s}
.ck-pf-hd__bars i:nth-child(4){height:82%;animation-delay:-1.3s}
.ck-pf-hd__bars i:nth-child(5){height:66%;animation-delay:-1.7s}
.ck-pf-hd__bars i:nth-child(6){height:100%;animation-delay:-2.1s;background:rgba(45,212,191,.8)}
@keyframes ck-pf-bar{0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1)}}

.ck-pf-ha{display:flex;flex-direction:column;gap:5px}
.ck-pf-ha__hero{height:34px;border-radius:6px;
  background:linear-gradient(150deg,rgba(45,212,191,.26),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.09)}
.ck-pf-ha__t{height:4px;width:86%;border-radius:2px;background:rgba(255,255,255,.24)}
.ck-pf-ha__t--s{width:56%}
.ck-pf-ha__tiles{display:flex;gap:5px;margin-top:2px}
.ck-pf-ha__tiles i{flex:1;height:14px;border-radius:4px;background:rgba(255,255,255,.07)}

.ck-pf-hb{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.ck-pf-hb i{aspect-ratio:1;border-radius:5px}
.ck-pf-hb i:nth-child(1){background:#0F766E}
.ck-pf-hb i:nth-child(2){background:#2DD4BF}
.ck-pf-hb i:nth-child(3){background:rgba(255,255,255,.72)}
.ck-pf-hb i:nth-child(4){background:rgba(255,255,255,.14)}
.ck-pf-hb__type{display:flex;flex-direction:column;gap:4px}
.ck-pf-hb__type b{height:5px;border-radius:2px;background:rgba(255,255,255,.28)}
.ck-pf-hb__type b:last-child{width:58%;background:rgba(255,255,255,.16)}
/* ---- work region: sticky filter, two editorial blocks ---- */
/* .ck-ab uses overflow:hidden, which makes it a scroll container and kills
   position:sticky inside it. overflow:clip clips the decorative glows just
   the same without creating one. Scoped to this section only. */
.ck-pf-work{overflow:clip;scroll-margin-top:90px}
.ck-pf-work .ck-ab__inner{gap:64px}
.ck-pf-block{display:flex;flex-direction:column;gap:48px}

.ck-pf-bar{position:sticky;top:96px;z-index:20;align-self:center;max-width:100%;
  display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:12px 12px 10px;border-radius:26px;
  background:rgba(255,255,255,.86);border:1px solid rgba(17,24,39,.07);
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);
  box-shadow:0 18px 40px -26px rgba(17,24,39,.42),inset 0 1px 0 rgba(255,255,255,.7)}
.ck-pf-bar__scroll{display:flex;align-items:center;gap:8px;max-width:100%;
  overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;
  scroll-snap-type:x proximity;padding:5px}
.ck-pf-bar__scroll::-webkit-scrollbar{display:none}
.ck-pf-bar__status{margin:0;font-size:12px;line-height:1.4;color:var(--text-secondary);text-align:center}

.ck-pf-chip{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;
  padding:10px 15px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;scroll-snap-align:center;
  border:1px solid var(--border-subtle);background:var(--ck-white);color:var(--text-secondary);
  font-family:var(--font-body);font-size:13.5px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);
  transition:var(--transition-base)}
.ck-pf-chip__n{font-family:var(--font-numeric);font-size:10.5px;font-weight:600;line-height:1;
  padding:3px 6px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ck-neutral-600);
  transition:var(--transition-colors)}
.ck-pf-chip.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--ck-white);
  box-shadow:var(--shadow-brand)}
.ck-pf-chip.is-active .ck-pf-chip__n{background:rgba(255,255,255,.20);color:rgba(255,255,255,.92)}
@media (hover:hover) and (pointer:fine){
  .ck-pf-chip:hover{color:var(--text-primary);border-color:var(--border-brand);transform:var(--lift-sm)}
  .ck-pf-chip.is-active:hover{color:var(--ck-white);background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}
}

.ck-pf-empty{margin:0;text-align:center;font-size:16px;color:var(--text-secondary)}

/* ---- shared project meta ---- */
.ck-pf-item{transition:opacity 220ms var(--ease-standard),transform 220ms var(--ease-standard)}
.ck-pf-item.is-out{opacity:0;transform:scale(.97);pointer-events:none}
/* entry is an animation whose end state is visible: a stuck class can never
   leave a project invisible, it can only leave it on screen. */
.ck-pf-item.is-in{animation:ck-pf-item-in 300ms var(--ease-standard)}
@keyframes ck-pf-item-in{from{transform:scale(.97)}to{transform:none}}

.ck-pf-meta{display:flex;align-items:center;gap:12px}
.ck-pf-meta__idx{font-family:var(--font-numeric);font-size:13px;font-weight:600;letter-spacing:.08em;
  color:var(--pf-ink,var(--text-brand))}
.ck-pf-meta__ind{position:relative;padding-left:14px;font-size:12px;font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary)}
.ck-pf-meta__ind::before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:var(--border-strong)}

.ck-pf-badge{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  padding:5px 11px 5px 9px;border-radius:var(--radius-pill);
  background:var(--surface-brand-soft);border:1px solid var(--border-brand);color:var(--text-brand);
  font-family:var(--font-body);font-size:10.5px;font-weight:var(--weight-bold);
  letter-spacing:.11em;text-transform:uppercase;line-height:1.4}
.ck-pf-badge i{flex:none;width:5px;height:5px;border-radius:50%;background:var(--brand-accent)}

.ck-pf-lead{margin:0;font-family:var(--font-display);font-size:15px;font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-tight);color:var(--pf-ink,var(--text-brand))}

.ck-pf-svc{display:flex;flex-wrap:wrap;gap:7px}
.ck-pf-svc li{padding:6px 11px;border-radius:var(--radius-sm);background:var(--surface-sunken);
  border:1px solid var(--border-subtle);font-size:12.5px;font-weight:var(--weight-medium);color:var(--ck-neutral-600)}

.ck-pf-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-size:15px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);color:var(--text-brand)}
.ck-pf-cta svg{transition:transform var(--duration-base) var(--ease-standard)}
.ck-pf-cta:hover{color:var(--text-link-hover)}

/* ---- featured: alternating editorial rows ---- */
.ck-pf-feat{display:flex;flex-direction:column;gap:104px}
.ck-pf-case{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:64px;align-items:center;
  scroll-margin-top:176px}
.ck-pf-case:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}
.ck-pf-case:nth-child(even) .ck-pf-case__visual{order:2}
.ck-pf-case__info{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.ck-pf-case__name{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(32px,3.4vw,46px);line-height:1.06;letter-spacing:var(--tracking-tightest);
  color:var(--text-primary);margin:0}
.ck-pf-case__sum{margin:0;font-size:16.5px;line-height:1.72;color:var(--text-secondary);max-width:46ch}
.ck-pf-case__focus{margin:0;padding-left:16px;border-left:2px solid var(--pf-a,var(--brand-accent));
  font-size:14.5px;line-height:1.68;color:var(--text-secondary);max-width:44ch}

/* ---- showcase: asymmetric 12-column grid ---- */
.ck-pf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.ck-pf-card{position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-image);
  box-shadow:var(--shadow-card);scroll-margin-top:176px;
  transition:opacity 220ms var(--ease-standard),transform var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}
.ck-pf-card:nth-child(1){grid-column:span 7}
.ck-pf-card:nth-child(2){grid-column:span 5}
.ck-pf-card:nth-child(3){grid-column:span 5}
.ck-pf-card:nth-child(4){grid-column:span 7}
[data-ck-portfolio].is-filtered .ck-pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-ck-portfolio].is-filtered .ck-pf-card{grid-column:auto}
.ck-pf-card__info{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px 28px 30px}
.ck-pf-card__name{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:26px;line-height:1.16;
  letter-spacing:var(--tracking-tighter);color:var(--text-primary);margin:0}
.ck-pf-card__sum{margin:0;font-size:14.5px;line-height:1.7;color:var(--text-secondary)}
.ck-pf-card .ck-pf-cta::after{content:"";position:absolute;inset:0;z-index:2}
.ck-pf-card:focus-within{outline:2px solid var(--brand-accent);outline-offset:3px}
.ck-pf-card:focus-within .ck-pf-cta{outline:none}

/* ---- the preview frame, shared by both layouts ---- */
.ck-pf-case__visual,.ck-pf-card__visual{position:relative;min-width:0}
.ck-pf-case__glow,.ck-pf-card__glow{position:absolute;inset:-10% -8%;z-index:0;pointer-events:none;
  border-radius:48px;background:radial-gradient(58% 58% at 50% 48%,var(--pf-g,rgba(20,184,166,.22)) 0%,rgba(255,255,255,0) 70%)}
.ck-pf-case__frame,.ck-pf-card__frame{position:relative;z-index:1;overflow:hidden;aspect-ratio:16/10;
  background:var(--pf-bg,linear-gradient(160deg,#0B1513 0%,#050B0A 100%));
  transition:transform var(--duration-slow) var(--ease-standard)}
.ck-pf-case__frame{border-radius:var(--radius-image);border:1px solid rgba(17,24,39,.10);
  box-shadow:0 40px 80px -40px rgba(17,24,39,.45),0 2px 6px rgba(17,24,39,.05)}
.ck-pf-card__frame{border-bottom:1px solid var(--border-subtle)}
.ck-pf-case__sheen,.ck-pf-card__sheen{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;
  background:linear-gradient(105deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.13) 50%,rgba(255,255,255,0) 66%);
  transform:translateX(-120%);
  transition:transform 900ms var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}

@media (hover:hover) and (pointer:fine){
  .ck-pf-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:var(--border-brand)}
  .ck-pf-card:hover .ck-pf-card__frame,.ck-pf-case__visual:hover .ck-pf-case__frame{transform:scale(1.025)}
  .ck-pf-card:hover .ck-pf-card__sheen,.ck-pf-case__visual:hover .ck-pf-case__sheen{opacity:1;transform:translateX(120%)}
  .ck-pf-card:hover .ck-pf-cta svg,.ck-pf-case:hover .ck-pf-cta svg,.ck-pf-cta:hover svg{transform:translateX(4px)}
}
/* ---- per-concept accent, glow and frame ground ---- */
.ck-pf-item--aurelia{--pf-a:#B3945F;--pf-ink:#6E5A2C;--pf-g:rgba(191,169,128,.30);
  --pf-bg:linear-gradient(158deg,#15100A 0%,#0B0906 100%)}
.ck-pf-item--novera{--pf-a:#3D6CD9;--pf-ink:#2B50AE;--pf-g:rgba(76,125,240,.28);
  --pf-bg:linear-gradient(158deg,#0A1020 0%,#05080F 100%)}
.ck-pf-item--vanta{--pf-a:#6B7370;--pf-ink:#48514E;--pf-g:rgba(138,148,144,.26);
  --pf-bg:linear-gradient(158deg,#0E100F 0%,#050605 100%)}
.ck-pf-item--solara{--pf-a:#4F8F6C;--pf-ink:#37674C;--pf-g:rgba(127,184,148,.30);
  --pf-bg:linear-gradient(158deg,#FBF7F1 0%,#F1EDE4 100%)}
.ck-pf-item--rudra{--pf-a:#D2521F;--pf-ink:#9C3C0D;--pf-g:rgba(242,107,58,.26);
  --pf-bg:linear-gradient(158deg,#170D08 0%,#0A0605 100%)}
.ck-pf-item--orbit{--pf-a:#0E8FA6;--pf-ink:#0A6576;--pf-g:rgba(34,211,238,.26);
  --pf-bg:linear-gradient(158deg,#04141A 0%,#020A0D 100%)}

.ck-pf-mk{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;gap:10px;
  padding:clamp(14px,3.2%,26px);overflow:hidden}
.ck-pf-mk .ck-pf-win{border-bottom-color:rgba(255,255,255,.08)}

/* ---- 01 Aurelia: editorial fashion commerce ---- */
.ck-pf-au{flex:1;min-height:0;display:flex;flex-direction:column;gap:3.5%;position:relative}
.ck-pf-au__nav{display:flex;align-items:center;gap:9px}
.ck-pf-au__nav b{height:3px;width:26px;border-radius:2px;background:rgba(255,255,255,.20)}
.ck-pf-au__nav u{margin-left:auto;width:14px;height:3px;border-radius:2px;background:var(--pf-a)}
.ck-pf-au__stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  gap:5%;align-items:center}
.ck-pf-au__type{display:flex;flex-direction:column;gap:9px}
.ck-pf-au__word{font-family:var(--font-display);font-weight:var(--weight-medium);
  font-size:clamp(14px,3.5cqw,30px);letter-spacing:.32em;color:rgba(255,255,255,.94);line-height:1}
.ck-pf-au__rule{height:1px;width:56%;background:var(--pf-a);opacity:.85}
.ck-pf-au__sub{height:4px;width:88%;border-radius:2px;background:rgba(255,255,255,.17)}
.ck-pf-au__sub--s{width:52%}
.ck-pf-au__shots{display:grid;grid-template-columns:1fr 1fr;gap:6%;height:100%;align-items:stretch}
.ck-pf-au__shots i{border-radius:6px;border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(165deg,rgba(191,169,128,.36) 0%,rgba(191,169,128,.06) 100%);
  animation:ck-pf-au-shot 9s ease-in-out infinite}
.ck-pf-au__shots i:last-child{margin-top:12%;animation-delay:-4.5s;
  background:linear-gradient(165deg,rgba(255,255,255,.20) 0%,rgba(191,169,128,.10) 100%)}
@keyframes ck-pf-au-shot{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(-5%);opacity:1}}
.ck-pf-au__strip{display:flex;gap:2.4%}
.ck-pf-au__strip i{flex:1;height:14px;border-radius:3px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.07)}
.ck-pf-au__strip i:nth-child(2){background:rgba(191,169,128,.24)}
.ck-pf-au__bag{position:absolute;right:0;bottom:22%;display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:9px;font-weight:600;
  letter-spacing:.04em;color:#140F08;background:var(--pf-a);
  box-shadow:0 12px 26px -14px rgba(0,0,0,.9);animation:ck-pf-float-y 6s ease-in-out infinite}
.ck-pf-au__bag i{width:4px;height:4px;border-radius:50%;background:rgba(20,15,8,.55)}
@keyframes ck-pf-float-y{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ---- 02 Novera: financial dashboard ---- */
.ck-pf-nv{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4%;position:relative}
.ck-pf-nv__rail{display:flex;flex-direction:column;gap:9px;padding:8px 7px;border-radius:9px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.ck-pf-nv__rail i{width:9px;height:9px;border-radius:3px;background:rgba(255,255,255,.14)}
.ck-pf-nv__rail i.on{background:var(--pf-a);box-shadow:0 0 10px rgba(76,125,240,.7)}
.ck-pf-nv__body{display:flex;flex-direction:column;gap:5%;min-width:0}
.ck-pf-nv__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ck-pf-nv__ttl{height:7px;width:34%;border-radius:3px;background:rgba(255,255,255,.36)}
.ck-pf-nv__seg{display:flex;gap:4px;padding:3px;border-radius:var(--radius-pill);background:rgba(255,255,255,.05)}
.ck-pf-nv__seg u{width:16px;height:6px;border-radius:var(--radius-pill);background:rgba(255,255,255,.13)}
.ck-pf-nv__seg u.on{background:var(--pf-a)}
.ck-pf-nv__chart{flex:1;min-height:0;width:100%}
.ck-pf-nv__rules line{stroke:rgba(255,255,255,.06);stroke-width:1}
.ck-pf-nv__line{stroke:#5B8DF5;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 6px rgba(76,125,240,.55));
  stroke-dasharray:330;stroke-dashoffset:330;animation:ck-pf-nv-draw 6s var(--ease-entrance) infinite}
@keyframes ck-pf-nv-draw{0%{stroke-dashoffset:330}40%,100%{stroke-dashoffset:0}}
.ck-pf-nv__tip{fill:#8FB2FF;animation:ck-pf-node 3s ease-in-out infinite}
.ck-pf-nv__tiles{display:flex;gap:3%}
.ck-pf-nv__tiles i{flex:1;height:20px;border-radius:5px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07)}
.ck-pf-nv__tiles i:first-child{background:rgba(76,125,240,.16);border-color:rgba(76,125,240,.26)}
.ck-pf-nv__float{position:absolute;right:-2%;bottom:-4%;display:flex;align-items:center;gap:8px;
  padding:8px 11px;border-radius:12px;
  background:linear-gradient(150deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 20px 44px -24px rgba(0,0,0,.95);animation:ck-pf-float-y 7s ease-in-out infinite}
.ck-pf-nv__ring{width:26px;height:26px;flex:none;transform:rotate(-90deg)}
.ck-pf-nv__trk{stroke:rgba(255,255,255,.12);stroke-width:4;fill:none}
.ck-pf-nv__val{stroke:var(--pf-a);stroke-width:4;fill:none;stroke-linecap:round;
  stroke-dasharray:88;stroke-dashoffset:88;animation:ck-pf-nv-ring 6s var(--ease-entrance) infinite}
@keyframes ck-pf-nv-ring{0%{stroke-dashoffset:88}40%,100%{stroke-dashoffset:26}}
.ck-pf-nv__fl{display:flex;flex-direction:column;gap:5px}
.ck-pf-nv__fl b{height:4px;width:34px;border-radius:2px;background:rgba(255,255,255,.34)}
.ck-pf-nv__fl b:last-child{width:20px;background:rgba(255,255,255,.16)}

/* ---- 03 Vanta: cinematic architecture ---- */
.ck-pf-vn{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}
.ck-pf-vn__nav{display:flex;align-items:center;gap:12px;z-index:2}
.ck-pf-vn__nav b{height:2px;width:20px;background:rgba(255,255,255,.26)}
.ck-pf-vn__nav u{margin-left:auto;width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.34)}
.ck-pf-vn__draw{position:absolute;left:0;right:0;bottom:0;width:100%;height:74%;
  animation:ck-pf-vn-drift 20s ease-in-out infinite}
@keyframes ck-pf-vn-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,0,0) scale(1.04)}}
.ck-pf-vn__mass rect{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.20);stroke-width:1}
.ck-pf-vn__lines line{stroke:rgba(255,255,255,.10);stroke-width:1}
.ck-pf-vn__hz{stroke:var(--pf-a);stroke-width:1.4;opacity:.8}
.ck-pf-vn__word{position:relative;z-index:2;margin-top:auto;font-family:var(--font-display);
  font-weight:var(--weight-medium);font-size:clamp(13px,3.3cqw,28px);letter-spacing:.40em;line-height:1;
  color:rgba(255,255,255,.92)}
.ck-pf-vn__cap{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;margin-top:9px}
.ck-pf-vn__cap b{height:3px;width:38%;border-radius:2px;background:rgba(255,255,255,.20)}
.ck-pf-vn__cap b:last-child{width:22%;background:rgba(255,255,255,.11)}
.ck-pf-vn__wipe{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.06) 50%,rgba(255,255,255,0) 60%);
  transform:translateX(-100%);animation:ck-pf-vn-wipe 9s ease-in-out infinite}
@keyframes ck-pf-vn-wipe{0%,55%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
/* concept wordmarks scale to the frame, not the viewport */
.ck-pf-case__frame,.ck-pf-card__frame{container-type:inline-size}

/* ---- 04 Solara: calm wellness commerce ---- */
.ck-pf-so{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;gap:5%}
.ck-pf-so__blob{position:absolute;right:-6%;top:6%;width:62%;aspect-ratio:1;z-index:0;
  background:radial-gradient(circle at 34% 32%,rgba(127,184,148,.55) 0%,rgba(127,184,148,.16) 62%,rgba(127,184,148,0) 74%);
  border-radius:58% 42% 46% 54% / 52% 48% 52% 48%;
  animation:ck-pf-so-morph 16s ease-in-out infinite}
@keyframes ck-pf-so-morph{
  0%,100%{border-radius:58% 42% 46% 54% / 52% 48% 52% 48%;transform:rotate(0deg) scale(1)}
  50%{border-radius:44% 56% 58% 42% / 46% 54% 46% 54%;transform:rotate(8deg) scale(1.05)}}
.ck-pf-so__pills{position:relative;z-index:2;display:flex;gap:6px}
.ck-pf-so__pills i{height:11px;width:34px;border-radius:var(--radius-pill);background:rgba(31,41,55,.07);
  border:1px solid rgba(31,41,55,.08)}
.ck-pf-so__pills i.on{background:var(--pf-a);border-color:transparent;width:44px}
.ck-pf-so__card{position:relative;z-index:2;align-self:flex-start;width:52%;
  display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:12px;
  background:rgba(255,255,255,.86);border:1px solid rgba(31,41,55,.07);
  box-shadow:0 18px 40px -22px rgba(31,41,55,.30);
  animation:ck-pf-float-y 8s ease-in-out infinite}
.ck-pf-so__jar{display:flex;align-items:flex-end;justify-content:center;height:44px;border-radius:8px;
  background:linear-gradient(170deg,rgba(127,184,148,.24) 0%,rgba(127,184,148,.06) 100%)}
.ck-pf-so__jar i{width:26%;height:64%;border-radius:4px 4px 3px 3px;background:rgba(79,143,108,.62)}
.ck-pf-so__t{height:4px;width:76%;border-radius:2px;background:rgba(31,41,55,.20)}
.ck-pf-so__t--s{width:46%;background:rgba(31,41,55,.11)}
.ck-pf-so__btn{margin-top:2px;height:13px;width:60%;border-radius:var(--radius-pill);background:var(--pf-a)}
.ck-pf-so__arc{position:absolute;right:6%;bottom:6%;z-index:2;width:19%;height:auto;transform:rotate(-90deg)}
.ck-pf-so__trk{stroke:rgba(31,41,55,.10);stroke-width:3.5;fill:none}
.ck-pf-so__val{stroke:var(--pf-a);stroke-width:3.5;fill:none;stroke-linecap:round;
  stroke-dasharray:113;stroke-dashoffset:113;animation:ck-pf-so-arc 7s var(--ease-entrance) infinite}
@keyframes ck-pf-so-arc{0%{stroke-dashoffset:113}45%,100%{stroke-dashoffset:34}}

/* ---- 05 Rudra: bold direct-to-consumer ---- */
.ck-pf-ru{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;gap:5%;overflow:hidden}
.ck-pf-ru__grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3.5%}
.ck-pf-ru__grid i{border-radius:7px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(160deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%)}
.ck-pf-ru__grid i:nth-child(1){background:linear-gradient(160deg,rgba(242,107,58,.40) 0%,rgba(242,107,58,.08) 100%);
  border-color:rgba(242,107,58,.28)}
.ck-pf-ru__grid i:nth-child(4){background:linear-gradient(160deg,rgba(242,107,58,.18) 0%,rgba(255,255,255,.02) 100%)}
.ck-pf-ru__bar{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ck-pf-ru__bar b{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.18)}
.ck-pf-ru__cta{flex:none;padding:6px 11px;border-radius:var(--radius-pill);background:#F26B3A;color:#170D08;
  font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.03em;
  box-shadow:0 10px 22px -12px rgba(242,107,58,.95)}
.ck-pf-ru__cart{position:absolute;top:0;right:0;width:34%;height:74%;padding:9px;border-radius:10px 0 0 10px;
  display:flex;flex-direction:column;gap:7px;
  background:linear-gradient(150deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.13);border-right:0;
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:-22px 0 50px -28px rgba(0,0,0,.95);
  animation:ck-pf-ru-drawer 8s var(--ease-standard) infinite}
@keyframes ck-pf-ru-drawer{0%,12%{transform:translateX(104%)}30%,72%{transform:translateX(0)}92%,100%{transform:translateX(104%)}}
.ck-pf-ru__badge{position:absolute;top:-4px;left:-4px;width:11px;height:11px;border-radius:50%;background:#F26B3A;
  box-shadow:0 0 0 3px rgba(23,13,8,.9);animation:ck-pf-ru-pulse 2.6s ease-in-out infinite}
@keyframes ck-pf-ru-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.75}}
.ck-pf-ru__cart b{height:4px;border-radius:2px;background:rgba(255,255,255,.24)}
.ck-pf-ru__cart b:nth-child(3){width:62%;background:rgba(255,255,255,.13)}
.ck-pf-ru__row{margin-top:auto;height:14px !important;border-radius:5px !important;background:rgba(242,107,58,.42) !important}

/* ---- 06 Orbit: layered SaaS product ---- */
.ck-pf-or{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}
.ck-pf-or__pane{position:absolute;border-radius:11px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(150deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ck-pf-or__pane--back{width:74%;height:66%;transform:translate3d(0,-16%,0);opacity:.42;
  animation:ck-pf-or-drift 12s ease-in-out infinite}
.ck-pf-or__pane--mid{width:80%;height:70%;transform:translate3d(0,-8%,0);opacity:.66;
  animation:ck-pf-or-drift 12s ease-in-out infinite;animation-delay:-2s}
.ck-pf-or__pane--front{position:relative;width:86%;height:76%;padding:11px;display:flex;flex-direction:column;gap:9px;
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(150deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 100%);
  box-shadow:0 30px 60px -32px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.16);
  animation:ck-pf-or-drift 12s ease-in-out infinite;animation-delay:-4s}
@keyframes ck-pf-or-drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
.ck-pf-or__step{display:flex;align-items:center;gap:5px}
.ck-pf-or__step i{width:9px;height:9px;border-radius:50%;flex:none;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16)}
.ck-pf-or__step i.on{background:var(--pf-a);border-color:transparent;box-shadow:0 0 10px rgba(34,211,238,.8)}
.ck-pf-or__step u{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.12)}
.ck-pf-or__step u.on{background:linear-gradient(90deg,rgba(34,211,238,.85),rgba(34,211,238,.25))}
.ck-pf-or__rows{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;justify-content:center}
.ck-pf-or__rows b{height:5px;border-radius:3px;background:rgba(255,255,255,.16)}
.ck-pf-or__rows b:nth-child(1){width:88%}
.ck-pf-or__rows b:nth-child(2){width:66%}
.ck-pf-or__rows b:nth-child(3){width:76%;background:rgba(34,211,238,.32)}
.ck-pf-or__foot{display:flex;align-items:center;gap:9px}
.ck-pf-or__foot b{flex:1;height:9px;border-radius:4px;background:rgba(255,255,255,.09)}
.ck-pf-or__tog{position:relative;flex:none;width:26px;height:13px;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.12);transition:background var(--duration-base) var(--ease-standard);
  animation:ck-pf-or-tog 6s ease-in-out infinite}
.ck-pf-or__tog i{position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#fff;
  animation:ck-pf-or-knob 6s ease-in-out infinite}
@keyframes ck-pf-or-tog{0%,42%{background:rgba(255,255,255,.12)}52%,100%{background:var(--pf-a)}}
@keyframes ck-pf-or-knob{0%,42%{transform:translateX(0)}52%,100%{transform:translateX(13px)}}
/* ---- approach: editorial four-up ---- */
.ck-pf-appr .ck-ab__inner{gap:64px}
.ck-pf-appr__head{display:flex;flex-direction:column;gap:20px;max-width:64ch}
.ck-pf-appr__title{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(27px,3.2vw,46px);line-height:1.14;letter-spacing:var(--tracking-tighter);
  color:rgba(255,255,255,.40);margin:0;text-wrap:balance}
.ck-pf-appr__title span{display:block;color:var(--ck-white)}
.ck-pf-appr__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 36px}
.ck-pf-prin{position:relative;display:flex;flex-direction:column;gap:11px;padding-top:26px}
.ck-pf-prin__rule{position:absolute;top:0;left:0;right:0;height:1px;background:rgba(255,255,255,.13);overflow:hidden}
.ck-pf-prin__rule::after{content:"";position:absolute;inset:0;background:var(--brand-accent);
  transform:scaleX(0);transform-origin:left;transition:transform var(--duration-slow) var(--ease-standard)}
.ck-pf-prin__n{font-family:var(--font-numeric);font-size:12.5px;font-weight:600;letter-spacing:.16em;
  color:var(--text-accent-on-dark)}
.ck-pf-prin__t{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:19px;line-height:1.3;
  letter-spacing:var(--tracking-tight);color:var(--ck-white);margin:0}
.ck-pf-prin__d{margin:0;font-size:14.5px;line-height:1.72;color:rgba(255,255,255,.56)}
@media (hover:hover) and (pointer:fine){
  .ck-pf-prin:hover .ck-pf-prin__rule::after{transform:scaleX(1)}
}

/* ---- capabilities: an index ledger, deliberately not the services card grid ---- */
.ck-pf-cap .ck-ab__inner{gap:56px}
.ck-pf-cap .ck-lede a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:var(--border-brand)}
.ck-pf-cap .ck-lede a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}
.ck-pf-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);
  grid-auto-flow:column;column-gap:72px}
.ck-pf-led{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;
  column-gap:18px;row-gap:4px;padding:21px 2px;border-top:1px solid var(--border-subtle)}
.ck-pf-led:nth-child(5),.ck-pf-led:nth-child(10){border-bottom:1px solid var(--border-subtle)}
.ck-pf-led__n{font-family:var(--font-numeric);font-size:12px;font-weight:600;letter-spacing:.1em;
  color:var(--text-secondary);transition:transform var(--duration-base) var(--ease-standard),
    color var(--duration-base) var(--ease-standard)}
.ck-pf-led__t{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:19px;line-height:1.3;
  letter-spacing:var(--tracking-tight);color:var(--text-primary);
  transition:transform var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}
.ck-pf-led__d{grid-column:2;font-size:14px;line-height:1.62;color:var(--text-secondary);
  transition:transform var(--duration-base) var(--ease-standard)}
.ck-pf-led__fill{position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--brand-primary);
  transform:scaleX(0);transform-origin:left;transition:transform var(--duration-slow) var(--ease-standard)}
@media (hover:hover) and (pointer:fine){
  .ck-pf-led:hover .ck-pf-led__fill{transform:scaleX(1)}
  .ck-pf-led:hover .ck-pf-led__n{color:var(--text-brand);transform:translateX(6px)}
  .ck-pf-led:hover .ck-pf-led__t{color:var(--text-brand);transform:translateX(6px)}
  .ck-pf-led:hover .ck-pf-led__d{transform:translateX(6px)}
}

/* ===================== PORTFOLIO RESPONSIVE ===================== */
@media (max-width:1280px){
  .ck-pf-scene{max-width:560px}
}
@media (max-width:1240px){
  .ck-pf-feat{gap:80px}
  .ck-pf-case{gap:48px}
  .ck-pf-grid{gap:28px}
  .ck-pf-card:nth-child(1),.ck-pf-card:nth-child(2),
  .ck-pf-card:nth-child(3),.ck-pf-card:nth-child(4){grid-column:span 6}
  .ck-pf-ledger{column-gap:48px}
  .ck-pf-appr__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  .ck-pf-work .ck-ab__inner{gap:52px}
  .ck-pf-block{gap:36px}
  .ck-pf-bar{top:84px;align-self:stretch;border-radius:22px}
  .ck-pf-feat{gap:64px}
  .ck-pf-case,.ck-pf-case:nth-child(even){grid-template-columns:1fr;gap:32px}
  .ck-pf-case:nth-child(even) .ck-pf-case__visual{order:0}
  .ck-pf-case__name{font-size:34px}
  .ck-pf-scene{max-width:520px}
  .ck-pf-p--app{display:none}
  .ck-pf-p--main{top:16%;left:6%;width:62%}
  .ck-pf-p--dash{bottom:8%;right:0;width:48%}
  .ck-pf-p--brand{top:0;right:0;width:32%}
  .ck-pf-scene__tag--b{bottom:20%;left:8%}
}
@media (max-width:768px){
  .ck-pf-grid{grid-template-columns:1fr;gap:24px}
  .ck-pf-card:nth-child(1),.ck-pf-card:nth-child(2),
  .ck-pf-card:nth-child(3),.ck-pf-card:nth-child(4),
  [data-ck-portfolio].is-filtered .ck-pf-card{grid-column:auto}
  [data-ck-portfolio].is-filtered .ck-pf-grid{grid-template-columns:1fr}
  .ck-pf-ledger{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-flow:row}
  .ck-pf-led:nth-child(5){border-bottom:0}
}
@media (max-width:640px){
  .ck-pf-hero__note{font-size:12.5px}
  .ck-pf-scene{max-width:100%;aspect-ratio:600/440}
  .ck-pf-p--brand{display:none}
  .ck-pf-p--main{top:10%;left:0;width:76%}
  .ck-pf-p--dash{bottom:4%;right:0;width:58%}
  .ck-pf-scene__tag--a{top:0;left:auto;right:0;font-size:10.5px;padding:7px 11px}
  .ck-pf-scene__tag--b{display:none}

  .ck-pf-work .ck-ab__inner{gap:40px}
  .ck-pf-block{gap:28px}
  .ck-pf-bar{top:76px;padding:9px 8px 8px;border-radius:20px;margin-inline:0}
  .ck-pf-bar__scroll{padding:4px 12px}
  .ck-pf-chip{padding:11px 14px;font-size:13px}
  .ck-pf-bar__status{font-size:11.5px;padding-inline:12px}

  .ck-pf-feat{gap:52px}
  .ck-pf-case{gap:26px}
  .ck-pf-case__name{font-size:30px}
  .ck-pf-case__sum{font-size:15.5px}
  .ck-pf-case__frame{border-radius:var(--radius-md)}
  .ck-pf-case__glow,.ck-pf-card__glow{inset:-6% -4%}
  .ck-pf-card{border-radius:var(--radius-md)}
  .ck-pf-card__info{padding:22px 20px 24px;gap:12px}
  .ck-pf-card__name{font-size:23px}
  .ck-pf-appr__list{grid-template-columns:1fr;gap:28px}
  .ck-pf-led{padding:18px 2px}
  .ck-pf-led__t{font-size:17.5px}
}

/* ---- reduced motion: everything static, nothing hidden ---- */
@media (prefers-reduced-motion:reduce){
  .ck-pf-scene__run,.ck-pf-scene__nodes circle,.ck-pf-scene__tag,
  .ck-pf-hd__line,.ck-pf-hd__bars i,.ck-pf-au__shots i,.ck-pf-au__bag,
  .ck-pf-nv__line,.ck-pf-nv__tip,.ck-pf-nv__val,.ck-pf-nv__float,
  .ck-pf-vn__draw,.ck-pf-vn__wipe,.ck-pf-so__blob,.ck-pf-so__card,.ck-pf-so__val,
  .ck-pf-ru__cart,.ck-pf-ru__badge,.ck-pf-or__pane,.ck-pf-or__tog,.ck-pf-or__tog i{animation:none !important}
  .ck-pf-scene__run{stroke-dasharray:none;stroke-dashoffset:0;opacity:.45}
  .ck-pf-scene__nodes circle{opacity:.55}
  .ck-pf-hd__line,.ck-pf-nv__line{stroke-dashoffset:0}
  .ck-pf-nv__val{stroke-dashoffset:26}
  .ck-pf-so__val{stroke-dashoffset:34}
  .ck-pf-hd__bars i{transform:scaleY(1)}
  .ck-pf-vn__wipe{display:none}
  .ck-pf-ru__cart{transform:translateX(0)}
  .ck-pf-or__tog{background:var(--pf-a)}
  .ck-pf-or__tog i{transform:translateX(13px)}
  .ck-pf-item{transition:none}
  .ck-pf-item.is-in{animation:none !important}
  .ck-pf-card:hover,.ck-pf-chip:hover{transform:none}
  .ck-pf-card:hover .ck-pf-card__frame,.ck-pf-case__visual:hover .ck-pf-case__frame{transform:none}
  .ck-pf-case__sheen,.ck-pf-card__sheen{display:none}
  .ck-pf-led:hover .ck-pf-led__n,.ck-pf-led:hover .ck-pf-led__t,
  .ck-pf-led:hover .ck-pf-led__d{transform:none}
}
/* ===================== INDUSTRIES PAGE (scoped: .ck-in-*) ===================== */
/* Every selector is namespaced .ck-in- or nested under it, so nothing here can
   reach another page. */

.ck-in-explorer [hidden],.ck-in-map [hidden]{display:none !important}

/* ---- hero: reuses the .ck-hx shell, .ck-p float system and .ck-glass ---- */
.ck-in-hero .ck-hx__copy h1{font-size:clamp(36px,4.6vw,66px)}
.ck-in-hero__note{font-size:13px;line-height:1.6;color:rgba(255,255,255,.44);margin:4px 0 0;max-width:46ch}
.ck-in-hero .ck-btn--inverse-outline .ck-btn__icon:first-child{margin-right:-2px}

.ck-in-scene{max-width:640px;aspect-ratio:600/520}
.ck-in-scene__wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ck-in-scene__base path{stroke:rgba(45,212,191,.13);stroke-width:1.4;fill:none;stroke-linecap:round}
.ck-in-scene__run{stroke:#5EEAD4;stroke-width:1.7;fill:none;stroke-linecap:round;
  filter:drop-shadow(0 0 6px rgba(45,212,191,.85));
  stroke-dasharray:70 900;stroke-dashoffset:970;animation:ck-in-run 9s linear infinite}
.ck-in-scene__run--b{animation-delay:-4.5s;stroke-dasharray:60 780;stroke-dashoffset:840}
@keyframes ck-in-run{from{stroke-dashoffset:970}to{stroke-dashoffset:0}}

.ck-in-scene__core{position:absolute;top:50%;left:50%;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);
  display:grid;place-items:center;border-radius:50%;z-index:6;
  background:radial-gradient(circle at 50% 50%,rgba(20,184,166,.34) 0%,rgba(4,13,11,.75) 68%);
  border:1px solid rgba(45,212,191,.30);
  box-shadow:0 0 46px -8px rgba(20,184,166,.60),inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}
.ck-in-scene__core img{width:62%;height:auto;position:relative;z-index:2}
.ck-in-scene__ring{position:absolute;inset:-14%;border-radius:50%;border:1px solid rgba(45,212,191,.20);
  animation:ck-in-pulse 6s ease-in-out infinite}
.ck-in-scene__ring--out{inset:-30%;border-color:rgba(45,212,191,.11);animation-delay:-3s}
@keyframes ck-in-pulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:1}}

.ck-in-node{width:26%;min-width:96px;--fd:14s}
.ck-in-node__f{flex-direction:row;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-pill)}
.ck-in-node__ico{display:inline-flex;flex:none;color:#5EEAD4}
.ck-in-node__t{font-family:var(--font-body);font-size:11.5px;font-weight:var(--weight-semibold);
  letter-spacing:-.01em;color:rgba(255,255,255,.90);white-space:nowrap}
.ck-in-node--a{top:11%;left:6%;--d:16px;--rot:-.7deg;--fdl:0s}
.ck-in-node--b{top:8%;right:4%;--d:19px;--rot:.6deg;--fdl:-2s}
.ck-in-node--c{top:40%;left:0;--d:13px;--rot:.8deg;--fdl:-4s}
.ck-in-node--d{top:36%;right:0;--d:20px;--rot:-.5deg;--fdl:-6s}
.ck-in-node--e{bottom:16%;left:3%;--d:15px;--rot:.7deg;--fdl:-8s}
.ck-in-node--f{bottom:2%;left:36%;--d:11px;--rot:-.8deg;--fdl:-10s}
.ck-in-node--g{bottom:13%;right:2%;--d:18px;--rot:.5deg;--fdl:-12s}
.ck-in-node--h{top:23%;left:26%;--d:9px;--rot:-.6deg;--fdl:-7s}

/* ---- explorer: rail + stage ---- */
/* .ck-ab uses overflow:hidden, which makes it a scroll container and kills
   position:sticky on the industry rail. overflow:clip clips the decorative
   glow identically without creating one. Scoped to this section only. */
.ck-in-explorer{overflow:clip}
.ck-in-explorer .ck-ab__inner{gap:56px}
.ck-in-ex{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:56px;align-items:start}

.ck-in-ex__rail{position:sticky;top:104px;min-width:0}
.ck-in-tabs{display:flex;flex-direction:column;gap:2px}
.ck-in-tab{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;
  gap:14px;width:100%;text-align:left;cursor:pointer;
  padding:14px 16px;border:0;border-radius:var(--radius-md);background:transparent;
  transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}
.ck-in-tab__n{font-family:var(--font-numeric);font-size:11.5px;font-weight:600;letter-spacing:.12em;
  color:rgba(255,255,255,.64);transition:color var(--duration-base) var(--ease-standard)}
.ck-in-tab__t{font-family:var(--font-display);font-size:16px;font-weight:var(--weight-bold);
  letter-spacing:var(--tracking-tight);color:rgba(255,255,255,.62);
  transition:color var(--duration-base) var(--ease-standard)}
.ck-in-tab__bar{position:absolute;left:0;top:14%;bottom:14%;width:2px;border-radius:2px;
  background:var(--in-a,#2DD4BF);transform:scaleY(0);transform-origin:center;
  transition:transform var(--duration-base) var(--ease-standard)}
.ck-in-tab.is-active{background:rgba(255,255,255,.055)}
.ck-in-tab.is-active .ck-in-tab__bar{transform:scaleY(1)}
.ck-in-tab.is-active .ck-in-tab__n{color:var(--in-a,#2DD4BF)}
.ck-in-tab.is-active .ck-in-tab__t{color:#fff}
@media (hover:hover) and (pointer:fine){
  .ck-in-tab:hover{background:rgba(255,255,255,.04)}
  .ck-in-tab:hover .ck-in-tab__t{color:rgba(255,255,255,.92)}
}
.ck-in-tab:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}

.ck-in-ex__stage{min-width:0}
.ck-in-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center;min-width:0}
.ck-in-panel:focus-visible{outline:2px solid var(--brand-accent);outline-offset:8px;border-radius:var(--radius-md)}
.ck-in-panel.is-in{animation:ck-in-panel-in 340ms var(--ease-entrance)}
@keyframes ck-in-panel-in{from{transform:translateY(10px)}to{transform:none}}

.ck-in-panel__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.ck-in-panel__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);
  font-size:12px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;
  color:var(--in-a,#2DD4BF)}
.ck-in-panel__n{font-family:var(--font-numeric);padding:3px 7px;border-radius:var(--radius-xs);
  background:rgba(255,255,255,.08);letter-spacing:.08em;color:rgba(255,255,255,.72)}
.ck-in-panel__h{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(26px,2.7vw,38px);line-height:1.12;letter-spacing:var(--tracking-tighter);color:#fff;margin:0}
.ck-in-panel__d{margin:0;font-size:16px;line-height:1.72;color:rgba(255,255,255,.64);max-width:46ch}

.ck-in-focus{width:100%;margin-top:2px}
.ck-in-focus__h{margin:0 0 12px;font-family:var(--font-body);font-size:11px;font-weight:var(--weight-bold);
  letter-spacing:var(--tracking-widest);text-transform:uppercase;color:rgba(255,255,255,.54)}
.ck-in-focus__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
.ck-in-focus__list li{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5;
  color:rgba(255,255,255,.80)}
.ck-in-focus__list li span{flex:none;width:5px;height:5px;border-radius:50%;background:var(--in-a,#2DD4BF)}

.ck-in-panel__act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:6px}
.ck-in-panel__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-button);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;
  font-size:14.5px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);
  transition:var(--transition-base)}
.ck-in-panel__cta svg{transition:transform var(--duration-base) var(--ease-standard)}
.ck-in-panel__cta:hover{background:rgba(255,255,255,.12);border-color:var(--in-a,#2DD4BF);color:#fff}
.ck-in-panel__cta:hover svg{transform:translateX(3px)}
.ck-in-panel__alt{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:var(--weight-semibold);
  color:rgba(255,255,255,.66)}
.ck-in-panel__alt svg{transition:transform var(--duration-base) var(--ease-standard)}
.ck-in-panel__alt:hover{color:#fff}
.ck-in-panel__alt:hover svg{transform:translateX(3px)}

.ck-in-panel__visual{position:relative;min-width:0}
.ck-in-panel__glow{position:absolute;inset:-12% -8%;z-index:0;pointer-events:none;border-radius:52px;
  background:radial-gradient(56% 56% at 50% 48%,color-mix(in srgb,var(--in-a,#2DD4BF) 26%,transparent) 0%,rgba(10,10,10,0) 72%)}
@supports not (color:color-mix(in srgb,#000 50%,transparent)){
  .ck-in-panel__glow{background:radial-gradient(56% 56% at 50% 48%,rgba(45,212,191,.22) 0%,rgba(10,10,10,0) 72%)}
}
.ck-in-panel__frame{position:relative;z-index:1;overflow:hidden;aspect-ratio:16/11;container-type:inline-size;
  border-radius:var(--radius-image);border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(158deg,#0C1413 0%,#05090A 100%);
  box-shadow:0 40px 90px -44px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.07)}
/* ---- preview atoms shared by all eleven industries ---- */
.ck-in-mk{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;gap:10px;
  padding:clamp(13px,3.4%,24px);overflow:hidden}
.ck-in-body{flex:1;min-height:0;display:flex;gap:3.5%}
.ck-in-win{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08)}
.ck-in-win__dots{display:flex;gap:4px;flex:none}
.ck-in-win__dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.22)}
.ck-in-win__url{flex:1;min-width:0;padding:3px 9px;border-radius:var(--radius-pill);background:rgba(255,255,255,.06);
  font-family:var(--font-body);font-size:8.5px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.40);
  text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-in-ln{height:4px;width:88%;border-radius:2px;background:rgba(255,255,255,.20);display:block}
.ck-in-ln--s{width:56%;background:rgba(255,255,255,.12)}
.ck-in-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--radius-pill);
  background:var(--in-a,#2DD4BF);color:#08120F;font-family:var(--font-body);font-size:9px;font-weight:700;
  letter-spacing:.03em;white-space:nowrap;box-shadow:0 10px 22px -12px rgba(0,0,0,.9)}
.ck-in-rail{display:flex;flex-direction:column;gap:8px;padding:8px 7px;border-radius:9px;flex:none;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.ck-in-rail i{width:9px;height:9px;border-radius:3px;background:rgba(255,255,255,.13)}
.ck-in-rail i.on{background:var(--in-a,#2DD4BF)}
.ck-in-seg{display:flex;gap:4px;padding:3px;border-radius:var(--radius-pill);background:rgba(255,255,255,.05)}
.ck-in-seg u{width:16px;height:6px;border-radius:var(--radius-pill);background:rgba(255,255,255,.13)}
.ck-in-seg u.on{background:var(--in-a,#2DD4BF)}
.ck-in-chart{width:100%;flex:1;min-height:0}
.ck-in-chart__rules line{stroke:rgba(255,255,255,.06);stroke-width:1}
.ck-in-chart__line{stroke:var(--in-a,#2DD4BF);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:340;stroke-dashoffset:340;animation:ck-in-draw 5s var(--ease-entrance) infinite}
@keyframes ck-in-draw{0%{stroke-dashoffset:340}42%,100%{stroke-dashoffset:0}}
.ck-in-chart__tip{fill:var(--in-a,#2DD4BF);animation:ck-in-blip 3s ease-in-out infinite}
@keyframes ck-in-blip{0%,100%{opacity:.35}50%{opacity:1}}
.ck-in-bars{display:flex;align-items:flex-end;gap:4px;height:100%;min-height:22px;width:100%}
.ck-in-bars i{flex:1;border-radius:2px 2px 0 0;background:var(--in-a,#2DD4BF);opacity:.45;transform-origin:bottom;
  animation:ck-in-bar 3.4s ease-in-out infinite}
.ck-in-bars i:nth-child(1){height:42%;animation-delay:-.1s}
.ck-in-bars i:nth-child(2){height:66%;animation-delay:-.5s}
.ck-in-bars i:nth-child(3){height:50%;animation-delay:-.9s}
.ck-in-bars i:nth-child(4){height:84%;animation-delay:-1.3s}
.ck-in-bars i:nth-child(5){height:100%;animation-delay:-1.7s;opacity:.8}
@keyframes ck-in-bar{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1)}}
.ck-in-ring{width:30px;height:30px;flex:none;transform:rotate(-90deg)}
.ck-in-ring__trk{stroke:rgba(255,255,255,.12);stroke-width:4;fill:none}
.ck-in-ring__val{stroke:var(--in-a,#2DD4BF);stroke-width:4;fill:none;stroke-linecap:round;
  stroke-dasharray:88;stroke-dashoffset:88;animation:ck-in-ring 5.5s var(--ease-entrance) infinite}
@keyframes ck-in-ring{0%{stroke-dashoffset:88}42%,100%{stroke-dashoffset:28}}
.ck-in-glass2{flex:1;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;min-width:0;
  background:linear-gradient(150deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.025) 100%);
  border:1px solid rgba(255,255,255,.11)}
.ck-in-float{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:var(--radius-pill);
  background:linear-gradient(150deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);
  box-shadow:0 18px 40px -22px rgba(0,0,0,.95);
  font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.86);
  animation:ck-in-floaty 7s ease-in-out infinite}
@keyframes ck-in-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.ck-in-dot{width:6px;height:6px;border-radius:50%;background:var(--in-a,#2DD4BF);
  box-shadow:0 0 8px var(--in-a,#2DD4BF);animation:ck-in-blip 2.4s ease-in-out infinite}
.ck-in-tog{position:relative;width:24px;height:12px;border-radius:var(--radius-pill);flex:none;
  background:var(--in-a,#2DD4BF)}
.ck-in-tog i{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#fff;
  animation:ck-in-knob 6s ease-in-out infinite}
@keyframes ck-in-knob{0%,44%{transform:translateX(0)}54%,100%{transform:translateX(12px)}}
.ck-in-prog{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.10);overflow:hidden}
.ck-in-prog u{display:block;height:100%;width:64%;border-radius:2px;background:var(--in-a,#2DD4BF);
  transform-origin:left;animation:ck-in-fill 5s var(--ease-entrance) infinite}
@keyframes ck-in-fill{0%{transform:scaleX(0)}45%,100%{transform:scaleX(1)}}

/* ---- 01 E-commerce ---- */
.ck-in-cartico{position:relative;flex:none;width:16px;height:14px;border:1.5px solid rgba(255,255,255,.34);
  border-radius:0 0 4px 4px}
.ck-in-cartico i{position:absolute;top:-5px;right:-5px;width:8px;height:8px;border-radius:50%;
  background:var(--in-a,#2DD4BF);animation:ck-in-pulsedot 2.6s ease-in-out infinite}
@keyframes ck-in-pulsedot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}
.ck-in-ec__grid{flex:1.15;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6%;min-width:0}
.ck-in-ec__grid i{border-radius:7px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(160deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%)}
.ck-in-ec__grid i:nth-child(1){background:linear-gradient(160deg,color-mix(in srgb,var(--in-a) 34%,transparent) 0%,rgba(255,255,255,.02) 100%)}
.ck-in-ec__detail{flex:1;display:flex;flex-direction:column;gap:7px;padding:9px;border-radius:9px;min-width:0;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.ck-in-ec__shot{flex:1;min-height:0;border-radius:6px;
  background:linear-gradient(165deg,color-mix(in srgb,var(--in-a) 30%,transparent) 0%,rgba(255,255,255,.03) 100%)}
.ck-in-ec__swatch{display:flex;gap:5px}
.ck-in-ec__swatch u{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.ck-in-ec__swatch u.on{background:var(--in-a,#2DD4BF);box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.ck-in-ec__buy{margin-top:auto;display:block;text-align:center;padding:6px;border-radius:6px;
  background:var(--in-a,#2DD4BF);color:#08120F;font-family:var(--font-body);font-size:8.5px;font-weight:700;
  animation:ck-in-tap 5s ease-in-out infinite}
@keyframes ck-in-tap{0%,88%,100%{transform:scale(1)}92%{transform:scale(.95)}}

/* ---- 02 SaaS ---- */
.ck-in-sa{position:relative}
.ck-in-sa__main{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.ck-in-sa__cards{display:flex;gap:5px}
.ck-in-sa__cards i{flex:1;height:24px;border-radius:6px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07)}
.ck-in-sa__cards i:first-child{background:color-mix(in srgb,var(--in-a) 18%,transparent);
  border-color:color-mix(in srgb,var(--in-a) 32%,transparent)}
.ck-in-sa__rows{display:flex;flex-direction:column;gap:5px}
.ck-in-sa__rows b{height:4px;border-radius:2px;background:rgba(255,255,255,.13)}
.ck-in-sa__rows b:last-child{width:62%}
.ck-in-sa__float{position:absolute;right:-2%;bottom:-6%}
.ck-in-sa__float b{width:26px;height:4px;border-radius:2px;background:rgba(255,255,255,.34)}

/* ---- 03 Real Estate ---- */
.ck-in-re__map{flex:1.05;position:relative;border-radius:9px;overflow:hidden;min-width:0;
  background:linear-gradient(160deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.02) 100%);
  border:1px solid rgba(255,255,255,.08)}
.ck-in-re__roads{position:absolute;inset:0;width:100%;height:100%}
.ck-in-re__roads path{stroke:rgba(255,255,255,.10);stroke-width:2}
.ck-in-re__pin{position:absolute;width:10px;height:10px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
  background:var(--in-a,#2DD4BF);box-shadow:0 0 0 4px color-mix(in srgb,var(--in-a) 22%,transparent);
  animation:ck-in-pin 3.6s ease-in-out infinite}
.ck-in-re__pin--a{top:26%;left:28%}
.ck-in-re__pin--b{top:56%;left:58%;animation-delay:-1.2s}
.ck-in-re__pin--c{top:74%;left:24%;animation-delay:-2.4s}
@keyframes ck-in-pin{0%,100%{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.18)}}
.ck-in-re__list{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-in-re__card{display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:8px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.ck-in-re__card.is-on{border-color:color-mix(in srgb,var(--in-a) 45%,transparent);
  background:color-mix(in srgb,var(--in-a) 12%,rgba(255,255,255,.03))}
.ck-in-re__card i{display:block;height:26px;border-radius:5px;
  background:linear-gradient(160deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 100%)}
.ck-in-re__list .ck-in-pill{margin-top:auto;align-self:flex-start}
/* ---- 04 FinTech ---- */
.ck-in-fi{flex-direction:column;gap:8px}
.ck-in-fi__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ck-in-fi__shield{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);
  background:color-mix(in srgb,var(--in-a) 16%,transparent);border:1px solid color-mix(in srgb,var(--in-a) 34%,transparent);
  font-family:var(--font-body);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--in-a,#2DD4BF)}
.ck-in-fi__panels{display:flex;gap:6px;height:34px;flex:none}
.ck-in-fi__lines{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.ck-in-fi__lines b{height:4px;border-radius:2px;background:rgba(255,255,255,.28)}
.ck-in-fi__lines b:last-child{width:56%;background:rgba(255,255,255,.14)}

/* ---- 05 Healthcare ---- */
.ck-in-he__cal{flex:1.1;display:flex;flex-direction:column;gap:7px;padding:9px;border-radius:9px;min-width:0;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.ck-in-he__week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.ck-in-he__week u{height:5px;border-radius:2px;background:rgba(255,255,255,.16)}
.ck-in-he__slots{flex:1;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:5px}
.ck-in-he__slots i{border-radius:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.05)}
.ck-in-he__slots i.on{background:var(--in-a,#2DD4BF);border-color:transparent;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--in-a) 24%,transparent);animation:ck-in-pulsedot 3s ease-in-out infinite}
.ck-in-he__side{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-in-he__card{display:flex;flex-direction:column;gap:5px;padding:9px;border-radius:8px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.ck-in-he__av{width:20px;height:20px;border-radius:50%;
  background:linear-gradient(160deg,color-mix(in srgb,var(--in-a) 60%,transparent),rgba(255,255,255,.10))}
.ck-in-he__side .ck-in-pill{margin-top:auto;align-self:flex-start}

/* ---- 06 Education ---- */
.ck-in-ed__cards{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.ck-in-ed__course{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:8px;flex:1;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.ck-in-ed__course.is-on{border-color:color-mix(in srgb,var(--in-a) 45%,transparent)}
.ck-in-ed__course i{display:block;flex:1;min-height:16px;border-radius:5px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--in-a) 26%,transparent) 0%,rgba(255,255,255,.03) 100%)}
.ck-in-ed__lessons{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-in-ed__row{display:flex;align-items:center;gap:8px}
.ck-in-ed__row u{flex:none;width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.20)}
.ck-in-ed__row.is-done u{background:var(--in-a,#2DD4BF);border-color:transparent}
.ck-in-ed__row.is-now u{border-color:var(--in-a,#2DD4BF);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--in-a) 20%,transparent);animation:ck-in-pulsedot 2.8s ease-in-out infinite}
.ck-in-ed__lessons .ck-in-pill{margin-top:auto;align-self:flex-start}

/* ---- 07 Hospitality ---- */
.ck-in-ho{flex-direction:column;gap:8px}
.ck-in-ho__scene{position:relative;flex:1;min-height:0;border-radius:10px;overflow:hidden;
  background:linear-gradient(180deg,#101A26 0%,#1E2A33 52%,#2A2622 100%)}
.ck-in-ho__sun{position:absolute;top:22%;left:50%;width:26%;aspect-ratio:1;transform:translateX(-50%);
  border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--in-a) 92%,transparent) 0%,color-mix(in srgb,var(--in-a) 22%,transparent) 62%,transparent 72%);
  animation:ck-in-sun 12s ease-in-out infinite}
@keyframes ck-in-sun{0%,100%{transform:translateX(-50%) translateY(0);opacity:.85}50%{transform:translateX(-50%) translateY(-9%);opacity:1}}
.ck-in-ho__hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:66%}
.ck-in-ho__h1{fill:rgba(0,0,0,.42)}
.ck-in-ho__h2{fill:rgba(0,0,0,.62)}
.ck-in-ho__stars{position:absolute;top:8%;left:8%;display:flex;gap:4px}
.ck-in-ho__stars i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.62)}
.ck-in-ho__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}
.ck-in-ho__dates{display:flex;gap:5px}
.ck-in-ho__dates u{width:22px;height:12px;border-radius:4px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10)}
.ck-in-ho__dates u.on{background:var(--in-a,#2DD4BF);border-color:transparent}

/* ---- 08 Fashion ---- */
.ck-in-fa{flex-direction:column;gap:9px}
.ck-in-fa__nav{display:flex;align-items:center;gap:9px;flex:none}
.ck-in-fa__nav b{height:3px;width:22px;border-radius:2px;background:rgba(255,255,255,.20)}
.ck-in-fa__nav u{margin-left:auto;width:12px;height:3px;border-radius:2px;background:var(--in-a,#2DD4BF)}
.ck-in-fa__stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:5%;align-items:center}
.ck-in-fa__type{display:flex;flex-direction:column;gap:8px}
.ck-in-fa__word{font-family:var(--font-display);font-weight:var(--weight-medium);
  font-size:clamp(13px,3.4cqw,28px);letter-spacing:.34em;line-height:1;color:rgba(255,255,255,.94)}
.ck-in-fa__rule{height:1px;width:54%;background:var(--in-a,#2DD4BF);opacity:.85}
.ck-in-fa__looks{display:grid;grid-template-columns:1fr 1fr;gap:6%;height:100%}
.ck-in-fa__looks i{border-radius:6px;border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(165deg,color-mix(in srgb,var(--in-a) 34%,transparent) 0%,rgba(255,255,255,.04) 100%);
  animation:ck-in-look 9s ease-in-out infinite}
.ck-in-fa__looks i:last-child{margin-top:12%;animation-delay:-4.5s;
  background:linear-gradient(165deg,rgba(255,255,255,.20) 0%,color-mix(in srgb,var(--in-a) 14%,transparent) 100%)}
@keyframes ck-in-look{0%,100%{transform:translateY(0)}50%{transform:translateY(-5%)}}
.ck-in-fa__swatch{display:flex;align-items:center;gap:6px;flex:none}
.ck-in-fa__swatch u{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
.ck-in-fa__swatch u.on{background:var(--in-a,#2DD4BF);box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.ck-in-fa__swatch b{margin-left:2px;padding:2px 6px;border-radius:4px;font-family:var(--font-body);font-size:8px;
  font-weight:700;color:rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.12)}
.ck-in-fa__swatch b.on{color:#08120F;background:var(--in-a,#2DD4BF);border-color:transparent}

/* ---- 09 Professional Services ---- */
.ck-in-pr__arch{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;
  padding:8px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ck-in-pr__node{width:26px;height:9px;border-radius:4px;background:var(--in-a,#2DD4BF)}
.ck-in-pr__tree{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
.ck-in-pr__tree path{stroke:rgba(255,255,255,.18);stroke-width:1.4;fill:none}
.ck-in-pr__leaves{position:absolute;left:8px;right:8px;bottom:14%;display:flex;justify-content:space-between}
.ck-in-pr__leaves i{width:22px;height:8px;border-radius:3px;background:rgba(255,255,255,.16)}
.ck-in-pr__leaves i:nth-child(2){background:color-mix(in srgb,var(--in-a) 52%,transparent)}
.ck-in-pr__side{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-in-pr__cred{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.ck-in-pr__cred u{flex:none;width:14px;height:14px;border-radius:50%;
  border:1.5px solid color-mix(in srgb,var(--in-a) 62%,transparent)}
.ck-in-pr__form{margin-top:auto;display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:8px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.ck-in-pr__form b{height:9px;border-radius:4px;background:rgba(255,255,255,.09)}
.ck-in-pr__form .ck-in-pill{margin-top:2px}

/* ---- 10 Manufacturing ---- */
.ck-in-ma__view{flex:1;display:grid;place-items:center;min-width:0;padding:6px;border-radius:9px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.ck-in-ma__part{width:88%;height:auto}
.ck-in-ma__o{stroke:var(--in-a,#2DD4BF);stroke-width:2;fill:none;opacity:.85;
  transform-origin:70px 60px;animation:ck-in-spin 26s linear infinite}
.ck-in-ma__i{stroke:rgba(255,255,255,.30);stroke-width:1.6;fill:none}
.ck-in-ma__teeth path{stroke:rgba(255,255,255,.26);stroke-width:2;stroke-linecap:round;
  transform-origin:70px 60px;animation:ck-in-spin 26s linear infinite}
@keyframes ck-in-spin{to{transform:rotate(360deg)}}
.ck-in-ma__dims path{stroke:rgba(255,255,255,.16);stroke-width:1;stroke-dasharray:3 3}
.ck-in-ma__spec{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-in-ma__row{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}
.ck-in-ma__row b{height:4px;width:38%;border-radius:2px;background:rgba(255,255,255,.24)}
.ck-in-ma__row u{height:4px;width:26%;border-radius:2px;background:rgba(255,255,255,.12)}
.ck-in-ma__spec .ck-in-pill{margin-top:auto;align-self:flex-start}

/* ---- 11 Startups ---- */
.ck-in-st{flex-direction:column;gap:9px}
.ck-in-st__step{display:flex;align-items:center;gap:5px;flex:none}
.ck-in-st__step i{width:10px;height:10px;border-radius:50%;flex:none;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16)}
.ck-in-st__step i.on{background:var(--in-a,#2DD4BF);border-color:transparent;
  box-shadow:0 0 10px color-mix(in srgb,var(--in-a) 70%,transparent)}
.ck-in-st__step u{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.12)}
.ck-in-st__step u.on{background:var(--in-a,#2DD4BF)}
.ck-in-st__traj{flex:1;min-height:0;width:100%}
.ck-in-st__path{stroke:var(--in-a,#2DD4BF);stroke-width:2.2;fill:none;stroke-linecap:round;
  stroke-dasharray:280;stroke-dashoffset:280;animation:ck-in-draw 5.5s var(--ease-entrance) infinite}
.ck-in-st__dot{fill:var(--in-a,#2DD4BF);animation:ck-in-blip 3s ease-in-out infinite}
.ck-in-st__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex:none}
.ck-in-st__rows{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.ck-in-st__rows b{height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
.ck-in-st__rows b:nth-child(2){width:70%}
.ck-in-st__rows b:nth-child(3){width:48%}
/* ---- business challenges: problem -> answer, joined by a drawn line ---- */
.ck-in-ch .ck-ab__inner{gap:56px}
.ck-in-ch__head{display:flex;flex-direction:column;gap:18px;max-width:60ch}
.ck-in-ch__title{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(28px,3.2vw,46px);line-height:1.12;letter-spacing:var(--tracking-tighter);
  color:var(--ck-neutral-500);margin:0}
.ck-in-ch__title span{display:block;color:var(--ck-neutral-700)}
.ck-in-ch__title em{display:block;font-style:normal;color:var(--text-primary)}
.ck-in-ch__list{display:flex;flex-direction:column}
.ck-in-ch__row{display:grid;grid-template-columns:minmax(0,.62fr) 88px minmax(0,1fr);align-items:center;
  gap:20px;padding:22px 4px;border-top:1px solid var(--border-subtle)}
.ck-in-ch__row:last-child{border-bottom:1px solid var(--border-subtle)}
.ck-in-ch__problem{display:flex;align-items:center;gap:12px;font-family:var(--font-display);
  font-size:18px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}
.ck-in-ch__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ck-neutral-300)}
.ck-in-ch__link{position:relative;height:1px;background:var(--border-strong);overflow:hidden}
.ck-in-ch__link i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--brand-accent),transparent);
  transform:translateX(-100%);animation:ck-in-flow 3.4s ease-in-out infinite}
.ck-in-ch__row:nth-child(2n) .ck-in-ch__link i{animation-delay:-.6s}
.ck-in-ch__row:nth-child(3n) .ck-in-ch__link i{animation-delay:-1.4s}
.ck-in-ch__row:nth-child(5n) .ck-in-ch__link i{animation-delay:-2.2s}
@keyframes ck-in-flow{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
.ck-in-ch__answer{font-size:15.5px;line-height:1.66;color:var(--text-secondary)}
@media (hover:hover) and (pointer:fine){
  .ck-in-ch__row:hover .ck-in-ch__dot{background:var(--brand-primary)}
  .ck-in-ch__row:hover .ck-in-ch__answer{color:var(--text-primary)}
}

/* ---- approach: one rail, six stops ---- */
.ck-in-ap .ck-ab__inner{gap:64px}
.ck-in-steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.ck-in-steps__rail{position:absolute;top:6px;left:0;right:0;height:1px;background:rgba(255,255,255,.13)}
.ck-in-steps__rail i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,var(--brand-accent),rgba(45,212,191,.15));
  animation:ck-in-rail 6s var(--ease-entrance) infinite}
@keyframes ck-in-rail{0%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}
.ck-in-step{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:30px}
.ck-in-step__node{position:absolute;top:1px;left:0;width:11px;height:11px;border-radius:50%;
  background:#0A0A0A;border:2px solid rgba(255,255,255,.24);
  transition:border-color var(--duration-base) var(--ease-standard)}
.ck-in-step:first-child .ck-in-step__node{border-color:var(--brand-accent)}
.ck-in-step__n{font-family:var(--font-numeric);font-size:12px;font-weight:600;letter-spacing:.14em;
  color:var(--text-accent-on-dark)}
.ck-in-step__t{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:18px;
  line-height:1.28;letter-spacing:var(--tracking-tight);color:#fff}
.ck-in-step__d{margin:0;font-size:13.5px;line-height:1.66;color:rgba(255,255,255,.58)}
@media (hover:hover) and (pointer:fine){
  .ck-in-step:hover .ck-in-step__node{border-color:var(--brand-accent)}
}

/* ---- industry -> services map ---- */
.ck-in-map .ck-ab__inner{gap:44px}
.ck-in-map .ck-lede a,.ck-in-map__note a{color:var(--text-link);text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--border-brand)}
.ck-in-map .ck-lede a:hover,.ck-in-map__note a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}
.ck-in-map__bar{max-width:100%}
.ck-in-map__scroll{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px}
.ck-in-mchip{flex:none;padding:10px 15px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;
  border:1px solid var(--border-subtle);background:var(--ck-white);color:var(--ck-neutral-600);
  font-family:var(--font-body);font-size:13.5px;font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-snug);transition:var(--transition-base);scroll-snap-align:center}
.ck-in-mchip.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--ck-white);
  box-shadow:var(--shadow-brand)}
@media (hover:hover) and (pointer:fine){
  .ck-in-mchip:hover{color:var(--text-primary);border-color:var(--border-brand);transform:var(--lift-sm)}
  .ck-in-mchip.is-active:hover{color:var(--ck-white);background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}
}
.ck-in-map__set{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:40px;align-items:center;
  padding:34px;border-radius:var(--radius-card);background:var(--surface-card);
  border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}
.ck-in-map__set.is-in{animation:ck-in-panel-in 300ms var(--ease-entrance)}
.ck-in-map__from{position:relative;display:flex;flex-direction:column;gap:8px}
.ck-in-map__label{font-family:var(--font-body);font-size:11px;font-weight:var(--weight-bold);
  letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-secondary)}
.ck-in-map__name{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:26px;
  line-height:1.16;letter-spacing:var(--tracking-tighter);color:var(--text-primary)}
.ck-in-map__arrow{position:relative;height:1px;margin-top:10px;background:var(--border-strong)}
.ck-in-map__arrow i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);
  transform:translateX(-100%);animation:ck-in-flow 3.6s ease-in-out infinite}
.ck-in-map__svc{display:flex;flex-wrap:wrap;gap:10px}
.ck-in-map__svc li a,.ck-in-map__svc li span{display:inline-flex;align-items:center;gap:7px;
  padding:11px 16px;border-radius:var(--radius-button);font-size:14.5px;font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-snug);border:1px solid var(--border-subtle);background:var(--surface-muted);
  color:var(--ck-neutral-700);transition:var(--transition-base)}
.ck-in-map__svc li a{color:var(--text-brand)}
.ck-in-map__svc li a svg{transition:transform var(--duration-base) var(--ease-standard)}
.ck-in-map__svc li a:hover{background:var(--surface-brand-soft);border-color:var(--border-brand);
  color:var(--text-link-hover);transform:var(--lift-sm)}
.ck-in-map__svc li a:hover svg{transform:translate(2px,-2px)}
.ck-in-map__note{margin:0;font-size:14px;line-height:1.66;color:var(--text-secondary);max-width:72ch}

/* ---- why creativekraft: mosaic, deliberately unlike the services grid ---- */
.ck-in-why .ck-ab__inner{gap:0}
.ck-in-why__mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-card);
  overflow:hidden}
.ck-in-why__lead{grid-column:span 5;grid-row:span 2;display:flex;flex-direction:column;gap:18px;
  padding:44px;background:#0A0F0E}
.ck-in-why__title{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(24px,2.5vw,36px);line-height:1.16;letter-spacing:var(--tracking-tighter);
  color:rgba(255,255,255,.42);margin:0}
.ck-in-why__title span{display:block;color:#fff}
.ck-in-why__lede{margin:0;font-size:15px;line-height:1.72;color:rgba(255,255,255,.56);max-width:38ch}
.ck-in-why__tile{position:relative;display:flex;flex-direction:column;gap:9px;padding:30px 28px;
  background:#0A0A0A;transition:background var(--duration-base) var(--ease-standard)}
.ck-in-why__tile--1{grid-column:span 4}
.ck-in-why__tile--2{grid-column:span 3}
.ck-in-why__tile--3{grid-column:span 3}
.ck-in-why__tile--4{grid-column:span 4}
.ck-in-why__tile--5{grid-column:span 4}
.ck-in-why__tile--6{grid-column:span 4}
.ck-in-why__tile--7{grid-column:span 4}
.ck-in-why__rule{position:absolute;top:0;left:0;right:0;height:2px;background:var(--brand-accent);
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--duration-slow) var(--ease-standard)}
.ck-in-why__t{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:18px;
  line-height:1.28;letter-spacing:var(--tracking-tight);color:#fff}
.ck-in-why__d{margin:0;font-size:14px;line-height:1.66;color:rgba(255,255,255,.56)}
@media (hover:hover) and (pointer:fine){
  .ck-in-why__tile:hover{background:#0E1413}
  .ck-in-why__tile:hover .ck-in-why__rule{transform:scaleX(1)}
}
/* ===================== INDUSTRIES RESPONSIVE ===================== */
@media (max-width:1280px){
  .ck-in-scene{max-width:560px}
  .ck-in-ex{grid-template-columns:minmax(0,.36fr) minmax(0,1fr);gap:44px}
  .ck-in-panel{grid-template-columns:minmax(0,1fr);gap:32px}
  .ck-in-panel__visual{order:-1}
}
@media (max-width:1240px){
  .ck-in-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
  .ck-in-steps__rail{display:none}
  .ck-in-why__lead{grid-column:span 6;grid-row:auto}
  .ck-in-why__tile{grid-column:span 6 !important}
}
@media (max-width:1024px){
  .ck-in-explorer .ck-ab__inner{gap:40px}
  /* the rail becomes a horizontal scroller, matching the filter pattern used
     elsewhere on the site */
  .ck-in-ex{grid-template-columns:minmax(0,1fr);gap:32px}
  .ck-in-ex__rail{position:sticky;top:80px;z-index:20;margin-inline:-32px;padding:10px 0;
    background:linear-gradient(180deg,rgba(4,18,15,.97) 0%,rgba(4,18,15,.90) 70%,rgba(4,18,15,0) 100%);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .ck-in-tabs{flex-direction:row;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;
    scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;padding:4px 32px}
  .ck-in-tabs::-webkit-scrollbar{display:none}
  .ck-in-tab{width:auto;flex:none;scroll-snap-align:center;padding:11px 16px;
    border-radius:var(--radius-pill);background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.10);gap:9px}
  .ck-in-tab__t{font-size:14px;white-space:nowrap}
  .ck-in-tab__bar{left:10px;right:10px;top:auto;bottom:6px;width:auto;height:2px;
    transform:scaleX(0);transform-origin:center}
  .ck-in-tab.is-active{background:rgba(255,255,255,.10);border-color:var(--in-a,#2DD4BF)}
  .ck-in-tab.is-active .ck-in-tab__bar{transform:scaleX(0)}
  .ck-in-panel__h{font-size:30px}
  .ck-in-scene{max-width:520px}
  .ck-in-node--h,.ck-in-node--f{display:none}
  .ck-in-node{width:30%;min-width:104px}
  .ck-in-ch__row{grid-template-columns:minmax(0,.72fr) 56px minmax(0,1fr);gap:16px}
  .ck-in-map__set{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px}
  .ck-in-map__arrow{display:none}
}
@media (max-width:768px){
  .ck-in-ex__rail{margin-inline:-24px}
  .ck-in-tabs{padding:4px 24px}
  .ck-in-focus__list{grid-template-columns:minmax(0,1fr)}
  .ck-in-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-in-ch__row{grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 2px}
  .ck-in-ch__link{width:38px;height:1px}
  .ck-in-why__lead{grid-column:span 12;padding:34px 26px}
  .ck-in-why__tile{grid-column:span 12 !important}
}
@media (max-width:640px){
  .ck-in-hero__note{font-size:12.5px}
  .ck-in-scene{max-width:100%;aspect-ratio:600/450}
  .ck-in-node{width:38%;min-width:0}
  .ck-in-node__t{font-size:10.5px}
  .ck-in-node__f{padding:8px 10px;gap:6px}
  .ck-in-node--c,.ck-in-node--g{display:none}
  .ck-in-node--a{top:6%;left:0}
  .ck-in-node--b{top:4%;right:0}
  .ck-in-node--d{top:40%;right:0}
  .ck-in-node--e{bottom:10%;left:0}
  .ck-in-scene__core{width:30%}

  .ck-in-ex__rail{top:72px;margin-inline:-20px}
  .ck-in-tabs{padding:4px 20px}
  .ck-in-tab{padding:12px 15px}
  .ck-in-panel__h{font-size:26px}
  .ck-in-panel__d{font-size:15.5px}
  .ck-in-panel__frame{border-radius:var(--radius-md);aspect-ratio:4/3}
  .ck-in-panel__act{gap:10px 16px}
  .ck-in-panel__cta{padding:11px 17px;font-size:14px}

  .ck-in-ch__problem{font-size:16.5px}
  .ck-in-ch__answer{font-size:14.5px}
  .ck-in-steps{grid-template-columns:minmax(0,1fr);gap:26px}
  .ck-in-map__set{padding:22px 20px}
  .ck-in-map__name{font-size:23px}
  .ck-in-map__svc li a,.ck-in-map__svc li span{padding:10px 14px;font-size:13.5px}
  .ck-in-why__lead{padding:28px 22px}
  .ck-in-why__tile{padding:24px 22px}
  .ck-in-why__mosaic{border-radius:var(--radius-md)}
}

/* ---- reduced motion: nothing moves, nothing disappears ---- */
@media (prefers-reduced-motion:reduce){
  .ck-in-scene__run,.ck-in-scene__ring,.ck-in-float,.ck-in-chart__line,.ck-in-chart__tip,
  .ck-in-bars i,.ck-in-ring__val,.ck-in-tog i,.ck-in-prog u,.ck-in-cartico i,.ck-in-ec__buy,
  .ck-in-re__pin,.ck-in-he__slots i.on,.ck-in-ed__row.is-now u,.ck-in-ho__sun,.ck-in-fa__looks i,
  .ck-in-ma__o,.ck-in-ma__teeth path,.ck-in-st__path,.ck-in-st__dot,.ck-in-ch__link i,
  .ck-in-map__arrow i,.ck-in-steps__rail i{animation:none !important}
  .ck-in-scene__run{stroke-dasharray:none;stroke-dashoffset:0;opacity:.4}
  .ck-in-chart__line,.ck-in-st__path{stroke-dashoffset:0}
  .ck-in-ring__val{stroke-dashoffset:28}
  .ck-in-bars i{transform:scaleY(1)}
  .ck-in-prog u{transform:scaleX(1)}
  .ck-in-steps__rail i{transform:scaleX(1)}
  .ck-in-ch__link i,.ck-in-map__arrow i{display:none}
  .ck-in-tog i{transform:translateX(12px)}
  .ck-in-panel.is-in,.ck-in-map__set.is-in{animation:none !important}
  .ck-in-mchip:hover,.ck-in-map__svc li a:hover{transform:none}
}

/* ===== SERVICES ARCHITECTURE ADDITIONS (header dropdown + card number) ===== */
.ck-t-has{position:relative;display:inline-flex}
.ck-t-has>a{display:inline-flex;align-items:center;gap:5px}
.ck-t-has__chev{display:inline-flex;transition:transform var(--duration-fast) var(--ease-standard)}
.ck-t-has:hover .ck-t-has__chev,.ck-t-has:focus-within .ck-t-has__chev{transform:rotate(180deg)}
.ck-t-drop{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);z-index:10;
  display:flex;flex-direction:column;min-width:238px;padding:8px;margin-top:10px;
  border-radius:var(--radius-md);background:rgba(10,16,15,.97);border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 60px -22px rgba(0,0,0,.8);opacity:0;visibility:hidden;pointer-events:none;
  -webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);
  transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility 0s linear var(--duration-fast)}
.ck-t-drop::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.ck-t-has:hover .ck-t-drop,.ck-t-has:focus-within .ck-t-drop{opacity:1;visibility:visible;pointer-events:auto;
  transform:translate(-50%,0);transition-delay:0s}
.ck-t-drop a{display:block;padding:10px 14px;border-radius:var(--radius-sm);white-space:nowrap;
  font-size:14px;font-weight:var(--weight-medium);color:rgba(255,255,255,.72);text-decoration:none;
  transition:var(--transition-colors)}
.ck-t-drop a:hover,.ck-t-drop a:focus-visible{background:rgba(45,212,191,.10);color:#5EEAD4}
.ck-drawer__sub{display:flex;flex-direction:column;gap:2px;margin:-2px 0 6px;padding:0 0 0 44px}
.ck-drawer__sub a{padding:8px 0;font-size:14px;color:rgba(255,255,255,.56);text-decoration:none;
  transition:var(--transition-colors)}
.ck-drawer__sub a:hover,.ck-drawer__sub a:focus-visible{color:#5EEAD4}
.ck-scard__num{font-family:var(--font-numeric);font-size:12px;font-weight:700;letter-spacing:.16em;
  color:rgba(45,212,191,.66);margin-left:auto;padding-right:2px}
@media (max-width:1180px){.ck-t-drop{display:none}}
@media (prefers-reduced-motion:reduce){.ck-t-drop,.ck-t-has__chev{transition:none}}

/* footer: reopen the cookie consent panel */
.ck-ft__prefs{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}
.ck-ft__legal .ck-ft__prefs span{display:inline}

/* footer legal bar tap area on touch screens */
@media (max-width:768px){
  .ck-ft__legal a,.ck-ft__legal .ck-ft__prefs{display:inline-flex;align-items:center;min-height:44px}
}

/* ===== FINAL QA: non-claim indicators replacing illustrative statistics ===== */
.ck-pv__roll--blank i{display:block;height:8px;margin:3px 0;border-radius:3px;
  background:linear-gradient(90deg,rgba(45,212,191,.42),rgba(45,212,191,.12))}
.ck-pv__roll--blank i:nth-child(2){width:76%}.ck-pv__roll--blank i:nth-child(3){width:58%}
.ck-pv__roll--blank i:nth-child(4){width:88%}.ck-pv__roll--blank i:nth-child(5){width:64%}
.ck-pv__roll--s.ck-pv__roll--blank i{height:5px;margin:2px 0}
.ck-hx__illus{margin:14px 0 0;font-size:11.5px;line-height:1.5;letter-spacing:.02em;
  color:rgba(255,255,255,.34);text-align:center}
.ck-sv__num{margin-left:auto;font-family:var(--font-numeric);font-size:12px;font-weight:700;
  letter-spacing:.16em;color:var(--brand-accent);opacity:.8}

/* ===== ABOUT: six-service model band ===== */
.ck-ab-model .ck-ab__inner{gap:44px}
.ck-ab-model__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0}
.ck-ab-model__flow li{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;
  padding:22px 24px;border-radius:var(--radius-card);background:#fff;
  border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}
.ck-ab-model__flow li::before{content:'';position:absolute;top:0;left:24px;right:24px;height:3px;
  border-radius:0 0 3px 3px;background:var(--gradient-brand)}
.ck-ab-model__flow span{font-family:var(--font-numeric);font-size:11.5px;font-weight:700;
  letter-spacing:.16em;color:var(--brand-accent)}
.ck-ab-model__flow b{font-family:var(--font-display);font-weight:800;font-size:21px;
  letter-spacing:-.025em;color:var(--text-primary)}
.ck-ab-model__flow em{font-style:normal;font-size:14px;line-height:1.6;color:var(--text-secondary)}
.ck-ab-model__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0}
.ck-ab-model__grid a{display:flex;align-items:center;gap:13px;padding:16px 18px;min-width:0;
  border-radius:var(--radius-md);background:#fff;border:1px solid var(--border-subtle);
  box-shadow:var(--shadow-xs);text-decoration:none;transition:var(--transition-base)}
.ck-ab-model__ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:var(--radius-sm);flex:none;background:var(--surface-brand-soft);color:var(--icon-brand);
  transition:var(--transition-base)}
.ck-ab-model__b{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ck-ab-model__b b{font-family:var(--font-display);font-weight:700;font-size:15px;
  letter-spacing:-.01em;color:var(--text-primary)}
.ck-ab-model__b span{font-size:12.5px;line-height:1.45;color:var(--text-tertiary)}
.ck-ab-model__arw{display:inline-flex;flex:none;color:var(--brand-primary);
  transition:transform var(--duration-base) var(--ease-standard)}
@media (hover:hover) and (pointer:fine){
  .ck-ab-model__grid a:hover{transform:var(--lift-sm);border-color:var(--border-brand);box-shadow:var(--shadow-card)}
  .ck-ab-model__grid a:hover .ck-ab-model__ico{background:var(--brand-primary);color:#fff}
  .ck-ab-model__grid a:hover .ck-ab-model__arw{transform:translateX(3px)}
}
.ck-ab-model__sign{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  margin:0;padding-top:30px;border-top:1px solid var(--border-subtle)}
.ck-ab-model__sign b{font-family:var(--font-display);font-weight:800;
  font-size:clamp(20px,2.6vw,30px);line-height:1.12;letter-spacing:-.035em;color:var(--text-primary)}
.ck-ab-model__sign b em{font-style:normal;color:var(--brand-primary)}
.ck-ab-model__sign span{font-size:15px;line-height:1.65;color:var(--text-secondary);max-width:56ch}
@media (max-width:1024px){.ck-ab-model__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.ck-ab-model__flow,.ck-ab-model__grid{grid-template-columns:minmax(0,1fr)}}