/* ==========================================================================
   INSTLY PLATFORM SECTIONS - ported from the handoff, scoped under
   .iq-platform. Scoping is required, not cosmetic: the supplied sheet
   defines .brand-mark, .dot, .tab and .timeline, which already mean
   other things here (the nav logo, browser-frame chrome, inner-page
   timelines). Unscoped it breaks all four.
   ========================================================================== */
.iq-platform {--bg: #070914;
      --panel: rgba(15, 18, 37, .86);
      --line: rgba(255,255,255,.09);
      --line-strong: rgba(255,255,255,.15);
      --text: #f4f5ff;
      --muted: #989db8;
      --purple: #8270ff;
      --cyan: #60dce9;
      --green: #67e5a5;
      --accent: #8270ff;
      --accent-rgb: 130,112,255;
      --ease: cubic-bezier(.2,.8,.2,1);}
.iq-platform {box-sizing: border-box;}
.iq-platform {color-scheme: dark;
      background: var(--bg);
      scroll-behavior: smooth;}
.iq-platform {margin: 0;
      min-width: 320px;
      color: var(--text);
      background:
        radial-gradient(circle at 50% -10%, rgba(102,72,235,.18), transparent 38%),
        radial-gradient(circle at 12% 70%, rgba(46,129,202,.08), transparent 32%),
        #070914;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;}
.iq-platform button, .iq-platform a {font: inherit;}
.iq-platform .platform-section {position: relative;
      isolation: isolate;
      min-height: 100vh;
      overflow: hidden;
      padding: 76px 32px 96px;}
.iq-platform .platform-section::before {content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      opacity: .26;
      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: 72px 72px;
      mask-image: linear-gradient(to bottom, transparent 0, black 24%, black 78%, transparent 100%);}
.iq-platform .platform-section::after {content: "";
      position: absolute;
      z-index: -1;
      width: 680px;
      height: 680px;
      left: calc(50% - 340px);
      top: 210px;
      border-radius: 50%;
      filter: blur(72px);
      background: rgba(var(--accent-rgb), .08);
      transition: background .7s ease;
      pointer-events: none;}
.iq-platform .shell {width: min(1240px, 100%);
      margin: 0 auto;}
.iq-platform .eyebrow {display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-bottom: 23px;
      color: #b5b9d2;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .19em;
      text-transform: uppercase;}
.iq-platform .eyebrow::before, .iq-platform .eyebrow::after {content: "";
      width: 28px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.35));}
.iq-platform .eyebrow::after {transform: rotate(180deg);}
.iq-platform h1 {margin: 0;
      text-align: center;
      font-size: clamp(43px, 5.4vw, 72px);
      line-height: .98;
      letter-spacing: -.055em;
      font-weight: 660;
      text-wrap: balance;}
.iq-platform .intro {width: min(740px, 100%);
      margin: 24px auto 0;
      color: #a7abc4;
      text-align: center;
      font-size: clamp(16px, 1.4vw, 19px);
      line-height: 1.65;
      text-wrap: balance;}
.iq-platform .tabs-wrap {position: relative;
      margin: 48px auto 24px;
      width: min(1020px, 100%);}
.iq-platform .tabs {position: relative;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      padding: 6px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: rgba(12,15,30,.72);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 55px rgba(0,0,0,.2);
      backdrop-filter: blur(18px);}
.iq-platform .tab {position: relative;
      z-index: 1;
      display: flex;
      min-width: 0;
      height: 54px;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 0 12px;
      border: 0;
      border-radius: 11px;
      color: #8f94ae;
      background: transparent;
      cursor: pointer;
      transition: color .25s ease;
      white-space: nowrap;}
.iq-platform .tab:hover {color: #d9dbeb;}
.iq-platform .tab:focus-visible {outline: 2px solid rgba(var(--accent-rgb), .9);
      outline-offset: 2px;}
.iq-platform .tab[aria-selected="true"] {color: white;}
.iq-platform .tab-icon {width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      border: 1px solid currentColor;
      border-radius: 6px;
      font-size: 10px;
      font-weight: 800;
      opacity: .7;}
.iq-platform .tab[aria-selected="true"] .tab-icon {color: var(--accent);
      border-color: rgba(var(--accent-rgb), .7);
      background: rgba(var(--accent-rgb), .1);
      box-shadow: 0 0 18px rgba(var(--accent-rgb), .18);
      opacity: 1;}
.iq-platform .tab-label {overflow: hidden;
      text-overflow: ellipsis;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: -.01em;}
.iq-platform .tab-glider {position: absolute;
      z-index: 0;
      top: 6px;
      bottom: 6px;
      left: 6px;
      width: calc((100% - 12px) / 6);
      border: 1px solid rgba(var(--accent-rgb), .23);
      border-radius: 11px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(var(--accent-rgb), .055);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 24px rgba(0,0,0,.18);
      transform: translateX(calc(var(--tab-index, 0) * 100%));
      transition: transform .55s var(--ease), border-color .4s, background .4s;}
.iq-platform .showcase {position: relative;
      min-height: 584px;
      overflow: hidden;
      border: 1px solid var(--line-strong);
      border-radius: 26px;
      background:
        radial-gradient(circle at 77% 48%, rgba(var(--accent-rgb), .11), transparent 41%),
        linear-gradient(145deg, rgba(19,22,45,.92), rgba(9,12,26,.94));
      box-shadow:
        0 35px 100px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.055);
      transition: background .7s ease;}
.iq-platform .showcase::before {content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.025) 45%, transparent 54%),
        radial-gradient(circle at 20% 15%, rgba(255,255,255,.04), transparent 29%);
      background-size: 210% 100%, auto;
      animation: sheen 12s linear infinite;}
.iq-platform .showcase::after {content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .3;
      background-image: radial-gradient(rgba(255,255,255,.12) .65px, transparent .65px);
      background-size: 22px 22px;
      mask-image: linear-gradient(90deg, transparent, transparent 33%, black 75%, transparent);}
@keyframes sheen {
      from { background-position: 180% 0, 0 0; }
      to { background-position: -80% 0, 0 0; }
    }
.iq-platform .panel {position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: .76fr 1.5fr;
      gap: 58px;
      min-height: 584px;
      padding: 58px 56px 46px;
      transition: opacity .24s ease, transform .44s var(--ease), filter .3s ease;}
.iq-platform .panel.is-switching {opacity: 0;
      transform: translateY(10px) scale(.995);
      filter: blur(3px);}
.iq-platform .copy {align-self: center;
      padding-bottom: 8px;}
.iq-platform .module-kicker {display: flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 21px;
      color: #afb3ca;
      font-size: 11px;
      font-weight: 750;
      letter-spacing: .15em;
      text-transform: uppercase;}
.iq-platform .module-kicker .dot {width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
      box-shadow: 0 0 14px rgba(var(--accent-rgb), .8);
      animation: breathe 2.4s ease-in-out infinite;}
@keyframes breathe {
      50% { opacity: .55; box-shadow: 0 0 7px rgba(var(--accent-rgb), .4); }
    }
.iq-platform .module-title {margin: 0;
      font-size: clamp(36px, 4vw, 55px);
      line-height: 1.03;
      letter-spacing: -.045em;
      font-weight: 650;}
.iq-platform .module-description {margin: 23px 0 0;
      max-width: 380px;
      color: #a9adc4;
      font-size: 17px;
      line-height: 1.65;}
.iq-platform .proof-row {display: flex;
      gap: 27px;
      margin-top: 32px;
      padding-top: 27px;
      border-top: 1px solid rgba(255,255,255,.08);}
.iq-platform .proof strong {display: block;
      color: #f5f6ff;
      font-size: 18px;
      font-weight: 630;
      letter-spacing: -.025em;}
.iq-platform .proof span {display: block;
      margin-top: 5px;
      color: #777d9a;
      font-size: 11px;
      line-height: 1.35;}
.iq-platform .text-link {display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-top: 31px;
      color: #edefff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 650;}
.iq-platform .text-link span {color: var(--accent);
      transition: transform .2s ease;}
.iq-platform .text-link:hover span {transform: translateX(4px);}
.iq-platform .product-stage {position: relative;
      align-self: center;
      min-width: 0;
      perspective: 1200px;}
.iq-platform .window {position: relative;
      width: 100%;
      min-height: 458px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 18px;
      background: #0e1225;
      box-shadow:
        0 35px 65px rgba(0,0,0,.36),
        0 0 0 1px rgba(var(--accent-rgb), .04),
        0 0 55px rgba(var(--accent-rgb), .08);
      transform: rotateY(-2deg) rotateX(1deg);
      transform-origin: center left;
      transition: box-shadow .7s ease;}
.iq-platform .window-top {display: flex;
      align-items: center;
      height: 42px;
      padding: 0 14px;
      border-bottom: 1px solid rgba(255,255,255,.075);
      background: rgba(255,255,255,.018);}
.iq-platform .traffic {display: flex;
      gap: 6px;}
.iq-platform .traffic i {display: block;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #333950;}
.iq-platform .address {width: 166px;
      height: 19px;
      margin: auto;
      border: 1px solid rgba(255,255,255,.055);
      border-radius: 5px;
      background: rgba(255,255,255,.025);}
.iq-platform .window-brand {color: #646b88;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .18em;}
.iq-platform .ui {position: relative;
      height: 416px;
      overflow: hidden;
      background:
        radial-gradient(circle at 78% 30%, rgba(var(--accent-rgb), .08), transparent 33%),
        #0b0f20;}
.iq-platform .ui * {box-sizing: border-box;}
.iq-platform .app-shell {display: grid;
      grid-template-columns: 130px 1fr;
      height: 100%;}
.iq-platform .sidebar {padding: 18px 13px;
      border-right: 1px solid rgba(255,255,255,.06);
      background: rgba(8,11,24,.8);}
.iq-platform .brand-mini {display: flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 23px;
      color: #eef0ff;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .06em;}
.iq-platform .brand-mark {width: 19px;
      height: 19px;
      border-radius: 6px;
      background: linear-gradient(145deg, var(--accent), rgba(var(--accent-rgb), .3));
      box-shadow: 0 0 16px rgba(var(--accent-rgb), .22);}
.iq-platform .nav-line {height: 28px;
      margin-bottom: 5px;
      border-radius: 7px;
      color: #69708c;
      font-size: 8px;
      line-height: 28px;
      padding-left: 9px;}
.iq-platform .nav-line.active {color: #e9eaff;
      background: rgba(var(--accent-rgb), .11);}
.iq-platform .main-ui {padding: 19px;}
.iq-platform .ui-heading {display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 15px;}
.iq-platform .ui-heading h3 {margin: 0;
      font-size: 14px;
      font-weight: 650;
      letter-spacing: -.02em;}
.iq-platform .ui-heading span {color: #737a98;
      font-size: 8px;}
.iq-platform .metric-grid {display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 9px;
      margin-bottom: 12px;}
.iq-platform .metric-card, .iq-platform .surface {border: 1px solid rgba(255,255,255,.07);
      border-radius: 10px;
      background: rgba(255,255,255,.025);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.02);}
.iq-platform .metric-card {padding: 11px;}
.iq-platform .metric-card label {display: block;
      margin-bottom: 8px;
      color: #707793;
      font-size: 7px;
      text-transform: uppercase;
      letter-spacing: .08em;}
.iq-platform .metric-card strong {display: block;
      font-size: 16px;
      font-weight: 650;}
.iq-platform .metric-card small {color: var(--accent);
      font-size: 7px;}
.iq-platform .surface {padding: 12px;}
.iq-platform .quote-list {display: grid; gap: 7px;}
.iq-platform .quote-row {display: grid;
      grid-template-columns: 27px 1fr auto auto;
      align-items: center;
      gap: 10px;
      min-height: 52px;
      padding: 8px 10px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 9px;
      background: rgba(255,255,255,.023);
      animation: rowIn .5s var(--ease) both;
      animation-delay: calc(var(--row, 0) * 70ms);}
@keyframes rowIn {
      from { opacity: 0; transform: translateX(12px); }
    }
.iq-platform .logo {display: grid;
      place-items: center;
      width: 27px;
      height: 27px;
      border-radius: 7px;
      background: rgba(var(--accent-rgb), .13);
      color: var(--accent);
      font-size: 8px;
      font-weight: 800;}
.iq-platform .row-name b, .iq-platform .person b {display: block;
      font-size: 9px;
      font-weight: 650;}
.iq-platform .row-name span, .iq-platform .person span {display: block;
      margin-top: 3px;
      color: #68708e;
      font-size: 7px;}
.iq-platform .price {font-size: 10px;
      font-weight: 700;}
.iq-platform .rank {padding: 4px 6px;
      border-radius: 5px;
      background: rgba(var(--accent-rgb), .1);
      color: var(--accent);
      font-size: 7px;
      font-weight: 700;}
.iq-platform .chat-shell {display: grid;
      grid-template-columns: 1fr 174px;
      height: 100%;}
.iq-platform .chat-main {position: relative;
      display: flex;
      flex-direction: column;
      padding: 24px;}
.iq-platform .chat-header {display: flex;
      align-items: center;
      gap: 10px;
      padding-bottom: 15px;
      border-bottom: 1px solid rgba(255,255,255,.06);}
.iq-platform .avatar {display: grid;
      place-items: center;
      width: 31px;
      height: 31px;
      border-radius: 50%;
      background: linear-gradient(145deg, var(--accent), rgba(var(--accent-rgb), .24));
      color: white;
      font-size: 9px;
      font-weight: 800;}
.iq-platform .chat-header b {display: block; font-size: 10px;}
.iq-platform .chat-header span {color: var(--accent); font-size: 7px;}
.iq-platform .messages {display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: flex-end;
      gap: 9px;
      padding: 18px 0;}
.iq-platform .bubble {width: fit-content;
      max-width: 78%;
      padding: 9px 11px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 10px 10px 10px 3px;
      color: #b8bdd4;
      background: rgba(255,255,255,.035);
      font-size: 8px;
      line-height: 1.5;
      animation: bubbleIn .6s var(--ease) both;
      animation-delay: var(--delay, 0ms);}
.iq-platform .bubble.user {align-self: flex-end;
      border-radius: 10px 10px 3px 10px;
      color: #f1f2ff;
      background: rgba(var(--accent-rgb), .17);}
@keyframes bubbleIn {
      from { opacity: 0; transform: translateY(8px); }
    }
.iq-platform .composer {height: 34px;
      padding: 0 11px;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 9px;
      color: #646c89;
      font-size: 8px;
      line-height: 32px;
      background: rgba(255,255,255,.02);}
.iq-platform .chat-aside {padding: 20px 13px;
      border-left: 1px solid rgba(255,255,255,.06);
      background: rgba(5,8,18,.46);}
.iq-platform .aside-label {margin-bottom: 9px;
      color: #717895;
      font-size: 7px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;}
.iq-platform .recommend {margin-bottom: 8px;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 9px;
      background: rgba(255,255,255,.025);}
.iq-platform .recommend.best {border-color: rgba(var(--accent-rgb), .3);}
.iq-platform .recommend b {display: block; font-size: 8px;}
.iq-platform .recommend span {color: #6f7692; font-size: 7px;}
.iq-platform .crm-grid {display: grid;
      grid-template-columns: 1.4fr .75fr;
      gap: 10px;}
.iq-platform .pipeline {display: grid; gap: 7px;}
.iq-platform .client-row {display: grid;
      grid-template-columns: 25px 1fr 52px;
      align-items: center;
      gap: 9px;
      padding: 9px;
      border-bottom: 1px solid rgba(255,255,255,.05);}
.iq-platform .client-row:last-child {border-bottom: 0;}
.iq-platform .person-avatar {display: grid;
      place-items: center;
      width: 25px;
      height: 25px;
      border-radius: 7px;
      background: rgba(var(--accent-rgb), .1);
      color: var(--accent);
      font-size: 7px;
      font-weight: 800;}
.iq-platform .stage-pill {padding: 4px 6px;
      border-radius: 5px;
      color: #aeb4cd;
      background: rgba(255,255,255,.05);
      font-size: 6px;
      text-align: center;}
.iq-platform .timeline {position: relative;
      display: grid;
      gap: 13px;
      padding: 6px 0 4px 13px;}
.iq-platform .timeline::before {content: "";
      position: absolute;
      left: 3px;
      top: 9px;
      bottom: 8px;
      width: 1px;
      background: rgba(255,255,255,.1);}
.iq-platform .event {position: relative;
      color: #aeb3ca;
      font-size: 7px;
      line-height: 1.4;}
.iq-platform .event::before {content: "";
      position: absolute;
      width: 6px;
      height: 6px;
      left: -13px;
      top: 2px;
      border: 1px solid var(--accent);
      border-radius: 50%;
      background: #0c1021;}
.iq-platform .event span {display: block;
      color: #656d8a;
      font-size: 6px;}
.iq-platform .command-ui {display: grid;
      grid-template-columns: 1fr 175px;
      height: 100%;}
.iq-platform .command-main {padding: 27px 23px;}
.iq-platform .command-bar {display: flex;
      align-items: center;
      height: 42px;
      margin: 16px 0 17px;
      padding: 0 13px;
      border: 1px solid rgba(var(--accent-rgb), .26);
      border-radius: 11px;
      color: #9da3bc;
      background: rgba(var(--accent-rgb), .055);
      box-shadow: 0 0 25px rgba(var(--accent-rgb), .07);
      font-size: 9px;}
.iq-platform .command-bar::after {content: "";
      width: 1px;
      height: 13px;
      margin-left: 4px;
      background: var(--accent);
      animation: cursor 1s steps(1) infinite;}
@keyframes cursor { 50% { opacity: 0; } }
.iq-platform .action-cards {display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 9px;}
.iq-platform .action {min-height: 85px;
      padding: 12px;
      border: 1px solid rgba(255,255,255,.065);
      border-radius: 10px;
      background: rgba(255,255,255,.023);}
.iq-platform .action-icon {display: grid;
      place-items: center;
      width: 24px;
      height: 24px;
      margin-bottom: 10px;
      border-radius: 7px;
      color: var(--accent);
      background: rgba(var(--accent-rgb), .1);
      font-size: 8px;
      font-weight: 800;}
.iq-platform .action b {display: block; font-size: 8px;}
.iq-platform .action span {color: #69708e; font-size: 7px;}
.iq-platform .activity-rail {padding: 23px 13px;
      border-left: 1px solid rgba(255,255,255,.06);
      background: rgba(6,9,19,.5);}
.iq-platform .activity {position: relative;
      margin: 13px 0;
      padding-left: 13px;
      color: #989eb8;
      font-size: 7px;
      line-height: 1.45;}
.iq-platform .activity::before {content: "";
      position: absolute;
      left: 0;
      top: 3px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--accent);
      box-shadow: 0 0 8px rgba(var(--accent-rgb), .6);}
.iq-platform .renewal-layout {display: grid;
      grid-template-columns: 1fr 135px;
      gap: 10px;}
.iq-platform .renewal-card {display: grid;
      grid-template-columns: 36px 1fr auto;
      align-items: center;
      gap: 10px;
      margin-bottom: 7px;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 9px;
      background: rgba(255,255,255,.023);}
.iq-platform .day {text-align: center;
      font-size: 13px;
      font-weight: 700;}
.iq-platform .day span {display: block;
      color: #707793;
      font-size: 6px;
      font-weight: 600;
      text-transform: uppercase;}
.iq-platform .renewal-card b {display: block; font-size: 8px;}
.iq-platform .renewal-card small {color: #69708c; font-size: 7px;}
.iq-platform .progress {width: 43px;
      height: 4px;
      overflow: hidden;
      border-radius: 10px;
      background: rgba(255,255,255,.06);}
.iq-platform .progress i {display: block;
      width: var(--p, 70%);
      height: 100%;
      border-radius: inherit;
      background: var(--accent);}
.iq-platform .donut {display: grid;
      place-items: center;
      width: 84px;
      height: 84px;
      margin: 13px auto 16px;
      border-radius: 50%;
      background: conic-gradient(var(--accent) 0 72%, rgba(255,255,255,.07) 72%);}
.iq-platform .donut::after {content: "72%";
      display: grid;
      place-items: center;
      width: 62px;
      height: 62px;
      border-radius: 50%;
      color: white;
      background: #101427;
      font-size: 13px;
      font-weight: 700;}
.iq-platform .group-layout {display: grid;
      grid-template-columns: 1fr 148px;
      gap: 10px;}
.iq-platform .group-table {overflow: hidden;
      padding: 0;}
.iq-platform .group-table-head, .iq-platform .group-plan {display: grid;
      grid-template-columns: 1.35fr .7fr .72fr .72fr;
      align-items: center;
      gap: 8px;}
.iq-platform .group-table-head {min-height: 30px;
      padding: 0 10px;
      border-bottom: 1px solid rgba(255,255,255,.06);
      color: #656d89;
      font-size: 6px;
      font-weight: 720;
      letter-spacing: .07em;
      text-transform: uppercase;}
.iq-platform .group-plan {min-height: 55px;
      padding: 8px 10px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      animation: rowIn .5s var(--ease) both;
      animation-delay: calc(var(--row, 0) * 70ms);}
.iq-platform .group-plan:last-child {border-bottom: 0;}
.iq-platform .group-insurer {display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;}
.iq-platform .group-insurer b {display: block;
      font-size: 8px;
      font-weight: 650;}
.iq-platform .group-insurer span {display: block;
      margin-top: 3px;
      color: #666e8b;
      font-size: 6px;}
.iq-platform .group-value {font-size: 8px;
      font-weight: 630;}
.iq-platform .group-value span {display: block;
      margin-top: 3px;
      color: #666e8b;
      font-size: 6px;
      font-weight: 500;}
.iq-platform .group-score {display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 22px;
      border-radius: 6px;
      color: var(--accent);
      background: rgba(var(--accent-rgb), .1);
      font-size: 8px;
      font-weight: 750;}
.iq-platform .group-summary {padding: 12px;}
.iq-platform .member-stack {display: flex;
      margin: 12px 0 15px 7px;}
.iq-platform .member {display: grid;
      place-items: center;
      width: 25px;
      height: 25px;
      margin-left: -7px;
      border: 2px solid #101427;
      border-radius: 50%;
      color: #dce0f5;
      background: linear-gradient(145deg, rgba(var(--accent-rgb), .48), rgba(var(--accent-rgb), .14));
      font-size: 6px;
      font-weight: 800;}
.iq-platform .summary-stat {margin-top: 8px;
      padding: 9px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 8px;
      background: rgba(255,255,255,.022);}
.iq-platform .summary-stat span {display: block;
      color: #666e8b;
      font-size: 6px;}
.iq-platform .summary-stat b {display: block;
      margin-top: 4px;
      font-size: 10px;
      font-weight: 650;}
.iq-platform .doc-layout {display: grid;
      grid-template-columns: 1fr 183px;
      height: 100%;}
.iq-platform .doc-main {padding: 21px;}
.iq-platform .search {height: 32px;
      margin: 12px 0 14px;
      padding: 0 10px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 8px;
      color: #69708d;
      background: rgba(255,255,255,.025);
      font-size: 8px;
      line-height: 30px;}
.iq-platform .doc-grid {display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 9px;}
.iq-platform .doc {min-height: 104px;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 9px;
      background: rgba(255,255,255,.023);}
.iq-platform .doc-icon {display: grid;
      place-items: center;
      width: 26px;
      height: 31px;
      margin-bottom: 15px;
      border: 1px solid rgba(var(--accent-rgb), .32);
      border-radius: 5px;
      color: var(--accent);
      background: rgba(var(--accent-rgb), .08);
      font-size: 6px;
      font-weight: 800;}
.iq-platform .doc b {display: block; font-size: 7px;}
.iq-platform .doc span {color: #666e8b; font-size: 6px;}
.iq-platform .document-preview {padding: 22px 15px;
      border-left: 1px solid rgba(255,255,255,.06);
      background: rgba(6,9,19,.48);}
.iq-platform .paper {min-height: 275px;
      padding: 17px 14px;
      border-radius: 8px;
      color: #2d3144;
      background: #eef0f7;
      box-shadow: 0 16px 30px rgba(0,0,0,.24);}
.iq-platform .paper-logo {width: 29px;
      height: 8px;
      margin-bottom: 22px;
      border-radius: 2px;
      background: var(--accent);}
.iq-platform .paper h4 {margin: 0 0 15px;
      font-size: 9px;}
.iq-platform .paper-line {height: 3px;
      margin-bottom: 6px;
      border-radius: 2px;
      background: #c9ccda;}
.iq-platform .paper-line.short {width: 60%;}
.iq-platform .platform-foot {display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 24px;
      color: #777d99;
      font-size: 11px;
      letter-spacing: .035em;}
.iq-platform .platform-foot i {display: block;
      width: 24px;
      height: 1px;
      background: rgba(255,255,255,.18);}
.iq-platform .autoplay {position: absolute;
      right: 17px;
      bottom: 15px;
      z-index: 5;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 7px 9px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 8px;
      color: #6f7590;
      background: rgba(7,9,20,.7);
      font-size: 8px;
      backdrop-filter: blur(10px);}
.iq-platform .autoplay i {display: block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--accent);
      animation: breathe 2s infinite;}
.iq-platform /* Integrations section */
    .integrations-section {position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: 110px 32px 120px;
      border-top: 1px solid rgba(255,255,255,.055);
      background:
        radial-gradient(circle at 50% 44%, rgba(91,116,255,.105), transparent 32%),
        linear-gradient(180deg, #070914, #080a17);}
.iq-platform .integrations-section::before {content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      opacity: .25;
      background-image:
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
      background-size: 72px 72px;
      mask-image: radial-gradient(ellipse 64% 52% at 50% 50%, black, transparent);}
.iq-platform .integrations-heading {width: min(790px, 100%);
      margin: 0 auto;
      text-align: center;}
.iq-platform .integrations-heading h2 {margin: 0;
      font-size: clamp(42px, 5vw, 68px);
      line-height: 1;
      letter-spacing: -.055em;
      font-weight: 660;
      text-wrap: balance;}
.iq-platform .integrations-heading p {width: min(680px, 100%);
      margin: 23px auto 0;
      color: #a6abc3;
      font-size: clamp(16px, 1.4vw, 19px);
      line-height: 1.65;
      text-wrap: balance;}
.iq-platform .integration-board {position: relative;
      display: grid;
      grid-template-columns: 230px minmax(320px, 1fr) 285px;
      gap: 34px;
      width: min(1180px, 100%);
      min-height: 560px;
      margin: 58px auto 0;
      padding: 34px;
      border: 1px solid rgba(255,255,255,.11);
      border-radius: 28px;
      background:
        linear-gradient(145deg, rgba(18,22,44,.9), rgba(9,12,26,.93)),
        rgba(255,255,255,.02);
      box-shadow:
        0 42px 110px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.045);}
.iq-platform .integration-board::before {content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      border-radius: inherit;
      background:
        radial-gradient(circle at 50% 50%, rgba(105,119,255,.08), transparent 36%),
        linear-gradient(110deg, transparent 38%, rgba(255,255,255,.02) 49%, transparent 58%);}
.iq-platform .systems-column, .iq-platform .activity-column {position: relative;
      z-index: 3;}
.iq-platform .board-label {display: flex;
      align-items: center;
      gap: 8px;
      height: 28px;
      margin-bottom: 16px;
      color: #767d99;
      font-size: 9px;
      font-weight: 760;
      letter-spacing: .14em;
      text-transform: uppercase;}
.iq-platform .board-label i {width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #5e6786;}
.iq-platform .system-list {display: grid;
      gap: 9px;}
.iq-platform .system-node {position: relative;
      display: grid;
      grid-template-columns: 34px 1fr auto;
      align-items: center;
      gap: 11px;
      min-height: 65px;
      padding: 10px 12px;
      border: 1px solid rgba(255,255,255,.075);
      border-radius: 12px;
      color: #9ca2bb;
      background: rgba(255,255,255,.022);
      cursor: pointer;
      text-align: left;
      transition: border-color .3s ease, background .3s ease, color .3s ease, transform .3s var(--ease);}
.iq-platform .system-node:hover {color: #e9eaff;
      transform: translateX(3px);
      border-color: rgba(118,130,255,.25);
      background: rgba(101,113,255,.055);}
.iq-platform .system-node:focus-visible {outline: 2px solid #7f70ff;
      outline-offset: 2px;}
.iq-platform .system-node.active {color: #f4f5ff;
      border-color: rgba(122,113,255,.38);
      background:
        linear-gradient(90deg, rgba(124,109,255,.11), transparent),
        rgba(255,255,255,.025);
      box-shadow: inset 0 0 0 1px rgba(124,109,255,.045), 0 10px 28px rgba(0,0,0,.16);}
.iq-platform .system-icon {display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 9px;
      color: #8991b1;
      background: rgba(255,255,255,.035);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: -.03em;}
.iq-platform .system-node.active .system-icon {color: #a99eff;
      border-color: rgba(132,117,255,.3);
      background: rgba(128,111,255,.1);
      box-shadow: 0 0 18px rgba(124,109,255,.13);}
.iq-platform .system-copy b {display: block;
      margin-bottom: 4px;
      font-size: 11px;
      font-weight: 650;}
.iq-platform .system-copy span {display: block;
      color: #666d89;
      font-size: 8px;}
.iq-platform .node-status {width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #3a4058;}
.iq-platform .system-node.active .node-status {background: #68e7a7;
      box-shadow: 0 0 10px rgba(104,231,167,.65);}
.iq-platform .integration-core {position: relative;
      z-index: 2;
      display: grid;
      place-items: center;
      min-width: 0;}
.iq-platform .core-lines {position: absolute;
      inset: 60px -34px;
      overflow: hidden;
      pointer-events: none;}
.iq-platform .core-lines .line {position: absolute;
      height: 1px;
      left: 0;
      right: 0;
      background: linear-gradient(90deg, rgba(117,103,255,.08), rgba(128,117,255,.52) 46%, rgba(91,214,234,.18));
      transform-origin: center;
      opacity: .46;}
.iq-platform .core-lines .line:nth-child(1) {top: 8%; transform: rotate(15deg);}
.iq-platform .core-lines .line:nth-child(2) {top: 27%; transform: rotate(8deg);}
.iq-platform .core-lines .line:nth-child(3) {top: 48%;}
.iq-platform .core-lines .line:nth-child(4) {top: 69%; transform: rotate(-8deg);}
.iq-platform .core-lines .line:nth-child(5) {top: 89%; transform: rotate(-15deg);}
.iq-platform .core-lines .line::after {content: "";
      position: absolute;
      top: -2px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #8d80ff;
      box-shadow: 0 0 13px rgba(141,128,255,.9);
      animation: packet 3.4s linear infinite;
      animation-delay: var(--delay, 0s);}
@keyframes packet {
      0% { left: 1%; opacity: 0; }
      12% { opacity: 1; }
      88% { opacity: 1; }
      100% { left: 98%; opacity: 0; }
    }
.iq-platform .core-card {position: relative;
      z-index: 2;
      width: min(330px, 86%);
      padding: 25px;
      border: 1px solid rgba(147,136,255,.3);
      border-radius: 20px;
      background:
        radial-gradient(circle at 50% 0, rgba(137,120,255,.16), transparent 46%),
        rgba(12,15,31,.94);
      box-shadow:
        0 26px 60px rgba(0,0,0,.38),
        0 0 65px rgba(116,101,255,.12),
        inset 0 1px 0 rgba(255,255,255,.06);
      backdrop-filter: blur(18px);}
.iq-platform .core-title {display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 18px;
      border-bottom: 1px solid rgba(255,255,255,.075);}
.iq-platform .core-brand {display: flex;
      align-items: center;
      gap: 10px;
      font-size: 12px;
      font-weight: 750;
      letter-spacing: .04em;}
.iq-platform .core-mark {display: grid;
      place-items: center;
      width: 31px;
      height: 31px;
      border-radius: 9px;
      color: white;
      background: linear-gradient(145deg, #907fff, #5843d7);
      box-shadow: 0 0 25px rgba(126,104,255,.26);
      font-size: 10px;
      font-weight: 850;}
.iq-platform .core-live {display: flex;
      align-items: center;
      gap: 6px;
      color: #71dfa8;
      font-size: 7px;
      font-weight: 750;
      letter-spacing: .08em;
      text-transform: uppercase;}
.iq-platform .core-live i {width: 5px;
      height: 5px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 0 9px currentColor;
      animation: breathe 2s ease-in-out infinite;}
.iq-platform .integration-layer {display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 9px;
      margin-top: 18px;}
.iq-platform .layer-cell {min-height: 72px;
      padding: 11px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 10px;
      background: rgba(255,255,255,.025);}
.iq-platform .layer-cell span {display: block;
      margin-bottom: 10px;
      color: #6f7694;
      font-size: 7px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;}
.iq-platform .layer-cell b {display: block;
      font-size: 10px;
      font-weight: 620;}
.iq-platform .layer-cell small {display: block;
      margin-top: 4px;
      color: #676e89;
      font-size: 7px;}
.iq-platform .connection-summary {display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 17px;
      padding: 10px 11px;
      border: 1px solid rgba(104,231,167,.11);
      border-radius: 9px;
      color: #949ab5;
      background: rgba(104,231,167,.035);
      font-size: 8px;}
.iq-platform .connection-summary i {width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #68e7a7;
      box-shadow: 0 0 10px rgba(104,231,167,.55);}
.iq-platform .activity-card {min-height: 467px;
      padding: 17px;
      border: 1px solid rgba(255,255,255,.075);
      border-radius: 16px;
      background: rgba(7,10,23,.56);}
.iq-platform .activity-top {display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(255,255,255,.06);}
.iq-platform .activity-top b {font-size: 10px;
      font-weight: 650;}
.iq-platform .activity-top span {color: #6c7390;
      font-size: 7px;}
.iq-platform .event-stream {position: relative;
      display: grid;
      gap: 8px;
      margin-top: 14px;}
.iq-platform .stream-event {position: relative;
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 9px;
      min-height: 59px;
      padding: 9px;
      border: 1px solid rgba(255,255,255,.055);
      border-radius: 9px;
      background: rgba(255,255,255,.02);
      animation: eventIn .55s var(--ease) both;
      animation-delay: calc(var(--event, 0) * 90ms);}
@keyframes eventIn {
      from { opacity: 0; transform: translateY(7px); }
    }
.iq-platform .event-icon {display: grid;
      place-items: center;
      width: 26px;
      height: 26px;
      border-radius: 7px;
      color: #9c91ff;
      background: rgba(128,112,255,.1);
      font-size: 7px;
      font-weight: 800;}
.iq-platform .event-copy b {display: block;
      margin: 2px 0 4px;
      font-size: 8px;
      font-weight: 620;}
.iq-platform .event-copy span {display: block;
      color: #656c88;
      font-size: 7px;
      line-height: 1.45;}
.iq-platform .event-copy time {display: block;
      margin-top: 5px;
      color: #4f566f;
      font-size: 6px;}
.iq-platform .integration-standards {display: grid;
      grid-template-columns: repeat(5, 1fr);
      width: min(1000px, 100%);
      margin: 28px auto 0;
      border: 1px solid rgba(255,255,255,.075);
      border-radius: 14px;
      background: rgba(255,255,255,.018);}
.iq-platform .standard {position: relative;
      padding: 18px 12px;
      text-align: center;}
.iq-platform .standard:not(:last-child)::after {content: "";
      position: absolute;
      top: 15px;
      right: 0;
      bottom: 15px;
      width: 1px;
      background: rgba(255,255,255,.07);}
.iq-platform .standard b {display: block;
      color: #d9dcec;
      font-size: 10px;
      font-weight: 630;}
.iq-platform .standard span {display: block;
      margin-top: 5px;
      color: #646b86;
      font-size: 7px;}
@media (max-width: 980px) {
.iq-platform .platform-section {padding-inline: 20px;}
.iq-platform .tabs {overflow-x: auto; grid-template-columns: repeat(6, minmax(128px,1fr));}
.iq-platform .tab-glider {display: none;}
.iq-platform .tab[aria-selected="true"] {background: rgba(var(--accent-rgb), .09);}
.iq-platform .panel {grid-template-columns: 1fr;
        gap: 36px;
        padding: 45px 34px 38px;}
.iq-platform .copy {text-align: center;}
.iq-platform .module-kicker {justify-content: center;}
.iq-platform .module-description {margin-inline: auto;}
.iq-platform .proof-row {justify-content: center;}
.iq-platform .window {transform: none;}
.iq-platform .integrations-section {padding-inline: 20px;}
.iq-platform .integration-board {grid-template-columns: 205px 1fr;}
.iq-platform .activity-column {grid-column: 1 / -1;}
.iq-platform .activity-card {min-height: auto;}
.iq-platform .event-stream {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 620px) {
.iq-platform .platform-section {padding: 58px 14px 70px;}
.iq-platform .intro {font-size: 15px;}
.iq-platform .tabs-wrap {margin-top: 34px;}
.iq-platform .showcase {border-radius: 19px;}
.iq-platform .panel {padding: 34px 18px 30px;}
.iq-platform .proof-row {gap: 18px;}
.iq-platform .window {min-width: 680px; transform: scale(.74); transform-origin: top left;}
.iq-platform .product-stage {height: 340px; overflow: hidden;}
.iq-platform .autoplay {display: none;}
.iq-platform .integrations-section {padding: 78px 14px 82px;}
.iq-platform .integration-board {grid-template-columns: 1fr;
        gap: 26px;
        margin-top: 40px;
        padding: 19px;
        border-radius: 19px;}
.iq-platform .system-list {grid-template-columns: 1fr 1fr;}
.iq-platform .system-node {grid-template-columns: 31px 1fr; padding: 8px;}
.iq-platform .system-icon {width: 31px; height: 31px;}
.iq-platform .node-status {display: none;}
.iq-platform .core-lines {display: none;}
.iq-platform .core-card {width: 100%;}
.iq-platform .activity-column {grid-column: auto;}
.iq-platform .event-stream {grid-template-columns: 1fr;}
.iq-platform .integration-standards {grid-template-columns: 1fr 1fr;}
.iq-platform .standard:nth-child(2)::after, .iq-platform .standard:nth-child(4)::after {display: none;}
.iq-platform .standard:last-child {grid-column: 1 / -1; border-top: 1px solid rgba(255,255,255,.06);}
}
@media (prefers-reduced-motion: reduce) {
.iq-platform, .iq-platform *::before, .iq-platform *::after {scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;}
}