/* ============================================================
   ROCK TOKENS  (copied verbatim from the Rock design system —
   inlined so this Webflow embed is self-contained & token-exact)
   ============================================================ */
:root{
  /* Blue — brand. 0 = lightest, 100 = darkest */
  --blue-0:#e9eeff; --blue-20:#b1c1fc; --blue-40:#6983e0;
  --blue-60:#485dc7; --blue-80:#374799; --blue-100:#282e4b;
  /* Dark — text/ink */
  --dark-0:#626366; --dark-20:#4e4f52; --dark-40:#3b3b3d;
  --dark-60:#272729; --dark-80:#1d1d1f; --dark-100:#141414;
  /* Light — surfaces */
  --light-0:#afb0b2; --light-20:#d7d7d9; --light-40:#e5e5e5;
  --light-60:#f5f5f5; --light-80:#fafafa; --light-100:#ffffff;
  /* Semantic + label palette (avatars only) */
  --green-50:#6ab486; --label-blue-50:#43629e; --turquoise-50:#57b3cb;
  --plum-50:#64428f; --label-orange-50:#e69c5a; --teal-50:#337386;
  /* Aliases */
  --ink:#1f263c; --noir:#1a1b20; --text:var(--dark-80); --text-muted:var(--dark-0);
  --bg:var(--light-100); --surface:var(--light-80); --surface-2:var(--light-60);
  --surface-tint:var(--blue-0); --border:#e3e6f1; --brand:var(--blue-60);
  /* Type */
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'Inconsolata',ui-monospace,SFMono-Regular,Menlo,monospace;
  /* Layout */
  --container:1120px; --gutter:24px; --section-rhythm:clamp(56px,8vw,96px);
  /* Radius */
  --radius-sm:8px; --radius-md:14px; --radius-lg:16px; --radius-pill:999px;
  /* Elevation */
  --shadow-card:0 1px 2px rgba(31,38,60,.04),0 12px 32px rgba(55,71,153,.08);
  --shadow-shot:0 40px 80px -24px rgba(31,38,60,.40),0 6px 18px rgba(31,38,60,.10);
  --shadow-button:0 8px 20px rgba(72,93,199,.30);
  /* Motion */
  --ease:cubic-bezier(.2,.6,.2,1); --dur:.18s;
}

/* ---- reset (scoped, embed-safe) ---- */
.rk *{box-sizing:border-box;}
.rk{font-family:var(--font-sans);color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;line-height:1.55;font-size:16px;overflow-x:clip;}
.rk h1,.rk h2,.rk h3,.rk h4,.rk p,.rk ul,.rk figure{margin:0;}
.rk ul{list-style:none;padding:0;}
.rk img{display:block;max-width:100%;}
.rk a{color:inherit;text-decoration:none;}

/* ---- layout primitives (= Section component) ---- */
.rk-section{padding:var(--section-rhythm) 0;background:#fff;}
.rk-section--vp{position:relative;min-height:100vh;display:flex;align-items:center;}
.rk-section--vp .rk-wrap{position:relative;z-index:1;width:100%;}
.rk-section--alt{background:var(--surface);}
.rk-section--tint{background:var(--surface-tint);}
.rk-wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}

/* ---- Eyebrow ---- */
.rk-eyebrow{display:inline-block;font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--blue-60);white-space:nowrap;}

/* ---- headings ---- */
.rk-h1{font-size:clamp(2.6rem,5vw,4rem);line-height:1.04;font-weight:800;
  letter-spacing:-.03em;color:var(--ink);}
.rk-h2{font-size:clamp(1.95rem,3.8vw,2.85rem);line-height:1.1;font-weight:800;
  letter-spacing:-.02em;color:var(--ink);text-wrap:balance;}
.rk-lede{font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55;
  color:var(--text-muted);}
.rk-head{max-width:660px;}
.rk-head .rk-h2{margin-top:10px;}
.rk-head .rk-lede{margin-top:14px;}

/* ---- Button ---- */
.rk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-sans);font-weight:600;line-height:1;cursor:pointer;
  border-radius:var(--radius-pill);border:1px solid transparent;
  transition:var(--dur) var(--ease);padding:15px 27px;font-size:17px;}
.rk .rk-btn--primary{background:var(--blue-60);color:#fff;box-shadow:var(--shadow-button);}
.rk-btn--primary:hover{background:var(--blue-80);transform:translateY(-1px);}
.rk-btn--ghost{background:#fff;color:var(--ink);border-color:var(--border);}
.rk-btn--ghost:hover{color:var(--blue-60);border-color:var(--blue-60);transform:translateY(-1px);}
.rk .rk-btn--onblue{background:#fff;color:var(--blue-80);}
.rk-btn--onblue:hover{transform:translateY(-1px);background:var(--blue-0);}
.rk-ctarow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.rk-ccr{font-size:14.5px;color:var(--text-muted);line-height:1.3;}
.rk-ccr b{display:block;color:var(--ink);font-weight:600;}

/* ---- ProductFrame ---- */
.rk-shot{position:relative;border-radius:13px;border:1px solid rgba(31,38,60,.08);
  box-shadow:var(--shadow-shot);overflow:hidden;background:#fff;}
.rk-shot img{width:100%;height:auto;}
/* product shot image fills the frame edge-to-edge */
.rk-shot__img{width:100%;height:auto;display:block;}

/* ---- Card ---- */
.rk-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease);}
.rk-card--hover:hover{transform:translateY(-3px);}

/* ============================================================
   HERO
   ============================================================ */
.rk-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;
  padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px);}
.rk-hero__h1{margin-top:18px;font-size:clamp(4rem,7.4vw,6.6rem);line-height:1.0;letter-spacing:-.035em;}
.rk-hero__h1-accent{color:var(--blue-60);}
.rk .rk-hero__sub{margin-top:25px;max-width:480px;}
.rk-hero__checks{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;}
.rk-hero__checks li{display:flex;align-items:center;gap:11px;font-size:16.5px;color:var(--dark-20);font-weight:500;letter-spacing:-.01em;}
.rk-hero__checks .rk-check{color:var(--green-50);font-weight:800;font-size:16px;flex-shrink:0;}
.rk-hero__cta{margin-top:30px;}
.rk-hero__shot{position:relative;}
.rk-section--hero{position:relative;isolation:isolate;
  background:
    radial-gradient(1100px 720px at 84% 4%, rgba(72,93,199,.10), transparent 56%),
    radial-gradient(820px 600px at 0% 100%, rgba(133,150,235,.14), transparent 56%),
    #f6f7fb;}
.rk-section--hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(72,93,199,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(72,93,199,.05) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(900px 600px at 78% 30%, #000, transparent 72%);
  mask-image:radial-gradient(900px 600px at 78% 30%, #000, transparent 72%);}
/* Why Rock + Features continue the hero's tinted field — glows hand color across each seam */
[data-screen-label="why-rock"]{
  background:
    radial-gradient(900px 640px at 0% 0%, rgba(133,150,235,.13), transparent 55%),
    radial-gradient(860px 660px at 100% 100%, rgba(87,179,203,.11), transparent 55%),
    #f6f7fb;}
[data-screen-label="features"]{
  background:
    radial-gradient(900px 640px at 100% 0%, rgba(87,179,203,.12), transparent 55%),
    radial-gradient(860px 660px at 2% 100%, rgba(133,150,235,.13), transparent 56%),
    #f6f7fb;}
.rk-hero__shot .rk-shot{width:145%;}      /* bleeds off the right edge */

/* ============================================================
   SOCIAL PROOF STRIP
   ============================================================ */
.rk-proof{border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  background:#fff;}
.rk-proof__row{display:flex;align-items:center;gap:22px 28px;flex-wrap:wrap;
  padding:22px 0;}
.rk-stars{position:relative;display:inline-block;line-height:1;font-size:18px;
  font-family:Arial,Helvetica,sans-serif;}
.rk-stars__bg{color:#dfe3ec;letter-spacing:2px;}
.rk-stars__fg{color:#ffb400;letter-spacing:2px;position:absolute;left:0;top:0;
  overflow:hidden;white-space:nowrap;}
.rk-proof__rate{display:inline-flex;align-items:center;gap:8px;
  color:var(--text-muted);font-size:15.4px;}
.rk-proof__rate b{color:var(--dark-80);font-weight:700;}
.rk-proof__count{font-size:15.4px;color:var(--text-muted);font-weight:500;}
.rk-proof__marks{display:inline-flex;align-items:center;}
.rk-mark{width:23px;height:23px;border-radius:50%;flex-shrink:0;display:inline-flex;
  align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 2px #fff;position:relative;}
.rk-mark + .rk-mark{margin-left:-2px;}
.rk-mark img{display:block;}
.rk-mark--full img{width:100%;height:100%;object-fit:cover;}
.rk-mark--pad{background:#fff;border:1px solid var(--border);}
.rk-mark--pad img{width:66%;height:66%;object-fit:contain;}
.rk-hero__proof{padding:0;margin-top:30px;gap:14px 14px;}

/* ============================================================
   WHY ROCK  (problem-first: scattered tools resolve into one space)
   ============================================================ */
.rk-flow{position:relative;margin-top:44px;}
.rk-vs{position:relative;height:540px;margin-top:18px;}
.rk-vs__col{min-width:0;}
/* soft grey backdrop grounds the stack */
.rk-vs::before{content:"";position:absolute;z-index:0;left:1%;right:3%;top:40px;bottom:36px;pointer-events:none;
  background:radial-gradient(58% 64% at 44% 50%, rgba(108,112,132,.13), rgba(108,112,132,0) 72%);}
/* stack with depth: the cluttered browser sits smaller, faded + greyed (old/outdated), tucked behind; the Rock space is large and crisp in front */
.rk-vs__col--before{position:absolute;z-index:1;top:50%;left:50%;width:540px;transform:translate(calc(-97% + 80px),-56%) rotate(-3deg);opacity:.58;filter:grayscale(.7);}
.rk-vs__col--before .rk-win{max-width:none;box-shadow:0 14px 34px -20px rgba(31,38,60,.22);}
.rk-vs__col--after{position:absolute;z-index:2;top:50%;left:50%;width:776px;transform:translate(calc(-25% + 80px),-50%);}
.rk-vs__col--after .rk-spacewrap{width:100%;}
.rk-vs__cap{position:absolute;top:-26px;left:2px;z-index:5;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;}
.rk-vs__cap::before{content:"";width:7px;height:7px;border-radius:50%;}
.rk-vs__cap--before{color:var(--text-muted);}
.rk-vs__cap--before::before{background:#c2c8de;}
.rk-vs__cap--after{color:var(--blue-60);}
.rk-vs__cap--after::before{background:var(--blue-60);}
.rk-vs__arrow{width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:0 12px 28px -8px rgba(31,38,60,.22);display:flex;align-items:center;justify-content:center;color:var(--blue-60);flex-shrink:0;}
.rk-win{width:100%;max-width:500px;background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 22px 52px -18px rgba(31,38,60,.30);}
.rk-win__top{display:flex;align-items:center;gap:7px;padding:14px 16px 0;}
.rk-win__dot{width:11px;height:11px;border-radius:50%;display:inline-block;}
.rk-win__tabbar{display:flex;align-items:flex-end;padding:14px 0 0 11px;}
.rk-win__tabs{position:relative;display:flex;gap:3px;overflow:hidden;flex:1 1 auto;min-width:0;}

.rk-win__tab{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:11px 11px;border-radius:10px 10px 0 0;background:#eceef4;font-size:12.5px;color:var(--text-muted);position:relative;}
.rk-win__tab img{width:16px;height:16px;object-fit:contain;flex-shrink:0;}
.rk-win__lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rk-win__tab--active{background:#fff;color:var(--ink);font-weight:600;}
.rk-win__tab--mini{padding:11px 0;width:31px;justify-content:center;}
.rk-win__fav{width:13px;height:13px;border-radius:3px;background:#cfd4e1;flex-shrink:0;display:inline-block;}
.rk-win__newtab{flex:0 0 auto;width:30px;height:38px;margin:0 9px 0 4px;padding:0;border:none;background:transparent;color:#a7aec2;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;}
.rk-win__ct{flex-shrink:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#f0463a;color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;}
.rk-win__addr{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--border);}
.rk-win__back{color:#b3b8c8;font-size:16px;font-weight:700;line-height:1;}
.rk-win__url{flex:1;height:23px;border-radius:7px;background:#eceef4;}
.rk-win__body{padding:16px 17px;display:flex;flex-direction:column;gap:14px;opacity:.5;}
.rk-win__row{display:flex;align-items:center;gap:12px;}
.rk-win__sk{height:11px;border-radius:6px;background:#e9ebf2;}
.rk-win__time{margin-left:auto;font-size:11px;color:#bcc1d2;font-weight:600;flex-shrink:0;}
.rk-flow__knot{position:relative;height:430px;}
.rk-flow__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.rk-noti{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
.rk-noti__ic{position:relative;width:52px;height:52px;border-radius:15px;background:#fff;
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(31,38,60,.14);}
.rk-noti__ic img{width:58%;height:58%;object-fit:contain;display:block;}
.rk-noti__badge{position:absolute;top:-8px;right:-10px;min-width:22px;height:22px;padding:0 6px;
  border-radius:11px;background:#f0463a;color:#fff;font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-sizing:border-box;}
.rk-noti__bar{width:74px;height:13px;border-radius:7px;background:#e6e9f4;}
.rk-msg{position:absolute;width:250px;background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 12px 30px -12px rgba(31,38,60,.20);padding:13px 15px;display:flex;gap:11px;}
.rk-msg--active{border:2px solid var(--blue-40);box-shadow:0 14px 32px -10px rgba(72,93,199,.38);}
.rk-msg__av{width:36px;height:36px;border-radius:9px;flex-shrink:0;background:var(--blue-0);overflow:hidden;
  color:var(--blue-80);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}
.rk-msg__av img{width:100%;height:100%;object-fit:cover;display:block;}
.rk-msg__name{font-size:13px;font-weight:700;color:var(--ink);}
.rk-msg__txt{font-size:13.5px;line-height:1.4;color:var(--text-muted);margin-top:3px;}
.rk-flow__merge{position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;
  border-radius:50%;background:var(--blue-60);display:flex;align-items:center;justify-content:center;z-index:4;
  box-shadow:0 18px 38px -10px rgba(72,93,199,.55),0 0 0 9px rgba(72,93,199,.10);}
.rk-flow__merge svg{display:block;}
.rk-flow__zlabel{position:absolute;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;}
.rk-flow__zlabel::before{content:"";width:7px;height:7px;border-radius:50%;background:#c2c8de;}
.rk-flow__zlabel--left{left:1%;top:-30px;}
.rk-flow__zlabel--right{right:18px;top:-30px;}
.rk-flow__zlabel--right{color:var(--blue-60);}
.rk-flow__zlabel--right::before{background:var(--blue-60);}
.rk-flow__card{position:absolute;right:0;top:50%;transform:translateY(-50%);width:340px;}
.rk-flow__tag{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--blue-60);margin:0 0 14px 2px;white-space:nowrap;}
.rk-flow__tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue-60);}
.rk-spacewrap{display:flex;flex-direction:column;width:max-content;max-width:486px;}
.rk-onetab{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);
  border-bottom:none;border-radius:16px 16px 0 0;padding:11px 18px;font-size:13.5px;font-weight:700;color:var(--ink);
  width:100%;box-sizing:border-box;margin-bottom:-1px;position:relative;z-index:1;}
.rk-onetab img{width:19px;height:19px;display:block;}
.rk-space{border:1px solid var(--border);border-radius:0 0 16px 16px;background:#fafafc;
  box-shadow:0 20px 48px -16px rgba(55,71,153,.32);overflow:hidden;width:100%;box-sizing:border-box;}
.rk-space__top{display:flex;align-items:center;gap:12px;padding:16px 18px;}
.rk-space__avatar{width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--border);overflow:hidden;
  font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.rk-space__avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.rk-space__name{font-weight:700;font-size:16px;color:var(--ink);line-height:1.2;}
.rk-space__sub{font-size:11.5px;color:var(--text-muted);font-weight:600;margin-top:1px;}
.rk-space__thread{padding:14px 18px 18px;display:flex;flex-direction:column;gap:16px;}
.rk-cm{display:flex;gap:10px;align-items:flex-start;}
.rk-cm__av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.rk-cm__body{min-width:0;}
.rk-cm__head{display:flex;align-items:baseline;gap:7px;line-height:1.1;}
.rk-cm__name{font-weight:700;font-size:13.5px;color:var(--ink);}
.rk-cm__time{font-size:11px;color:var(--text-muted);font-weight:500;white-space:nowrap;}
.rk-cm__text{font-size:13px;color:var(--ink);line-height:1.5;margin-top:3px;}
.rk-mention{color:var(--blue-60);font-weight:600;background:var(--blue-0);padding:1px 5px;border-radius:5px;}
.rk-task{display:flex;align-items:center;gap:8px;margin-top:9px;background:transparent;
  border:none;border-radius:10px;padding:8px 0 0;box-shadow:none;}
.rk-task__ic{font-size:13px;flex-shrink:0;}
.rk-task__id{font-size:11.5px;font-weight:700;color:var(--text-muted);}
.rk-task__title{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rk-task__assignee{width:19px;height:19px;border-radius:50%;object-fit:cover;margin-left:auto;flex-shrink:0;}
.rk-task__status{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--blue-0);
  padding:3px 8px;border-radius:6px;flex-shrink:0;}
.rk-space__tabs{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:8px 18px 14px;border-bottom:1px solid var(--border);}
.rk-space__chip{height:38px;width:auto;display:block;}
.rk-space__chip--flat{height:31px;}
.rk-space__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px;}
.rk-space__row{font-size:13.5px;color:var(--text-muted);display:flex;align-items:center;gap:9px;}
.rk-space__row .rk-check{color:var(--green-50);font-weight:800;flex-shrink:0;}

/* ============================================================
   TWO PILLARS — instant communication + project management, fused in one space
   ============================================================ */
.rk-two{position:relative;margin-top:clamp(40px,5vw,60px);}
.rk-two__pillars{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.rk-pillar{position:relative;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card);
  padding:clamp(20px,2.3vw,30px);display:flex;flex-direction:column;}
.rk-pillar--comm{border-radius:var(--radius-lg) 0 0 var(--radius-lg);}
.rk-pillar--pm{border-radius:0 var(--radius-lg) var(--radius-lg) 0;border-left:none;}
.rk-pillar__head{display:flex;align-items:center;gap:13px;}
.rk-pillar__ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rk-pillar__ic svg{width:23px;height:23px;display:block;}
.rk-pillar--comm .rk-pillar__ic{background:var(--blue-0);color:var(--blue-60);}
.rk-pillar--pm .rk-pillar__ic{background:#ffe9e3;color:#df5b3c;}
.rk-pillar__t{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1.15;}
.rk-pillar__sub{font-size:12.5px;color:var(--text-muted);margin-top:2px;line-height:1.3;}
.rk-pillar__preview{margin-top:18px;flex:1;border:1px solid var(--border);border-radius:13px;
  background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:11px;min-height:236px;}
.rk-pillar__tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;}
.rk-tag{font-size:12.5px;font-weight:600;color:var(--dark-20);background:var(--surface-2);
  border:1px solid var(--border);border-radius:999px;padding:5px 11px;white-space:nowrap;}
.rk-pillar--comm .rk-tag{color:var(--blue-80);background:var(--blue-0);border-color:#dbe2fb;}
.rk-pillar--pm .rk-tag{color:#c14e30;background:#ffeee9;border-color:#fad8cf;}
/* center medallion: the two halves are one space */
.rk-two__seam{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--border);
  box-shadow:0 12px 26px -8px rgba(31,38,60,.28);display:flex;align-items:center;justify-content:center;}
.rk-two__seam img{width:32px;height:32px;display:block;}
.rk-two__more{position:relative;z-index:1;margin-top:22px;text-align:center;font-size:14.5px;color:var(--text-muted);}
.rk-two__more b{color:var(--dark-20);font-weight:700;}
/* comm preview — chat */
.rk-cmw{display:flex;gap:10px;align-items:flex-start;}
.rk-cmw__av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.rk-cmw__head{display:flex;align-items:baseline;gap:7px;line-height:1.1;white-space:nowrap;}
.rk-cmw__name{font-size:13px;font-weight:700;color:var(--ink);}
.rk-cmw__time{font-size:10.5px;color:var(--text-muted);font-weight:500;}
.rk-cmw__text{font-size:12.5px;color:var(--ink);line-height:1.45;margin-top:3px;}
.rk-react{display:flex;gap:6px;margin:1px 0 0 38px;}
.rk-react__p{font-size:11.5px;font-weight:600;color:var(--blue-80);background:var(--blue-0);
  border:1px solid #cfd9fa;border-radius:999px;padding:2px 8px;display:inline-flex;gap:4px;align-items:center;white-space:nowrap;}
.rk-voice{margin:auto 0 0 38px;display:flex;align-items:center;gap:9px;background:#fff;
  border:1px solid var(--border);border-radius:999px;padding:6px 12px 6px 8px;width:fit-content;}
.rk-voice__play{width:20px;height:20px;border-radius:50%;background:var(--blue-60);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;}
.rk-voice__wave{display:flex;align-items:center;gap:2.5px;height:14px;}
.rk-voice__wave i{width:2.5px;border-radius:2px;background:var(--blue-20);display:block;}
.rk-voice__t{font-size:11px;font-weight:600;color:var(--text-muted);}
/* pm preview — board */
.rk-kan{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:1;}
.rk-kan__col{display:flex;flex-direction:column;gap:8px;}
.rk-kan__h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--text-muted);display:flex;align-items:center;gap:6px;}
.rk-kan__h::before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.rk-kan__col--prog .rk-kan__h::before{background:#e69c5a;}
.rk-kan__col--done .rk-kan__h::before{background:#6ab486;}
.rk-kan__card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:9px 10px;
  box-shadow:0 2px 6px rgba(31,38,60,.05);}
.rk-kan__ct{font-size:12px;font-weight:600;color:var(--ink);line-height:1.3;}
.rk-kan__meta{display:flex;align-items:center;gap:6px;margin-top:9px;}
.rk-kan__due{font-size:10px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border-radius:5px;padding:2px 6px;}
.rk-kan__av{width:17px;height:17px;border-radius:50%;object-fit:cover;margin-left:auto;flex-shrink:0;}
.rk-kan__done{font-size:11px;color:#6ab486;font-weight:800;}
/* ---- consolidated feature grid: left = communication, right = project management; two cells larger; edges fade (infinite) ---- */
.rk-grid{position:relative;margin-top:clamp(36px,4vw,52px);width:100vw;margin-left:calc(50% - 50vw);
  -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-composite:source-in;
          mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
          mask-composite:intersect;}
.rk-gridfield{display:grid;grid-template-columns:repeat(12,140px);justify-content:center;grid-auto-rows:116px;grid-auto-flow:row;position:relative;
  border-top:1px solid var(--border);border-left:1px solid var(--border);background:linear-gradient(90deg,#f4f7ff 0 50%,#f3faf5 50% 100%);}
.rk-gridfield::before{content:"";position:absolute;top:7%;bottom:7%;left:50%;width:2px;transform:translateX(-50%);z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(108,120,165,.30) 16%,rgba(108,120,165,.30) 84%,transparent);}
.rk-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  padding:14px 8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);
  transition:background .16s var(--ease),color .16s var(--ease);}
.rk-cell svg{width:30px;height:30px;display:block;transition:color .16s var(--ease);}
.rk-cell span{font-size:13px;font-weight:600;letter-spacing:-.01em;text-align:center;line-height:1.2;transition:color .16s var(--ease);}
.rk-cell--c svg{color:#aab1cf;}
.rk-cell--c span{color:#9298b4;}
.rk-cell--p svg{color:#a4c1b1;}
.rk-cell--p span{color:#8fa699;}
.rk-cell--c:hover{background:#eef2ff;}
.rk-cell--c:hover svg{color:var(--blue-40);}
.rk-cell--c:hover span{color:var(--blue-80);}
.rk-cell--p:hover{background:#ecf6f0;}
.rk-cell--p:hover svg{color:#3f9e6e;}
.rk-cell--p:hover span{color:#2f7a55;}
.rk-gtile{border-right:1px solid var(--border);border-bottom:1px solid var(--border);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px;
  transition:background .2s var(--ease);}
.rk-gtile--comm{grid-column:5/7;grid-row:4/6;background:radial-gradient(130% 120% at 50% 26%, #eef2ff 0%, #fff 72%);}
.rk-gtile--pm{grid-column:7/9;grid-row:4/6;background:radial-gradient(130% 120% at 50% 26%, #ecf7f0 0%, #fff 72%);}
.rk-gtile--comm:hover{background:radial-gradient(130% 120% at 50% 26%, #e2e9ff 0%, #f6f8ff 75%);}
.rk-gtile--pm:hover{background:radial-gradient(130% 120% at 50% 26%, #ddf0e5 0%, #f4faf6 75%);}
/* center seam medallion: the two halves are one space */
.rk-seam-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;
  width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--border);
  box-shadow:0 10px 24px -6px rgba(31,38,60,.30);display:flex;align-items:center;justify-content:center;}
.rk-seam-mark img{width:28px;height:28px;display:block;}
/* live cells: real UI seeded into the icon field */
.rk-cell--live{padding:9px;}
.rk-cell--live:hover{background:transparent;}
.rk-live{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:10px;background:#fff;
  box-shadow:0 5px 14px -7px rgba(31,38,60,.24);padding:9px 10px;display:flex;transition:transform .16s var(--ease),box-shadow .16s var(--ease);}
.rk-cell--live:hover .rk-live{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(31,38,60,.28);}
          .rk-live--msg{gap:8px;align-items:flex-start;}
.rk-live__av{width:22px;height:22px;border-radius:50%;flex-shrink:0;object-fit:cover;}
.rk-live__b{display:flex;flex-direction:column;gap:2px;min-width:0;}
.rk-live__b b{font-size:11px;color:var(--ink);font-weight:700;}
.rk-live__b span{font-size:10.5px;color:var(--text-muted);line-height:1.3;}
          .rk-live--task{flex-direction:column;gap:8px;justify-content:center;}
.rk-live__row{display:flex;align-items:center;gap:7px;}
.rk-live__check{width:16px;height:16px;border-radius:4px;background:#e7f4ec;color:#3f9e6e;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rk-live__tt{font-size:11px;font-weight:600;color:var(--ink);line-height:1.25;}
.rk-live__due{font-size:9.5px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border-radius:4px;padding:2px 6px;}
          .rk-live--react{gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;}
.rk-rpill{font-size:10.5px;font-weight:600;color:var(--blue-80);background:var(--blue-0);border:1px solid #cfd9fa;border-radius:999px;padding:2px 8px;white-space:nowrap;}
/* highlight cells: the whole tile is colored, real UI inside */
.rk-cell--hi{padding:0;}
.rk-cell--hi:hover{background:transparent;}
.rk-hi{width:100%;height:100%;box-sizing:border-box;display:flex;padding:12px;color:#fff;transition:filter .16s var(--ease);}
.rk-cell--hi:hover .rk-hi{filter:brightness(1.06);}
.rk-hi--blue{background:linear-gradient(150deg,#5365d4,#3f51b8);}
.rk-hi--green{background:linear-gradient(150deg,#48a87a,#2f885d);}
.rk-hi--msg{gap:8px;align-items:flex-start;}
.rk-hi__av{width:22px;height:22px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1.5px solid rgba(255,255,255,.55);}
.rk-hi__b{min-width:0;}
.rk-hi__b b{font-size:11px;font-weight:700;color:#fff;display:block;}
.rk-hi__b span{font-size:10.5px;color:rgba(255,255,255,.85);line-height:1.3;display:block;margin-top:1px;}
.rk-hi--task{flex-direction:column;gap:9px;justify-content:center;}
.rk-hi__check{width:17px;height:17px;border-radius:5px;background:rgba(255,255,255,.25);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.rk-hi__t{font-size:11px;font-weight:600;color:#fff;display:flex;flex-direction:column;gap:6px;align-items:flex-start;line-height:1.2;}
.rk-hi__pill{font-size:9px;font-weight:700;background:rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:2px 8px;}
.rk-shotcell{padding:0;overflow:hidden;background:#fff;}
.rk-shotcell:hover{background:#fff;}
.rk-shot2{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;}
.rk-el{padding:0;}
.rk-el:hover{background:transparent;}
.rk-el:hover .rk-el__in{transform:translateY(-2px);}
.rk-el__in{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;box-sizing:border-box;transition:transform .16s var(--ease);}
.rk-el__lbl{font-size:8.5px;font-weight:700;color:#aab0c2;text-transform:uppercase;letter-spacing:.06em;}
.rk-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;border-radius:999px;padding:5px 11px;}
.rk-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
.rk-pill--prog{background:#fff3e1;color:#c4781b;}
.rk-pill--high{background:#ffe8e2;color:#d2502f;}
.rk-stack{display:flex;}
.rk-stack img{width:25px;height:25px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-9px;box-shadow:0 1px 3px rgba(31,38,60,.2);}
.rk-stack img:first-child{margin-left:0;}
.rk-stack__more{width:25px;height:25px;border-radius:50%;border:2px solid #fff;background:var(--blue-60);color:#fff;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:-9px;}
.rk-due{font-size:11px;font-weight:700;color:#2f885d;background:#e7f4ec;border-radius:7px;padding:4px 10px;}
/* stylized, alive "moments" scattered in the grid (brandy abstractions, not screenshots) */
.rk-moment{position:relative;z-index:3;overflow:visible;padding:0;}
.rk-moment:hover{background:transparent;}
.rk-mo{position:absolute;left:50%;top:50%;animation:rk-bob 4.2s ease-in-out infinite;will-change:translate;}
.rk-mo--bubble{width:94px;padding:13px 14px 15px;border-radius:15px 15px 15px 5px;
  background:linear-gradient(152deg,#5a6cd8,#3f51b8);box-shadow:0 16px 30px -12px rgba(63,81,184,.55);
  transform:translate(-50%,-50%) rotate(-5deg);display:flex;flex-direction:column;gap:8px;}
.rk-mo__l{height:6px;border-radius:3px;background:rgba(255,255,255,.78);display:block;}
.rk-mo__l:last-of-type{background:rgba(255,255,255,.45);}
.rk-mo__react{position:absolute;right:-13px;bottom:-13px;width:29px;height:29px;border-radius:50%;
  background:#fff;box-shadow:0 7px 16px -5px rgba(31,38,60,.4);display:flex;align-items:center;
  justify-content:center;font-size:14px;line-height:1;color:#ef4d6a;}
.rk-mo--task{width:120px;padding:13px;border-radius:13px;background:#fff;border:1px solid #eef0f6;
  box-shadow:0 18px 34px -14px rgba(31,38,60,.34);transform:translate(-50%,-50%) rotate(4deg);
  display:flex;align-items:center;gap:11px;}
.rk-mo--task::before{content:"";position:absolute;left:-7px;top:-7px;width:15px;height:15px;border-radius:50%;
  background:#e8633f;border:2px solid #fff;box-shadow:0 4px 10px -3px rgba(232,99,63,.6);}
.rk-mo__check{width:25px;height:25px;border-radius:50%;background:#2f885d;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;box-shadow:0 5px 12px -3px rgba(47,136,93,.6);}
.rk-mo__check svg{width:14px;height:14px;color:#fff;display:block;}
.rk-mo__bars{display:flex;flex-direction:column;gap:7px;}
.rk-mo__bars i{height:6px;border-radius:3px;background:#dadeea;display:block;}
.rk-mo__bars i:first-child{background:#b6bcce;position:relative;}
.rk-mo__bars i:first-child::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:100%;height:2px;border-radius:2px;background:#2f885d;}
.rk-mo--stack{display:flex;align-items:center;background:#fff;padding:7px 11px 7px 8px;border-radius:999px;
  box-shadow:0 14px 28px -11px rgba(31,38,60,.32);transform:translate(-50%,-50%) rotate(-3deg);}
.rk-mo--stack i{width:27px;height:27px;border-radius:50%;border:2px solid #fff;margin-left:-9px;display:block;}
.rk-mo--stack i:first-child{margin-left:0;}
.rk-mo__more{margin-left:7px;font-size:11.5px;font-weight:800;color:var(--blue-80);}
@keyframes rk-bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (prefers-reduced-motion:reduce){.rk-mo{animation:none;}}
/* ---- two-sided scattered feature pills: left = communication, right = project management ---- */
.rk-feat{position:relative;margin-top:clamp(36px,4vw,52px);display:grid;grid-template-columns:1fr 1fr;border-radius:24px;}
.rk-feat__col{position:relative;padding:clamp(26px,3vw,40px) clamp(20px,2.6vw,40px) clamp(34px,4vw,54px);}
.rk-feat__col--c{background:radial-gradient(135% 120% at 8% 0%, #eef2ff 0%, #f7f9ff 70%);border-radius:24px 0 0 24px;border:1px solid var(--border);border-right:none;}
.rk-feat__col--p{background:radial-gradient(135% 120% at 92% 0%, #ecf7f0 0%, #f6fbf8 70%);border-radius:0 24px 24px 0;border:1px solid var(--border);border-left:none;}
.rk-feat__head{display:flex;align-items:center;gap:13px;margin-bottom:clamp(22px,2.6vw,32px);}
.rk-feat__col--p .rk-feat__head{flex-direction:row-reverse;text-align:right;}
.rk-feat__ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rk-feat__ic svg{width:27px;height:27px;display:block;}
.rk-feat__col--c .rk-feat__ic{background:var(--blue-0);color:var(--blue-60);}
.rk-feat__col--p .rk-feat__ic{background:#dcefe4;color:#3f9e6e;}
.rk-feat__name{font-size:clamp(17px,1.5vw,21px);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.1;}
.rk-feat__sub{font-size:12.5px;color:var(--text-muted);line-height:1.3;margin-top:3px;}
.rk-feat__cloud{display:flex;flex-wrap:wrap;gap:13px 12px;align-content:flex-start;}
.rk-feat__col--p .rk-feat__cloud{justify-content:flex-end;}
.rk-feat__seam{position:absolute;left:50%;top:7%;bottom:7%;width:1px;transform:translateX(-50%);z-index:4;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(108,120,165,.28) 16%,rgba(108,120,165,.28) 84%,transparent);}
.rk-feat__mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:62px;height:62px;border-radius:18px;
  background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 38px -14px rgba(31,38,60,.4),0 0 0 1px rgba(31,38,60,.05);}
.rk-feat__mark img{width:38px;height:38px;display:block;}
.rk-pill{position:relative;display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #e9ebf2;border-radius:12px;font-family:inherit;
  padding:9px 14px 9px 10px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;cursor:default;
  box-shadow:0 4px 14px -7px rgba(31,38,60,.22),0 1px 2px rgba(31,38,60,.05);
  transform:translateY(var(--ty,0)) rotate(var(--rot,0deg));
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);}
.rk-pill__i{width:27px;height:27px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rk-pill__i svg{width:18px;height:18px;display:block;}
.rk-pill--c .rk-pill__i{background:var(--blue-0);color:var(--blue-60);}
.rk-pill--p .rk-pill__i{background:#e1f0e8;color:#3f9e6e;}
.rk-pill.rk-ix{cursor:pointer;}
.rk-pill.rk-ix::after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--blue-50);border:2px solid #fff;box-shadow:0 2px 5px -1px rgba(31,38,60,.3);}
.rk-pill--p.rk-ix::after{background:#3f9e6e;}
.rk-pill:hover{transform:translateY(calc(var(--ty,0) - 3px)) rotate(var(--rot,0deg));box-shadow:0 14px 26px -9px rgba(31,38,60,.3);border-color:#dcdfea;}
.rk-pill.rk-ix:active{transform:translateY(calc(var(--ty,0) - 1px)) rotate(var(--rot,0deg)) scale(.97);}
@media (prefers-reduced-motion:reduce){.rk-pill{transition:none;}}
/* ---- dense pill wall (bleeds all sides) + two product-UI cards ---- */
.rk-stream{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:clamp(34px,4vw,54px);height:clamp(366px,40vw,432px);display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%);mask-composite:intersect;}
.rk-stream__rows{display:flex;flex-direction:column;gap:clamp(11px,1.3vw,14px);width:100%;flex:none;}
.rk-row{display:flex;align-items:center;}
.rk-row__side{flex:1 1 0;display:flex;gap:9px;min-width:0;}
.rk-row__side--c{justify-content:flex-end;}
.rk-row__side--p{justify-content:flex-start;}
.rk-row__gap{display:none;}
/* staggered breaking point: vary where the two halves meet, row by row */
.rk-row:nth-child(6n+1) .rk-row__side--c{flex-grow:1.34;} .rk-row:nth-child(6n+1) .rk-row__side--p{flex-grow:.66;}
.rk-row:nth-child(6n+2) .rk-row__side--c{flex-grow:.72;} .rk-row:nth-child(6n+2) .rk-row__side--p{flex-grow:1.28;}
.rk-row:nth-child(6n+3) .rk-row__side--c{flex-grow:1.16;} .rk-row:nth-child(6n+3) .rk-row__side--p{flex-grow:.84;}
.rk-row:nth-child(6n+4) .rk-row__side--c{flex-grow:.88;} .rk-row:nth-child(6n+4) .rk-row__side--p{flex-grow:1.12;}
.rk-row:nth-child(6n+5) .rk-row__side--c{flex-grow:1.28;} .rk-row:nth-child(6n+5) .rk-row__side--p{flex-grow:.72;}
.rk-row:nth-child(6n+6) .rk-row__side--c{flex-grow:.8;} .rk-row:nth-child(6n+6) .rk-row__side--p{flex-grow:1.2;}
.rk-chip{display:inline-flex;align-items:center;gap:9px;flex:none;background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px 17px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);box-shadow:0 1px 2px rgba(31,38,60,.05);white-space:nowrap;opacity:.6;}
.rk-chip svg{width:19px;height:19px;flex:none;display:block;color:var(--blue-60);}
.rk-row .rk-chip:nth-of-type(3n+1) svg{color:var(--blue-60);}
.rk-row .rk-chip:nth-of-type(3n+2) svg{color:#3f9e6e;}
.rk-row .rk-chip:nth-of-type(3n+3) svg{color:#d98a2b;}
.rk-chip b{font-weight:600;}
/* cards */
.rk-stream__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;gap:clamp(18px,2vw,26px);}
.rk-tile{position:relative;display:flex;flex-direction:column;gap:13px;width:clamp(248px,26vw,292px);padding:16px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 22px 50px -24px rgba(31,38,60,.32),0 3px 10px rgba(31,38,60,.06);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;}
.rk-tile:hover{transform:translateY(-3px);box-shadow:0 30px 64px -24px rgba(31,38,60,.38),0 4px 12px rgba(31,38,60,.08);border-color:#d3d7e7;}
.rk-tile--p{width:clamp(310px,33vw,372px);}
.rk-tile .rk-mini{flex:1;}
.rk-tile__hd{display:flex;align-items:center;justify-content:center;gap:9px;margin:-16px -16px 0;padding:13px 16px;background:#f9fafc;border-bottom:1px solid var(--border);border-radius:20px 20px 0 0;}
.rk-tile__ic{display:flex;align-items:center;justify-content:center;flex:none;}
.rk-tile__ic svg{width:24px;height:24px;display:block;}
.rk-tile--c .rk-tile__ic{color:var(--ink);}
.rk-tile--p .rk-tile__ic{color:var(--ink);}
.rk-tile__hd b{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15;}
.rk-pmtabs{display:flex;gap:4px;padding:4px;background:#f1f2f7;border-radius:9px;align-self:stretch;}
.rk-pmtab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;font-weight:600;color:#7a7f93;padding:5px 0;border-radius:6px;letter-spacing:-.01em;}
.rk-pmtab svg{width:13px;height:13px;}
.rk-pmtab.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(31,38,60,.12);}
/* mini UI — shared */
.rk-mini{display:flex;flex-direction:column;}
.rk-av{border-radius:50%;flex:none;}
.rk-av--1{background:linear-gradient(135deg,#f6c0a6,#e8835f);}
.rk-av--2{background:linear-gradient(135deg,#a9c7f0,#5f8fe0);}
.rk-av--3{background:linear-gradient(135deg,#bfe3c4,#5da670);}
.rk-av--4{background:linear-gradient(135deg,#d3c2f0,#9a7fe0);}
.rk-av--ph{overflow:hidden;background:#e9edf7;}
.rk-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;}
/* chat — all messages left aligned */
.rk-mini--chat{gap:11px;padding:2px 0 0;}
.rk-m{display:flex;gap:8px;align-items:flex-start;}
.rk-av--sm{width:24px;height:24px;}
.rk-mbody{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;}
.rk-mhead{display:flex;align-items:baseline;gap:6px;}
.rk-mhead b{font-size:12px;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
.rk-mhead span{font-size:10px;color:var(--text-muted);}
.rk-bub{align-self:flex-start;background:var(--bg-soft,#f7f8fb);border:1px solid var(--border);border-radius:4px 12px 12px 12px;padding:7px 11px;font-size:12.5px;line-height:1.35;color:var(--ink);}
.rk-rxs{display:flex;gap:5px;margin-top:1px;}
.rk-rxp{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:2px 7px 2px 6px;font-size:10.5px;font-weight:800;color:#6b7088;font-variant-numeric:tabular-nums;line-height:1;}
.rk-rxp.is-me{background:var(--blue-0);border-color:#c9d6f7;color:var(--blue-60);}
.rk-rxp i{font-style:normal;font-size:12px;}
.rk-cinput{display:flex;align-items:center;justify-content:space-between;background:var(--bg-soft,#f7f8fb);border:1px solid var(--border);border-radius:10px;padding:7px 8px 7px 11px;font-size:12px;color:var(--text-muted);margin-top:3px;}
.rk-send{width:24px;height:24px;border-radius:7px;background:var(--blue-60);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
/* tasks — list view */
.rk-mini--tasks{padding:5px 0;}
.rk-tk{display:flex;align-items:center;gap:9px;padding:9px 13px;border-bottom:1px solid #edeff4;}
.rk-tk:last-child{border-bottom:0;}
.rk-st{width:15px;height:15px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;}
.rk-st--todo{border:1.5px dashed #b9c0d2;}
.rk-st--prog{border:2px solid var(--blue-60);}
.rk-st--prog::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-60);}
.rk-st--block{border:2px solid #e0695c;color:#e0695c;}
.rk-st--done{background:#3f9e6e;color:#fff;}
.rk-tl{font-size:12.5px;font-weight:500;color:var(--ink);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;}
.rk-tl--done{color:var(--text-muted);text-decoration:line-through;}
.rk-av--xs{width:18px;height:18px;box-shadow:0 0 0 1.5px #fff;}
.rk-due{font-size:10.5px;font-weight:700;color:#7a8295;flex:none;font-variant-numeric:tabular-nums;}
.rk-due--soon{color:#c2603f;}
.rk-flag{flex:none;display:flex;}
.rk-flag svg{width:14px;height:14px;display:block;}
.rk-flag--hi{color:#e0695c;}
.rk-flag--lo{color:#c2c7d3;}
.rk-tk--add{margin-top:auto;border-top:1px solid #edeff4;border-bottom:0;}
.rk-tk--add .rk-add{width:18px;height:18px;border-radius:5px;background:#3f9e6e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;flex:none;}
.rk-tl--add{color:var(--text-muted);font-weight:600;}
/* tasks — kanban board view */
.rk-mini--board{flex-direction:row;gap:12px;padding:4px 0 0;align-items:flex-start;}
.rk-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;}
.rk-col__hd{display:flex;align-items:center;gap:5px;padding:0 2px 1px;}
.rk-col__hd b{font-size:10.5px;font-weight:700;color:#5b6275;letter-spacing:.01em;white-space:nowrap;}
.rk-col__n{font-size:9.5px;font-weight:800;color:#a3aabb;font-variant-numeric:tabular-nums;flex:none;}
.rk-pmc{position:relative;width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--border);border-radius:9px;padding:8px 9px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(31,38,60,.05);}
.rk-pmc__t{font-size:11px;font-weight:600;color:var(--ink);line-height:1.28;letter-spacing:-.01em;overflow-wrap:anywhere;}
.rk-pmtag{align-self:flex-start;display:inline-flex;align-items:center;font-size:9px;font-weight:800;padding:2px 6px;border-radius:5px;letter-spacing:.02em;line-height:1;text-transform:none;}
.rk-pmtag--urgent{background:#fdeae6;color:#c33f29;}
.rk-pmtag--onb{background:#edeff5;color:#5a6178;}
.rk-pmtag--refactor{background:#fbf0d8;color:#a3741a;}
.rk-pmc__ft{display:flex;align-items:center;gap:6px;margin-top:1px;}
.rk-pmc__m{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;color:#8a91a3;font-variant-numeric:tabular-nums;}
.rk-pmc__m svg{width:12px;height:12px;display:block;}
.rk-pmc__av{width:17px;height:17px;margin-left:auto;flex:none;box-shadow:0 0 0 1.5px #fff;}
.rk-pmtag--content{background:#e6eefc;color:#3568cf;}
.rk-pmadd{display:flex;align-items:center;gap:5px;width:100%;box-sizing:border-box;border:1px dashed #d6dae6;background:none;border-radius:9px;padding:7px 9px;font-size:10.5px;font-weight:700;color:#9aa1b3;cursor:pointer;font-family:inherit;margin-top:1px;}
.rk-pmadd svg{width:12px;height:12px;flex:none;}
.rk-pmadd:hover{border-color:#bcc2d2;color:#7b8294;}
@media (max-width:900px){
  .rk-stream{height:auto;display:block;position:relative;padding:46px 0;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;}
  .rk-stream__rows{display:flex;position:absolute;inset:0;justify-content:center;opacity:.42;z-index:0;
    -webkit-mask-image:radial-gradient(150% 100% at 50% 50%,#000 36%,transparent 80%);
    mask-image:radial-gradient(150% 100% at 50% 50%,#000 36%,transparent 80%);}
  .rk-stream__center{position:relative;transform:none;left:auto;top:auto;z-index:5;flex-direction:column;gap:14px;margin:0 auto;padding:0 22px;max-width:380px;}
  .rk-tile{width:auto;}
  .rk-row__gap{width:46px;}
  .rk-row__side--c,.rk-row__side--p{padding:0;}
}
/* a few cells are interactive — click to see the feature do something */
.rk-ix{cursor:pointer;position:relative;}
.rk-cell--c.rk-ix:hover{background:rgba(76,99,224,.06);}
.rk-cell--c.rk-ix:hover svg{color:var(--blue-60);}
.rk-cell--p.rk-ix:hover{background:rgba(47,136,93,.07);}
.rk-cell--p.rk-ix:hover svg{color:#2f885d;}
.rk-ix::after{content:"";position:absolute;top:10px;right:10px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.24;}
.rk-cell--c.rk-ix::after{color:var(--blue-40);}
.rk-cell--p.rk-ix::after{color:#3f9e6e;}
.rk-cell.rk-ix--on > svg,.rk-cell.rk-ix--on > span{opacity:0;}
.rk-fx{position:absolute;top:calc(100% + 9px);left:50%;z-index:25;background:#fff;border:1px solid #eceef4;border-radius:13px;padding:10px 12px;
  box-shadow:0 20px 38px -16px rgba(31,38,60,.4),0 0 0 1px rgba(31,38,60,.03);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  opacity:0;transform:translateX(-50%) translateY(6px);animation:rk-fxin .22s var(--ease) forwards;pointer-events:none;}
@keyframes rk-fxin{to{opacity:1;transform:translateX(-50%) translateY(0)}}
.rk-fx::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:#fff;border-left:1px solid #eceef4;border-top:1px solid #eceef4;transform:translateX(-50%) rotate(45deg);}
.rk-rec{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--blue-80);font-variant-numeric:tabular-nums;}
.rk-rec__dot{width:9px;height:9px;border-radius:50%;background:#ef4d6a;animation:rk-pulse 1s infinite;}
@keyframes rk-pulse{0%,100%{opacity:1}50%{opacity:.2}}
.rk-wave{display:flex;align-items:flex-end;gap:3px;height:24px;}
.rk-wave i{width:3px;height:6px;border-radius:2px;background:var(--blue-40);animation:rk-eq .9s ease-in-out infinite;}
@keyframes rk-eq{0%,100%{height:5px}50%{height:22px}}
.rk-fx--react{flex-direction:row;flex-wrap:wrap;gap:5px;}
.rk-rx{display:inline-flex;align-items:center;gap:4px;background:#eef0f7;border-radius:999px;padding:3px 7px;font-size:10.5px;font-weight:800;color:#6b7088;font-variant-numeric:tabular-nums;transform:scale(0);animation:rk-rxin .3s cubic-bezier(.5,1.5,.5,1) forwards;}
.rk-rx i{font-style:normal;font-size:13px;line-height:1;}
.rk-rx:nth-child(2){animation-delay:.06s;}
.rk-rx:nth-child(3){animation-delay:.12s;}
@keyframes rk-rxin{to{transform:scale(1)}}
.rk-rx.bump{animation:rk-rxbump .34s cubic-bezier(.5,1.5,.5,1);background:#e6eaff;color:var(--blue-80);}
@keyframes rk-rxbump{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
.rk-fx--assign{flex-direction:row;gap:0;}
.rk-av2{width:30px;height:30px;border-radius:50%;border:2px solid #fff;overflow:hidden;margin-left:-8px;box-shadow:0 4px 10px -3px rgba(31,38,60,.25);background:#e9edf7;transform:scale(0);animation:rk-avpop .34s cubic-bezier(.5,1.5,.5,1) forwards;}
.rk-av2:first-child{margin-left:0;}
.rk-av2 img{width:100%;height:100%;object-fit:cover;display:block;}
.rk-av2--more{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--blue-80);}
@keyframes rk-avpop{0%{transform:scale(0)}100%{transform:scale(1)}}
.rk-ix--saved svg path{fill:var(--blue-60);stroke:var(--blue-80);}
.rk-ix--saved svg{color:var(--blue-80);}
.rk-ix--saved span{color:var(--blue-80);font-weight:700;}
.rk-ix--bpop .rk-pill__i{animation:rk-bpop .32s var(--ease);}
@keyframes rk-bpop{0%{transform:scale(1)}45%{transform:scale(1.28)}100%{transform:scale(1)}}
.rk-srow{display:flex;align-items:center;gap:7px;}
.rk-spill{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;}
.rk-spill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.rk-spill.bump{animation:rk-rxbump .32s cubic-bezier(.5,1.5,.5,1);}
.rk-scount{font-size:12px;font-weight:800;color:#9aa0b8;font-variant-numeric:tabular-nums;}
.rk-fx--status u{text-decoration:none;}
.rk-fx--status em{font-size:11px;color:#9aa0b8;font-style:normal;font-weight:600;}
.rk-cl{display:flex;align-items:center;gap:8px;}
.rk-cl__b{width:15px;height:15px;border-radius:4px;border:1.7px solid #c2c7d6;position:relative;flex-shrink:0;transition:background .18s var(--ease),border-color .18s var(--ease);}
.rk-cl.on .rk-cl__b{background:#2f885d;border-color:#2f885d;}
.rk-cl.on .rk-cl__b::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg);}
.rk-cl__l{height:6px;border-radius:3px;background:#cfd4e2;position:relative;transition:background .18s var(--ease);}
.rk-cl.on .rk-cl__l{background:#b6bcce;}
.rk-cl.on .rk-cl__l::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.6px;background:#2f885d;transform:translateY(-50%);}
.rk-kan2{position:relative;display:flex;gap:7px;}
.rk-kc{width:20px;height:42px;border-radius:6px;background:rgba(108,120,165,.12);display:flex;flex-direction:column;align-items:center;padding-top:4px;}
.rk-kh{font-size:9px;font-weight:800;color:#fff;border-radius:999px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 2px;font-variant-numeric:tabular-nums;}
.rk-kcard{position:absolute;top:22px;left:3px;width:14px;height:11px;border-radius:3px;background:#2f885d;
  box-shadow:0 4px 9px -3px rgba(47,136,93,.55);transition:transform .38s cubic-bezier(.5,1.4,.5,1),background .3s var(--ease);}
.rk-ringing .rk-pill__i{animation:rk-ring .9s ease-in-out;transform-origin:50% 32%;}
@keyframes rk-ring{0%,100%{transform:rotate(0)}12%{transform:rotate(13deg)}28%{transform:rotate(-11deg)}44%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}76%{transform:rotate(3deg)}}
.rk-fx--rating{flex-direction:row;gap:3px;}
.rk-st{font-size:17px;color:#d7dbe8;line-height:1;transition:color .15s var(--ease),transform .15s var(--ease);}
.rk-st.on{color:#e8a33f;transform:scale(1.08);}
@media (prefers-reduced-motion:reduce){.rk-rec__dot,.rk-wave i,.rk-ringing > svg{animation:none;}}
.rk-gtile__ic{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;}
.rk-gtile__ic svg{width:29px;height:29px;display:block;}
.rk-gtile--comm .rk-gtile__ic{background:var(--blue-0);color:var(--blue-60);}
.rk-gtile--pm .rk-gtile__ic{background:#dcefe4;color:#3f9e6e;}
.rk-gtile__name{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15;}
.rk-gtile__sub{font-size:12.5px;color:var(--text-muted);line-height:1.35;margin-top:-7px;}


/* ============================================================
   MCP — bring your own AI
   ============================================================ */
/* layout: centered vertical stack */
.rk-head--center{max-width:760px;margin-left:auto;margin-right:auto;text-align:center;}
.rk-mcp{display:flex;flex-direction:column;align-items:center;margin-top:clamp(40px,5vw,58px);}
.rk-aiwrap{width:100%;max-width:720px;}

/* clickup-style module blocks */
.rk-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%;margin-top:clamp(34px,4vw,50px);}
@media(max-width:860px){.rk-mods{grid-template-columns:1fr;}}
.rk-mod{position:relative;border:1px solid #2c2b26;border-radius:16px;background:#211f1d;
  padding:25px 24px 0;overflow:hidden;display:flex;flex-direction:column;min-height:344px;}
.rk-mod::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(138,160,240,.5) 28%,rgba(138,160,240,.5) 72%,transparent);}
.rk-mod__label{font-size:17.5px;font-weight:700;letter-spacing:-.02em;color:#9eb1f4;line-height:1.2;}
.rk-mod .rk-mod__p{font-size:14.5px;line-height:1.5;color:#c7c5bc;margin-top:34px;}
.rk-mod__p b{color:#f0eee8;font-weight:600;}
.rk-mod__viz{margin:auto -24px 0;padding:0 18px;}

/* viz: connection diagram — clients on the left, Rock on the right, flowing wires between */
.rk-conn{position:relative;background:#191815;border:1px solid #322f29;border-bottom:0;border-radius:12px 12px 0 0;padding:22px 24px 30px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:158px;}
.rk-conn__col{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2;}
.rk-conn__app{width:36px;height:36px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px rgba(0,0,0,.5);}
.rk-conn__app img{width:21px;height:21px;object-fit:contain;}
.rk-conn__rock{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;}
.rk-conn__rock span{width:56px;height:56px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 14px rgba(0,0,0,.55);}
.rk-conn__rock span img{width:36px;height:36px;}
.rk-conn__rock b{font-size:12px;color:#cfcdc4;font-weight:600;letter-spacing:.01em;}
.rk-conn__wire{position:absolute;inset:0;z-index:1;pointer-events:none;}
.rk-conn__wire svg{width:100%;height:100%;display:block;}
.rk-conn__line{fill:none;stroke:#39362f;stroke-width:1.6;}
.rk-conn__flow{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:4 60;animation:rk-flow 2.2s linear infinite;}
@keyframes rk-flow{to{stroke-dashoffset:-64;}}
@media (prefers-reduced-motion:reduce){.rk-conn__flow{animation:none;}}

/* viz: search */
.rk-srch{background:#191815;border:1px solid #322f29;border-radius:12px 12px 0 0;border-bottom:0;padding:13px 13px 18px;}
.rk-srch__bar{display:flex;align-items:center;gap:9px;background:#232019;border:1px solid #38342c;border-radius:9px;padding:9px 11px;font-size:12.5px;color:#d8d6cd;}
.rk-srch__bar svg{width:15px;height:15px;color:#8a887e;flex:none;}
.rk-srch__res{display:flex;align-items:center;gap:9px;padding:11px 4px 0;font-size:12.5px;color:#b6b4ab;}
.rk-srch__tag{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:#8aa0f0;background:rgba(72,93,199,.16);border-radius:5px;padding:2px 7px;flex:none;}

/* viz: config key-value (mono) */
.rk-cfg{background:#191815;border:1px solid #322f29;border-radius:12px 12px 0 0;border-bottom:0;padding:4px 14px 16px;font-family:var(--font-mono);font-size:12px;}
.rk-cfg__row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #262420;}
.rk-cfg__row:last-child{border-bottom:0;}
.rk-cfg__k{color:#d98a6a;white-space:nowrap;}
.rk-cfg__v{color:#6bbf8a;text-align:right;white-space:nowrap;}

/* AI console demo — Claude desktop look */
.rk-ai{background:#262624;border:1px solid #36352f;border-radius:16px;padding:0;
  color:#ecebe5;box-shadow:var(--shadow-shot);position:relative;overflow:hidden;
  display:flex;flex-direction:column;min-height:438px;}
.rk-ai__top{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid #34332e;}
.rk-ai__crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:#a8a69d;letter-spacing:-.01em;min-width:0;white-space:nowrap;overflow:hidden;}
.rk-ai__crumb b{color:#ecebe5;font-weight:600;flex:none;}
.rk-ai__crumb svg{width:13px;height:13px;color:#6f6e66;flex:none;}
.rk-ai__conn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;
  color:#f3f1ec;white-space:nowrap;flex:none;}
.rk-ai__conn img{width:12px;height:12px;border-radius:3px;}
.rk-ai__body{flex:1;display:flex;flex-direction:column;gap:15px;padding:18px 18px 8px;}
/* user message — quoted, serif */
.rk-ai__q{padding-left:14px;border-left:2px solid #4a483f;
  font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.5;color:#a9a79d;}
.rk-ai__caret{display:inline-block;width:2px;height:1.05em;background:#d97757;margin-left:1px;
  vertical-align:-3px;animation:rk-blink 1s steps(1) infinite;}
@keyframes rk-blink{50%{opacity:0;}}
/* assistant message */
.rk-ai__a{display:flex;gap:12px;align-items:flex-start;}
.rk-ai__logo{width:22px;height:22px;flex:none;margin-top:1px;}
.rk-ai__logo img{width:100%;height:100%;display:block;}
.rk-ai__abody{flex:1;min-width:0;font-family:Georgia,'Times New Roman',serif;}
.rk-ai__txt{font-size:15px;line-height:1.55;color:#ecebe5;}
.rk-ai__txt b{font-weight:700;}
.rk-ai__list{margin:10px 0 0;display:flex;flex-direction:column;gap:8px;}
.rk-ai__li{display:flex;align-items:baseline;gap:9px;font-size:14.5px;line-height:1.4;color:#dddbd2;}
.rk-ai__li b{color:#fff;font-weight:600;}
.rk-ai__li u{text-decoration:none;color:#9a988e;font-size:13px;white-space:nowrap;}
.rk-ai__dot{flex:none;color:#7a786f;}
/* tool-use chip (MCP action) */
.rk-ai__tool{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  background:#2f2e2a;border:1px solid #3e3c35;border-radius:9px;padding:6px 11px;font-family:var(--font-sans);margin-bottom:11px;}
.rk-ai__tool img{width:14px;height:14px;border-radius:3px;}
.rk-ai__tool b{font-size:12.5px;font-weight:700;color:#ecebe5;}
.rk-ai__tool span{font-size:12.5px;color:#a8a69d;}
.rk-ai__tool em{margin-left:1px;width:15px;height:15px;border-radius:50%;background:#3f9e6e;display:inline-flex;align-items:center;justify-content:center;}
.rk-ai__tool em svg{width:9px;height:9px;color:#fff;}
/* assistant action icons */
.rk-ai__acts{display:flex;gap:15px;margin:3px 0 0 34px;color:#86847b;}
.rk-ai__acts svg{width:16px;height:16px;}
/* thinking dots */
.rk-ai__think{display:inline-flex;gap:5px;padding:3px 0;}
.rk-ai__think i{width:6px;height:6px;border-radius:50%;background:#d97757;animation:rk-think 1.1s ease-in-out infinite;}
.rk-ai__think i:nth-child(2){animation-delay:.18s;}
.rk-ai__think i:nth-child(3){animation-delay:.36s;}
@keyframes rk-think{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
/* input bar */
.rk-ai__input{margin:6px 12px 13px;background:#2f2e2a;border:1px solid #3c3b34;border-radius:13px;padding:11px 12px 10px;}
.rk-ai__ph{font-size:13.5px;color:#84827a;font-family:var(--font-sans);}
.rk-ai__inrow{display:flex;align-items:center;gap:11px;margin-top:11px;color:#8a887f;}
.rk-ai__inrow svg{width:17px;height:17px;}
.rk-ai__model{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#a8a69d;font-family:var(--font-sans);}
.rk-ai__model svg{width:12px;height:12px;}
/* reveal animation */
.rk-ai.is-anim .rk-ai__rev{opacity:0;transform:translateY(8px);transition:opacity .42s var(--ease),transform .42s var(--ease);}
.rk-ai.is-anim .rk-ai__rev.show{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.rk-conn__wire{animation:none;}}

/* dark “Claude” treatment for the whole MCP section */
.rk-section--ink{
  position:relative;
  background:
    radial-gradient(820px 460px at 18% -8%, rgba(72,93,199,.28), transparent 60%),
    radial-gradient(720px 520px at 88% 6%, rgba(255,102,102,.16), transparent 58%),
    radial-gradient(900px 620px at 70% 108%, rgba(93,161,67,.20), transparent 60%),
    #1b1a18;
  overflow:hidden;
}
.rk-section--ink::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%, #000, transparent 78%);
  mask-image:radial-gradient(circle at 50% 30%, #000, transparent 78%);
}
.rk-section--ink .rk-wrap{position:relative;z-index:1;}
.rk-mcp__badge{display:block;margin:0 auto 22px;width:68px;height:71px;filter:drop-shadow(0 14px 28px rgba(0,0,0,.5));}
.rk-section--ink .rk-eyebrow{color:#8aa0f0;}
.rk-section--ink .rk-h2{color:#f3f1eb;}
.rk-section--ink .rk-lede{color:#a6a49b;}
.rk-section--ink .rk-cap__i{border-color:#33312b;}
.rk-section--ink .rk-cap__ic{background:rgba(72,93,199,.16);color:#8fa3ee;}
.rk-section--ink .rk-cap__h{color:#f0eee8;}
.rk-section--ink .rk-cap__p{color:#9d9b91;}
.rk-section--ink .rk-ai{box-shadow:0 28px 64px -30px rgba(0,0,0,.75);}

/* ============================================================
   SAVINGS CALCULATOR
   ============================================================ */
.rk-calc{position:relative;background:
    radial-gradient(900px 520px at 50% -10%, rgba(255,255,255,.045), transparent 60%),
    var(--noir);
  overflow:hidden;}
.rk-calc::before{content:"";position:absolute;inset:0;pointer-events:none;
  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:46px 46px;
  -webkit-mask-image:radial-gradient(circle at 50% 24%, #000, transparent 76%);
  mask-image:radial-gradient(circle at 50% 24%, #000, transparent 76%);}
.rk-calc .rk-wrap{position:relative;z-index:1;}
.rk-calc__inner{max-width:760px;margin:0 auto;text-align:center;}
.rk-calc__h{font-size:clamp(1.95rem,3.8vw,2.85rem);line-height:1.08;font-weight:800;
  letter-spacing:-.03em;color:#fff;}
.rk-calc__inner .rk-calc__sub{margin-top:24px;font-size:clamp(1.05rem,1.3vw,1.2rem);color:#c3c9e6;line-height:1.55;}

.rk-calc__cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px;}
.rk-calc__card{position:relative;border-radius:16px;padding:24px 26px;
  display:flex;align-items:center;gap:20px;
  background:linear-gradient(var(--noir),var(--noir)) padding-box,
    linear-gradient(125deg,#e69c5a,#ff6b9a 48%,#57b3cb) border-box;
  border:1.5px solid transparent;}
.rk-calc__logo{width:62px;height:62px;border-radius:14px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
.rk-calc__logo--rock img{width:58px;height:58px;}
.rk-calc__logo--avg{background:var(--blue-60);color:#fff;font-size:12px;font-weight:700;
  line-height:1.15;text-align:center;letter-spacing:-.01em;flex-direction:column;}
.rk-calc__pricewrap{text-align:left;min-width:0;}
.rk-calc__price{font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:800;color:#fff;
  letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;}
.rk-calc__price span{font-size:.5em;font-weight:700;color:rgba(255,255,255,.5);}
.rk-calc__rate{margin-top:8px;font-size:14px;font-weight:600;color:#8fa3ee;}

.rk-calc__slider{margin-top:40px;text-align:left;}
.rk-calc__sliderlbl{font-size:14.5px;color:#c3c9e6;font-weight:500;}
.rk-calc__range{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin-top:16px;
  border-radius:999px;background:rgba(255,255,255,.16);outline:none;cursor:pointer;}
.rk-calc__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
  width:26px;height:26px;border-radius:50%;cursor:pointer;
  border:2px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
    linear-gradient(125deg,#e69c5a,#ff6b9a 48%,#57b3cb) border-box;
  box-shadow:0 4px 12px rgba(31,38,60,.22);}
.rk-calc__range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;
  background:#fff;border:2px solid #ff6b9a;cursor:pointer;}
.rk-calc__users{margin-top:14px;font-size:16px;color:#fff;}
.rk-calc__users b{font-weight:800;font-variant-numeric:tabular-nums;}

.rk-calc__save{margin-top:38px;text-align:center;
  font-size:clamp(2.2rem,4.4vw,3.1rem);font-weight:800;letter-spacing:-.02em;
  color:var(--green-50);line-height:1;}
.rk-calc__save .rk-calc__amt{font-size:1.35em;}
.rk-calc__save .rk-calc__per{font-size:.5em;color:var(--green-50);}
.rk-calc__year{margin-top:14px;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:700;color:#fff;}
.rk-calc__year span{font-size:.7em;font-weight:700;color:#9aa2cc;}
.rk-calc__cta{margin-top:30px;display:flex;justify-content:center;}
.rk-calc__compare{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.rk-calc__compare span{font-size:14px;font-weight:700;color:#9aa2cc;letter-spacing:.01em;}
.rk-calc__logos{display:flex;align-items:center;gap:10px;opacity:.92;}
.rk-calc__cmp{display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:9px;transition:transform .18s ease,background .18s ease,filter .18s ease;filter:grayscale(.35) opacity(.78);}
.rk-calc__cmp:hover{filter:grayscale(0) opacity(1);transform:translateY(-3px) scale(1.06);background:rgba(255,255,255,.1);}
.rk-calc__cmp img{height:21px;width:auto;display:block;}
@media(max-width:640px){
  .rk-calc__cards{grid-template-columns:1fr;}
}

/* ============================================================
   USE CASES  (card grid)
   ============================================================ */
.rk-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;}
.rk-use{padding:26px;}
.rk-use__h{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.rk-use__p{font-size:14.5px;line-height:1.55;color:var(--text-muted);margin-top:8px;}
.rk-use__tag{font-family:var(--font-mono);font-size:12px;color:var(--blue-60);}

/* ============================================================
   STEP BY STEP
   ============================================================ */
.rk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;}
.rk-step__n{font-size:14px;font-weight:700;color:var(--blue-60);font-family:var(--font-mono);
  letter-spacing:.04em;}
.rk-step__bar{height:2px;background:var(--border);margin:14px 0 18px;position:relative;}
.rk-step__bar::before{content:"";position:absolute;left:0;top:0;height:2px;width:34px;
  background:var(--blue-60);}
.rk-step__h{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.rk-step__p{font-size:15px;line-height:1.6;color:var(--text-muted);margin-top:9px;}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.rk-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;}
.rk-quote{padding:28px;display:flex;flex-direction:column;}
.rk-quote__stars{color:#ffb400;font-family:Arial,Helvetica,sans-serif;font-size:15px;
  letter-spacing:2px;}
.rk-quote__t{font-size:16px;line-height:1.6;color:var(--dark-20);margin-top:14px;
  flex:1;}
.rk-quote__by{display:flex;align-items:center;gap:12px;margin-top:22px;}
.rk-avatar{width:40px;height:40px;border-radius:var(--radius-pill);display:flex;
  align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;
  flex-shrink:0;object-fit:cover;}
.rk-quote__name{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.2;}
.rk-quote__role{font-size:13px;color:var(--text-muted);margin-top:2px;}

/* Strong featured testimonial */
.rk-testi{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:48px;}
.rk-testi__feature{position:relative;display:flex;flex-direction:column;justify-content:center;
  background:var(--noir);color:#fff;border-radius:var(--radius-lg);
  padding:clamp(32px,3.6vw,54px);overflow:hidden;box-shadow:0 26px 60px -24px rgba(31,38,60,.55);}
.rk-testi__feature::before{content:"\201C";position:absolute;top:-.16em;left:.1em;
  font-family:Georgia,serif;font-size:190px;line-height:1;color:var(--blue-40);opacity:.2;pointer-events:none;}
.rk-testi__quote{position:relative;font-size:clamp(1.3rem,2.1vw,1.8rem);line-height:1.42;
  font-weight:600;letter-spacing:-.015em;color:#fff;}
.rk-testi__by{display:flex;align-items:center;gap:14px;margin-top:30px;}
.rk-testi__ph{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0;
  border:2px solid rgba(255,255,255,.18);background:#fff;}
.rk-testi__meta{display:flex;flex-direction:column;gap:3px;min-width:0;}
.rk-testi__name{font-size:16px;font-weight:700;color:#fff;}
.rk-testi__role{font-size:13.5px;color:var(--blue-20);}
.rk-testi__stars{margin-left:auto;color:#ffb400;font-size:15px;letter-spacing:2px;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;}
.rk-testi__side{display:flex;flex-direction:column;gap:20px;}
.rk-testi__mini{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px 26px;}
.rk-testi__mini blockquote{font-size:15px;line-height:1.55;color:var(--dark-20);flex:1;}
.rk-testi__mini figcaption{display:flex;align-items:center;gap:11px;margin-top:18px;}
.rk-testi__mini figcaption > span{display:flex;flex-direction:column;}
.rk-testi__mini .rk-quote__name{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.25;}
.rk-testi__mini .rk-quote__role{font-size:13px;color:var(--text-muted);margin-top:2px;line-height:1.2;}
.rk-testi__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 28px;
  margin-top:32px;font-size:14px;color:var(--text-muted);}
.rk-testi__trust b{color:var(--ink);font-weight:700;}
.rk-testi__trust .rk-quote__stars{font-size:13px;}
@media (max-width:920px){.rk-testi{grid-template-columns:1fr;}}

/* ============================================================
   FAQ  (native <details>)
   ============================================================ */
.rk-faq{max-width:760px;margin:40px auto 0;}
.rk-faq details{border-bottom:1px solid var(--border);}
.rk-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:22px 0;font-size:18px;font-weight:600;
  color:var(--ink);letter-spacing:-.01em;}
.rk-faq summary::-webkit-details-marker{display:none;}
.rk-faq summary .rk-faq__ic{flex-shrink:0;width:20px;height:20px;position:relative;
  transition:transform var(--dur) var(--ease);}
.rk-faq__ic::before,.rk-faq__ic::after{content:"";position:absolute;background:var(--blue-60);
  border-radius:2px;}
.rk-faq__ic::before{left:9px;top:2px;width:2px;height:16px;}
.rk-faq__ic::after{left:2px;top:9px;width:16px;height:2px;}
.rk-faq details[open] .rk-faq__ic{transform:rotate(45deg);}
.rk-faq__a{padding:0 0 24px;font-size:16px;line-height:1.65;color:var(--text-muted);
  max-width:660px;}

/* ============================================================
   FINAL CTA  (glowing card with brand rainbow accent)
   ============================================================ */
.rk-final{position:relative;overflow:hidden;background:var(--surface);}
.rk-final::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(31,38,60,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31,38,60,.035) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%, #000, transparent 72%);
  mask-image:radial-gradient(circle at 50% 30%, #000, transparent 72%);}
.rk-final__inner{position:relative;z-index:1;padding:clamp(56px,7vw,92px) 0;display:flex;justify-content:center;}
.rk-final__card{position:relative;width:min(820px,100%);text-align:center;
  display:flex;flex-direction:column;align-items:center;
  padding:clamp(44px,5.5vw,64px) clamp(28px,4vw,56px);border-radius:26px;
  background:#16181d;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 70px -34px rgba(0,0,0,.6);}
.rk-final__card::after{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;
  background:
    radial-gradient(420px 260px at 100% 0%, rgba(255,107,154,.18), transparent 62%),
    radial-gradient(380px 240px at 0% 100%, rgba(87,179,203,.16), transparent 62%),
    radial-gradient(300px 200px at 8% 4%, rgba(230,156,90,.14), transparent 60%);}
.rk-final__card > *{position:relative;z-index:1;}
.rk-final__mark{width:64px;height:64px;border-radius:18px;margin:0 auto 26px;
  display:flex;align-items:center;justify-content:center;background:#fff;
  box-shadow:0 16px 32px -12px rgba(0,0,0,.5);}
.rk-final__mark img{width:40px;height:40px;display:block;}
.rk-final__h{font-size:clamp(1.95rem,3.8vw,2.85rem);font-weight:800;letter-spacing:-.025em;
  color:#fff;line-height:1.1;max-width:440px;margin:0 auto;text-wrap:balance;}
.rk-final__p{font-size:clamp(1.05rem,1.3vw,1.2rem);color:#c3c9e6;margin:40px auto 0;max-width:440px;line-height:1.55;}
.rk-final__cta{margin-top:32px;display:flex;justify-content:center;}
.rk .rk-final__btn{background:var(--blue-60);color:#fff;font-weight:700;
  padding:15px 30px;box-shadow:0 16px 34px -14px rgba(72,93,199,.55);}
.rk .rk-final__btn:hover{transform:translateY(-2px);background:var(--blue-80);
  box-shadow:0 22px 44px -16px rgba(72,93,199,.6);}
.rk-final__ccr{margin-top:20px;display:inline-flex;align-items:center;gap:7px;
  font-size:14px;color:#9aa2cc;}
.rk-final__ccr svg{width:15px;height:15px;display:block;color:var(--green-50);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1120px){
  .rk-hero__shot .rk-shot{width:100%;}
}
@media (max-width:860px){
  .rk-hero{grid-template-columns:1fr;gap:40px;}
  .rk-hero__sub{max-width:none;}
  .rk-flow__knot{height:300px;}
  .rk-flow__card{position:static;transform:none;width:auto;max-width:360px;margin:16px auto 0;}
  .rk-vs{height:auto;display:block;position:relative;margin-top:30px;}
  .rk-vs__col--before,.rk-vs__col--after{position:relative;transform:none;left:auto;top:auto;}
  .rk-vs__col--before{width:94%;margin:58px -12% 0 auto;z-index:1;}
  .rk-vs__col--before .rk-win{transform:rotate(-3deg);transform-origin:50% 40%;}
  .rk-vs__col--after{width:94%;margin:-44px auto 0;z-index:2;}
  .rk-vs__cap{position:absolute;top:-18px;left:9px;margin:0;}
  .rk-vs__col--after .rk-vs__cap{left:50%;transform:translateX(-50%);}
  .rk-win{max-width:none;}
  .rk-spacewrap{width:auto;max-width:none;margin:0 auto;}
  .rk-grid{width:auto;margin-left:0;-webkit-mask:none;mask:none;}
  .rk-gridfield{grid-template-columns:repeat(4,1fr);grid-auto-rows:90px;justify-content:stretch;}
  .rk-cell:empty{display:none;}
  .rk-gtile--comm{grid-column:1/3;grid-row:auto;}
  .rk-gtile--pm{grid-column:3/5;grid-row:auto;}
  .rk-feat{grid-template-columns:1fr;}
  .rk-feat__col--c{border-radius:22px 22px 0 0;border-right:1px solid var(--border);border-bottom:none;}
  .rk-feat__col--p{border-radius:0 0 22px 22px;border-left:1px solid var(--border);}
  .rk-feat__col--p .rk-feat__head{flex-direction:row;text-align:left;}
  .rk-feat__col--p .rk-feat__cloud{justify-content:flex-start;}
  .rk-feat__seam,.rk-feat__mark{display:none;}
  .rk-uses,.rk-steps,.rk-quotes{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .rk-btn{width:100%;}
  .rk-hero__shot{display:none;}
  .rk-hero__proof{flex-direction:column;align-items:center;gap:14px;justify-content:center;}
  .rk-ctarow,.rk-final__cta{flex-direction:column;align-items:stretch;}
  .rk-ccr,.rk-final__ccr{text-align:center;justify-content:center;}
}
@media (max-width:480px){
  :root{--gutter:18px;}
  .rk-final__card{padding:34px 22px 30px;}
  .rk-final__h{max-width:none;}
  .rk-final__p{max-width:none;}
  .rk-calc__inner{text-align:center;}
  .rk-calc__slider,.rk-calc__sliderlbl{text-align:center;}
  .rk-faq summary{font-size:15.5px;}
  .rk-space__chip{height:32px;}
  .rk-space__tabs{gap:5px;padding:8px 13px 12px;}
  .rk-space__top,.rk-space__thread{padding-left:14px;padding-right:14px;}
  .rk-onetab{padding:10px 14px;}
}