/* KINVENT product catalog */
.kinvent-page { background:#f8fbff; }
.kinvent-hero { position:relative; overflow:hidden; background:#071a31; color:white; }
.kinvent-hero::before { content:""; position:absolute; inset:auto -15% -70% 35%; height:900px; border-radius:50%; background:radial-gradient(circle,#124b79 0,#092541 46%,transparent 68%); }
.kinvent-hero-grid { position:relative; z-index:1; min-height:720px; display:grid; grid-template-columns:1.04fr .96fr; gap:80px; align-items:center; padding-block:78px; }
.kinvent-partner { display:flex; align-items:center; gap:14px; margin-bottom:30px; }
.kinvent-partner strong { padding:8px 12px; border:1px solid #68d4ff; color:#68d4ff; font-size:15px; letter-spacing:.14em; }
.kinvent-partner span { color:#a8c6dd; font-size:13px; }
.kinvent-hero h1 { max-width:760px; margin:0; font-size:clamp(52px,6.2vw,82px); line-height:.95; letter-spacing:-.06em; }
.kinvent-hero h1 em { color:#68d4ff; font-style:normal; }
.kinvent-hero-copy > p:not(.eyebrow) { max-width:680px; color:#c6d9eb; font-size:18px; line-height:1.65; }
.kinvent-hero-points { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.kinvent-hero-points span { padding:8px 12px; border:1px solid rgba(255,255,255,.18); color:#b9d0e2; font-size:12px; font-weight:800; }
.kinvent-hero-products { position:relative; min-height:570px; }
.kinvent-device { position:absolute; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.94); box-shadow:0 30px 75px rgba(0,0,0,.28); }
.kinvent-device img { width:100%; height:100%; object-fit:contain; }
.kinvent-device-main { inset:10% 20% 12% 3%; padding:26px; border-radius:42% 16% 33% 18%; transform:rotate(-4deg); }
.kinvent-device-top { width:210px; height:190px; right:0; top:2%; padding:18px; border-radius:20px; transform:rotate(5deg); }
.kinvent-device-bottom { width:190px; height:180px; right:2%; bottom:3%; padding:18px; border-radius:20px; transform:rotate(-3deg); }
.kinvent-live-card { position:absolute; z-index:3; right:0; top:42%; min-width:145px; padding:18px; border:1px solid rgba(255,255,255,.35); background:#68d4ff; color:#071a31; box-shadow:0 18px 44px rgba(0,0,0,.25); }
.kinvent-live-card small,.kinvent-live-card span { display:block; font-size:11px; font-weight:800; }
.kinvent-live-card b { display:block; margin:5px 0; font-size:38px; }
.kinvent-anchor-nav { position:sticky; top:78px; z-index:20; border-bottom:1px solid #d8e6f5; background:rgba(248,251,255,.96); backdrop-filter:blur(12px); }
.kinvent-anchor-nav .site-container { display:flex; gap:4px; overflow:auto; padding-block:10px; }
.kinvent-anchor-nav a { flex:0 0 auto; padding:9px 13px; border-radius:999px; color:#45637f; font-size:13px; font-weight:800; }
.kinvent-anchor-nav a:hover { background:#e5f3ff; color:#147bd1; }
.kinvent-filters { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 28px; }
.kinvent-filters button { min-height:42px; padding:0 16px; border:1px solid #c7dced; border-radius:999px; background:white; color:#10264a; font-weight:800; cursor:pointer; }
.kinvent-filters button.active { border-color:#147bd1; background:#147bd1; color:white; }
.kinvent-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.kinvent-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #d8e6f5; background:white; transition:transform .22s,box-shadow .22s,border-color .22s; }
.kinvent-card:hover { transform:translateY(-4px); border-color:#9fc8ed; box-shadow:0 20px 45px rgba(18,59,130,.1); }
.kinvent-card-image { position:relative; height:285px; display:grid; place-items:center; overflow:hidden; padding:28px; background:linear-gradient(145deg,#f4faff,#e7f2fc); }
.kinvent-card-image img { width:100%; height:100%; object-fit:contain; }
.kinvent-card-image > span { position:absolute; left:14px; top:14px; padding:7px 10px; background:#0b2f57; color:white; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.kinvent-card-body { flex:1; display:flex; flex-direction:column; padding:25px; }
.kinvent-card-body small { color:#147bd1; font-weight:800; }
.kinvent-card-body h3 { margin:7px 0 12px; font-size:28px; letter-spacing:-.04em; }
.kinvent-card-body h3 a:hover { color:#147bd1; }
.kinvent-card-body > p { margin:0 0 18px; color:#526b87; line-height:1.58; }
.kinvent-card-facts { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:22px; }
.kinvent-card-facts span { padding:6px 8px; border:1px solid #d8e6f5; border-radius:999px; color:#45637f; font-size:11px; font-weight:800; }
.kinvent-more { margin-top:auto; padding-top:18px; border-top:1px solid #e1ebf5; color:#147bd1; font-size:14px; font-weight:900; }
.kinvent-comparison { padding-block:96px; background:#0b2f57; color:white; }
.kinvent-table-wrap { overflow:auto; border:1px solid rgba(255,255,255,.18); }
.kinvent-table { width:100%; min-width:950px; border-collapse:collapse; background:#0d365f; }
.kinvent-table th,.kinvent-table td { padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.13); text-align:left; vertical-align:top; }
.kinvent-table thead th { color:#84d9fa; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.kinvent-table tbody th { min-width:180px; font-size:18px; }
.kinvent-table tbody th a:hover { color:#68d4ff; }
.kinvent-table tbody th small { display:block; margin-top:5px; color:#8faec7; font-size:12px; font-weight:600; }
.kinvent-table td { color:#c9dbea; font-size:14px; line-height:1.5; }
.kinvent-app { display:grid; grid-template-columns:1.08fr .92fr; gap:90px; align-items:center; }
.kinvent-app-copy h2 { margin:0; font-size:clamp(42px,4.8vw,65px); line-height:1; letter-spacing:-.055em; }
.kinvent-app-copy > p:not(.eyebrow) { color:#526b87; font-size:17px; line-height:1.68; }
.kinvent-app-features { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:28px 0; }
.kinvent-app-features article { padding:20px; border:1px solid #d8e6f5; background:white; }
.kinvent-app-features b { color:#147bd1; font-size:11px; }
.kinvent-app-features h3 { margin:18px 0 8px; font-size:18px; }
.kinvent-app-features p { margin:0; color:#526b87; font-size:14px; line-height:1.5; }
.kinvent-app-visual { position:relative; min-height:540px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,#dff4ff 0,#e9f5ff 46%,transparent 47%); }
.kinvent-app-visual::before,.kinvent-app-visual::after { content:""; position:absolute; border:1px solid #bfdced; border-radius:50%; }
.kinvent-app-visual::before { inset:14%; }
.kinvent-app-visual::after { inset:28%; }
.kinvent-app-core { position:relative; z-index:2; width:170px; height:170px; display:grid; place-items:center; align-content:center; border-radius:50%; background:#0b2f57; color:white; box-shadow:0 20px 55px rgba(18,59,130,.22); }
.kinvent-app-core strong { color:#68d4ff; font-size:54px; }
.kinvent-app-core span { font-weight:900; }
.kinvent-app-visual .node { position:absolute; z-index:2; min-width:92px; padding:12px; border:1px solid #a8cee8; border-radius:999px; background:white; color:#0b2f57; font-size:13px; font-weight:900; text-align:center; box-shadow:0 10px 26px rgba(18,59,130,.1); }
.kinvent-app-visual .n1 { left:3%; top:19%; }.kinvent-app-visual .n2 { right:3%; top:22%; }.kinvent-app-visual .n3 { left:0; bottom:22%; }.kinvent-app-visual .n4 { right:3%; bottom:18%; }.kinvent-app-visual .n5 { left:50%; top:4%; transform:translateX(-50%); }
.kinvent-applications { padding-block:96px; background:#0b2f57; color:white; }
.kinvent-use-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.kinvent-use-grid article { min-height:280px; display:flex; flex-direction:column; padding:26px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); }
.kinvent-use-grid span { width:54px; height:54px; display:grid; place-items:center; border:1px solid #68d4ff; border-radius:50%; color:#68d4ff; font-size:12px; font-weight:900; }
.kinvent-use-grid h3 { margin:auto 0 12px; font-size:23px; }
.kinvent-use-grid p { margin:0; color:#c6d9eb; line-height:1.6; }
.kinvent-quality { display:grid; grid-template-columns:1.15fr .85fr; gap:76px; align-items:center; }
.kinvent-quality h2 { margin:0; font-size:clamp(38px,4.4vw,58px); line-height:1; letter-spacing:-.05em; }
.kinvent-quality p { color:#526b87; font-size:17px; line-height:1.7; }
.kinvent-quality small { display:block; padding:15px 18px; border-left:3px solid #147bd1; background:#edf6ff; color:#526b87; line-height:1.55; }
.kinvent-quality-tags { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #d8e6f5; border-left:1px solid #d8e6f5; }
.kinvent-quality-tags span { min-height:82px; display:grid; place-items:center; padding:12px; border-right:1px solid #d8e6f5; border-bottom:1px solid #d8e6f5; background:white; color:#0b2f57; font-weight:900; text-align:center; }
.kinvent-source-note { display:flex; justify-content:space-between; gap:40px; align-items:center; margin-bottom:70px; padding:22px 25px; border:1px solid #d8e6f5; background:#f0f7fd; }
.kinvent-source-note p { max-width:880px; margin:0; color:#526b87; font-size:13px; line-height:1.55; }
.kinvent-source-note a { flex:0 0 auto; color:#147bd1; font-size:13px; font-weight:900; text-decoration:underline; text-underline-offset:3px; }

/* Product pages */
.kinvent-product-page { background:#fbfdff; }
.kinvent-product-hero { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding-block:48px 82px; }
.kinvent-product-image { position:relative; min-height:520px; display:grid; place-items:center; padding:44px; border:1px solid #d8e6f5; background:linear-gradient(145deg,#f7fbff,#e7f3ff); }
.kinvent-product-image img { width:100%; height:430px; object-fit:contain; }
.kinvent-product-image > span { position:absolute; left:18px; top:18px; padding:8px 11px; background:#0b2f57; color:white; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.kinvent-product-copy h1 { margin:0; font-size:clamp(55px,7vw,90px); line-height:.9; letter-spacing:-.065em; }
.kinvent-product-copy h2 { margin:14px 0 22px; color:#147bd1; font-size:25px; }
.kinvent-product-copy > p:not(.eyebrow) { color:#526b87; font-size:18px; line-height:1.7; }
.kinvent-product-facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.kinvent-product-facts span { padding:9px 12px; border:1px solid #a9ccec; border-radius:999px; background:white; color:#0b2f57; font-size:12px; font-weight:900; }
.kinvent-product-details { padding-block:90px; background:#0b2f57; color:white; }
.kinvent-detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:80px; }
.kinvent-detail-grid h2 { margin:0 0 26px; font-size:clamp(38px,4vw,56px); line-height:1; letter-spacing:-.05em; }
.kinvent-check-list { margin:0; padding:0; list-style:none; }
.kinvent-check-list li { position:relative; padding:17px 0 17px 30px; border-top:1px solid rgba(255,255,255,.18); color:#d4e4f0; line-height:1.55; }
.kinvent-check-list li::before { content:""; position:absolute; left:2px; top:23px; width:9px; height:9px; border:2px solid #68d4ff; border-radius:50%; }
.kinvent-measurements { display:grid; grid-template-columns:.7fr 1.3fr; gap:75px; align-items:start; }
.kinvent-measurements h2 { margin:0; font-size:clamp(38px,4.3vw,58px); line-height:1; letter-spacing:-.05em; }
.kinvent-measurements > div:first-child > p:last-child { color:#526b87; line-height:1.65; }
.kinvent-measure-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #d8e6f5; border-left:1px solid #d8e6f5; }
.kinvent-measure-grid article { min-height:130px; padding:22px; border-right:1px solid #d8e6f5; border-bottom:1px solid #d8e6f5; background:white; }
.kinvent-measure-grid b { color:#147bd1; font-size:11px; }
.kinvent-measure-grid h3 { margin:35px 0 0; font-size:18px; }
.kinvent-integration { padding-block:76px; background:#e9f5ff; }
.kinvent-integration .site-container { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
.kinvent-integration h2 { margin:0; font-size:clamp(38px,4vw,54px); letter-spacing:-.05em; }
.kinvent-integration p { color:#526b87; line-height:1.65; }
.kinvent-integration-points { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.kinvent-integration-points span { min-height:95px; display:grid; place-items:center; padding:16px; border:1px solid #bad7ea; background:white; color:#0b2f57; font-weight:900; text-align:center; }
.kinvent-related { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.kinvent-related a { display:grid; grid-template-columns:130px 1fr; gap:20px; align-items:center; min-height:150px; padding:18px; border:1px solid #d8e6f5; background:white; }
.kinvent-related img { width:130px; height:110px; object-fit:contain; }
.kinvent-related small { color:#147bd1; font-weight:800; }
.kinvent-related h3 { margin:8px 0 0; font-size:23px; }
.kinvent-software-hero { padding-block:90px; background:#071a31; color:white; }
.kinvent-software-hero h1 { margin:0; color:#68d4ff; font-size:clamp(68px,9vw,120px); line-height:.86; letter-spacing:-.065em; }
.kinvent-software-hero h2 { max-width:880px; margin:28px 0 20px; font-size:clamp(34px,4vw,52px); line-height:1; letter-spacing:-.04em; }
.kinvent-software-hero > .site-container > p:not(.eyebrow) { max-width:800px; color:#c6d9eb; font-size:18px; line-height:1.7; }
.kinvent-software-metrics { display:flex; flex-wrap:wrap; gap:9px; margin-top:30px; }
.kinvent-software-metrics span { padding:9px 13px; border:1px solid rgba(255,255,255,.2); color:#c6d9eb; font-weight:800; }
.kinvent-software-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8e6f5; border-left:1px solid #d8e6f5; }
.kinvent-software-grid article { min-height:230px; padding:26px; border-right:1px solid #d8e6f5; border-bottom:1px solid #d8e6f5; background:white; }
.kinvent-software-grid b { color:#147bd1; font-size:11px; }
.kinvent-software-grid h3 { margin:60px 0 10px; font-size:22px; }
.kinvent-software-grid p { margin:0; color:#526b87; line-height:1.55; }

@media (max-width:1040px) {
  .kinvent-hero-grid { grid-template-columns:1fr; gap:30px; }
  .kinvent-hero-products { min-height:510px; max-width:720px; }
  .kinvent-grid { grid-template-columns:repeat(2,1fr); }
  .kinvent-use-grid { grid-template-columns:repeat(2,1fr); }
  .kinvent-product-hero { grid-template-columns:1fr; }
  .kinvent-product-image { max-width:760px; }
  .kinvent-related { grid-template-columns:1fr; }
}
@media (max-width:920px) {
  .kinvent-anchor-nav { top:68px; }
  .kinvent-app,.kinvent-quality,.kinvent-measurements,.kinvent-integration .site-container { grid-template-columns:1fr; gap:48px; }
  .kinvent-app-visual { min-height:490px; max-width:650px; }
  .kinvent-detail-grid { grid-template-columns:1fr; gap:55px; }
  .kinvent-software-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:620px) {
  .kinvent-hero-grid { min-height:auto; padding-block:54px 70px; }
  .kinvent-partner { align-items:flex-start; flex-direction:column; }
  .kinvent-hero h1 { font-size:48px; }
  .kinvent-hero-copy > p:not(.eyebrow) { font-size:16px; }
  .kinvent-hero-products { min-height:360px; }
  .kinvent-device-main { inset:8% 16% 8% 0; padding:15px; }
  .kinvent-device-top { width:125px; height:120px; padding:9px; }
  .kinvent-device-bottom { width:120px; height:112px; padding:8px; }
  .kinvent-live-card { min-width:110px; padding:13px; }
  .kinvent-live-card b { font-size:29px; }
  .kinvent-grid,.kinvent-use-grid,.kinvent-app-features,.kinvent-measure-grid,.kinvent-integration-points,.kinvent-quality-tags,.kinvent-software-grid { grid-template-columns:1fr; }
  .kinvent-card-image { height:250px; }
  .kinvent-use-grid article { min-height:240px; }
  .kinvent-app-visual { min-height:390px; }
  .kinvent-app-core { width:130px; height:130px; }
  .kinvent-app-core strong { font-size:42px; }
  .kinvent-app-visual .node { min-width:74px; padding:9px; font-size:11px; }
  .kinvent-source-note { align-items:flex-start; flex-direction:column; gap:14px; }
  .kinvent-product-hero { gap:38px; padding-block:36px 58px; }
  .kinvent-product-image { min-height:350px; padding:25px; }
  .kinvent-product-image img { height:290px; }
  .kinvent-product-copy h1 { font-size:59px; }
  .kinvent-product-copy h2 { font-size:21px; }
  .kinvent-measure-grid article { min-height:115px; }
  .kinvent-related a { grid-template-columns:95px 1fr; }
  .kinvent-related img { width:95px; height:90px; }
  .kinvent-software-hero { padding-block:65px; }
  .kinvent-software-hero h1 { font-size:66px; }
}