#wrapwrap .actimi-chrome:not(.actimi-unmatched) {--font-serif: "Instrument Serif","Times New Roman",serif; --font-sans: "Inter",system-ui,-apple-system,sans-serif; --font-mono: "JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace; --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 24px; --r-pill: 999px; --container: 1320px; --ease-out: cubic-bezier(0.16,1,0.3,1); --ease-spring: cubic-bezier(0.34,1.56,0.64,1); --ease-pulse: cubic-bezier(0.83,0,0.17,1); --amber: #f29e54; --orange: #f08f58; --coral: #ec6263; --rose: #ee735f; --magenta: #e72166; --pink: #ea4d63; --violet-deep: #341e4c; --lime: #ff8a47; --lime-deep: #e72166; --accent: #ff8a47; --accent-deep: #e72166; --grad-flame: linear-gradient(135deg,#f29e54,#ec6263 50%,#e72166); --grad-warm: linear-gradient(140deg,#ff8a47,#e72166);}
#wrapwrap .actimi-chrome:not(.actimi-unmatched), #wrapwrap .actimi-chrome:not(.actimi-unmatched)[data-theme="light"] {--bg: #fbf6ed; --bg-2: #f5eddd; --bg-3: #efe5cf; --surface: #ffffff; --surface-2: #f8f1e2; --paper: #1f1636; --line: rgba(52,30,76,0.10); --line-2: rgba(52,30,76,0.18); --ink: #1f1636; --ink-2: #3b2d5a; --ink-3: #6a607a; --ink-4: #9c95a8; --ink-on-paper: #fff5e8; --paper-ink-soft: color-mix(in srgb,var(--ink-on-paper) 70%,transparent); --paper-ink-mute: color-mix(in srgb,var(--ink-on-paper) 50%,transparent); --paper-line: color-mix(in srgb,var(--ink-on-paper) 18%,transparent); --nav-bg: color-mix(in srgb,var(--bg) 60%,transparent); --nav-bg-solid: color-mix(in srgb,var(--bg) 92%,transparent); --grad-soft: linear-gradient(180deg,rgba(255,138,71,0.10),transparent 60%); --shadow-flat: 6px 6px 0 0 var(--ink); --shadow-flat-lime: 8px 8px 0 0 var(--lime); --shadow-soft: 0 20px 50px -20px rgba(31,22,54,0.18); --shadow-glow: 0 0 80px rgba(255,138,71,0.20); --ring-lime: 0 0 0 3px rgba(255,138,71,0.35); --grain-opacity: 0.025; color-scheme: light;}
#wrapwrap .actimi-chrome:not(.actimi-unmatched)[data-theme="dark"] {--bg: #221836; --bg-2: #2a1f44; --bg-3: #322550; --surface: #3a2c60; --surface-2: #463673; --paper: #fff5e8; --line: rgba(255,220,180,0.10); --line-2: rgba(255,220,180,0.17); --ink: #fff5e8; --ink-2: #f0ddc0; --ink-3: #c4b3cc; --ink-4: #7e6f96; --ink-on-paper: #1f1636; --paper-ink-soft: color-mix(in srgb,var(--ink-on-paper) 65%,transparent); --paper-ink-mute: color-mix(in srgb,var(--ink-on-paper) 50%,transparent); --paper-line: color-mix(in srgb,var(--ink-on-paper) 15%,transparent); --nav-bg: color-mix(in srgb,var(--bg) 60%,transparent); --nav-bg-solid: color-mix(in srgb,var(--bg) 92%,transparent); --grad-soft: linear-gradient(180deg,rgba(255,138,71,0.10),transparent 60%); --shadow-flat: 6px 6px 0 0 var(--ink); --shadow-flat-lime: 8px 8px 0 0 var(--lime); --shadow-soft: 0 30px 60px -20px rgba(0,0,0,0.55); --shadow-glow: 0 0 80px rgba(255,138,71,0.30); --ring-lime: 0 0 0 3px rgba(255,138,71,0.35); --grain-opacity: 0.05; color-scheme: dark;}
#wrapwrap .actimi-chrome * {box-sizing: border-box; margin: 0px; padding: 0px;}
#wrapwrap .actimi-chrome ::selection {background: var(--lime); color: var(--violet-deep);}
#wrapwrap .actimi-chrome:is(section) {scroll-behavior: smooth; text-size-adjust: 100%; scroll-padding-top: 110px;}
#wrapwrap .actimi-chrome:is(section) {font-family: var(--font-sans); font-size: 16px; line-height: 1.55; color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; overflow-x: hidden; position: relative;}
#wrapwrap .actimi-chrome a {color: inherit; text-decoration: none;}
#wrapwrap .actimi-chrome img, #wrapwrap .actimi-chrome svg, #wrapwrap .actimi-chrome video {display: block; max-width: 100%;}
#wrapwrap .actimi-chrome button {border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: inherit;}
#wrapwrap .actimi-chrome button, #wrapwrap .actimi-chrome input, #wrapwrap .actimi-chrome select, #wrapwrap .actimi-chrome textarea {font-family: inherit;}
#wrapwrap .actimi-chrome ::-webkit-scrollbar {width: 10px; height: 10px;}
#wrapwrap .actimi-chrome ::-webkit-scrollbar-track {background: var(--bg-2);}
#wrapwrap .actimi-chrome ::-webkit-scrollbar-thumb {background: var(--line-2); border-radius: var(--r-pill);}
#wrapwrap .actimi-chrome ::-webkit-scrollbar-thumb:hover {background: var(--lime);}
#wrapwrap .actimi-chrome .container {width: 100%; max-width: var(--container); margin: 0px auto; padding: 0px 32px;}
#wrapwrap .actimi-chrome .section {padding: 140px 0px; position: relative;}
#wrapwrap .actimi-chrome .section.tight {padding: 80px 0px;}
#wrapwrap .actimi-chrome .section.alt {background: var(--bg-2);}
#wrapwrap .actimi-chrome .section.paper {background: var(--paper); color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .section.paper p {color: var(--paper-ink-soft);}
#wrapwrap .actimi-chrome h1, #wrapwrap .actimi-chrome h2, #wrapwrap .actimi-chrome h3, #wrapwrap .actimi-chrome h4, #wrapwrap .actimi-chrome h5 {font-family: var(--font-sans); font-weight: 700; line-height: 1.12; letter-spacing: -0.02em;}
#wrapwrap .actimi-chrome h1 {font-size: clamp(2.2rem, 5vw, 3.4rem);}
#wrapwrap .actimi-chrome h2 {font-size: clamp(1.8rem, 4vw, 2.6rem);}
#wrapwrap .actimi-chrome h3 {font-size: clamp(1.3rem, 2.4vw, 1.7rem); line-height: 1.2;}
#wrapwrap .actimi-chrome .serif-italic {font-style: italic;}
#wrapwrap .actimi-chrome .lead {font-family: var(--font-sans); font-size: clamp(16px, 1.2vw, 19px); line-height: 1.6; max-width: 58ch;}
#wrapwrap .actimi-chrome .lead, #wrapwrap .actimi-chrome .mono {color: var(--ink-3);}
#wrapwrap .actimi-chrome .mono {font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase;}
#wrapwrap .actimi-chrome .mono.lime {color: var(--lime);}
#wrapwrap .actimi-chrome .mono.lg {font-size: 14px;}
#wrapwrap .actimi-chrome .chapter {display: inline-flex; align-items: center; gap: 14px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.16em; color: var(--ink-3); text-transform: uppercase;}
#wrapwrap .actimi-chrome .chapter::before {content: ""; width: 32px; height: 1px; background: var(--ink-4);}
#wrapwrap .actimi-chrome .chapter .num {color: var(--lime); font-weight: 600;}
#wrapwrap .actimi-chrome .u-lime {position: relative; display: inline-block;}
#wrapwrap .actimi-chrome .u-lime::after {content: ""; position: absolute; left: 0px; bottom: -4px; width: 100%; height: 8px; background: var(--lime); transform: scaleX(0); transform-origin: left center; transition: transform .55s var(--ease-out); z-index: -1; border-radius: 2px;}
#wrapwrap .actimi-chrome .u-lime.in::after {transform: scaleX(1);}
#wrapwrap .actimi-chrome .mark {background: var(--lime); color: var(--ink-on-paper); padding: 0px 6px; margin: 0px -4px; border-radius: 4px;}
@keyframes scan { 
  0% { transform: translateY(-100%); opacity: 0; }
  10%, 90% { opacity: 1; }
  100% { transform: translateY(100%); opacity: 0; }
}
@keyframes heartbeat { 
  0%, 28%, 100% { transform: scale(1); }
  10% { transform: scale(1.08); }
  20% { transform: scale(0.97); }
}
@keyframes drawLine { 
  100% { stroke-dashoffset: 0; }
}
@keyframes marquee { 
  100% { transform: translateX(-50%); }
}
@keyframes float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
@keyframes pulse-ring { 
  0% { transform: scale(0.95); opacity: 0.6; }
  100% { transform: scale(1.5); opacity: 0; }
}
@keyframes spin { 
  100% { transform: rotate(1turn); }
}
@keyframes shimmer-band { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(200%); }
}
@media (prefers-reduced-motion: reduce) {
#wrapwrap .actimi-chrome *, #wrapwrap .actimi-chrome ::after, #wrapwrap .actimi-chrome ::before {animation-duration: 0.001ms !important; transition-duration: 0.001ms !important;}
}
#wrapwrap .actimi-chrome .cursor-dot, #wrapwrap .actimi-chrome .cursor-ring {position: fixed; top: 0px; left: 0px; pointer-events: none; z-index: 10000; will-change: transform; mix-blend-mode: difference;}
#wrapwrap .actimi-chrome .cursor-dot {width: 6px; height: 6px; border-radius: 50%; background: var(--lime);}
#wrapwrap .actimi-chrome .cursor-dot, #wrapwrap .actimi-chrome .cursor-ring {transform: translate(-50%, -50%);}
#wrapwrap .actimi-chrome .cursor-ring {width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50%; transition: width .2s var(--ease-out),height .2s var(--ease-out),border-color .2s,background .2s;}
#wrapwrap .actimi-chrome .cursor-ring.hover {width: 64px; height: 64px; background: rgba(255, 138, 71, 0.22); border-color: var(--lime);}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .cursor-dot, #wrapwrap .actimi-chrome .cursor-ring {display: none;}
}
#wrapwrap .actimi-chrome .btn {position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 24px; font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--r-pill); border: 1px solid var(--ink-2); color: var(--ink); background: transparent; transition: background 0.25s, color 0.25s, transform 0.2s, box-shadow 0.25s, border-color 0.25s; white-space: normal; text-align: center; max-width: 100%; min-width: 0px;}
#wrapwrap .actimi-chrome .btn:hover {background: var(--ink); color: var(--ink-on-paper); transform: translate(-2px, -2px); box-shadow: 4px 4px 0 0 var(--lime);}
#wrapwrap .actimi-chrome .btn.lg {padding: 18px 32px; font-size: 13px;}
#wrapwrap .actimi-chrome .btn.sm {padding: 10px 18px; font-size: 11px;}
#wrapwrap .actimi-chrome .btn-primary {border-color: var(--lime);}
#wrapwrap .actimi-chrome .btn-primary, #wrapwrap .actimi-chrome .btn-primary:hover {background: var(--lime); color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .btn-primary:hover {box-shadow: 4px 4px 0 0 var(--ink);}
#wrapwrap .actimi-chrome .btn-ghost {border-color: var(--line-2); color: var(--ink);}
#wrapwrap .actimi-chrome .btn-ghost:hover {background: var(--surface); color: var(--lime); border-color: var(--lime); box-shadow: 4px 4px 0 0 var(--lime);}
#wrapwrap .actimi-chrome .btn-paper {background: transparent; color: var(--ink-on-paper); border-color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .btn-paper:hover {background: var(--ink-on-paper); color: var(--paper); box-shadow: 4px 4px 0 0 var(--lime);}
#wrapwrap .actimi-chrome .btn .arrow-ic {display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: currentcolor; position: relative;}
#wrapwrap .actimi-chrome .btn .arrow-ic svg {color: var(--bg); width: 12px; height: 12px;}
#wrapwrap .actimi-chrome .btn-primary .arrow-ic {background: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .btn-primary .arrow-ic svg {color: var(--lime);}
#wrapwrap .actimi-chrome .nav {position: sticky; top: 0px; z-index: 1000; width: 100%; background: var(--nav-bg); backdrop-filter: blur(20px) saturate(120%); border-bottom: 1px solid var(--line); transition: background 0.3s, padding 0.3s;}
#wrapwrap .actimi-chrome .nav.scrolled {background: var(--nav-bg-solid);}
#wrapwrap .actimi-chrome .nav-inner {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 0px;}
#wrapwrap .actimi-chrome .nav-logo {display: inline-flex; align-items: center; color: var(--ink); transition: opacity 0.2s;}
#wrapwrap .actimi-chrome .nav-logo:hover {opacity: 0.85;}
#wrapwrap .actimi-chrome .brand-img {height: auto; user-select: none; -webkit-user-drag: none; transition: opacity 0.2s;}
#wrapwrap .actimi-chrome:not(.actimi-unmatched)[data-theme="dark"] .brand-img {filter: drop-shadow(rgba(255, 245, 232, 0.35) 0px 0px 6px);}
#wrapwrap .actimi-chrome .nav-menu {display: flex; align-items: center; gap: 4px;}
#wrapwrap .actimi-chrome .nav-item {position: relative;}
#wrapwrap .actimi-chrome .nav-link {display: inline-flex; align-items: center; gap: 6px; padding: 12px 16px; font-family: var(--font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); border-radius: var(--r-pill); transition: color 0.2s, background 0.2s;}
#wrapwrap .actimi-chrome .nav-link:hover {color: var(--lime);}
#wrapwrap .actimi-chrome .nav-link .chev {width: 10px; height: 10px; opacity: 0.6; transition: transform 0.25s;}
#wrapwrap .actimi-chrome .nav-item:hover .nav-link .chev {transform: rotate(180deg); color: var(--lime);}
#wrapwrap .actimi-chrome .nav-dropdown {position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(6px); min-width: 300px; background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-lg); padding: 10px; box-shadow: var(--shadow-soft); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s, transform 0.25s, visibility 0.25s;}
#wrapwrap .actimi-chrome .nav-item:hover .nav-dropdown {opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0px);}
#wrapwrap .actimi-chrome .nav-dropdown a {display: flex; align-items: center; gap: 12px; padding: 12px 16px; font-family: var(--font-sans); font-size: 14px; font-weight: 500; color: var(--ink-2); border-radius: var(--r-md); transition: background 0.2s, color 0.2s, padding-left 0.2s;}
#wrapwrap .actimi-chrome .nav-dropdown a::before {content: "→"; font-family: var(--font-mono); color: var(--lime); opacity: 0; transition: opacity 0.2s, transform 0.2s; transform: translateX(-6px);}
#wrapwrap .actimi-chrome .nav-dropdown a:hover {background: var(--surface-2); color: var(--lime); padding-left: 12px;}
#wrapwrap .actimi-chrome .nav-dropdown a:hover::before {opacity: 1; transform: translateX(0px);}
#wrapwrap .actimi-chrome .nav-actions {display: flex; align-items: center; gap: 14px;}
#wrapwrap .actimi-chrome .nav-lang {color: var(--ink-3); display: flex; gap: 6px; align-items: center;}
#wrapwrap .actimi-chrome .nav-lang, #wrapwrap .actimi-chrome .nav-signin {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;}
#wrapwrap .actimi-chrome .nav-signin {color: var(--ink-2); position: relative;}
#wrapwrap .actimi-chrome .nav-signin::after {content: ""; position: absolute; left: 0px; right: 0px; bottom: -3px; height: 1px; background: var(--lime); transform: scaleX(0); transform-origin: right center; transition: transform .3s var(--ease-out);}
#wrapwrap .actimi-chrome .nav-signin:hover::after {transform: scaleX(1); transform-origin: left center;}
#wrapwrap .actimi-chrome .theme-toggle {width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line-2); background: transparent; color: var(--ink-2); display: inline-flex; align-items: center; justify-content: center; transition: background .2s,color .2s,border-color .2s,transform .25s var(--ease-spring);}
#wrapwrap .actimi-chrome .theme-toggle:hover {background: var(--surface); color: var(--lime); border-color: var(--lime); transform: rotate(20deg);}
#wrapwrap .actimi-chrome .hamburger {display: none; width: 44px; height: 44px; border-radius: var(--r-pill); background: transparent; border: 1px solid var(--line-2); align-items: center; justify-content: center;}
#wrapwrap .actimi-chrome .hamburger span {display: block; width: 18px; height: 1px; background: var(--ink); position: relative;}
#wrapwrap .actimi-chrome .hamburger span::after, #wrapwrap .actimi-chrome .hamburger span::before {content: ""; position: absolute; left: 0px; width: 18px; height: 1px; background: var(--ink);}
#wrapwrap .actimi-chrome .hamburger span::before {top: -5px;}
#wrapwrap .actimi-chrome .hamburger span::after {top: 5px;}
#wrapwrap .actimi-chrome .mobile-menu {position: fixed; top: 78px; left: 12px; right: 12px; background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-lg); padding: 16px; z-index: 999; max-height: calc(-100px + 100vh); overflow-y: auto;}
#wrapwrap .actimi-chrome .mobile-menu a:not(.btn) {display: block; padding: 14px 16px; font-size: 15px; font-weight: 500; color: var(--ink); border-radius: var(--r-md);}
#wrapwrap .actimi-chrome .mobile-menu a:not(.btn):hover {background: var(--surface-2); color: var(--lime);}
#wrapwrap .actimi-chrome .mobile-menu details summary {list-style: none; cursor: pointer; padding: 14px 16px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); display: flex; align-items: center; justify-content: space-between;}
#wrapwrap .actimi-chrome .mobile-menu details[open] summary {color: var(--lime);}
#wrapwrap .actimi-chrome .mobile-menu details .sub a {padding-left: 28px; font-size: 14px;}
@media (max-width: 1100px) {
#wrapwrap .actimi-chrome .nav-lang, #wrapwrap .actimi-chrome .nav-menu, #wrapwrap .actimi-chrome .nav-signin {display: none;}
#wrapwrap .actimi-chrome .hamburger {display: inline-flex;}
}
#wrapwrap .actimi-chrome .hero {position: relative; padding: 100px 0px 80px; overflow: hidden; isolation: isolate;}
#wrapwrap .actimi-chrome .hero-corners {position: absolute; inset: 32px; pointer-events: none; z-index: 0; border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .hero-corners::after, #wrapwrap .actimi-chrome .hero-corners::before {content: ""; position: absolute; width: 20px; height: 20px; border: 1px solid var(--lime);}
#wrapwrap .actimi-chrome .hero-corners::before {top: -1px; left: -1px; border-right: 0px; border-bottom: 0px;}
#wrapwrap .actimi-chrome .hero-corners::after {bottom: -1px; right: -1px; border-left: 0px; border-top: 0px;}
#wrapwrap .actimi-chrome .hero-top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; position: relative; z-index: 2;}
#wrapwrap .actimi-chrome .hero-top .stamp {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; color: var(--ink-3); text-transform: uppercase;}
#wrapwrap .actimi-chrome .hero-top .stamp .dot {display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); margin-right: 8px; box-shadow: rgba(255, 138, 71, 0.6) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running pulse-ring;}
#wrapwrap .actimi-chrome .hero-headline {position: relative; z-index: 2;}
#wrapwrap .actimi-chrome .hero-headline h1 {font-size: clamp(64px, 14vw, 220px); line-height: 0.86; letter-spacing: -0.045em; margin-bottom: 40px;}
#wrapwrap .actimi-chrome .hero-headline h1 em {font-style: italic; color: var(--lime);}
#wrapwrap .actimi-chrome .hero-headline h1 .stroke {color: transparent; -webkit-text-stroke: 1px var(--ink-3);}
#wrapwrap .actimi-chrome .hero-meta {display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; padding-top: 40px; border-top: 1px solid var(--line); position: relative; z-index: 2;}
#wrapwrap .actimi-chrome .hero-meta .label {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-4); margin-bottom: 10px;}
#wrapwrap .actimi-chrome .hero-meta .val {font-family: var(--font-serif); font-size: clamp(24px, 2.6vw, 38px); line-height: 1.1; color: var(--ink);}
#wrapwrap .actimi-chrome .hero-meta .val.italic {font-style: italic; color: var(--lime);}
#wrapwrap .actimi-chrome .hero-meta .ctas {display: flex; gap: 14px; flex-wrap: wrap; margin-top: 12px;}
#wrapwrap .actimi-chrome .pulse-line {position: relative; height: 60px; margin-top: 80px; overflow: hidden;}
#wrapwrap .actimi-chrome .pulse-line svg {position: absolute; inset: 0px; width: 100%; height: 100%;}
#wrapwrap .actimi-chrome .mini-card {position: absolute; background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-md); padding: 12px 16px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-2); z-index: 3; animation: 5s ease-in-out 0s infinite normal none running float;}
#wrapwrap .actimi-chrome .mini-card strong {display: block; font-family: var(--font-serif); font-size: 28px; text-transform: none; letter-spacing: -0.02em; color: var(--lime); margin-top: 4px;}
@media (max-width: 800px) {
#wrapwrap .actimi-chrome .hero-meta {grid-template-columns: 1fr; gap: 28px;}
}
#wrapwrap .actimi-chrome .ticker {background: var(--lime); color: var(--ink-on-paper); overflow: hidden; border-top: 1px solid var(--ink-on-paper); border-bottom: 1px solid var(--ink-on-paper);}
#wrapwrap .actimi-chrome .ticker-track {display: flex; gap: 60px; padding: 14px 0px; width: max-content; animation: 28s linear 0s infinite normal none running marquee; align-items: center;}
#wrapwrap .actimi-chrome .ticker-item {gap: 14px; font-family: var(--font-mono); font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; white-space: nowrap;}
#wrapwrap .actimi-chrome .ticker-item, #wrapwrap .actimi-chrome .ticker-item .star {display: inline-flex; align-items: center;}
#wrapwrap .actimi-chrome .ticker-item .star {width: 14px; height: 14px; justify-content: center;}
#wrapwrap .actimi-chrome .ticker-item .star::before {content: "✦"; font-size: 16px;}
#wrapwrap .actimi-chrome .partner-row {overflow: hidden; position: relative; padding: 40px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .partner-row::after, #wrapwrap .actimi-chrome .partner-row::before {content: ""; position: absolute; top: 0px; bottom: 0px; width: 120px; z-index: 2; pointer-events: none;}
#wrapwrap .actimi-chrome .partner-row::before {left: 0px; background: linear-gradient(90deg,var(--bg),transparent);}
#wrapwrap .actimi-chrome .partner-row::after {right: 0px; background: linear-gradient(-90deg,var(--bg),transparent);}
#wrapwrap .actimi-chrome .partner-track {display: flex; gap: 64px; width: max-content; animation: 36s linear 0s infinite normal none running marquee; align-items: center;}
#wrapwrap .actimi-chrome .partner-track .item {font-family: var(--font-serif); font-size: 28px; font-style: italic; color: var(--ink-3); white-space: nowrap; transition: color 0.25s;}
#wrapwrap .actimi-chrome .partner-track .item:hover {color: var(--lime);}
#wrapwrap .actimi-chrome .s-head {margin-bottom: 80px; max-width: 820px;}
#wrapwrap .actimi-chrome .s-head h2 {font-size: clamp(40px, 7vw, 110px); line-height: 0.92; letter-spacing: -0.03em; max-width: 14ch; margin-top: 24px;}
#wrapwrap .actimi-chrome .s-head h2 em {font-style: italic; color: var(--lime);}
#wrapwrap .actimi-chrome .s-head .lead {margin-top: 24px; max-width: 56ch;}
#wrapwrap .actimi-chrome .s-head.split {display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; align-items: end; max-width: none;}
#wrapwrap .actimi-chrome .s-head.split .head-left .chapter {margin-bottom: 24px;}
#wrapwrap .actimi-chrome .s-head.split .head-right {padding-bottom: 12px;}
#wrapwrap .actimi-chrome .s-head.split .head-right .lead {max-width: 48ch;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .s-head.split {grid-template-columns: 1fr; gap: 28px;}
}
#wrapwrap .actimi-chrome .eyebrow {display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--lime); padding: 8px 14px; border: 1px solid var(--line-2); border-radius: var(--r-pill); background: transparent;}
#wrapwrap .actimi-chrome .eyebrow .dot {width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: rgba(255, 138, 71, 0.18) 0px 0px 0px 4px;}
#wrapwrap .actimi-chrome .gtext, #wrapwrap .actimi-chrome .gtext-brand {font-style: italic; color: var(--lime);}
#wrapwrap .actimi-chrome .bento {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .bento .tile {position: relative; padding: 36px 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--bg); transition: background 0.3s, color 0.3s; display: flex; flex-direction: column; min-height: 280px; overflow: hidden;}
#wrapwrap .actimi-chrome .bento .tile:nth-child(4n) {border-right: 0px;}
#wrapwrap .actimi-chrome .bento .tile:nth-last-child(-n+4) {border-bottom: 0px;}
#wrapwrap .actimi-chrome .bento .tile .index {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--ink-4); margin-bottom: 60px;}
#wrapwrap .actimi-chrome .bento .tile h3 {font-size: 28px; line-height: 1; margin-top: auto;}
#wrapwrap .actimi-chrome .bento .tile p {font-size: 13px; color: var(--ink-3); margin-top: 12px; max-width: 30ch; line-height: 1.5;}
#wrapwrap .actimi-chrome .bento .tile .corner-ic {position: absolute; top: 32px; right: 32px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line-2); display: flex; align-items: center; justify-content: center; color: var(--ink-3); transition: background .3s,color .3s,border-color .3s,transform .3s var(--ease-spring);}
#wrapwrap .actimi-chrome .bento .tile:hover {background: var(--lime);}
#wrapwrap .actimi-chrome .bento .tile:hover, #wrapwrap .actimi-chrome .bento .tile:hover h3, #wrapwrap .actimi-chrome .bento .tile:hover p {color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .bento .tile:hover .index {color: var(--paper-ink-mute);}
#wrapwrap .actimi-chrome .bento .tile:hover .corner-ic {background: var(--ink-on-paper); color: var(--lime); border-color: var(--ink-on-paper); transform: rotate(-45deg) scale(1.1);}
#wrapwrap .actimi-chrome .bento .tile.big {grid-column: span 2; background: var(--paper); color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .bento .tile.big h3 {font-size: 56px; max-width: 14ch; font-style: italic;}
#wrapwrap .actimi-chrome .bento .tile.big p {color: var(--paper-ink-soft); font-size: 15px; max-width: 40ch;}
#wrapwrap .actimi-chrome .bento .tile.big .index {color: var(--paper-ink-mute);}
#wrapwrap .actimi-chrome .bento .tile.big .corner-ic {background: var(--lime); border-color: var(--lime); color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .bento .tile.big:hover {background: var(--lime);}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .bento {grid-template-columns: repeat(2, 1fr);}
#wrapwrap .actimi-chrome .bento .tile {border-right: 1px solid var(--line) !important;}
#wrapwrap .actimi-chrome .bento .tile:nth-child(2n) {border-right: 0px !important;}
#wrapwrap .actimi-chrome .bento .tile.big {grid-column: span 2;}
}
@media (max-width: 500px) {
#wrapwrap .actimi-chrome .bento {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .bento .tile, #wrapwrap .actimi-chrome .bento .tile.big {grid-column: span 1; border-right: 0px !important;}
}
#wrapwrap .actimi-chrome .feat-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
#wrapwrap .actimi-chrome .feat-grid.two {grid-template-columns: repeat(2, 1fr);}
#wrapwrap .actimi-chrome .feat-grid.four {grid-template-columns: repeat(4, 1fr);}
#wrapwrap .actimi-chrome .feat {position: relative; padding: 32px; border: 1px solid var(--line); background: var(--bg); transition: transform .3s var(--ease-out),border-color .3s,box-shadow .3s,background .3s; border-radius: 0px; overflow: hidden;}
#wrapwrap .actimi-chrome .feat::before {content: ""; position: absolute; inset: 0px; background: var(--grad-soft); opacity: 0; transition: opacity 0.35s; pointer-events: none;}
#wrapwrap .actimi-chrome .feat:hover {transform: translate(-3px, -3px); border-color: var(--lime); box-shadow: 6px 6px 0 0 var(--lime);}
#wrapwrap .actimi-chrome .feat:hover::before {opacity: 1;}
#wrapwrap .actimi-chrome .feat .feat-num {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--ink-4); margin-bottom: 32px;}
#wrapwrap .actimi-chrome .feat .ic {width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-2); display: flex; align-items: center; justify-content: center; color: var(--lime); margin-bottom: 24px;}
#wrapwrap .actimi-chrome .feat .ic, #wrapwrap .actimi-chrome .feat h3 {position: relative; z-index: 1;}
#wrapwrap .actimi-chrome .feat h3 {font-size: 26px;}
#wrapwrap .actimi-chrome .feat p {font-size: 14px; margin-top: 8px; line-height: 1.55; position: relative; z-index: 1;}
@media (max-width: 960px) {
#wrapwrap .actimi-chrome .feat-grid, #wrapwrap .actimi-chrome .feat-grid.four {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px) {
#wrapwrap .actimi-chrome .feat-grid, #wrapwrap .actimi-chrome .feat-grid.four, #wrapwrap .actimi-chrome .feat-grid.two {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .big-stats {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .big-stat {padding: 60px 32px; border-right: 1px solid var(--line); position: relative;}
#wrapwrap .actimi-chrome .big-stat:last-child {border-right: 0px;}
#wrapwrap .actimi-chrome .big-stat .label {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--ink-4); margin-bottom: 20px; text-transform: uppercase;}
#wrapwrap .actimi-chrome .big-stat .num {font-family: var(--font-serif); font-size: clamp(60px, 8vw, 120px); line-height: 0.9; color: var(--ink); letter-spacing: -0.03em; font-style: italic;}
#wrapwrap .actimi-chrome .big-stat .num .lime {color: var(--lime);}
#wrapwrap .actimi-chrome .big-stat .desc {font-size: 13px; color: var(--ink-3); margin-top: 16px; max-width: 22ch; line-height: 1.5;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .big-stats {grid-template-columns: repeat(2, 1fr);}
#wrapwrap .actimi-chrome .big-stat:nth-child(2) {border-right: 0px;}
#wrapwrap .actimi-chrome .big-stat {border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .big-stat:nth-last-child(-n+2) {border-bottom: 0px;}
}
@media (max-width: 500px) {
#wrapwrap .actimi-chrome .big-stats {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .big-stat {border-right: 0px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .big-stat:last-child {border-bottom: 0px;}
}
#wrapwrap .actimi-chrome .strip {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border: 1px solid var(--line); background: var(--bg-2);}
#wrapwrap .actimi-chrome .strip-item {padding: 40px 28px; border-right: 1px solid var(--line);}
#wrapwrap .actimi-chrome .strip-item:last-child {border-right: 0px;}
#wrapwrap .actimi-chrome .strip .num {font-family: var(--font-serif); font-style: italic; font-size: clamp(40px, 5vw, 64px); line-height: 0.95; color: var(--lime); letter-spacing: -0.02em;}
#wrapwrap .actimi-chrome .strip .label {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); margin-top: 14px; max-width: 22ch;}
@media (max-width: 800px) {
#wrapwrap .actimi-chrome .strip {grid-template-columns: 1fr 1fr;}
#wrapwrap .actimi-chrome .strip-item {border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .strip-item:nth-child(2n) {border-right: 0px;}
#wrapwrap .actimi-chrome .strip-item:nth-last-child(-n+2) {border-bottom: 0px;}
}
@media (max-width: 500px) {
#wrapwrap .actimi-chrome .strip {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .strip-item {border-bottom: 1px solid var(--line); border-right: 0px !important;}
#wrapwrap .actimi-chrome .strip-item:last-child {border-bottom: 0px;}
}
#wrapwrap .actimi-chrome .stats-row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
#wrapwrap .actimi-chrome .stats-row .stat {padding: 28px; border: 1px solid var(--line); border-radius: var(--r-md);}
#wrapwrap .actimi-chrome .stats-row .stat .num {font-family: var(--font-serif); font-style: italic; font-size: clamp(48px, 5vw, 72px); color: var(--lime); letter-spacing: -0.02em; line-height: 1;}
#wrapwrap .actimi-chrome .stats-row .stat .label {font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-3); margin-top: 14px;}
@media (max-width: 700px) {
#wrapwrap .actimi-chrome .stats-row {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .showcase {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .show-card {padding: 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--bg); transition: background 0.25s; display: block;}
#wrapwrap .actimi-chrome .show-card:nth-child(3n) {border-right: 0px;}
#wrapwrap .actimi-chrome .show-card:nth-last-child(-n+3) {border-bottom: 0px;}
#wrapwrap .actimi-chrome .show-card:hover {background: var(--bg-2);}
#wrapwrap .actimi-chrome .show-card .name-row {display: flex; align-items: center; justify-content: space-between;}
#wrapwrap .actimi-chrome .show-card h3 {font-size: 26px; font-style: italic;}
#wrapwrap .actimi-chrome .show-card p {font-size: 13px; color: var(--ink-3); margin-top: 10px;}
#wrapwrap .actimi-chrome .show-card .ext {color: var(--ink-4);}
#wrapwrap .actimi-chrome .show-card:hover .ext {color: var(--lime);}
#wrapwrap .actimi-chrome .show-card.you {background: var(--surface); border-color: var(--lime); border-style: dashed;}
#wrapwrap .actimi-chrome .show-card.you h3 {color: var(--lime);}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .showcase {grid-template-columns: 1fr 1fr;}
#wrapwrap .actimi-chrome .show-card {border-right: 1px solid var(--line);}
#wrapwrap .actimi-chrome .show-card:nth-child(2n) {border-right: 0px;}
}
@media (max-width: 540px) {
#wrapwrap .actimi-chrome .showcase {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .show-card {border-right: 0px;}
}
#wrapwrap .actimi-chrome .cta-banner {position: relative; padding: 60px; background: var(--paper); color: var(--ink-on-paper); text-align: center; border-radius: var(--r-md); overflow: hidden;}
#wrapwrap .actimi-chrome .cta-banner h2 {color: var(--ink-on-paper); font-size: clamp(36px, 5vw, 64px);}
#wrapwrap .actimi-chrome .cta-banner h2 em {font-style: italic; color: var(--lime-deep);}
#wrapwrap .actimi-chrome .cta-banner .lead {color: var(--paper-ink-soft); max-width: 56ch; margin: 18px auto 0px;}
#wrapwrap .actimi-chrome .cta-banner .actions {display: inline-flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; justify-content: center;}
@media (max-width: 700px) {
#wrapwrap .actimi-chrome .cta-banner {padding: 40px 24px;}
}
#wrapwrap .actimi-chrome .list-row {display: flex; align-items: center; justify-content: space-between; padding: 36px 0px; border-bottom: 1px solid var(--line); position: relative; transition: padding-left .35s var(--ease-out);}
#wrapwrap .actimi-chrome .list-row:first-child {border-top: 1px solid var(--line);}
#wrapwrap .actimi-chrome .list-row .num {font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.12em; color: var(--ink-4); width: 50px;}
#wrapwrap .actimi-chrome .list-row .title {font-family: var(--font-serif); font-size: clamp(28px, 4.5vw, 64px); line-height: 1; letter-spacing: -0.02em; flex: 1 1 0%; padding-left: 32px; color: var(--ink); transition: color .25s,transform .35s var(--ease-out),font-style .25s;}
#wrapwrap .actimi-chrome .list-row .tag {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); padding: 6px 12px; border: 1px solid var(--line-2); border-radius: var(--r-pill); flex-shrink: 0;}
#wrapwrap .actimi-chrome .list-row:hover {padding-left: 24px;}
#wrapwrap .actimi-chrome .list-row:hover .title {color: var(--lime); font-style: italic;}
#wrapwrap .actimi-chrome .list-row .arrow-out {width: 40px; height: 40px; border: 1px solid var(--line-2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 24px; transition: background 0.25s, color 0.25s, transform 0.25s, border-color 0.25s;}
#wrapwrap .actimi-chrome .list-row:hover .arrow-out {background: var(--lime); border-color: var(--lime); color: var(--ink-on-paper); transform: rotate(-45deg);}
#wrapwrap .actimi-chrome .pricing {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px; border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .price-card {position: relative; padding: 40px; border-right: 1px solid var(--line); background: var(--bg);}
#wrapwrap .actimi-chrome .price-card:last-child {border-right: 0px;}
#wrapwrap .actimi-chrome .price-card.featured {background: var(--paper);}
#wrapwrap .actimi-chrome .price-card.featured, #wrapwrap .actimi-chrome .price-card.featured .amount, #wrapwrap .actimi-chrome .price-card.featured h3 {color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .price-card.featured ul li {color: var(--paper-ink-soft); border-color: var(--paper-line);}
#wrapwrap .actimi-chrome .price-card .tag {position: absolute; top: 24px; right: 24px; font-size: 10px; letter-spacing: 0.16em; padding: 6px 12px; background: var(--ink-on-paper); color: var(--lime); border-radius: var(--r-pill);}
#wrapwrap .actimi-chrome .price-card .num-lbl, #wrapwrap .actimi-chrome .price-card .tag {font-family: var(--font-mono); text-transform: uppercase;}
#wrapwrap .actimi-chrome .price-card .num-lbl {font-size: 11px; letter-spacing: 0.12em; color: var(--ink-4); margin-bottom: 32px;}
#wrapwrap .actimi-chrome .price-card.featured .num-lbl {color: var(--paper-ink-mute);}
#wrapwrap .actimi-chrome .price-card h3 {font-size: 48px; font-style: italic;}
#wrapwrap .actimi-chrome .price-card .amount {font-family: var(--font-serif); font-size: 76px; letter-spacing: -0.03em; margin-top: 24px; line-height: 1;}
#wrapwrap .actimi-chrome .price-card .amount span {font-size: 16px; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-3);}
#wrapwrap .actimi-chrome .price-card.featured .amount span {color: var(--paper-ink-mute);}
#wrapwrap .actimi-chrome .price-card ul {list-style: none; margin: 28px 0px 36px; display: grid; gap: 14px;}
#wrapwrap .actimi-chrome .price-card ul li {display: flex; gap: 12px; font-size: 14px; color: var(--ink-3); line-height: 1.5; padding-bottom: 14px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .price-card ul li::before {content: "→"; color: var(--lime); font-family: var(--font-mono);}
#wrapwrap .actimi-chrome .price-card.featured ul li::before {color: var(--lime-deep);}
@media (max-width: 800px) {
#wrapwrap .actimi-chrome .pricing {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .price-card {border-right: 0px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .price-card:last-child {border-bottom: 0px;}
}
#wrapwrap .actimi-chrome .steps {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .step {padding: 40px 32px; border-right: 1px solid var(--line); position: relative;}
#wrapwrap .actimi-chrome .step:last-child {border-right: 0px;}
#wrapwrap .actimi-chrome .step .n {font-family: var(--font-serif); font-size: 96px; line-height: 1; color: var(--lime); font-style: italic; margin-bottom: 32px;}
#wrapwrap .actimi-chrome .step h3 {font-size: 24px;}
#wrapwrap .actimi-chrome .step p {font-size: 14px; margin-top: 8px; max-width: 28ch;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .steps {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .step {border-right: 0px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .step:last-child {border-bottom: 0px;}
}
#wrapwrap .actimi-chrome .page-hero {position: relative; padding: 100px 0px 60px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .page-hero.blue, #wrapwrap .actimi-chrome .page-hero.peach {background: var(--bg-2);}
#wrapwrap .actimi-chrome .crumb {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4);}
#wrapwrap .actimi-chrome .crumb a {color: var(--ink-3); transition: color 0.2s;}
#wrapwrap .actimi-chrome .crumb a:hover {color: var(--lime);}
#wrapwrap .actimi-chrome .crumb .sep {margin: 0px 10px; color: var(--ink-4);}
#wrapwrap .actimi-chrome .ph-grid {display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; align-items: end; margin-top: 48px;}
#wrapwrap .actimi-chrome .ph-grid h1 {font-size: clamp(48px, 7vw, 120px); line-height: 0.92; letter-spacing: -0.03em;}
#wrapwrap .actimi-chrome .ph-grid h1 em {font-style: italic; color: var(--lime);}
#wrapwrap .actimi-chrome .ph-grid .lead {margin-top: 24px;}
#wrapwrap .actimi-chrome .ph-grid .ctas {display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px;}
#wrapwrap .actimi-chrome .ph-grid .badges {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px;}
#wrapwrap .actimi-chrome .ph-grid .badge {display: inline-flex; gap: 8px; align-items: center; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); padding: 8px 14px; border: 1px solid var(--line-2); border-radius: var(--r-pill);}
#wrapwrap .actimi-chrome .ph-grid .badge svg {color: var(--lime);}
#wrapwrap .actimi-chrome .ph-hero-img {border-radius: var(--r-md); border: 1px solid var(--line-2); width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: var(--surface); position: relative; overflow: hidden;}
#wrapwrap .actimi-chrome .ph-hero-img.wide {aspect-ratio: 4 / 3; object-fit: contain; padding: 16px;}
#wrapwrap .actimi-chrome .ph-hero-img.exact {aspect-ratio: auto; object-fit: contain; height: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0px;}
#wrapwrap .actimi-chrome .card-stack {display: grid; gap: 16px;}
#wrapwrap .actimi-chrome .row-card {display: grid; grid-template-columns: 56px 1fr; gap: 18px; align-items: center; padding: 20px 22px; border: 1px solid var(--line); background: var(--bg); border-radius: var(--r-md); transition: transform .3s var(--ease-out),border-color .3s,box-shadow .3s;}
#wrapwrap .actimi-chrome .row-card:hover {transform: translateY(-2px); border-color: var(--ink-3); box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 30px -18px;}
#wrapwrap .actimi-chrome .row-card .ic {width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-2); display: flex; align-items: center; justify-content: center; color: var(--accent);}
#wrapwrap .actimi-chrome .row-card h3 {font-size: 18px; line-height: 1.25;}
#wrapwrap .actimi-chrome .row-card p {margin-top: 4px; font-size: 13px; color: var(--ink-3); line-height: 1.5;}
#wrapwrap .actimi-chrome .code-window {border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); overflow: hidden; font-family: var(--font-mono); box-shadow: rgba(0, 0, 0, 0.35) 0px 18px 50px -28px;}
#wrapwrap .actimi-chrome .code-window .cw-bar {padding: 12px 16px; border-bottom: 1px solid var(--line); display: flex; gap: 8px; background: color-mix(in srgb,var(--ink) 4%,transparent);}
#wrapwrap .actimi-chrome .code-window .cw-dot {width: 11px; height: 11px; border-radius: 50%; background: var(--ink-4); opacity: 0.85;}
#wrapwrap .actimi-chrome .code-window .cw-dot.r {background: rgb(255, 95, 87);}
#wrapwrap .actimi-chrome .code-window .cw-dot.y {background: rgb(254, 188, 46);}
#wrapwrap .actimi-chrome .code-window .cw-dot.g {background: rgb(40, 200, 64);}
#wrapwrap .actimi-chrome .code-window .cw-body {margin: 0px; padding: 22px 26px; font-size: 12.5px; line-height: 1.6; color: var(--ink-2); white-space: pre; overflow-x: auto;}
#wrapwrap .actimi-chrome .signals-diagram {position: relative; width: 100%; max-width: 480px; aspect-ratio: 4 / 3; margin: 0px auto 111px; display: grid; grid-template-columns: 1fr 1.1fr 1fr; align-items: center; gap: 0px;}
#wrapwrap .actimi-chrome .signals-diagram .sd-lines {position: absolute; inset: 0px; width: 100%; height: 100%; fill: none; stroke: color-mix(in srgb,var(--ink) 22%,transparent); stroke-width: 0.4; stroke-dasharray: 1.2, 1.4; stroke-linecap: round; animation: 4s linear 0s infinite normal none running sd-flow; z-index: 0;}
@keyframes sd-flow { 
  100% { stroke-dashoffset: -26; }
}
#wrapwrap .actimi-chrome .signals-diagram .sd-col {position: relative; z-index: 2; display: flex; flex-direction: column; height: 100%; justify-content: space-around;}
#wrapwrap .actimi-chrome .signals-diagram .sd-col-in {align-items: flex-start;}
#wrapwrap .actimi-chrome .signals-diagram .sd-col-out {align-items: flex-end;}
#wrapwrap .actimi-chrome .signals-diagram .sd-col-core {align-items: center; justify-content: center;}
#wrapwrap .actimi-chrome .signals-diagram .sd-pill {display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; border-radius: 999px; background: var(--bg); border: 1px solid var(--line); font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-2); white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 24px -16px;}
#wrapwrap .actimi-chrome .signals-diagram .sd-ic {width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: color-mix(in srgb,var(--accent) 14%,transparent); color: var(--accent);}
#wrapwrap .actimi-chrome .signals-diagram .sd-core {position: relative; width: 130px; height: 130px; display: grid; place-items: center;}
#wrapwrap .actimi-chrome .signals-diagram .sd-gear {position: absolute; inset: 0px; width: 100%; height: 100%; filter: drop-shadow(0 12px 30px color-mix(in srgb,var(--accent) 45%,transparent));}
#wrapwrap .actimi-chrome .signals-diagram .sd-core-inner {position: relative; width: 70px; height: 70px; border-radius: 50%; background: var(--bg); display: grid; place-items: center; z-index: 1;}
@media (max-width: 720px) {
#wrapwrap .actimi-chrome .signals-diagram {max-width: 100%;}
#wrapwrap .actimi-chrome .signals-diagram .sd-pill {font-size: 9.5px; padding: 7px 11px; gap: 7px;}
#wrapwrap .actimi-chrome .signals-diagram .sd-core {width: 100px; height: 100px;}
#wrapwrap .actimi-chrome .signals-diagram .sd-core-inner {width: 56px; height: 56px;}
}
#wrapwrap .actimi-chrome .kit-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
#wrapwrap .actimi-chrome .kit-card {display: flex; flex-direction: column; border: 1px solid var(--line); background: var(--bg); border-radius: 0px; transition: transform .3s var(--ease-out),border-color .3s,box-shadow .3s;}
#wrapwrap .actimi-chrome .kit-card:hover {transform: translateY(-4px); border-color: var(--ink-3); box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 30px -18px;}
#wrapwrap .actimi-chrome .kit-card .kit-media {aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--surface); border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .kit-card .kit-media img {max-width: 100%; max-height: 100%; object-fit: contain;}
#wrapwrap .actimi-chrome .kit-card .kit-body {padding: 18px 20px 22px;}
#wrapwrap .actimi-chrome .kit-card h3 {font-size: 16px; line-height: 1.25;}
#wrapwrap .actimi-chrome .kit-card p {margin-top: 6px; font-size: 13px; color: var(--ink-3); line-height: 1.5;}
@media (max-width: 960px) {
#wrapwrap .actimi-chrome .kit-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px) {
#wrapwrap .actimi-chrome .kit-grid {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .page-hero.wide-visual .ph-grid {grid-template-columns: 1fr 1.1fr;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .ph-grid {gap: 36px;}
#wrapwrap .actimi-chrome .page-hero.wide-visual .ph-grid, #wrapwrap .actimi-chrome .ph-grid {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .split {display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}
#wrapwrap .actimi-chrome .split.reverse {direction: rtl;}
#wrapwrap .actimi-chrome .split.reverse > * {direction: ltr;}
#wrapwrap .actimi-chrome .split-img {width: 100%; border-radius: var(--r-md); border: 1px solid var(--line-2); aspect-ratio: 4 / 3; background: var(--surface); position: relative; overflow: hidden; object-fit: cover; object-position: center center; display: block;}
#wrapwrap .actimi-chrome .split-img:not(img)::before {content: ""; position: absolute; inset: 0px; background: var(--grad-soft);}
#wrapwrap .actimi-chrome .split h2 {font-size: clamp(40px, 5vw, 72px);}
#wrapwrap .actimi-chrome .split .lead {margin-top: 20px;}
#wrapwrap .actimi-chrome .split ul {list-style: none; margin-top: 28px; display: grid; gap: 14px; border-top: 1px solid var(--line); padding-top: 24px;}
#wrapwrap .actimi-chrome .split ul li {display: flex; gap: 16px; align-items: flex-start; font-size: 15px; color: var(--ink-2); padding-bottom: 14px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .split ul li:last-child {border-bottom: 0px; padding-bottom: 0px;}
#wrapwrap .actimi-chrome .split ul li svg {color: var(--lime); flex-shrink: 0; margin-top: 4px;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .split {grid-template-columns: 1fr; gap: 40px;}
#wrapwrap .actimi-chrome .split.reverse {direction: ltr;}
}
#wrapwrap .actimi-chrome .contact-grid {display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .contact-card {padding: 40px; border-right: 1px solid var(--line);}
#wrapwrap .actimi-chrome .contact-card .avatar {width: 120px; height: 120px; object-fit: cover; background: var(--surface); border: 1px solid var(--line-2); border-radius: 50%;}
#wrapwrap .actimi-chrome .contact-card h3 {margin-top: 24px; font-style: italic; font-size: 36px;}
#wrapwrap .actimi-chrome .contact-card .title {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--lime); text-transform: uppercase; margin-top: 8px;}
#wrapwrap .actimi-chrome .contact-card .row {display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--ink-2); margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line);}
#wrapwrap .actimi-chrome .contact-card .row svg {color: var(--lime); flex-shrink: 0; margin-top: 3px;}
#wrapwrap .actimi-chrome .contact-card a {color: var(--ink); border-bottom: 1px solid var(--lime); padding-bottom: 1px;}
#wrapwrap .actimi-chrome .contact-card a:hover {color: var(--lime);}
#wrapwrap .actimi-chrome .contact-form {padding: 40px; display: grid; gap: 18px;}
#wrapwrap .actimi-chrome .field {display: grid; gap: 8px;}
#wrapwrap .actimi-chrome .field label {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3);}
#wrapwrap .actimi-chrome .field input, #wrapwrap .actimi-chrome .field textarea {border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line-2); background: transparent; padding: 10px 0px; font-size: 16px; color: var(--ink); outline: none; transition: border-color 0.2s; resize: vertical; font-family: var(--font-sans);}
#wrapwrap .actimi-chrome .field input:focus, #wrapwrap .actimi-chrome .field textarea:focus {border-color: var(--lime);}
#wrapwrap .actimi-chrome .checkrow {display: flex; gap: 12px; align-items: flex-start; font-size: 13px; color: var(--ink-3);}
#wrapwrap .actimi-chrome .checkrow input {margin-top: 2px; accent-color: var(--lime);}
#wrapwrap .actimi-chrome .checkrow a {color: var(--lime); border-bottom: 1px solid;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .contact-grid {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .contact-card {border-right: 0px; border-bottom: 1px solid var(--line);}
}
#wrapwrap .actimi-chrome .footer {background: var(--bg-2); padding-top: 100px; padding-bottom: 28px; border-top: 1px solid var(--line);}
#wrapwrap .actimi-chrome .footer-headline {font-size: clamp(60px, 12vw, 200px); line-height: 0.9; letter-spacing: -0.04em; margin-bottom: 80px;}
#wrapwrap .actimi-chrome .footer-headline em {font-style: italic; color: var(--lime);}
#wrapwrap .actimi-chrome .footer-top {display: grid; grid-template-columns: 1.6fr 1.4fr 1fr 1fr; gap: 40px; padding-bottom: 60px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .footer-col h4 {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-4); margin-bottom: 20px;}
#wrapwrap .actimi-chrome .footer-col .blurb {margin-top: 24px; font-size: 14px; color: var(--ink-3); max-width: 32ch; line-height: 1.6;}
#wrapwrap .actimi-chrome .footer-links {display: grid; gap: 4px;}
#wrapwrap .actimi-chrome .footer-links.two {grid-template-columns: 1fr 1fr; gap: 4px 24px;}
#wrapwrap .actimi-chrome .footer-links a {font-family: var(--font-sans); font-size: 14px; color: var(--ink-2); padding: 6px 0px; transition: color 0.2s, padding-left 0.2s; display: inline-flex; align-items: center; gap: 8px;}
#wrapwrap .actimi-chrome .footer-links a::before {content: "→"; font-family: var(--font-mono); color: var(--lime); opacity: 0; transition: opacity 0.2s, transform 0.2s; transform: translateX(-4px);}
#wrapwrap .actimi-chrome .footer-links a:hover {color: var(--lime); padding-left: 4px;}
#wrapwrap .actimi-chrome .footer-links a:hover::before {opacity: 1; transform: translateX(0px);}
#wrapwrap .actimi-chrome .certs {margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .certs .label {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-4);}
#wrapwrap .actimi-chrome .certs .items {display: flex; gap: 10px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .cert-pill {font-size: 10px; font-weight: 600; padding: 6px 12px; border-radius: var(--r-pill); border: 1px solid var(--line-2); color: var(--ink-2); letter-spacing: 0.12em;}
#wrapwrap .actimi-chrome .cert-pill, #wrapwrap .actimi-chrome .footer-bottom {font-family: var(--font-mono); text-transform: uppercase;}
#wrapwrap .actimi-chrome .footer-bottom {margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; font-size: 11px; letter-spacing: 0.08em; color: var(--ink-4);}
#wrapwrap .actimi-chrome .footer-bottom .links {display: flex; gap: 20px; align-items: center;}
#wrapwrap .actimi-chrome .footer-bottom a {color: var(--ink-3);}
#wrapwrap .actimi-chrome .footer-bottom a:hover {color: var(--lime);}
#wrapwrap .actimi-chrome .footer-bottom .linkedin {width: 36px; height: 36px; border-radius: 50%; background: var(--surface); border: 1px solid var(--line-2); color: var(--ink-2); display: inline-flex; align-items: center; justify-content: center; transition: background 0.2s, color 0.2s, border-color 0.2s;}
#wrapwrap .actimi-chrome .footer-bottom .linkedin:hover {background: var(--lime); color: var(--ink-on-paper); border-color: var(--lime);}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .footer-top {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 540px) {
#wrapwrap .actimi-chrome .footer-links.two, #wrapwrap .actimi-chrome .footer-top {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .fab {position: fixed; bottom: 22px; right: 22px; width: 56px; height: 56px; border-radius: 50%; background: var(--lime); color: var(--ink-on-paper); display: flex; align-items: center; justify-content: center; z-index: 990; transition: transform 0.2s; border: 1px solid var(--ink-on-paper); box-shadow: 4px 4px 0 0 var(--ink);}
#wrapwrap .actimi-chrome .fab:hover {transform: translate(-2px, -2px); box-shadow: 6px 6px 0 0 var(--ink);}
#wrapwrap .actimi-chrome .news-grid {gap: 40px;}
#wrapwrap .actimi-chrome .news-card .thumb-wrap {position: relative; overflow: hidden; border-radius: var(--r-md); border: 1px solid var(--line); aspect-ratio: 5 / 6;}
#wrapwrap .actimi-chrome .news-card .thumb-wrap::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6)); z-index: 1; opacity: 0; transition: opacity 0.35s;}
#wrapwrap .actimi-chrome .news-card:hover .thumb-wrap::after {opacity: 1;}
#wrapwrap .actimi-chrome .news-card .thumb {width: 100%; height: 100%; background: var(--surface); transition: transform .6s var(--ease-out);}
#wrapwrap .actimi-chrome .news-card:hover .thumb {transform: scale(1.04);}
#wrapwrap .actimi-chrome .news-meta {display: flex; gap: 14px; align-items: center; margin-top: 18px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4);}
#wrapwrap .actimi-chrome .news-meta .tag {color: var(--lime);}
#wrapwrap .actimi-chrome .news-card h3 {font-size: 26px; font-style: italic; margin-top: 10px; line-height: 1.1; color: var(--ink); transition: color 0.25s;}
#wrapwrap .actimi-chrome .news-foot {display: flex; justify-content: space-between; align-items: center; margin-top: 14px;}
#wrapwrap .actimi-chrome .news-foot .date {color: var(--ink-4);}
#wrapwrap .actimi-chrome .news-foot .date, #wrapwrap .actimi-chrome .news-foot .more {font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em;}
#wrapwrap .actimi-chrome .news-foot .more {color: var(--lime); display: inline-flex; gap: 6px; align-items: center;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .news-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px) {
#wrapwrap .actimi-chrome .news-grid {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .team-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px;}
#wrapwrap .actimi-chrome .team-card .frame {position: relative; aspect-ratio: 4 / 5; background: var(--surface); border: 1px solid var(--line-2); overflow: hidden; border-radius: var(--r-md); transition: transform .3s var(--ease-out);}
#wrapwrap .actimi-chrome .team-card:hover .frame {transform: translate(-3px, -3px); box-shadow: 6px 6px 0 0 var(--lime);}
#wrapwrap .actimi-chrome .team-card .frame::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6));}
#wrapwrap .actimi-chrome .team-card h3 {margin-top: 16px; font-size: 22px; font-style: italic;}
#wrapwrap .actimi-chrome .team-card p {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--ink-3); text-transform: uppercase; margin-top: 4px;}
@media (max-width: 800px) {
#wrapwrap .actimi-chrome .team-grid {grid-template-columns: repeat(2, 1fr);}
}
#wrapwrap .actimi-chrome .config-steps {display: flex; gap: 0px; margin-bottom: 48px; border: 1px solid var(--line); flex-wrap: wrap;}
#wrapwrap .actimi-chrome .config-step {flex: 1 1 120px; text-align: center; padding: 16px 12px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-4); background: var(--bg); border-right: 1px solid var(--line); transition: background 0.2s, color 0.2s;}
#wrapwrap .actimi-chrome .config-step:last-child {border-right: 0px;}
#wrapwrap .actimi-chrome .config-step.active {background: var(--lime); color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .config-step:hover:not(.active) {color: var(--lime);}
#wrapwrap .actimi-chrome .devices {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .device {position: relative; padding: 32px; background: var(--bg); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; transition: background 0.25s;}
#wrapwrap .actimi-chrome .device:nth-child(3n) {border-right: 0px;}
#wrapwrap .actimi-chrome .device:nth-last-child(-n+3) {border-bottom: 0px;}
#wrapwrap .actimi-chrome .device:hover {background: var(--bg-2);}
#wrapwrap .actimi-chrome .device.on {background: var(--lime); color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .device .ic {width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--line-2); display: flex; align-items: center; justify-content: center; color: var(--lime); margin-bottom: 24px; transition: background 0.25s, color 0.25s, border-color 0.25s;}
#wrapwrap .actimi-chrome .device.on .ic {background: var(--ink-on-paper); color: var(--lime); border-color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .device h4 {font-family: var(--font-serif); font-size: 26px; font-style: italic;}
#wrapwrap .actimi-chrome .device p {font-size: 13px; margin-top: 8px; color: var(--ink-3);}
#wrapwrap .actimi-chrome .device.on p {color: rgba(10, 10, 15, 0.65);}
#wrapwrap .actimi-chrome .device .check {position: absolute; top: 24px; right: 24px; width: 28px; height: 28px; border-radius: 50%; background: var(--ink-on-paper); color: var(--lime); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .2s,transform .2s var(--ease-spring); transform: scale(0.5);}
#wrapwrap .actimi-chrome .device.on .check {opacity: 1; transform: scale(1);}
@media (max-width: 800px) {
#wrapwrap .actimi-chrome .devices {grid-template-columns: 1fr 1fr;}
#wrapwrap .actimi-chrome .device {border-right: 1px solid var(--line) !important;}
#wrapwrap .actimi-chrome .device:nth-child(2n) {border-right: 0px !important;}
}
@media (max-width: 500px) {
#wrapwrap .actimi-chrome .devices {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .device {border-right: 0px !important;}
}
#wrapwrap .actimi-chrome .cfg-stepper {display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: start; gap: 4px; margin: 8px 0px 56px; position: relative; padding-top: 8px;}
#wrapwrap .actimi-chrome .cfg-stepper::before {content: ""; position: absolute; top: 13px; left: 8%; right: 8%; height: 1px; background: var(--line); z-index: 0;}
#wrapwrap .actimi-chrome .cfg-dot-step {position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; background: transparent; border: 0px; padding: 0px; cursor: pointer; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-4); transition: color 0.2s;}
#wrapwrap .actimi-chrome .cfg-dot-step:hover {color: var(--ink-2);}
#wrapwrap .actimi-chrome .cfg-dot-step .cfg-dot {width: 12px; height: 12px; border-radius: 50%; background: var(--bg); border: 1px solid var(--line); transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;}
#wrapwrap .actimi-chrome .cfg-dot-step.done .cfg-dot {background: var(--accent); border-color: var(--accent);}
#wrapwrap .actimi-chrome .cfg-dot-step.active {color: var(--accent);}
#wrapwrap .actimi-chrome .cfg-dot-step.active .cfg-dot {background: var(--accent); border-color: var(--accent); box-shadow: 0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent);}
#wrapwrap .actimi-chrome .cfg-dot-step .cfg-label {text-align: center; line-height: 1.2; max-width: 14ch;}
@media (max-width: 720px) {
#wrapwrap .actimi-chrome .cfg-dot-step .cfg-label {display: none;}
#wrapwrap .actimi-chrome .cfg-stepper::before {left: 10%; right: 10%;}
}
#wrapwrap .actimi-chrome .devices-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
#wrapwrap .actimi-chrome .device-card {position: relative; display: grid; grid-template-rows: 180px 110px; text-align: left; background: var(--bg); border: 1px solid var(--line); border-radius: 0px; padding: 0px; cursor: pointer; transition: transform .3s var(--ease-out),border-color .3s,box-shadow .3s,background .3s; overflow: hidden; height: 100%;}
#wrapwrap .actimi-chrome .device-card::before {content: ""; position: absolute; inset: 0px; background: var(--grad-soft); opacity: 0; transition: opacity 0.35s; pointer-events: none;}
#wrapwrap .actimi-chrome .device-card:hover {transform: translate(-3px, -3px); border-color: var(--accent); box-shadow: 6px 6px 0 0 var(--accent);}
#wrapwrap .actimi-chrome .device-card:hover::before {opacity: 1;}
#wrapwrap .actimi-chrome .device-card.on {border-color: var(--accent); background: color-mix(in srgb,var(--accent) 6%,var(--bg));}
#wrapwrap .actimi-chrome .device-card .cb {position: absolute; top: 16px; left: 16px; z-index: 2; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line-2); border-radius: 4px; background: var(--bg); color: var(--accent);}
#wrapwrap .actimi-chrome .device-card.on .cb {background: var(--accent); border-color: var(--accent); color: var(--bg);}
#wrapwrap .actimi-chrome .device-card .dc-media {position: relative; background: var(--surface); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: center; padding: 22px;}
#wrapwrap .actimi-chrome .device-card .dc-media img {max-width: 100%; max-height: 100%; object-fit: contain;}
#wrapwrap .actimi-chrome .device-card .dc-text {position: relative; z-index: 1; padding: 20px 24px; display: flex; flex-direction: column; justify-content: center; overflow: hidden;}
#wrapwrap .actimi-chrome .device-card h4 {font-family: var(--font-serif); font-style: italic; font-size: 22px; line-height: 1.15; color: var(--ink);}
#wrapwrap .actimi-chrome .device-card p {margin-top: 8px; font-size: 13px; color: var(--ink-3); line-height: 1.5;}
#wrapwrap .actimi-chrome .add-own-btn {display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; background: var(--bg); border: 1px dashed var(--line-2); border-radius: 0px; cursor: pointer; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 24px; transition: border-color .25s,color .25s,background .25s,transform .25s var(--ease-out);}
#wrapwrap .actimi-chrome .add-own-btn:hover {border-color: var(--accent); color: var(--accent); transform: translate(-2px, -2px); box-shadow: 4px 4px 0 0 var(--accent);}
#wrapwrap .actimi-chrome .add-own-btn .cb {width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line-2); border-radius: 4px; color: var(--accent);}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .devices-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px) {
#wrapwrap .actimi-chrome .devices-grid {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .cfg-split {display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start;}
#wrapwrap .actimi-chrome .cfg-split-left h2 {font-size: clamp(28px, 3.4vw, 40px); line-height: 1.1;}
#wrapwrap .actimi-chrome .cfg-split-left .lead {margin-top: 14px; max-width: 38ch;}
#wrapwrap .actimi-chrome .cfg-tablet {display: block; width: 100%; max-width: 460px; margin-top: 48px; object-fit: contain;}
#wrapwrap .actimi-chrome .cfg-mode-list {display: grid; gap: 24px;}
#wrapwrap .actimi-chrome .cfg-mode-list.two {grid-template-columns: repeat(2, minmax(0px, 1fr)); max-width: 820px; margin: 0px auto;}
@media (max-width: 720px) {
#wrapwrap .actimi-chrome .cfg-mode-list.two {grid-template-columns: 1fr; max-width: 480px;}
}
#wrapwrap .actimi-chrome .cfg-mode-list.two .mode-card {min-height: 340px;}
#wrapwrap .actimi-chrome .cfg-mode-list.two .mode-media {min-height: 200px; padding: 16px 22px 28px;}
#wrapwrap .actimi-chrome .cfg-mode-list.two .mode-media img, #wrapwrap .actimi-chrome .cfg-mode-list.two .mode-media svg {max-height: 150px;}
#wrapwrap .actimi-chrome .mode-text .mode-desc {margin-top: 8px; font-size: 13px; color: var(--ink-3); line-height: 1.5; font-weight: 400;}
#wrapwrap .actimi-chrome .mode-card {position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; background: var(--bg); border: 1px solid var(--line); border-radius: 0px; padding: 0px; text-align: left; cursor: pointer; overflow: hidden; min-height: 280px; transition: transform .3s var(--ease-out),border-color .3s,box-shadow .3s,background .3s;}
#wrapwrap .actimi-chrome .mode-card::before {content: ""; position: absolute; inset: 0px; background: var(--grad-soft); opacity: 0; transition: opacity 0.35s; pointer-events: none;}
#wrapwrap .actimi-chrome .mode-card:hover {transform: translate(-3px, -3px); border-color: var(--accent); box-shadow: 6px 6px 0 0 var(--accent);}
#wrapwrap .actimi-chrome .mode-card:hover::before {opacity: 1;}
#wrapwrap .actimi-chrome .mode-card.on {border-color: var(--accent); background: color-mix(in srgb,var(--accent) 6%,var(--bg));}
#wrapwrap .actimi-chrome .mode-card .cb {position: absolute; top: 18px; left: 18px; z-index: 2; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line-2); border-radius: 4px; background: var(--bg); color: var(--accent);}
#wrapwrap .actimi-chrome .mode-card.on .cb {background: var(--accent); border-color: var(--accent); color: var(--bg);}
#wrapwrap .actimi-chrome .mode-text {position: relative; z-index: 1; padding: 22px 26px 14px 56px;}
#wrapwrap .actimi-chrome .mode-text h3 {font-family: var(--font-sans); font-size: 17px; line-height: 1.35; color: var(--ink);}
#wrapwrap .actimi-chrome .mode-text h3, #wrapwrap .actimi-chrome .mode-text h3 .mode-sep {font-weight: 600;}
#wrapwrap .actimi-chrome .mode-text h3 .mode-desc-inline {font-weight: 400; color: var(--ink-2);}
#wrapwrap .actimi-chrome .mode-media {position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: center; padding: 0px 22px; min-height: 180px;}
#wrapwrap .actimi-chrome .mode-media img {max-width: 100%; max-height: 220px; object-fit: contain;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .cfg-split {grid-template-columns: 1fr; gap: 40px;}
#wrapwrap .actimi-chrome .cfg-tablet {margin: 32px auto 0px;}
}
#wrapwrap .actimi-chrome .feat-toggles {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 40px; max-width: 1080px; margin: 0px auto;}
#wrapwrap .actimi-chrome .feat-toggle {display: flex; align-items: center; gap: 16px; padding: 10px 4px; background: transparent; border: 0px; cursor: pointer; text-align: left; color: var(--ink-2); transition: color 0.2s;}
#wrapwrap .actimi-chrome .feat-toggle:hover {color: var(--ink);}
#wrapwrap .actimi-chrome .feat-toggle .toggle-switch {position: relative; flex: 0 0 auto; width: 44px; height: 24px; border-radius: 999px; background: color-mix(in srgb,var(--ink) 14%,transparent); border: 1px solid var(--line); transition: background 0.2s, border-color 0.2s;}
#wrapwrap .actimi-chrome .feat-toggle .toggle-knob {position: absolute; top: 50%; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); transform: translateY(-50%); transition: left .25s var(--ease-out),background .2s; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;}
#wrapwrap .actimi-chrome .feat-toggle.on .toggle-switch {background: var(--accent); border-color: var(--accent);}
#wrapwrap .actimi-chrome .feat-toggle.on .toggle-knob {left: 23px; background: rgb(255, 255, 255);}
#wrapwrap .actimi-chrome .feat-toggle .toggle-label {font-size: 14px; line-height: 1.4;}
#wrapwrap .actimi-chrome .feat-toggle.on .toggle-label {color: var(--ink);}
#wrapwrap .actimi-chrome .feat-toggles.one-col {grid-template-columns: 1fr; gap: 14px; max-width: none;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .feat-toggles {grid-template-columns: repeat(2, 1fr); gap: 16px 28px;}
}
@media (max-width: 560px) {
#wrapwrap .actimi-chrome .feat-toggles {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .summary-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
#wrapwrap .actimi-chrome .summary-card {padding: 24px 28px; border: 1px solid var(--line); background: var(--bg); border-radius: 0px;}
#wrapwrap .actimi-chrome .summary-card-head {display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px;}
#wrapwrap .actimi-chrome .summary-edit {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); background: transparent; border: 0px; cursor: pointer; padding: 4px 0px; transition: color 0.2s;}
#wrapwrap .actimi-chrome .summary-edit:hover {color: var(--accent);}
#wrapwrap .actimi-chrome .summary-list {list-style: none; padding: 0px; margin: 0px; display: grid; gap: 8px;}
#wrapwrap .actimi-chrome .summary-list li {display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--ink-2);}
#wrapwrap .actimi-chrome .summary-list li svg {color: var(--accent); flex: 0 0 auto;}
#wrapwrap .actimi-chrome .summary-empty {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4);}
@media (max-width: 720px) {
#wrapwrap .actimi-chrome .summary-grid {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .cfg-actions {display: flex; justify-content: center; gap: 14px; margin-top: 48px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .cfg-actions .btn-ghost:disabled {opacity: 0.4; cursor: not-allowed;}
#wrapwrap .actimi-chrome .legal-wrap {padding: 80px 0px 100px; background: var(--paper); color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .legal-wrap p {color: var(--paper-ink-soft);}
#wrapwrap .actimi-chrome .legal-card {max-width: 760px; margin: 0px auto; padding: 0px 32px;}
#wrapwrap .actimi-chrome .legal-card h1 {font-size: clamp(48px, 7vw, 96px); line-height: 0.95; margin-bottom: 40px; color: var(--ink-on-paper);}
#wrapwrap .actimi-chrome .legal-card h1 em {font-style: italic; color: var(--lime-deep);}
#wrapwrap .actimi-chrome .legal-card h2 {font-size: 32px; margin-top: 48px; margin-bottom: 16px; color: var(--ink-on-paper); font-style: italic;}
#wrapwrap .actimi-chrome .legal-card h3 {font-family: var(--font-mono); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-on-paper); margin-top: 28px; margin-bottom: 10px;}
#wrapwrap .actimi-chrome .legal-card li, #wrapwrap .actimi-chrome .legal-card p {font-size: 15px; line-height: 1.75; margin-bottom: 12px; color: var(--paper-ink-soft);}
#wrapwrap .actimi-chrome .legal-card ul {padding-left: 22px;}
#wrapwrap .actimi-chrome .legal-card a {color: var(--lime-deep); border-bottom: 1px solid;}
#wrapwrap .actimi-chrome .legal-card a:hover {color: var(--ink-on-paper);}
@media (max-width: 600px) {
#wrapwrap .actimi-chrome .legal-card {padding: 0px 20px;}
}
#wrapwrap .actimi-chrome .notfound {min-height: calc(-80px + 100vh); display: grid; place-items: center; padding: 80px 24px; text-align: center; position: relative; overflow: hidden;}
#wrapwrap .actimi-chrome .notfound .err-bg {position: absolute; font-family: var(--font-serif); font-size: clamp(280px, 50vw, 700px); font-style: italic; letter-spacing: -0.05em; color: transparent; -webkit-text-stroke: 1px var(--line-2); inset: 0px; display: grid; place-items: center; z-index: 0; user-select: none; pointer-events: none;}
#wrapwrap .actimi-chrome .notfound-inner {position: relative; z-index: 1;}
#wrapwrap .actimi-chrome .notfound h1 {font-size: clamp(40px, 5vw, 64px); margin-bottom: 16px; font-style: italic;}
#wrapwrap .actimi-chrome .notfound h1 em {color: var(--lime);}
#wrapwrap .actimi-chrome .notfound p {max-width: 50ch; margin: 0px auto 32px;}
#wrapwrap .actimi-chrome .page-fade-enter {opacity: 0; transform: translateY(8px);}
#wrapwrap .actimi-chrome .page-fade-enter-active {opacity: 1; transform: translateY(0px); transition: opacity .35s var(--ease-out),transform .35s var(--ease-out);}
#wrapwrap .actimi-chrome .news-page-hero {position: relative; padding: 100px 0px 40px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .news-page-hero h1 {font-size: clamp(48px, 9vw, 140px); line-height: 0.92; letter-spacing: -0.035em; margin-top: 18px; max-width: 14ch;}
#wrapwrap .actimi-chrome .news-page-hero .lead {margin-top: 24px; max-width: 60ch;}
#wrapwrap .actimi-chrome .news-filterbar {position: sticky; top: 64px; z-index: 60; background: var(--nav-bg-solid); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); padding: 14px 0px;}
#wrapwrap .actimi-chrome .news-filters {display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .news-filters .filters-label {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4);}
#wrapwrap .actimi-chrome .news-filters .chips {display: flex; gap: 8px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .chip {display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: var(--r-pill); border: 1px solid var(--line-2); background: transparent; color: var(--ink-2); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 500; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;}
#wrapwrap .actimi-chrome .chip:hover {color: var(--lime); transform: translateY(-1px);}
#wrapwrap .actimi-chrome .chip.on, #wrapwrap .actimi-chrome .chip:hover {border-color: var(--lime);}
#wrapwrap .actimi-chrome .chip.on {background: var(--lime); color: var(--violet-deep);}
#wrapwrap .actimi-chrome .chip-count {display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0px 6px; border-radius: var(--r-pill); background: var(--surface); color: var(--ink-3); font-size: 10px; font-weight: 700;}
#wrapwrap .actimi-chrome .chip.on .chip-count {background: var(--violet-deep); color: var(--lime);}
#wrapwrap .actimi-chrome .featured {display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; margin: 40px 0px 72px; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: var(--surface); transition: transform .35s var(--ease-out),box-shadow .35s;}
#wrapwrap .actimi-chrome .featured:hover {transform: translateY(-4px); box-shadow: var(--shadow-soft);}
#wrapwrap .actimi-chrome .featured .news-cover {aspect-ratio: auto; height: 100%; min-height: 360px;}
#wrapwrap .actimi-chrome .featured-body {padding: 36px; display: flex; flex-direction: column; gap: 16px; justify-content: center;}
#wrapwrap .actimi-chrome .featured-title {font-family: var(--font-serif); font-size: clamp(28px, 3.4vw, 44px); line-height: 1.05; letter-spacing: -0.02em;}
#wrapwrap .actimi-chrome .featured-excerpt {font-size: 16px; line-height: 1.6; color: var(--ink-2); max-width: 56ch;}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .featured {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .featured .news-cover {min-height: 240px;}
#wrapwrap .actimi-chrome .featured-body {padding: 28px;}
}
#wrapwrap .actimi-chrome .news-cover {position: relative; aspect-ratio: 5 / 3; overflow: hidden; isolation: isolate;}
#wrapwrap .actimi-chrome .cover-tag {position: absolute; top: 18px; left: 18px; z-index: 3; font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 12px; border-radius: var(--r-pill); background: rgba(255, 245, 232, 0.16); color: rgb(255, 255, 255); backdrop-filter: blur(8px); border: 1px solid rgba(255, 245, 232, 0.25);}
#wrapwrap .actimi-chrome .cover-glyph {right: -12px; bottom: -36px; font-family: var(--font-serif); font-style: italic; font-size: clamp(180px, 22vw, 320px); line-height: 1; letter-spacing: -0.04em; color: rgba(255, 245, 232, 0.12); user-select: none; pointer-events: none;}
#wrapwrap .actimi-chrome .cover-glyph, #wrapwrap .actimi-chrome .cover-mark {position: absolute; z-index: 2;}
#wrapwrap .actimi-chrome .cover-mark {top: 14px; right: 14px; width: 56px; height: auto;}
#wrapwrap .actimi-chrome .cover-grain {position: absolute; inset: 0px; z-index: 1; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>"); opacity: 0.18; mix-blend-mode: overlay; pointer-events: none;}
#wrapwrap .actimi-chrome .news-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
@media (max-width: 1000px) {
#wrapwrap .actimi-chrome .news-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) {
#wrapwrap .actimi-chrome .news-grid {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .news-card {display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; transition: transform .3s var(--ease-out),box-shadow .3s,border-color .3s;}
#wrapwrap .actimi-chrome .news-card:hover {transform: translateY(-5px); box-shadow: var(--shadow-soft); border-color: var(--line-2);}
#wrapwrap .actimi-chrome .news-card .news-cover {aspect-ratio: 5 / 3;}
#wrapwrap .actimi-chrome .news-card .news-cover::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 55%, rgba(0, 0, 0, 0.18)); z-index: 1; opacity: 0; transition: opacity 0.3s;}
#wrapwrap .actimi-chrome .news-card:hover .news-cover::after {opacity: 1;}
#wrapwrap .actimi-chrome .news-body {padding: 22px 22px 20px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;}
#wrapwrap .actimi-chrome .news-body h3 {font-size: 20px; line-height: 1.15; letter-spacing: -0.01em; color: var(--ink); transition: color 0.25s;}
#wrapwrap .actimi-chrome .news-card:hover h3 {color: var(--lime);}
#wrapwrap .actimi-chrome .news-body .excerpt {font-size: 14px; line-height: 1.55; color: var(--ink-3); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
#wrapwrap .actimi-chrome .topic-row {display: flex; gap: 6px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .topic {font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; padding: 4px 10px; border-radius: var(--r-pill); background: var(--bg-2); color: var(--ink-3); border: 1px solid var(--line);}
#wrapwrap .actimi-chrome .byline {justify-content: space-between; gap: 14px; padding-top: 14px; border-top: 1px solid var(--line); flex-wrap: wrap;}
#wrapwrap .actimi-chrome .byline, #wrapwrap .actimi-chrome .byline-people {display: flex; align-items: center;}
#wrapwrap .actimi-chrome .byline-people {gap: 10px;}
#wrapwrap .actimi-chrome .avatar, #wrapwrap .actimi-chrome .avatars {display: inline-flex; align-items: center;}
#wrapwrap .actimi-chrome .avatar {justify-content: center; width: 28px; height: 28px; border-radius: 50%; font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; color: var(--violet-deep); border: 2px solid var(--surface); box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px;}
#wrapwrap .actimi-chrome .byline-name {font-family: var(--font-sans); font-size: 13px; font-weight: 600; color: var(--ink-2);}
#wrapwrap .actimi-chrome .byline-meta {display: flex; gap: 12px; font-family: var(--font-mono); font-size: 11px; color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.08em;}
#wrapwrap .actimi-chrome .byline-meta span {display: inline-flex; align-items: center; gap: 4px;}
#wrapwrap .actimi-chrome .participants {display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px;}
#wrapwrap .actimi-chrome .participants-label {font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4);}
#wrapwrap .actimi-chrome .participants-list {display: flex; gap: 6px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .participant-chip {font-family: var(--font-sans); font-size: 12px; font-weight: 500; padding: 4px 10px; border-radius: var(--r-pill); background: linear-gradient(135deg, rgba(255, 138, 71, 0.12), rgba(231, 33, 102, 0.1)); color: var(--ink-2); border: 1px solid rgba(255, 138, 71, 0.25);}
#wrapwrap .actimi-chrome .card-cta {display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--lime); font-weight: 700; align-self: flex-start; transition: gap .25s var(--ease-out);}
#wrapwrap .actimi-chrome .card-cta:hover {gap: 12px;}
#wrapwrap .actimi-chrome .grid-head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; padding-bottom: 14px; border-bottom: 1px solid var(--line);}
#wrapwrap .actimi-chrome .empty {padding: 60px 32px; text-align: center; border: 1px dashed var(--line-2); border-radius: var(--r-lg);}
#wrapwrap .actimi-chrome .empty h3 {font-size: 28px; font-style: italic;}
#wrapwrap .actimi-chrome .empty p {margin: 12px auto 22px; max-width: 40ch;}
#wrapwrap .actimi-chrome .newsletter {position: relative; display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; padding: 48px; border-radius: var(--r-xl); background: linear-gradient(135deg,var(--surface) 0,var(--bg-2) 100%); border: 1px solid var(--line-2); overflow: hidden; isolation: isolate;}
#wrapwrap .actimi-chrome .newsletter::before {content: ""; position: absolute; inset: -40%; background: radial-gradient(circle at 20% 30%, rgba(255, 138, 71, 0.18), transparent 40%), radial-gradient(circle at 80% 70%, rgba(231, 33, 102, 0.14), transparent 40%); z-index: -1; filter: blur(40px); animation: 40s linear 0s infinite normal none running spin;}
#wrapwrap .actimi-chrome .newsletter h2 {font-size: clamp(28px, 3.2vw, 44px); line-height: 1; margin-top: 14px;}
#wrapwrap .actimi-chrome .newsletter .lead {margin-top: 14px; max-width: 50ch;}
#wrapwrap .actimi-chrome .newsletter-form {display: flex; flex-direction: column; gap: 12px;}
#wrapwrap .actimi-chrome .newsletter-field {display: flex; align-items: center; gap: 12px; padding: 0px 18px; border: 1px solid var(--line-2); border-radius: var(--r-pill); background: var(--surface); transition: border-color 0.2s, box-shadow 0.2s;}
#wrapwrap .actimi-chrome .newsletter-field:focus-within {border-color: var(--lime); box-shadow: var(--ring-lime);}
#wrapwrap .actimi-chrome .newsletter-field svg {color: var(--ink-3); flex-shrink: 0;}
#wrapwrap .actimi-chrome .newsletter-field input {border: 0px; outline: 0px; background: transparent; height: 52px; width: 100%; font-family: var(--font-sans); font-size: 15px; color: var(--ink);}
@media (max-width: 800px) {
#wrapwrap .actimi-chrome .newsletter {grid-template-columns: 1fr; padding: 32px;}
}
#wrapwrap .actimi-chrome .article {background: var(--bg);}
#wrapwrap .actimi-chrome .article-hero {position: relative; padding: 100px 0px 80px; color: rgb(255, 255, 255); isolation: isolate; overflow: hidden;}
#wrapwrap .actimi-chrome .article-hero-grain {inset: 0px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>"); opacity: 0.18; mix-blend-mode: overlay;}
#wrapwrap .actimi-chrome .article-hero-glyph, #wrapwrap .actimi-chrome .article-hero-grain {position: absolute; z-index: 0; pointer-events: none;}
#wrapwrap .actimi-chrome .article-hero-glyph {right: -3vw; bottom: -10vw; font-family: var(--font-serif); font-style: italic; font-size: clamp(280px, 36vw, 540px); line-height: 0.9; letter-spacing: -0.05em; color: rgba(255, 245, 232, 0.1); user-select: none;}
#wrapwrap .actimi-chrome .article-hero-inner {position: relative; z-index: 1; display: flex; flex-direction: column; gap: 24px; max-width: 900px;}
#wrapwrap .actimi-chrome .article-back {display: inline-block; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 245, 232, 0.75); transition: color 0.2s, transform 0.2s;}
#wrapwrap .actimi-chrome .article-back:hover {color: rgb(255, 255, 255); transform: translateX(-3px);}
#wrapwrap .actimi-chrome .article-tags {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .topic.on-cover {background: rgba(0, 0, 0, 0.32); color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(6px);}
#wrapwrap .actimi-chrome .article-title {font-family: var(--font-serif); font-size: clamp(40px, 6vw, 84px); line-height: 1.02; letter-spacing: -0.03em; color: rgb(255, 255, 255); max-width: 22ch;}
#wrapwrap .actimi-chrome .article-deck {font-family: var(--font-sans); font-size: clamp(17px, 1.4vw, 21px); line-height: 1.55; color: rgba(255, 245, 232, 0.86); max-width: 60ch;}
#wrapwrap .actimi-chrome .article-meta {border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px 0px; background: var(--bg); position: sticky; top: 64px; z-index: 50; backdrop-filter: blur(14px);}
#wrapwrap .actimi-chrome .article-meta-inner {display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .article-meta-people {display: flex; align-items: center; gap: 14px;}
#wrapwrap .actimi-chrome .article-meta-names {font-family: var(--font-sans); font-size: 14px; font-weight: 700; color: var(--ink); line-height: 1.2;}
#wrapwrap .actimi-chrome .article-meta-roles {font-size: 11px; margin-top: 4px;}
#wrapwrap .actimi-chrome .article-meta-roles, #wrapwrap .actimi-chrome .article-meta-stats {font-family: var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3);}
#wrapwrap .actimi-chrome .article-meta-stats {display: flex; gap: 18px; font-size: 12px;}
#wrapwrap .actimi-chrome .article-meta-stats span {display: inline-flex; align-items: center; gap: 6px;}
#wrapwrap .actimi-chrome .article-body {padding: 80px 0px 60px;}
#wrapwrap .actimi-chrome .article-body-inner {display: flex; flex-direction: column; gap: 56px;}
#wrapwrap .actimi-chrome .prose {max-width: 720px; margin: 0px auto; width: 100%; font-family: var(--font-sans);}
#wrapwrap .actimi-chrome .prose > * + * {margin-top: 28px;}
#wrapwrap .actimi-chrome .prose p {font-size: 18px; line-height: 1.7; color: var(--ink-2);}
#wrapwrap .actimi-chrome .prose .art-lead {font-style: italic; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.4; letter-spacing: -0.01em;}
#wrapwrap .actimi-chrome .prose .art-lead, #wrapwrap .actimi-chrome .prose h2 {font-family: var(--font-serif); color: var(--ink);}
#wrapwrap .actimi-chrome .prose h2 {font-size: clamp(28px, 3vw, 40px); letter-spacing: -0.02em; line-height: 1.1; margin-top: 56px;}
#wrapwrap .actimi-chrome .prose h2::before {content: ""; display: block; width: 40px; height: 2px; background: var(--lime); margin-bottom: 18px;}
#wrapwrap .actimi-chrome .prose h3 {font-family: var(--font-sans); font-size: 20px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink);}
#wrapwrap .actimi-chrome .art-quote {position: relative; margin: 32px 0px; padding: 24px 0px 24px 28px; border-left: 3px solid var(--lime);}
#wrapwrap .actimi-chrome .art-quote::before {content: "“"; position: absolute; top: -20px; left: 12px; font-family: var(--font-serif); font-size: 80px; line-height: 1; color: var(--lime); opacity: 0.4; pointer-events: none;}
#wrapwrap .actimi-chrome .art-quote p {font-family: var(--font-serif); font-style: italic; font-size: clamp(22px, 2vw, 28px); line-height: 1.4; color: var(--ink);}
#wrapwrap .actimi-chrome .art-quote cite {display: block; margin-top: 14px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); font-style: normal;}
#wrapwrap .actimi-chrome .art-list {list-style: none; padding: 0px; display: grid; gap: 14px;}
#wrapwrap .actimi-chrome .art-list li {position: relative; padding-left: 28px; font-size: 17px; line-height: 1.6; color: var(--ink-2);}
#wrapwrap .actimi-chrome .art-list li::before {content: "→"; position: absolute; left: 0px; top: 0px; font-family: var(--font-mono); color: var(--lime); font-weight: 700;}
#wrapwrap .actimi-chrome .article-participants {max-width: 720px; margin: 0px auto; width: 100%; padding: 24px 28px; border: 1px solid var(--line-2); border-radius: var(--r-md); background: linear-gradient(135deg, rgba(255, 138, 71, 0.06), rgba(231, 33, 102, 0.04)); display: flex; flex-direction: column; gap: 14px;}
#wrapwrap .actimi-chrome .participant-chip.large {font-size: 14px; padding: 8px 14px;}
#wrapwrap .actimi-chrome .article-share {max-width: 720px; margin: 0px auto; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); flex-wrap: wrap;}
#wrapwrap .actimi-chrome .share-buttons {display: flex; gap: 8px; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .share-btn {display: inline-flex; align-items: center; padding: 8px 14px; border: 1px solid var(--line-2); border-radius: var(--r-pill); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); background: transparent; transition: background 0.2s, color 0.2s, border-color 0.2s;}
#wrapwrap .actimi-chrome .share-btn:hover {background: var(--lime); color: var(--violet-deep); border-color: var(--lime);}
#wrapwrap .actimi-chrome .prev-next {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
#wrapwrap .actimi-chrome .pn-card {display: flex; flex-direction: column; gap: 8px; padding: 28px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); transition: transform .25s var(--ease-out),border-color .25s,box-shadow .25s;}
#wrapwrap .actimi-chrome .pn-card:hover {transform: translateY(-3px); border-color: var(--lime); box-shadow: var(--shadow-soft);}
#wrapwrap .actimi-chrome .pn-card.pn-next {text-align: right;}
#wrapwrap .actimi-chrome .pn-label {font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3);}
#wrapwrap .actimi-chrome .pn-card:hover .pn-label {color: var(--lime);}
#wrapwrap .actimi-chrome .pn-title {font-family: var(--font-serif); font-style: italic; font-size: 20px; line-height: 1.2; color: var(--ink);}
@media (max-width: 700px) {
#wrapwrap .actimi-chrome .prev-next {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .pn-card.pn-next {text-align: left;}
}
#wrapwrap .actimi-chrome .news-card.related .news-body {padding: 18px 18px 16px;}
#wrapwrap .actimi-chrome .news-card.related .news-body h3 {font-size: 18px;}
#wrapwrap .actimi-chrome .hero-cover {position: relative; margin: 32px 0px 24px; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); min-height: clamp(480px, 72vh, 780px); display: flex; align-items: flex-end; isolation: isolate;}
#wrapwrap .actimi-chrome .hero-cover-img {position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; z-index: 0; transition: transform 1.6s var(--ease-out);}
#wrapwrap .actimi-chrome .hero-cover:hover .hero-cover-img {transform: scale(1.025);}
#wrapwrap .actimi-chrome .hero-cover-veil {position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.78)), radial-gradient(120% 80% at 50% 100%, rgba(31, 22, 54, 0.35), transparent 60%);}
#wrapwrap .actimi-chrome .hero-cover-content {position: relative; z-index: 2; width: 100%; padding: clamp(28px, 4vw, 56px); display: flex; flex-direction: column; gap: clamp(20px, 2.6vw, 36px);}
#wrapwrap .actimi-chrome .hero-cover-headline {color: rgb(255, 255, 255); font-family: var(--font-serif); font-weight: 400; font-size: clamp(56px, 11vw, 160px); line-height: 0.92; letter-spacing: -0.04em; text-shadow: rgba(0, 0, 0, 0.35) 0px 2px 24px;}
#wrapwrap .actimi-chrome .hero-cover-headline em {font-style: italic; color: var(--lime); text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 24px;}
#wrapwrap .actimi-chrome .hero-cover-headline .stroke {color: transparent; -webkit-text-stroke: 1px rgba(255, 245, 232, 0.7); text-shadow: none;}
#wrapwrap .actimi-chrome .hero-cover-foot {display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid rgba(255, 245, 232, 0.18);}
#wrapwrap .actimi-chrome .hero-cover-caption, #wrapwrap .actimi-chrome .hero-cover-stamp {color: rgba(255, 245, 232, 0.85); display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;}
#wrapwrap .actimi-chrome .hero-cover-caption .dot {width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: rgba(255, 138, 71, 0.7) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running pulse-ring;}
@media (max-width: 600px) {
#wrapwrap .actimi-chrome .hero-cover {min-height: 520px;}
#wrapwrap .actimi-chrome .hero-cover-headline {font-size: clamp(40px, 14vw, 80px);}
}
#wrapwrap .actimi-chrome .hero-photo {position: relative; margin: 56px 0px 24px; border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--line); z-index: 2;}
#wrapwrap .actimi-chrome .hero-photo img {width: 100%; height: clamp(280px, 38vw, 480px); object-fit: cover; object-position: center 30%; display: block; transition: transform 1.2s var(--ease-out);}
#wrapwrap .actimi-chrome .hero-photo:hover img {transform: scale(1.02);}
#wrapwrap .actimi-chrome .hero-photo::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 55%, rgba(0, 0, 0, 0.45)); pointer-events: none;}
#wrapwrap .actimi-chrome .hero-photo-caption {position: absolute; bottom: 18px; left: 18px; z-index: 2; padding: 8px 14px; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: var(--r-pill);}
#wrapwrap .actimi-chrome .hero-photo-caption .mono {color: rgba(255, 255, 255, 0.92);}
#wrapwrap .actimi-chrome .partner-track:hover {animation-play-state: paused;}
#wrapwrap .actimi-chrome .partner-logo {height: 80px; max-width: 200px; width: auto; object-fit: contain; padding: 14px 22px; background: var(--surface); border-radius: var(--r-md); border: 1px solid var(--line); flex-shrink: 0; transition: transform .25s var(--ease-out),box-shadow .25s,border-color .25s;}
#wrapwrap .actimi-chrome .partner-logo:hover {transform: translateY(-3px); border-color: var(--lime); box-shadow: var(--shadow-soft);}
#wrapwrap .actimi-chrome .cert-logo {height: 26px; width: auto; object-fit: contain; padding: 4px 8px; background: var(--surface); border-radius: 6px; border: 1px solid var(--line-2);}
#wrapwrap .actimi-chrome .news-cover.has-image .cover-image {position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: transform .6s var(--ease-out);}
#wrapwrap .actimi-chrome .news-cover.has-image::before {content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.45)); z-index: 1;}
#wrapwrap .actimi-chrome .news-card:hover .news-cover.has-image .cover-image {transform: scale(1.04);}
#wrapwrap .actimi-chrome .news-cover.has-image .cover-tag {z-index: 3;}
#wrapwrap .actimi-chrome .news-cover.has-image .cover-grain {z-index: 2; opacity: 0.12;}
#wrapwrap .actimi-chrome .article-hero.has-image .article-hero-image {position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
#wrapwrap .actimi-chrome .article-hero.has-image::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.65)); z-index: 0;}
#wrapwrap .actimi-chrome .article-hero.has-image .article-hero-grain {z-index: 1; opacity: 0.12;}
@property --stat-grad-angle { syntax: "<angle>"; inherits: false; initial-value: 145deg; }
#wrapwrap .actimi-chrome:not(.actimi-unmatched) {--primary-50: #f7f4fa; --primary-100: #efeaf7; --primary-200: #e0d6ee; --primary-300: #c8b8dd; --primary-400: #a68fc3; --primary-500: #866aa6; --primary-600: #694c89; --primary-700: #52376f; --primary-800: #341e4c; --primary-900: #261239; --primary-950: #170a25; --accent-50: #fdf3f0; --accent-100: #fee7e2; --accent-200: #fcd1c7; --accent-300: #f6b0a1; --accent-400: #f0917b; --accent-500: #ee735f; --accent-600: #d7583f; --accent-700: #b44029; --accent-800: #8a3120; --accent-900: #662619; --accent-950: #411810; --brand-amber: #f7b13c; --brand-coral: #ee735f; --brand-magenta: #e72166; --gradient-brand: linear-gradient(145deg,#f7b13c,#ee735f 45%,#e72166); --gradient-brand-soft: linear-gradient(145deg,#f9b13e,#ee735f 50%,#e7405a); --neutral-50: #fafafb; --neutral-100: #f5f4f6; --neutral-200: #e7e6ea; --neutral-300: #d5d4d9; --neutral-400: #a4a2a8; --neutral-500: #7b7880; --neutral-600: #5b5961; --neutral-700: #45434b; --neutral-800: #2c2a30; --neutral-900: #1a181d; --neutral-950: #0d0b0f; --success-50: #eaf8ed; --success-100: #d7f2dd; --success-200: #b6e5c1; --success-300: #89d19c; --success-400: #5cba7a; --success-500: #3aa460; --success-600: #26894c; --success-700: #1b6c3a; --success-800: #14522c; --success-900: #124022; --success-950: #0c2815; --warning-50: #fff5e7; --warning-100: #ffebce; --warning-200: #ffd9a4; --warning-300: #fdc471; --warning-400: #f9b13e; --warning-500: #eda421; --warning-600: #d08b00; --warning-700: #a56d00; --warning-800: #7e5403; --warning-900: #62420a; --warning-950: #3e2909; --warning-text: #a66e00; --danger-50: #fff1ef; --danger-100: #ffe4e0; --danger-200: #fdcbc5; --danger-300: #f9a69c; --danger-400: #f3766b; --danger-500: #e8403b; --danger-600: #d3181f; --danger-700: #b00c15; --danger-800: #8a0f12; --danger-900: #6c1614; --danger-950: #440f0d; --font-display: "Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --font-display-settings: normal; --font-sans: "Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --font-serif: "Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --font-mono: "IBM Plex Mono","SF Mono",ui-monospace,monospace; --text-display: 4.5rem; --text-display-lh: 1.02; --text-display-ls: -0.02em; --text-h1: 3rem; --text-h1-lh: 1.06; --text-h1-ls: -0.018em; --text-h2: 2.25rem; --text-h2-lh: 1.12; --text-h2-ls: -0.014em; --text-h3: 1.75rem; --text-h3-lh: 1.2; --text-h3-ls: -0.01em; --text-h4: 1.375rem; --text-h4-lh: 1.3; --text-h4-ls: -0.006em; --text-h5: 1.125rem; --text-h5-lh: 1.4; --text-h5-ls: 0; --text-h6: 1rem; --text-h6-lh: 1.45; --text-h6-ls: 0; --text-body-lg: 1.125rem; --text-body-lg-lh: 1.6; --text-body: 1rem; --text-body-lh: 1.6; --text-body-sm: 0.875rem; --text-body-sm-lh: 1.55; --text-caption: 0.75rem; --text-caption-lh: 1.4; --text-caption-ls: 0.01em; --text-overline: 0.6875rem; --text-overline-lh: 1.3; --text-overline-ls: 0.12em; --text-vital-xl: 3.5rem; --text-vital-lg: 2.5rem; --text-vital-md: 1.75rem; --weight-light: 300; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-black: 900; --space-0: 0; --space-px: 1px; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem; --container-sm: 640px; --container-md: 768px; --container-lg: 1024px; --container-xl: 1280px; --container-2xl: 1536px; --grid-columns: 12; --grid-gutter: var(--space-6); --radius-none: 0; --radius-xs: 4px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px; --radius-2xl: 28px; --radius-full: 9999px; --border-width: 1px; --border-width-2: 2px; --border-width-4: 4px; --blur-sm: 6px; --blur-md: 14px; --blur-lg: 28px; --blur-xl: 48px; --duration-instant: 80ms; --duration-fast: 140ms; --duration-base: 220ms; --duration-slow: 340ms; --duration-slower: 520ms; --ease-standard: cubic-bezier(0.2,0,0,1); --ease-enter: cubic-bezier(0.05,0.7,0.1,1); --ease-exit: cubic-bezier(0.3,0,0.8,0.15); --ease-spring: cubic-bezier(0.34,1.56,0.64,1);}
#wrapwrap .actimi-chrome[data-theme="light"] {color-scheme: light; --color-bg: var(--neutral-100); --color-bg-subtle: var(--neutral-200); --color-surface: #ffffff; --color-surface-raised: #ffffff; --color-surface-sunken: var(--neutral-100); --color-overlay: rgba(23,10,37,0.42); --color-text: var(--neutral-900); --color-text-muted: var(--neutral-600); --color-text-subtle: var(--neutral-500); --color-text-inverted: #ffffff; --color-border: var(--neutral-200); --color-border-strong: var(--neutral-300); --color-border-subtle: var(--neutral-100); --color-primary: var(--primary-800); --color-primary-hover: var(--primary-900); --color-primary-active: var(--primary-950); --color-on-primary: #ffffff; --color-primary-subtle: var(--primary-50); --color-primary-subtle-text: var(--primary-800); --color-accent: var(--accent-500); --color-accent-hover: var(--accent-600); --color-accent-active: var(--accent-700); --color-on-accent: #ffffff; --color-accent-subtle: var(--accent-50); --color-ring: var(--accent-500); --color-normal: var(--success-600); --color-normal-bg: var(--success-50); --color-normal-text: var(--success-800); --color-borderline: var(--warning-600); --color-borderline-bg: var(--warning-50); --color-borderline-text: var(--warning-800); --color-borderline-ic: var(--warning-text); --color-critical: var(--danger-600); --color-critical-bg: var(--danger-50); --color-critical-text: var(--danger-800); --color-dark-band: var(--primary-950); --shadow-xs: 0 1px 2px rgba(23,10,37,0.05); --shadow-sm: 0 1px 2px rgba(23,10,37,0.04),0 4px 10px rgba(23,10,37,0.05); --shadow-md: 0 2px 4px rgba(23,10,37,0.04),0 12px 26px rgba(23,10,37,0.07); --shadow-lg: 0 4px 10px rgba(23,10,37,0.05),0 20px 46px rgba(23,10,37,0.10); --shadow-xl: 0 10px 22px rgba(23,10,37,0.05),0 40px 80px rgba(23,10,37,0.12); --shadow-focus: 0 0 0 3px rgba(238,115,95,0.40);}
#wrapwrap .actimi-chrome[data-theme="dark"] {color-scheme: dark; --color-surface: #161616; --color-surface-raised: #1f1f1f; --color-surface-sunken: #050505; --color-text: #fafafa; --color-text-muted: #a3a3a3; --color-text-subtle: #737373; --color-border: rgba(255,255,255,0.10); --color-border-strong: rgba(255,255,255,0.18); --color-border-subtle: rgba(255,255,255,0.05); --color-primary: #fafafa; --color-primary-active: #e5e5e5; --color-primary-subtle-text: #e5e5e5; --color-accent: var(--accent-400); --color-accent-hover: var(--accent-300); --color-accent-active: var(--accent-200); --color-on-accent: #0a0a0a; --color-accent-subtle: rgba(238,115,95,0.16); --color-ring: var(--accent-400); --color-dark-band: #141414; --color-normal: #3fa968; --color-normal-bg: rgba(63,169,104,0.16); --color-normal-text: #82d1a0; --color-borderline: #e5a52e; --color-borderline-bg: rgba(229,165,46,0.16); --color-borderline-text: #f2c97c; --color-borderline-ic: #e5a52e; --color-critical: #f0565c; --color-critical-bg: rgba(240,86,92,0.18); --color-critical-text: #f6968b; --shadow-xs: 0 1px 2px rgba(0,0,0,0.45); --shadow-sm: 0 1px 3px rgba(0,0,0,0.55),0 1px 2px rgba(0,0,0,0.45); --shadow-md: 0 4px 12px rgba(0,0,0,0.55),0 2px 4px rgba(0,0,0,0.45); --shadow-lg: 0 12px 28px rgba(0,0,0,0.65),0 4px 8px rgba(0,0,0,0.5); --shadow-xl: 0 24px 56px rgba(0,0,0,0.75),0 8px 16px rgba(0,0,0,0.55); --shadow-focus: 0 0 0 3px rgba(240,145,123,0.45);}
#wrapwrap .actimi-chrome:not(.actimi-unmatched) {--glass-bg: rgba(255,255,255,0.55); --glass-bg-strong: rgba(255,255,255,0.72); --glass-bg-dark: rgba(20,20,22,0.72); --glass-border: rgba(255,255,255,0.70); --glass-text: var(--neutral-800); --glass-blur: saturate(160%) blur(18px); --glass-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 8px 24px rgba(23,10,37,0.08),0 1px 2px rgba(23,10,37,0.06); --color-primary: var(--neutral-900); --color-primary-hover: var(--neutral-800); --color-primary-active: #000; --color-primary-subtle: var(--glass-bg); --color-primary-subtle-text: var(--glass-text); --color-dark-band: #1a181d;}
#wrapwrap .actimi-chrome[data-theme="dark"] {--color-bg: #0a0a0a; --color-bg-subtle: #050505; --color-surface: #1c1c1e; --color-surface-raised: #2c2c2e; --color-surface-sunken: #141416; --color-overlay: rgba(0,0,0,0.66); --color-text: #f5f5f7; --color-text-muted: #c7c7cc; --color-text-subtle: #98989d; --color-text-inverted: #0a0a0a; --color-border: rgba(255,255,255,0.14); --color-border-strong: rgba(255,255,255,0.22); --color-border-subtle: rgba(255,255,255,0.07); --color-primary: #f5f5f7; --color-primary-hover: #ffffff; --color-primary-active: #e5e5ea; --color-on-primary: #0a0a0a; --color-primary-subtle: rgba(255,255,255,0.08); --color-primary-subtle-text: #f5f5f7; --glass-bg: rgba(44,44,46,0.78); --glass-bg-strong: rgba(58,58,60,0.92); --glass-bg-dark: rgba(20,20,22,0.85); --glass-border: rgba(255,255,255,0.14); --glass-text: #f5f5f7; --glass-blur: saturate(180%) blur(28px); --glass-shadow: 0 1px 0 rgba(255,255,255,0.08) inset,0 12px 32px rgba(0,0,0,0.6),0 1px 2px rgba(0,0,0,0.5);}
#wrapwrap .actimi-chrome .badge-primary, #wrapwrap .actimi-chrome .btn-ghost:active:not([disabled]), #wrapwrap .actimi-chrome .btn-ghost:hover:not([disabled]), #wrapwrap .actimi-chrome .comp-badge, #wrapwrap .actimi-chrome .device .dic, #wrapwrap .actimi-chrome .device-tile .dic, #wrapwrap .actimi-chrome .ds-nav a.active, #wrapwrap .actimi-chrome .logo-mark .lg, #wrapwrap .actimi-chrome .nav-login-menu .lic.cl, #wrapwrap .actimi-chrome .radii-box, #wrapwrap .actimi-chrome .step .ic, #wrapwrap .actimi-chrome .tab.active, #wrapwrap .actimi-chrome .toast.info .ic, #wrapwrap .actimi-chrome .topnav .seg button.active {background: var(--glass-bg); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); color: var(--glass-text);}
#wrapwrap .actimi-chrome .comp-badge svg, #wrapwrap .actimi-chrome .device .dic svg, #wrapwrap .actimi-chrome .device-tile .dic svg, #wrapwrap .actimi-chrome .fhir-node svg, #wrapwrap .actimi-chrome .hero-trust .mk svg, #wrapwrap .actimi-chrome .logo-mark .lg svg, #wrapwrap .actimi-chrome .step .ic svg, #wrapwrap .actimi-chrome .toast.info .ic svg {color: var(--glass-text);}
#wrapwrap .actimi-chrome .cta-final, #wrapwrap .actimi-chrome .fhir-hub, #wrapwrap .actimi-chrome .mock-phone, #wrapwrap .actimi-chrome .split-card.clin {backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); background: var(--glass-bg-strong) !important; color: var(--color-text) !important;}
#wrapwrap .actimi-chrome .band-ink .stat .l, #wrapwrap .actimi-chrome .cta-final p, #wrapwrap .actimi-chrome .split-card.clin .lead {color: var(--color-text-muted) !important;}
#wrapwrap .actimi-chrome .band-ink .stat .n, #wrapwrap .actimi-chrome .band-ink h2, #wrapwrap .actimi-chrome .cta-final h2, #wrapwrap .actimi-chrome .split-card.clin h3 {color: var(--color-text) !important;}
#wrapwrap .actimi-chrome .cta-final::before {display: none !important;}
#wrapwrap .actimi-chrome .band-ink {background: var(--color-surface) !important; color: var(--color-text) !important; border-block: 1px solid var(--color-border) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-ink {background: rgb(28, 28, 30) !important; color: rgb(245, 245, 247) !important;}
#wrapwrap .actimi-chrome .band-ink .eyebrow {color: var(--color-accent) !important;}
#wrapwrap .actimi-chrome .band-ink .lead, #wrapwrap .actimi-chrome .band-ink p {color: var(--color-text-muted) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-ink .lead, #wrapwrap .actimi-chrome[data-theme="dark"] .band-ink p {color: rgb(174, 174, 178) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .cta-final, #wrapwrap .actimi-chrome[data-theme="dark"] .fhir-hub, #wrapwrap .actimi-chrome[data-theme="dark"] .mock-phone, #wrapwrap .actimi-chrome[data-theme="dark"] .split-card.clin {color: rgb(245, 245, 247) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .cta-final .lead, #wrapwrap .actimi-chrome[data-theme="dark"] .cta-final p, #wrapwrap .actimi-chrome[data-theme="dark"] .split-card.clin .lead, #wrapwrap .actimi-chrome[data-theme="dark"] .split-card.clin p {color: rgb(199, 199, 204) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .device-tile .dic, #wrapwrap .actimi-chrome[data-theme="dark"] .fhir-node, #wrapwrap .actimi-chrome[data-theme="dark"] .mock-bar .mock-tab, #wrapwrap .actimi-chrome[data-theme="dark"] .mock-body, #wrapwrap .actimi-chrome[data-theme="dark"] .mock-phone-screen {background: var(--color-surface-raised) !important; color: var(--color-text) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-ink, #wrapwrap .actimi-chrome[data-theme="dark"] .band-ink .stat .n, #wrapwrap .actimi-chrome[data-theme="dark"] .band-ink h2 {color: rgb(245, 245, 247) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-ink .lead, #wrapwrap .actimi-chrome[data-theme="dark"] .band-ink .stat .l, #wrapwrap .actimi-chrome[data-theme="dark"] .band-ink p {color: rgb(199, 199, 204) !important;}
#wrapwrap .actimi-chrome ::selection {color: var(--neutral-900);}
#wrapwrap .actimi-chrome[data-theme="dark"] ::selection {background: rgba(238, 115, 95, 0.35); color: rgb(255, 255, 255);}
#wrapwrap .actimi-chrome[data-theme="dark"] .partner-marquee {box-shadow: rgba(0, 0, 0, 0.5) 0px 12px 32px; background: rgb(245, 245, 247) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important;}
#wrapwrap .actimi-chrome .device-tile {display: flex; flex-direction: column;}
#wrapwrap .actimi-chrome .device-tile .meta {min-height: 2.6em;}
#wrapwrap .actimi-chrome .device-tile > .btn:last-child, #wrapwrap .actimi-chrome .device-tile > .conn:last-child, #wrapwrap .actimi-chrome .device-tile > .cta-row:last-child, #wrapwrap .actimi-chrome .device-tile > a:last-child {margin-top: auto;}
#wrapwrap .actimi-chrome .split-card {display: flex; flex-direction: column;}
#wrapwrap .actimi-chrome .split-card > .btn:last-child, #wrapwrap .actimi-chrome .split-card > .cta-row:last-child {margin-top: auto;}
#wrapwrap .actimi-chrome .devices-grid.cols-3 {grid-template-columns: repeat(3, 1fr);}
#wrapwrap .actimi-chrome .devices-grid.cols-2 {grid-template-columns: repeat(2, 1fr);}
#wrapwrap .actimi-chrome .steps.steps-4 {grid-template-columns: repeat(4, 1fr);}
@media (max-width: 720px) {
#wrapwrap .actimi-chrome .devices-grid.cols-2, #wrapwrap .actimi-chrome .devices-grid.cols-3 {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .hero.hero-cinema {position: relative; isolation: isolate; min-height: clamp(560px, 78vh, 880px); display: flex; align-items: stretch; overflow: hidden; background: var(--color-bg); padding: 0px !important;}
#wrapwrap .actimi-chrome .hero.hero-cinema::before {display: none;}
#wrapwrap .actimi-chrome .hero-cinema-media {position: absolute; inset: 0px; z-index: 0; overflow: hidden;}
#wrapwrap .actimi-chrome .hero-slide {position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; opacity: 0; transform: scale(1); transform-origin: center center; will-change: opacity, transform; transition: opacity 1.4s ease-in-out, transform 6s ease-out;}
#wrapwrap .actimi-chrome .hero-slide.is-active {opacity: 1; transform: scale(1.06);}
@media (prefers-reduced-motion: reduce) {
#wrapwrap .actimi-chrome .hero-slide {transition: opacity 0.4s;}
#wrapwrap .actimi-chrome .hero-slide, #wrapwrap .actimi-chrome .hero-slide.is-active {transform: none;}
}
#wrapwrap .actimi-chrome .hero-cinema-scrim {position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(8, 10, 14, 0.88), rgba(8, 10, 14, 0.74) 30%, rgba(8, 10, 14, 0.4) 55%, rgba(8, 10, 14, 0.08) 78%, rgba(8, 10, 14, 0)), linear-gradient(rgba(8, 10, 14, 0.2), rgba(8, 10, 14, 0) 40%, rgba(8, 10, 14, 0.55)); pointer-events: none;}
#wrapwrap .actimi-chrome .hero-cinema-overlay {position: relative; z-index: 1; display: flex; align-items: center; padding-block: clamp(var(--space-12),8vw,var(--space-24)); width: 100%;}
#wrapwrap .actimi-chrome .hero-cinema-copy {max-width: 640px; color: rgb(245, 245, 247);}
#wrapwrap .actimi-chrome .hero-cinema-copy .eyebrow {color: rgb(245, 245, 247); background: rgba(255, 255, 255, 0.08); backdrop-filter: saturate(180%) blur(14px); border: 1px solid rgba(255, 255, 255, 0.18); padding: 6px 12px; border-radius: 999px; display: inline-flex; width: auto;}
#wrapwrap .actimi-chrome .hero-cinema-copy h1.display {color: rgb(255, 255, 255); font-size: clamp(2.5rem, 4.2vw, 4rem); line-height: 1.06; letter-spacing: -0.025em; text-shadow: rgba(0, 0, 0, 0.35) 0px 2px 24px;}
#wrapwrap .actimi-chrome :lang(de) .hero-cinema-copy h1.display, #wrapwrap .actimi-chrome :lang(pl) .hero-cinema-copy h1.display {hyphens: manual; overflow-wrap: break-word;}
#wrapwrap .actimi-chrome .hero-cinema-copy h1 .accent {color: var(--color-accent);}
#wrapwrap .actimi-chrome .hero-cinema-copy .hero-lead {color: rgba(255, 255, 255, 0.88); font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.55; max-width: 52ch; text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 12px;}
#wrapwrap .actimi-chrome .hero-cinema-copy .cta-row .btn-secondary {background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.22); backdrop-filter: saturate(180%) blur(18px);}
#wrapwrap .actimi-chrome .hero-cinema-copy .cta-row .btn-secondary:hover {background: rgba(255, 255, 255, 0.18);}
#wrapwrap .actimi-chrome .hero-cinema-copy .cta-row .btn-primary {background: rgb(255, 255, 255); color: rgb(10, 10, 10); border: 1px solid rgba(255, 255, 255, 0.22);}
#wrapwrap .actimi-chrome .hero-cinema-copy .cta-row .btn-primary:hover {background: rgb(241, 241, 243);}
#wrapwrap .actimi-chrome .hero-cinema-copy .hero-trust .lbl {color: rgba(255, 255, 255, 0.65);}
#wrapwrap .actimi-chrome .hero-cinema-copy .hero-trust .mk {color: rgba(255, 255, 255, 0.92);}
#wrapwrap .actimi-chrome .hero-cinema-copy .hero-trust .mk svg {color: rgba(255, 255, 255, 0.85);}
@media (max-width: 900px) {
#wrapwrap .actimi-chrome .hero.hero-cinema {min-height: clamp(520px, 90vh, 760px);}
#wrapwrap .actimi-chrome .hero-cinema-media img {object-position: 60% center;}
#wrapwrap .actimi-chrome .hero-cinema-scrim {background: linear-gradient(rgba(8, 10, 14, 0.35), rgba(8, 10, 14, 0.55) 42%, rgba(8, 10, 14, 0.88));}
#wrapwrap .actimi-chrome .hero-cinema-overlay {align-items: flex-end;}
#wrapwrap .actimi-chrome .hero-cinema-copy {max-width: 100%;}
}
@media (min-width: 1600px) {
#wrapwrap .actimi-chrome .hero.hero-cinema {min-height: clamp(720px, 70vh, 980px);}
#wrapwrap .actimi-chrome .hero-cinema-copy h1.display {font-size: clamp(3.2rem, 3.8vw, 4.8rem);}
}
#wrapwrap .actimi-chrome * {box-sizing: border-box;}
#wrapwrap .actimi-chrome:is(section) {scroll-behavior: smooth;}
#wrapwrap .actimi-chrome:is(section) {margin: 0px; font-family: var(--font-sans); background: var(--color-bg); color: var(--color-text); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}
#wrapwrap .actimi-chrome ::selection {background: var(--accent-200); color: var(--primary-900);}
#wrapwrap .actimi-chrome .ds-app {display: grid; grid-template-columns: 276px 1fr; min-height: 100vh;}
#wrapwrap .actimi-chrome .ds-sidebar {position: sticky; top: 0px; height: 100vh; overflow-y: auto; background: var(--color-surface); border-right: 1px solid var(--color-border); padding: var(--space-6) 0 var(--space-12); display: flex; flex-direction: column;}
#wrapwrap .actimi-chrome .ds-main {min-width: 0px;}
#wrapwrap .actimi-chrome .ds-content {max-width: 1180px; margin: 0px auto; padding: var(--space-16) var(--space-12) var(--space-32);}
#wrapwrap .actimi-chrome .ds-brand {display: flex; align-items: center; gap: var(--space-3); padding: 0 var(--space-6) var(--space-6);}
#wrapwrap .actimi-chrome .ds-brand img {height: 34px; width: auto;}
#wrapwrap .actimi-chrome .ds-brand-text {display: flex; flex-direction: column; line-height: 1.1;}
#wrapwrap .actimi-chrome .ds-brand-text b {font-weight: var(--weight-bold); font-size: 0.95rem; letter-spacing: -0.01em;}
#wrapwrap .actimi-chrome .ds-brand-text span {font-size: var(--text-caption); color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .ds-nav {padding: 0 var(--space-3); display: flex; flex-direction: column; gap: 1px;}
#wrapwrap .actimi-chrome .ds-nav-group {margin-top: var(--space-5); padding: 0 var(--space-3) var(--space-2); font-size: var(--text-overline); letter-spacing: var(--text-overline-ls); text-transform: uppercase; color: var(--color-text-subtle); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .ds-nav a {display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); color: var(--color-text-muted); text-decoration: none; font-size: var(--text-body-sm); font-weight: var(--weight-medium); transition: background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .ds-nav a:hover {background: var(--color-bg); color: var(--color-text);}
#wrapwrap .actimi-chrome .ds-nav a.active {background: var(--color-primary-subtle); color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .ds-nav a .dot {width: 7px; height: 7px; border-radius: var(--radius-full); background: currentcolor; opacity: 0.55;}
#wrapwrap .actimi-chrome .ds-theme-toggle {margin: auto var(--space-6) 0; padding-top: var(--space-6);}
#wrapwrap .actimi-chrome .ds-hero {margin-bottom: var(--space-16);}
#wrapwrap .actimi-chrome .ds-eyebrow {display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-overline); letter-spacing: var(--text-overline-ls); text-transform: uppercase; font-weight: var(--weight-semibold); color: var(--color-accent); margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .ds-hero h1 {font-family: var(--font-display); font-weight: 800; font-size: var(--text-display); line-height: var(--text-display-lh); letter-spacing: -0.028em; margin: 0 0 var(--space-5); color: var(--color-text);}
#wrapwrap .actimi-chrome .ds-hero p {font-size: var(--text-body-lg); line-height: var(--text-body-lg-lh); color: var(--color-text-muted); max-width: 60ch; margin: 0px;}
#wrapwrap .actimi-chrome .ds-hero-meta {display: flex; flex-wrap: wrap; gap: var(--space-6); margin-top: var(--space-8);}
#wrapwrap .actimi-chrome .ds-hero-meta div {display: flex; flex-direction: column; gap: 2px;}
#wrapwrap .actimi-chrome .ds-hero-meta dt {font-size: var(--text-caption); color: var(--color-text-subtle); text-transform: uppercase; letter-spacing: 0.06em;}
#wrapwrap .actimi-chrome .ds-hero-meta dd {margin: 0px; font-size: var(--text-body-sm); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .ds-section {margin-bottom: var(--space-24); scroll-margin-top: var(--space-6);}
#wrapwrap .actimi-chrome .ds-section-head {margin-bottom: var(--space-8); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .ds-section-head h2 {font-family: var(--font-display); font-weight: 700; font-size: var(--text-h1); line-height: var(--text-h1-lh); letter-spacing: -0.022em; margin: 0 0 var(--space-3);}
#wrapwrap .actimi-chrome .ds-section-head p {font-size: var(--text-body); color: var(--color-text-muted); max-width: 66ch; margin: 0px; line-height: 1.6;}
#wrapwrap .actimi-chrome .ds-sub {margin: var(--space-12) 0 var(--space-5);}
#wrapwrap .actimi-chrome .ds-sub h3 {font-size: var(--text-h4); font-weight: var(--weight-semibold); letter-spacing: -0.01em; margin: 0 0 var(--space-1);}
#wrapwrap .actimi-chrome .ds-sub p {margin: 0px; font-size: var(--text-body-sm); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .ds-panels {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5);}
@media (max-width: 1100px) {
#wrapwrap .actimi-chrome .ds-panels {grid-template-columns: 1fr;}
}
#wrapwrap .actimi-chrome .ds-panel {border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: var(--color-bg); overflow: hidden;}
#wrapwrap .actimi-chrome .ds-panel-label {display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-4); font-size: var(--text-caption); font-weight: var(--weight-semibold); letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-text-subtle); border-bottom: 1px solid var(--color-border); background: var(--color-surface);}
#wrapwrap .actimi-chrome .ds-panel-body {padding: var(--space-8); display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: flex-start;}
#wrapwrap .actimi-chrome .ds-panel-body.col {flex-direction: column;}
#wrapwrap .actimi-chrome .ds-panel-body.center {align-items: center; justify-content: center; min-height: 160px;}
#wrapwrap .actimi-chrome .ds-card-demo {border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-sm); padding: var(--space-8);}
#wrapwrap .actimi-chrome .ds-row {display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center;}
#wrapwrap .actimi-chrome .ds-stack {display: flex; flex-direction: column; gap: var(--space-3);}
#wrapwrap .actimi-chrome .ds-grid {display: grid; gap: var(--space-4);}
#wrapwrap .actimi-chrome .swatch-scale {display: grid; grid-template-columns: repeat(11, 1fr); gap: var(--space-2);}
@media (max-width: 920px) {
#wrapwrap .actimi-chrome .swatch-scale {grid-template-columns: repeat(6, 1fr);}
}
#wrapwrap .actimi-chrome .swatch {cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; text-align: left; font-family: inherit;}
#wrapwrap .actimi-chrome .swatch-chip {height: 64px; border-radius: var(--radius-md); border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: var(--shadow-xs); transition: transform var(--duration-fast) var(--ease-spring);}
#wrapwrap .actimi-chrome .swatch:hover .swatch-chip {transform: translateY(-3px);}
#wrapwrap .actimi-chrome .swatch-meta {padding: var(--space-2) 2px 0;}
#wrapwrap .actimi-chrome .swatch-meta .k {font-size: var(--text-caption); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .swatch-meta .v {font-family: var(--font-mono); font-size: 0.65rem; color: var(--color-text-subtle); text-transform: uppercase;}
#wrapwrap .actimi-chrome .role-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--space-3);}
#wrapwrap .actimi-chrome .role-card {border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; cursor: pointer; background: var(--color-surface);}
#wrapwrap .actimi-chrome .role-card .role-sample {height: 52px;}
#wrapwrap .actimi-chrome .role-card .role-info {padding: var(--space-2) var(--space-3);}
#wrapwrap .actimi-chrome .role-card .role-info .k {font-family: var(--font-mono); font-size: 0.7rem;}
#wrapwrap .actimi-chrome .role-card .role-info .v {font-size: 0.65rem; color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .token-table {width: 100%; border-collapse: collapse; font-size: var(--text-body-sm);}
#wrapwrap .actimi-chrome .token-table th {text-align: left; padding: var(--space-2) var(--space-3); font-size: var(--text-caption); text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-text-subtle); border-bottom: 1px solid var(--color-border); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .token-table td {padding: var(--space-3); border-bottom: 1px solid var(--color-border-subtle); vertical-align: middle;}
#wrapwrap .actimi-chrome .token-table tr:hover td {background: var(--color-bg);}
#wrapwrap .actimi-chrome .mono, #wrapwrap .actimi-chrome .token-name {font-family: var(--font-mono);}
#wrapwrap .actimi-chrome .token-name {font-size: 0.78rem; color: var(--color-accent); background: var(--color-accent-subtle); padding: 2px 7px; border-radius: var(--radius-xs); cursor: pointer; white-space: nowrap;}
#wrapwrap .actimi-chrome .token-name:hover {outline: 1px solid var(--color-accent);}
#wrapwrap .actimi-chrome .type-spec {display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-6); padding: var(--space-5) 0; border-bottom: 1px solid var(--color-border-subtle);}
#wrapwrap .actimi-chrome .type-spec .sample {min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#wrapwrap .actimi-chrome .type-spec .meta {flex-shrink: 0; text-align: right; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--color-text-subtle); line-height: 1.5;}
#wrapwrap .actimi-chrome .font-card {border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-8); background: var(--color-surface);}
#wrapwrap .actimi-chrome .font-card .glyph {font-size: 4.5rem; line-height: 1; margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .font-card .name {font-size: var(--text-h5); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .font-card .role {font-size: var(--text-body-sm); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .space-row {display: flex; align-items: center; gap: var(--space-4); padding: var(--space-2) 0;}
#wrapwrap .actimi-chrome .space-bar {height: 16px; background: var(--gradient-brand); border-radius: var(--radius-xs);}
#wrapwrap .actimi-chrome .radii-box {width: 88px; height: 88px; background: var(--color-primary-subtle); border: 2px solid var(--color-primary); display: flex; align-items: flex-end; justify-content: center; padding: 6px;}
#wrapwrap .actimi-chrome .radii-box span {font-family: var(--font-mono); font-size: 0.62rem; color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .shadow-box {width: 130px; height: 96px; border-radius: var(--radius-md); background: var(--color-surface); display: flex; align-items: flex-end; justify-content: center; padding: var(--space-2);}
#wrapwrap .actimi-chrome .shadow-box span {font-family: var(--font-mono); font-size: 0.62rem; color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .blur-box {width: 130px; height: 96px; border-radius: var(--radius-md); position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: center;}
#wrapwrap .actimi-chrome .blur-box .glass {position: absolute; inset: 0px; background: rgba(255, 255, 255, 0.35);}
#wrapwrap .actimi-chrome .blur-box span {position: relative; font-family: var(--font-mono); font-size: 0.62rem; color: rgb(255, 255, 255); padding: var(--space-2);}
#wrapwrap .actimi-chrome .motion-track {height: 44px; background: var(--color-bg-subtle); position: relative; flex: 1 1 0%; cursor: pointer;}
#wrapwrap .actimi-chrome .motion-dot, #wrapwrap .actimi-chrome .motion-track {border-radius: var(--radius-full);}
#wrapwrap .actimi-chrome .motion-dot {position: absolute; top: 6px; left: 6px; width: 32px; height: 32px; background: var(--gradient-brand);}
#wrapwrap .actimi-chrome .btn {font-family: var(--font-sans); font-weight: var(--weight-semibold); font-size: var(--text-body-sm); border-radius: var(--radius-full); padding: 0.7rem 1.35rem; min-height: 44px; border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); line-height: 1; letter-spacing: 0px; transition: background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .btn:active {transform: translateY(1px);}
#wrapwrap .actimi-chrome .btn svg {width: 17px; height: 17px;}
#wrapwrap .actimi-chrome .btn:focus-visible {outline: 2px solid var(--color-accent); outline-offset: 2px; box-shadow: var(--shadow-focus);}
#wrapwrap .actimi-chrome .btn[disabled] {cursor: not-allowed; opacity: 0.45; transform: none; box-shadow: none;}
#wrapwrap .actimi-chrome .btn-primary {background: var(--color-primary); color: var(--color-on-primary); box-shadow: var(--shadow-sm);}
#wrapwrap .actimi-chrome .btn-primary:hover:not([disabled]) {background: var(--color-primary-hover);}
#wrapwrap .actimi-chrome .btn-primary:active:not([disabled]) {background: var(--color-primary-active);}
#wrapwrap .actimi-chrome .btn-secondary {background: var(--color-surface); color: var(--color-text); border-color: var(--color-border-strong); box-shadow: var(--shadow-xs);}
#wrapwrap .actimi-chrome .btn-secondary:hover:not([disabled]) {background: var(--color-bg); border-color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .btn-secondary:active:not([disabled]) {background: var(--color-bg-subtle);}
#wrapwrap .actimi-chrome .btn-ghost {background: transparent; color: var(--color-primary);}
#wrapwrap .actimi-chrome .btn-ghost:active:not([disabled]), #wrapwrap .actimi-chrome .btn-ghost:hover:not([disabled]) {background: var(--color-primary-subtle);}
#wrapwrap .actimi-chrome .btn-ghost:active:not([disabled]) {filter: brightness(0.96);}
#wrapwrap .actimi-chrome .btn-accent {background: var(--color-accent); color: var(--color-on-accent); box-shadow: var(--shadow-sm);}
#wrapwrap .actimi-chrome .btn-accent:hover:not([disabled]) {background: var(--color-accent-hover);}
#wrapwrap .actimi-chrome .btn-accent:active:not([disabled]) {background: var(--color-accent-active);}
#wrapwrap .actimi-chrome .btn-danger {background: var(--color-critical); color: rgb(255, 255, 255);}
#wrapwrap .actimi-chrome .btn-danger:hover:not([disabled]) {filter: brightness(1.06);}
#wrapwrap .actimi-chrome .btn-danger:active:not([disabled]) {filter: brightness(0.92);}
#wrapwrap .actimi-chrome .btn-sm {padding: 0.5rem 0.95rem; font-size: var(--text-caption); min-height: 36px;}
#wrapwrap .actimi-chrome .btn-lg, #wrapwrap .actimi-chrome .btn-sm {border-radius: var(--radius-full);}
#wrapwrap .actimi-chrome .btn-lg {padding: 0.8rem 1.6rem; font-size: var(--text-body); min-height: 48px;}
#wrapwrap .actimi-chrome .btn.is-focus {box-shadow: var(--shadow-focus);}
#wrapwrap .actimi-chrome .field {display: flex; flex-direction: column; gap: var(--space-2); width: 100%; max-width: 320px;}
#wrapwrap .actimi-chrome .field > label {font-size: var(--text-body-sm); font-weight: var(--weight-medium); color: var(--color-text);}
#wrapwrap .actimi-chrome .field .hint {font-size: var(--text-caption); color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .field .err {color: var(--color-critical);}
#wrapwrap .actimi-chrome .field .err, #wrapwrap .actimi-chrome .field .ok {font-size: var(--text-caption); display: flex; align-items: center; gap: 5px;}
#wrapwrap .actimi-chrome .field .ok {color: var(--color-normal);}
#wrapwrap .actimi-chrome .input {font-family: var(--font-sans); font-size: var(--text-body-sm); color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); padding: 0.7rem 0.85rem; width: 100%; transition: border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .input::placeholder {color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .input:hover:not([disabled]) {border-color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .input:focus {outline: none; border-color: var(--color-accent); box-shadow: var(--shadow-focus);}
#wrapwrap .actimi-chrome .input[disabled] {background: var(--color-bg-subtle); cursor: not-allowed; opacity: 0.7;}
#wrapwrap .actimi-chrome .input.is-focus {border-color: var(--color-accent); box-shadow: var(--shadow-focus);}
#wrapwrap .actimi-chrome .input.is-error {border-color: var(--color-critical);}
#wrapwrap .actimi-chrome .input.is-error.is-focus, #wrapwrap .actimi-chrome .input.is-error:focus {box-shadow: 0 0 0 3px var(--color-critical-bg);}
#wrapwrap .actimi-chrome .input.is-success {border-color: var(--color-normal);}
#wrapwrap .actimi-chrome .input-wrap {position: relative; display: flex; align-items: center;}
#wrapwrap .actimi-chrome .input-wrap svg {position: absolute; left: 0.75rem; width: 16px; height: 16px; color: var(--color-text-subtle); pointer-events: none;}
#wrapwrap .actimi-chrome .input-wrap .input {padding-left: 2.3rem;}
#wrapwrap .actimi-chrome .select-wrap svg.chev {left: auto; right: 0.75rem;}
#wrapwrap .actimi-chrome .badge {display: inline-flex; align-items: center; gap: 5px; font-size: var(--text-caption); font-weight: var(--weight-semibold); padding: 3px 9px; border-radius: var(--radius-full); line-height: 1.4; letter-spacing: 0.01em;}
#wrapwrap .actimi-chrome .badge svg {width: 12px; height: 12px;}
#wrapwrap .actimi-chrome .badge-neutral {background: var(--color-bg-subtle); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .badge-primary {background: var(--color-primary-subtle); color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .badge-accent {background: var(--color-accent-subtle); color: var(--color-accent);}
#wrapwrap .actimi-chrome .badge-normal {background: var(--color-normal-bg); color: var(--color-normal-text);}
#wrapwrap .actimi-chrome .badge-borderline {background: var(--color-borderline-bg); color: var(--color-borderline-text);}
#wrapwrap .actimi-chrome .badge-critical {background: var(--color-critical-bg); color: var(--color-critical-text);}
#wrapwrap .actimi-chrome .badge-outline {background: transparent; border: 1px solid var(--color-border-strong); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .badge .dot {width: 7px; height: 7px; border-radius: var(--radius-full); background: currentcolor;}
#wrapwrap .actimi-chrome .tabs {display: flex; gap: var(--space-1); border-bottom: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .tab {font-family: var(--font-sans); background: none; cursor: pointer; padding: var(--space-3) var(--space-4); font-size: var(--text-body-sm); font-weight: var(--weight-medium); color: var(--color-text-muted); border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; margin-bottom: -1px; transition: color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .tab:hover {color: var(--color-text);}
#wrapwrap .actimi-chrome .tab.active {color: var(--color-primary-subtle-text); border-bottom-color: var(--color-accent); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .tooltip {position: relative; display: inline-flex;}
#wrapwrap .actimi-chrome .tooltip-bubble {background: var(--neutral-900); color: rgb(255, 255, 255); font-size: var(--text-caption); font-weight: var(--weight-medium); padding: 6px 10px; border-radius: var(--radius-sm); white-space: nowrap; box-shadow: var(--shadow-md); position: relative;}
#wrapwrap .actimi-chrome[data-theme="dark"] .tooltip-bubble {background: var(--neutral-200); color: var(--neutral-900);}
#wrapwrap .actimi-chrome .tooltip-bubble::after {content: ""; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 8px; height: 8px; background: inherit;}
#wrapwrap .actimi-chrome .toast {display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-4); border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-md); width: 100%; max-width: 380px;}
#wrapwrap .actimi-chrome .toast .ic {width: 36px; height: 36px; border-radius: var(--radius-sm); display: grid; place-items: center; flex-shrink: 0;}
#wrapwrap .actimi-chrome .toast .ic svg {width: 18px; height: 18px;}
#wrapwrap .actimi-chrome .toast .body {flex: 1 1 0%; min-width: 0px;}
#wrapwrap .actimi-chrome .toast .body b {font-size: var(--text-body-sm); font-weight: var(--weight-semibold); display: block;}
#wrapwrap .actimi-chrome .toast .body p {margin: 2px 0px 0px; font-size: var(--text-caption); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .toast .close {background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; color: var(--color-text-subtle); padding: 2px; display: grid; place-items: center;}
#wrapwrap .actimi-chrome .toast .close svg {width: 15px; height: 15px;}
#wrapwrap .actimi-chrome .toast.normal .ic {background: var(--color-normal-bg); color: var(--color-normal);}
#wrapwrap .actimi-chrome .toast.borderline .ic {background: var(--color-borderline-bg); color: var(--color-borderline);}
#wrapwrap .actimi-chrome .toast.critical .ic {background: var(--color-critical-bg); color: var(--color-critical);}
#wrapwrap .actimi-chrome .toast.info .ic {background: var(--color-primary-subtle); color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .toast.critical {border-left: 3px solid var(--color-critical);}
#wrapwrap .actimi-chrome .modal-stage {position: relative; border-radius: var(--radius-lg); overflow: hidden; min-height: 280px; display: grid; place-items: center; padding: var(--space-8);}
#wrapwrap .actimi-chrome .modal-scrim {position: absolute; inset: 0px; background: var(--color-overlay); backdrop-filter: blur(var(--blur-sm));}
#wrapwrap .actimi-chrome .modal {position: relative; width: 100%; max-width: 380px; background: var(--color-surface); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); border: 1px solid var(--color-border); overflow: hidden;}
#wrapwrap .actimi-chrome .modal-head {padding: var(--space-6) var(--space-6) var(--space-2);}
#wrapwrap .actimi-chrome .modal-head h4 {margin: 0 0 var(--space-2); font-size: var(--text-h4); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .modal-head p {margin: 0px; font-size: var(--text-body-sm); color: var(--color-text-muted); line-height: 1.55;}
#wrapwrap .actimi-chrome .modal-foot {display: flex; justify-content: flex-end; gap: var(--space-3); padding: var(--space-6);}
#wrapwrap .actimi-chrome .topnav {gap: var(--space-6); padding: var(--space-3) var(--space-5); background: var(--color-surface); border-bottom: 1px solid var(--color-border); border-radius: var(--radius-lg) var(--radius-lg) 0 0;}
#wrapwrap .actimi-chrome .topnav, #wrapwrap .actimi-chrome .topnav .logo {display: flex; align-items: center;}
#wrapwrap .actimi-chrome .topnav .logo {gap: var(--space-2); font-weight: var(--weight-bold);}
#wrapwrap .actimi-chrome .topnav .logo img {height: 26px;}
#wrapwrap .actimi-chrome .topnav .seg {display: flex; gap: 2px; background: var(--color-bg-subtle); padding: 3px; border-radius: var(--radius-md);}
#wrapwrap .actimi-chrome .topnav .seg button {font-family: var(--font-sans); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: pointer; padding: 6px 14px; border-radius: var(--radius-sm); font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--color-text-muted); display: flex; align-items: center; gap: 6px;}
#wrapwrap .actimi-chrome .topnav .seg button svg {width: 14px; height: 14px;}
#wrapwrap .actimi-chrome .topnav .seg button.active {background: var(--color-surface); color: var(--color-primary-subtle-text); box-shadow: var(--shadow-xs);}
#wrapwrap .actimi-chrome .topnav .links {display: flex; gap: var(--space-1); margin-left: var(--space-2);}
#wrapwrap .actimi-chrome .topnav .links a {font-size: var(--text-body-sm); font-weight: var(--weight-medium); color: var(--color-text-muted); text-decoration: none; padding: 6px 10px; border-radius: var(--radius-sm);}
#wrapwrap .actimi-chrome .topnav .links a.active {color: var(--color-text); background: var(--color-bg);}
#wrapwrap .actimi-chrome .topnav .right {margin-left: auto; display: flex; align-items: center; gap: var(--space-3);}
#wrapwrap .actimi-chrome .icon-btn {width: 38px; height: 38px; border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface); display: grid; place-items: center; cursor: pointer; color: var(--color-text-muted); position: relative;}
#wrapwrap .actimi-chrome .icon-btn:hover {background: var(--color-bg); color: var(--color-text);}
#wrapwrap .actimi-chrome .icon-btn svg {width: 18px; height: 18px;}
#wrapwrap .actimi-chrome .icon-btn .ind {position: absolute; top: 7px; right: 7px; width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--color-accent); border: 2px solid var(--color-surface);}
#wrapwrap .actimi-chrome .avatar {width: 38px; height: 38px; border-radius: var(--radius-full); background: var(--gradient-brand); color: rgb(255, 255, 255); display: grid; place-items: center; font-weight: var(--weight-bold); font-size: var(--text-body-sm);}
#wrapwrap .actimi-chrome .vital {width: 250px; max-width: 100%; border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-sm); padding: var(--space-5); position: relative; overflow: hidden;}
#wrapwrap .actimi-chrome .vital::before {content: ""; position: absolute; top: 0px; left: 0px; width: 4px; height: 100%; background: var(--vital-accent,var(--color-normal));}
#wrapwrap .actimi-chrome .vital-head {justify-content: space-between; margin-bottom: var(--space-3);}
#wrapwrap .actimi-chrome .vital-head, #wrapwrap .actimi-chrome .vital-label {display: flex; align-items: center;}
#wrapwrap .actimi-chrome .vital-label {gap: var(--space-2); font-size: var(--text-body-sm); font-weight: var(--weight-medium); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .vital-label svg {width: 16px; height: 16px; color: var(--vital-accent,var(--color-normal));}
#wrapwrap .actimi-chrome .vital-value {display: flex; align-items: baseline; gap: var(--space-2); font-family: var(--font-mono);}
#wrapwrap .actimi-chrome .vital-value .num {font-size: var(--text-vital-lg); font-weight: 500; letter-spacing: -0.02em; color: var(--color-text); line-height: 1; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums;}
#wrapwrap .actimi-chrome .vital-value .unit {font-size: var(--text-body-sm); color: var(--color-text-subtle); font-family: var(--font-sans);}
#wrapwrap .actimi-chrome .vital-foot {justify-content: space-between; margin-top: var(--space-4);}
#wrapwrap .actimi-chrome .vital-foot, #wrapwrap .actimi-chrome .vital-trend {display: flex; align-items: center;}
#wrapwrap .actimi-chrome .vital-trend {gap: 5px; font-size: var(--text-caption); color: var(--color-text-muted); font-family: var(--font-mono);}
#wrapwrap .actimi-chrome .spark {display: block;}
#wrapwrap .actimi-chrome .pill {display: inline-flex; align-items: center; gap: 6px; font-size: var(--text-caption); font-weight: var(--weight-semibold); padding: 4px 10px 4px 8px; line-height: 1.3;}
#wrapwrap .actimi-chrome .pill, #wrapwrap .actimi-chrome .pill .pulse {border-radius: var(--radius-full);}
#wrapwrap .actimi-chrome .pill .pulse {width: 8px; height: 8px; background: currentcolor; position: relative;}
#wrapwrap .actimi-chrome .pill.live .pulse::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: currentcolor; animation: 1.8s ease-out 0s infinite normal none running pulsering;}
@keyframes pulsering { 
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(2.6); opacity: 0; }
}
#wrapwrap .actimi-chrome .pill-normal {background: var(--color-normal-bg); color: var(--color-normal-text);}
#wrapwrap .actimi-chrome .pill-borderline {background: var(--color-borderline-bg); color: var(--color-borderline-text);}
#wrapwrap .actimi-chrome .pill-critical {background: var(--color-critical-bg); color: var(--color-critical-text);}
#wrapwrap .actimi-chrome .pill .pill-glyph {font-family: var(--font-mono); font-weight: 700; font-size: 0.85em; line-height: 1; display: inline-flex; align-items: center;}
#wrapwrap .actimi-chrome .device {width: 280px; display: flex; gap: var(--space-3); align-items: center; padding: var(--space-4); border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-xs);}
#wrapwrap .actimi-chrome .device .dic {width: 46px; height: 46px; border-radius: var(--radius-md); background: var(--color-primary-subtle); color: var(--color-primary-subtle-text); display: grid; place-items: center; flex-shrink: 0;}
#wrapwrap .actimi-chrome .device .dic svg {width: 22px; height: 22px;}
#wrapwrap .actimi-chrome .device .dinfo {flex: 1 1 0%; min-width: 0px;}
#wrapwrap .actimi-chrome .device .dinfo b {font-size: var(--text-body-sm); font-weight: var(--weight-semibold); display: block;}
#wrapwrap .actimi-chrome .device .dinfo span {color: var(--color-text-subtle); display: flex;}
#wrapwrap .actimi-chrome .conn, #wrapwrap .actimi-chrome .device .dinfo span {font-size: var(--text-caption); align-items: center; gap: 5px;}
#wrapwrap .actimi-chrome .conn {display: inline-flex; font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .conn .d {width: 7px; height: 7px; border-radius: var(--radius-full);}
#wrapwrap .actimi-chrome .conn.on {color: var(--color-normal);}
#wrapwrap .actimi-chrome .conn.on .d {background: var(--color-normal); box-shadow: 0 0 0 3px var(--color-normal-bg);}
#wrapwrap .actimi-chrome .conn.off {color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .conn.off .d {background: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .conn.sync {color: var(--color-accent);}
#wrapwrap .actimi-chrome .conn.sync .d {background: var(--color-accent);}
#wrapwrap .actimi-chrome .compliance {flex-wrap: wrap; gap: var(--space-3);}
#wrapwrap .actimi-chrome .comp-badge, #wrapwrap .actimi-chrome .compliance {display: flex; align-items: center;}
#wrapwrap .actimi-chrome .comp-badge {gap: var(--space-2); padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface);}
#wrapwrap .actimi-chrome .comp-badge svg {width: 18px; height: 18px; color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .comp-badge .ct b {font-size: var(--text-caption); font-weight: var(--weight-bold); display: block; line-height: 1.2;}
#wrapwrap .actimi-chrome .comp-badge .ct span {font-size: 0.62rem; color: var(--color-text-subtle); text-transform: uppercase; letter-spacing: 0.04em;}
#wrapwrap .actimi-chrome .trend-card {border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-sm); padding: var(--space-6);}
#wrapwrap .actimi-chrome .trend-head {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .trend-head h4 {margin: 0px; font-size: var(--text-body); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .trend-head .big {font-family: var(--font-mono); font-size: var(--text-vital-md); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; line-height: 1;}
#wrapwrap .actimi-chrome .copy-pop {position: fixed; bottom: var(--space-6); left: 50%; transform: translateX(-50%) translateY(20px); background: var(--neutral-900); color: rgb(255, 255, 255); padding: 10px 18px; border-radius: var(--radius-full); font-size: var(--text-body-sm); font-weight: var(--weight-medium); box-shadow: var(--shadow-lg); opacity: 0; pointer-events: none; transition: opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-spring); z-index: 100; display: flex; align-items: center; gap: var(--space-2);}
#wrapwrap .actimi-chrome .copy-pop.show {opacity: 1; transform: translateX(-50%) translateY(0px);}
#wrapwrap .actimi-chrome .copy-pop svg {width: 16px; height: 16px; color: var(--accent-400);}
#wrapwrap .actimi-chrome .codeblock {background: var(--neutral-950); color: rgb(232, 230, 236); border-radius: var(--radius-lg); padding: var(--space-6); font-family: var(--font-mono); font-size: 0.8rem; line-height: 1.7; overflow-x: auto; border: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .codeblock .c {color: rgb(123, 120, 128);}
#wrapwrap .actimi-chrome .codeblock .k {color: rgb(240, 145, 123);}
#wrapwrap .actimi-chrome .codeblock .s {color: rgb(137, 209, 156);}
#wrapwrap .actimi-chrome .codeblock .n {color: rgb(200, 184, 221);}
#wrapwrap .actimi-chrome .theme-switch {display: inline-flex; background: var(--color-bg-subtle); border-radius: var(--radius-full); padding: 3px; gap: 2px;}
#wrapwrap .actimi-chrome .theme-switch button {font-family: var(--font-sans); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: pointer; padding: 7px 14px; border-radius: var(--radius-full); font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--color-text-muted); display: flex; align-items: center; gap: 6px;}
#wrapwrap .actimi-chrome .theme-switch button svg {width: 14px; height: 14px;}
#wrapwrap .actimi-chrome .theme-switch button.active {background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-xs);}
#wrapwrap .actimi-chrome .callout {display: flex; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-radius: var(--radius-md); background: var(--color-accent-subtle); border: 1px solid var(--accent-200); font-size: var(--text-body-sm); color: var(--color-text); line-height: 1.55;}
#wrapwrap .actimi-chrome[data-theme="dark"] .callout {border-color: rgba(238, 115, 95, 0.3);}
#wrapwrap .actimi-chrome .callout svg {width: 18px; height: 18px; color: var(--color-accent); flex-shrink: 0; margin-top: 1px;}
#wrapwrap .actimi-chrome .site {overflow-x: clip;}
#wrapwrap .actimi-chrome .container {max-width: 1200px;}
#wrapwrap .actimi-chrome .container, #wrapwrap .actimi-chrome .container-wide {margin: 0px auto; padding-inline: var(--space-6);}
#wrapwrap .actimi-chrome .container-wide {max-width: 1320px;}
#wrapwrap .actimi-chrome .band {padding-block: clamp(var(--space-16),7vw,var(--space-24)); position: relative;}
#wrapwrap .actimi-chrome .band-deep, #wrapwrap .actimi-chrome .band-tinted {background: rgb(236, 234, 239);}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-deep, #wrapwrap .actimi-chrome[data-theme="dark"] .band-tinted {background: rgb(20, 20, 22);}
#wrapwrap .actimi-chrome .band-ink {background: var(--color-dark-band); color: rgb(243, 238, 248); border-block: 1px solid transparent;}
#wrapwrap .actimi-chrome .band-ink .eyebrow {color: var(--accent-400);}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-ink {color: rgb(250, 250, 250); border-block-color: rgba(255, 255, 255, 0.09);}
#wrapwrap .actimi-chrome .band-deep + .band-deep, #wrapwrap .actimi-chrome .band-deep + .band-tinted, #wrapwrap .actimi-chrome .band-ink + .band-ink, #wrapwrap .actimi-chrome .band-tinted + .band-deep, #wrapwrap .actimi-chrome .band-tinted + .band-tinted {padding-block-start: 0px;}
#wrapwrap .actimi-chrome .eyebrow {display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-overline); letter-spacing: var(--text-overline-ls); text-transform: uppercase; font-weight: var(--weight-semibold); color: var(--color-accent); margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .eyebrow::before {content: ""; width: 22px; height: 2px; background: var(--gradient-brand); border-radius: 2px;}
#wrapwrap .actimi-chrome .eyebrow {display: none !important;}
#wrapwrap .actimi-chrome .job-filter {display: flex; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-6);}
#wrapwrap .actimi-chrome .job-filter input, #wrapwrap .actimi-chrome .job-filter select {font: inherit; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text);}
#wrapwrap .actimi-chrome .job-filter input {flex: 1 1 260px; min-width: 0px;}
#wrapwrap .actimi-chrome .job-filter input:focus, #wrapwrap .actimi-chrome .job-filter select:focus {outline: none; border-color: var(--color-primary); box-shadow: var(--shadow-focus);}
#wrapwrap .actimi-chrome .job-cards {display: grid; gap: var(--space-3);}
#wrapwrap .actimi-chrome .job-card {display: flex; align-items: center; gap: var(--space-5); text-decoration: none; color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); box-shadow: var(--shadow-sm); transition: transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);}
#wrapwrap .actimi-chrome .job-card:hover {transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: var(--color-border-strong);}
#wrapwrap .actimi-chrome .job-card .job-main {flex: 1 1 0%; min-width: 0px;}
#wrapwrap .actimi-chrome .job-card h3 {margin: 0 0 var(--space-1); font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-body-lg); line-height: 1.3; color: var(--color-text);}
#wrapwrap .actimi-chrome .job-card .meta {color: var(--color-text-muted); font-size: var(--text-body-sm); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#wrapwrap .actimi-chrome .job-card .job-arrow {flex-shrink: 0; width: 42px; height: 42px; border-radius: var(--radius-full); background: var(--color-bg); color: var(--color-primary); display: inline-flex; align-items: center; justify-content: center; transition: transform var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard);}
#wrapwrap .actimi-chrome .job-card:hover .job-arrow {transform: translateX(3px);}
#wrapwrap .actimi-chrome .pager {display: flex; align-items: center; justify-content: center; gap: var(--space-4); margin-top: var(--space-8);}
#wrapwrap .actimi-chrome .pager .num {font-family: var(--font-mono); font-size: var(--text-body-sm); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .display {font-family: var(--font-display); font-weight: 800; letter-spacing: -0.028em; line-height: 1.02; margin: 0px; text-wrap: balance;}
#wrapwrap .actimi-chrome .section-head {max-width: 60ch; margin-bottom: var(--space-12);}
#wrapwrap .actimi-chrome .section-title {font-family: var(--font-display); font-weight: 700; font-size: clamp(2rem,4vw,var(--text-h1)); line-height: 1.08; letter-spacing: -0.022em; margin: 0 0 var(--space-4); text-wrap: balance;}
#wrapwrap .actimi-chrome .section-lead {font-size: var(--text-body-lg); line-height: 1.6; color: var(--color-text-muted); margin: 0px; max-width: 62ch;}
#wrapwrap .actimi-chrome .center {text-align: center;}
#wrapwrap .actimi-chrome .center, #wrapwrap .actimi-chrome .center .section-lead {margin-inline: auto;}
#wrapwrap .actimi-chrome .nav {position: sticky; top: 0px; z-index: 50; background: color-mix(in srgb,var(--color-bg) 82%,transparent); backdrop-filter: blur(var(--blur-md)); border-bottom: 1px solid transparent; transition: border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard);}
#wrapwrap .actimi-chrome .nav.scrolled {background: color-mix(in srgb,var(--color-bg) 92%,transparent);}
#wrapwrap .actimi-chrome .nav-inner {gap: var(--space-6); height: 96px;}
#wrapwrap .actimi-chrome .nav-inner, #wrapwrap .actimi-chrome .nav-logo {display: flex; align-items: center;}
#wrapwrap .actimi-chrome .nav-logo {gap: var(--space-3); text-decoration: none; color: var(--color-text); flex-shrink: 0;}
#wrapwrap .actimi-chrome .nav-logo img {height: 52px; width: auto; display: block;}
#wrapwrap .actimi-chrome .nav-logo b {font-weight: var(--weight-bold); font-size: 1.2rem; letter-spacing: -0.01em;}
#wrapwrap .actimi-chrome .nav-links {display: flex; align-items: center; gap: 2px; margin-left: var(--space-2);}
#wrapwrap .actimi-chrome .nav-links a {font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: var(--color-text); text-decoration: none; padding: 8px 12px; border-radius: var(--radius-sm); transition: color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .nav-links a:hover {color: var(--color-text); background: var(--color-surface);}
#wrapwrap .actimi-chrome .nav-right {margin-left: auto; display: flex; align-items: center; gap: var(--space-2);}
#wrapwrap .actimi-chrome .nav-login {position: relative;}
#wrapwrap .actimi-chrome .nav-drop-trigger {font-family: var(--font-sans); font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: var(--color-text); background: transparent; border: 0px; cursor: pointer; padding: 8px 12px; border-radius: var(--radius-sm); display: inline-flex; align-items: center; gap: 4px; transition: color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .nav-drop-trigger:hover, #wrapwrap .actimi-chrome .nav-drop[data-drop] .nav-drop-trigger[aria-expanded="true"] {color: var(--color-text); background: var(--color-surface);}
#wrapwrap .actimi-chrome .nav-drop-menu {right: auto; left: 0px;}
#wrapwrap .actimi-chrome .nav-login-menu {position: absolute; top: calc(100% + 8px); right: 0px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: var(--space-2); min-width: 230px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .nav-login:focus-within .nav-login-menu, #wrapwrap .actimi-chrome .nav-login:hover .nav-login-menu {opacity: 1; visibility: visible; transform: translateY(0px);}
#wrapwrap .actimi-chrome .nav-login-menu a {display: flex; gap: var(--space-3); align-items: center; padding: var(--space-3); border-radius: var(--radius-sm); text-decoration: none; color: var(--color-text);}
#wrapwrap .actimi-chrome .nav-login-menu a:hover {background: var(--color-bg);}
#wrapwrap .actimi-chrome .nav-login-menu .lic {width: 34px; height: 34px; border-radius: var(--radius-sm); display: grid; place-items: center; flex-shrink: 0;}
#wrapwrap .actimi-chrome .nav-login-menu .lic.cl {background: var(--color-primary-subtle); color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .nav-login-menu .lic.pt {background: var(--color-accent-subtle); color: var(--color-accent);}
#wrapwrap .actimi-chrome .nav-login-menu b {font-size: var(--text-body-sm); display: block;}
#wrapwrap .actimi-chrome .nav-login-menu span {font-size: var(--text-caption); color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .nav-login-menu.nav-drop-menu {width: 380px; max-width: calc(100vw - var(--space-8));}
#wrapwrap .actimi-chrome .nav-drop[data-drop="company"] .nav-drop-menu {left: auto; right: 0px;}
#wrapwrap .actimi-chrome .nav-drop-menu a {align-items: flex-start;}
#wrapwrap .actimi-chrome .nav-drop-menu a > span:last-child {flex: 1 1 auto; min-width: 0px;}
#wrapwrap .actimi-chrome .nav-drop-menu a > span:last-child > span {display: block; line-height: 1.45; margin-top: 2px;}
#wrapwrap .actimi-chrome .nav-toggle {display: none;}
#wrapwrap .actimi-chrome .theme-btn {width: 38px; height: 38px; border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface); display: grid; place-items: center; cursor: pointer; color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .nav-burger, #wrapwrap .actimi-chrome .theme-btn:hover {color: var(--color-text);}
#wrapwrap .actimi-chrome .nav-burger {display: none; width: 40px; height: 40px; border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface); cursor: pointer; place-items: center;}
#wrapwrap .actimi-chrome .hero {padding-top: clamp(var(--space-12),6vw,var(--space-20)); padding-bottom: clamp(var(--space-16),8vw,var(--space-24)); position: relative;}
#wrapwrap .actimi-chrome .hero::before {content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: -1; background: radial-gradient(60% 50% at 78% 18%,color-mix(in srgb,var(--accent-400) 16%,transparent),transparent 70%),radial-gradient(48% 44% at 12% 8%,color-mix(in srgb,var(--brand-amber) 10%,transparent),transparent 70%);}
#wrapwrap .actimi-chrome .hero-grid {display: grid; grid-template-columns: 1.08fr 0.92fr; gap: clamp(var(--space-8),4vw,var(--space-16)); align-items: center;}
#wrapwrap .actimi-chrome .hero h1 {font-size: clamp(2.6rem,5.2vw,var(--text-display)); margin-bottom: var(--space-5);}
#wrapwrap .actimi-chrome .hero h1 .accent {color: var(--color-accent);}
#wrapwrap .actimi-chrome .hero-lead {font-size: var(--text-body-lg); line-height: 1.6; color: var(--color-text-muted); max-width: 52ch; margin: 0 0 var(--space-8);}
#wrapwrap .actimi-chrome .hero-stat-lead {display: inline-flex; align-items: baseline; gap: var(--space-3); margin-bottom: var(--space-6); padding: var(--space-2) var(--space-4) var(--space-2) var(--space-3); border-radius: var(--radius-full); background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: var(--shadow-xs);}
#wrapwrap .actimi-chrome .hero-stat-lead .n {font-family: var(--font-mono); font-weight: 600; font-size: 1.1rem; color: var(--color-normal); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums;}
#wrapwrap .actimi-chrome .hero-stat-lead .t {font-size: var(--text-body-sm); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .cta-row {gap: var(--space-3); margin-bottom: var(--space-8);}
#wrapwrap .actimi-chrome .cta-row, #wrapwrap .actimi-chrome .hero-trust {display: flex; flex-wrap: wrap;}
#wrapwrap .actimi-chrome .hero-trust {align-items: center; gap: var(--space-3) var(--space-5);}
#wrapwrap .actimi-chrome .hero-trust .lbl {font-size: var(--text-caption); color: var(--color-text-subtle); text-transform: uppercase; letter-spacing: 0.06em;}
#wrapwrap .actimi-chrome .hero-trust .marks {display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4);}
#wrapwrap .actimi-chrome .hero-trust .mk {display: flex; align-items: center; gap: 6px; font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .hero-trust .mk svg {color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .hero-trust .mk-ce {display: block; align-self: center; flex-shrink: 0; width: 45px; height: 15px; color: var(--color-text-muted); background: url("https://actimi.com/assets/misc/ce-1304.svg") 50% center / contain no-repeat;}
@supports ((-webkit-mask-image:url("#m")) or (mask-image:url("#m"))) {
#wrapwrap .actimi-chrome .hero-trust .mk-ce {background: currentcolor; mask: url("https://actimi.com/assets/misc/ce-1304.svg") center center / contain no-repeat;}
}
#wrapwrap .actimi-chrome .hero-mock {position: relative; max-width: 540px; margin-inline: auto; width: 100%;}
#wrapwrap .actimi-chrome .mock-dash {border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); overflow: hidden;}
#wrapwrap .actimi-chrome .mock-bar, #wrapwrap .actimi-chrome .mock-dash {background: var(--color-surface);}
#wrapwrap .actimi-chrome .mock-bar {display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .mock-dots {display: flex; gap: 6px;}
#wrapwrap .actimi-chrome .mock-dots i {width: 10px; height: 10px; background: var(--color-border-strong);}
#wrapwrap .actimi-chrome .mock-dots i, #wrapwrap .actimi-chrome .mock-tab {border-radius: var(--radius-full);}
#wrapwrap .actimi-chrome .mock-tab {margin-left: var(--space-2); font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--color-text-muted); padding: 4px 10px; display: flex; align-items: center; gap: 6px;}
#wrapwrap .actimi-chrome .mock-body, #wrapwrap .actimi-chrome .mock-tab {background: var(--color-bg);}
#wrapwrap .actimi-chrome .mock-body {padding: var(--space-5); display: grid; gap: var(--space-4);}
#wrapwrap .actimi-chrome .mock-row {display: flex; align-items: center; justify-content: space-between;}
#wrapwrap .actimi-chrome .mock-row h5 {margin: 0px; font-size: var(--text-body-sm); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .mock-vitals {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3);}
#wrapwrap .actimi-chrome .mock-mini {background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3); position: relative; overflow: hidden;}
#wrapwrap .actimi-chrome .mock-mini::before {content: ""; position: absolute; left: 0px; top: 0px; width: 3px; height: 100%; background: var(--mc,var(--color-normal));}
#wrapwrap .actimi-chrome .mock-mini .ml {display: flex; align-items: center; gap: 6px; font-size: var(--text-caption); color: var(--color-text-muted); margin-bottom: 4px;}
#wrapwrap .actimi-chrome .mock-mini .ml svg {color: var(--mc,var(--color-normal));}
#wrapwrap .actimi-chrome .mock-mini[data-status="borderline"] .ml svg {color: var(--color-borderline-ic);}
#wrapwrap .actimi-chrome .mock-mini .status-glyph {margin-left: auto; font-family: var(--font-mono); font-weight: 700; font-size: 11px; line-height: 1; color: var(--mc,var(--color-normal));}
#wrapwrap .actimi-chrome .mock-mini[data-status="borderline"] .status-glyph {color: var(--color-borderline-ic);}
#wrapwrap .actimi-chrome .mock-mini .mv {font-family: var(--font-mono); font-size: 1.4rem; font-weight: 500; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; line-height: 1;}
#wrapwrap .actimi-chrome .mock-mini .mv small {font-family: var(--font-sans); font-size: 0.7rem; color: var(--color-text-subtle); font-weight: 400;}
#wrapwrap .actimi-chrome .mock-alert {display: flex; gap: var(--space-3); align-items: center; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--color-critical-bg); border: 1px solid color-mix(in srgb,var(--color-critical) 30%,transparent);}
#wrapwrap .actimi-chrome .mock-alert .ai {width: 32px; height: 32px; border-radius: var(--radius-sm); background: var(--color-critical); color: rgb(255, 255, 255); display: grid; place-items: center; flex-shrink: 0;}
#wrapwrap .actimi-chrome .mock-alert b {font-size: var(--text-body-sm);}
#wrapwrap .actimi-chrome .mock-alert b, #wrapwrap .actimi-chrome .mock-alert p {color: var(--color-critical-text);}
#wrapwrap .actimi-chrome .mock-alert p {margin: 0px; font-size: var(--text-caption); opacity: 0.85;}
#wrapwrap .actimi-chrome .mock-phone {position: absolute; right: -18px; bottom: -36px; width: 208px; background: var(--color-dark-band); border-radius: 30px; padding: 9px; box-shadow: var(--shadow-xl); border: 1px solid rgba(255, 255, 255, 0.08);}
#wrapwrap .actimi-chrome .mock-phone-screen {background: var(--color-bg); border-radius: 23px; overflow: hidden;}
#wrapwrap .actimi-chrome .mock-phone-top {background: var(--gradient-brand); padding: var(--space-4) var(--space-4) var(--space-5); color: rgb(255, 255, 255);}
#wrapwrap .actimi-chrome .mock-phone-top .greet {font-size: var(--text-caption); opacity: 0.92;}
#wrapwrap .actimi-chrome .mock-phone-top .name {font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; letter-spacing: -0.02em;}
#wrapwrap .actimi-chrome .mock-phone-card {background: var(--color-surface); margin: calc(var(--space-4) * -1) var(--space-3) 0; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); box-shadow: var(--shadow-md); position: relative;}
#wrapwrap .actimi-chrome .mock-phone-card .pl {font-size: var(--text-caption); color: var(--color-text-muted); display: flex; align-items: center; gap: 5px;}
#wrapwrap .actimi-chrome .mock-phone-card .pv {font-family: var(--font-mono); font-size: 1.7rem; font-weight: 500; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; line-height: 1.1;}
#wrapwrap .actimi-chrome .mock-phone-body {padding: var(--space-4) var(--space-3) var(--space-5); display: grid; gap: var(--space-2);}
#wrapwrap .actimi-chrome .mock-task {display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-caption); color: var(--color-text-muted); padding: 7px 9px; background: var(--color-surface); border-radius: var(--radius-sm); border: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .mock-task .chk {width: 16px; height: 16px; border-radius: var(--radius-full); background: var(--color-normal); color: rgb(255, 255, 255); display: grid; place-items: center; flex-shrink: 0;}
#wrapwrap .actimi-chrome .mock-task .chk svg {width: 10px; height: 10px;}
#wrapwrap .actimi-chrome .stat-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6);}
#wrapwrap .actimi-chrome .stat {padding: var(--space-2) 0;}
#wrapwrap .actimi-chrome .stat .n {font-family: var(--font-mono); font-weight: 600; font-size: clamp(2.2rem, 4.5vw, 3.2rem); line-height: 1; letter-spacing: -0.02em; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; color: transparent; animation: 8s ease-in-out 0s infinite alternate none running stat-grad-drift;}
#wrapwrap .actimi-chrome .band-ink .stat .n, #wrapwrap .actimi-chrome .stat .n {background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text;}
@keyframes stat-grad-drift { 
  0% { --stat-grad-angle: 135deg; }
  100% { --stat-grad-angle: 145deg; }
}
@media (prefers-reduced-motion: reduce) {
#wrapwrap .actimi-chrome .stat .n {animation: auto ease 0s 1 normal none running none;}
}
#wrapwrap .actimi-chrome .stat .l {margin-top: var(--space-3); font-size: var(--text-body-sm); color: var(--color-text-muted); line-height: 1.5; max-width: 24ch;}
#wrapwrap .actimi-chrome .band-ink .stat .l {color: rgb(183, 174, 203);}
#wrapwrap .actimi-chrome .steps {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); counter-reset: step 0;}
#wrapwrap .actimi-chrome .step {position: relative; padding: var(--space-8) var(--space-6); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm);}
#wrapwrap .actimi-chrome .step .num {font-family: var(--font-mono); font-size: var(--text-caption); color: var(--color-accent); font-weight: 600;}
#wrapwrap .actimi-chrome .step .ic {width: 48px; height: 48px; border-radius: var(--radius-md); background: var(--color-primary-subtle); color: var(--color-primary-subtle-text); display: grid; place-items: center; margin: var(--space-3) 0 var(--space-5);}
#wrapwrap .actimi-chrome .step h4 {margin: 0 0 var(--space-2); font-size: var(--text-h5); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .step p {margin: 0px; font-size: var(--text-body-sm); color: var(--color-text-muted); line-height: 1.6;}
#wrapwrap .actimi-chrome .step-line {position: absolute; top: 96px; right: calc(var(--space-6) * -1); width: var(--space-6); height: 2px; background: var(--color-border-strong); z-index: 1;}
#wrapwrap .actimi-chrome .devices-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4);}
#wrapwrap .actimi-chrome .device-tile {background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-sm); transition: transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);}
#wrapwrap .actimi-chrome a.device-tile:hover {transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--color-border-strong);}
#wrapwrap .actimi-chrome .device-tile .dic {width: 54px; height: 54px; border-radius: var(--radius-md); background: var(--color-bg); border: 1px solid var(--color-border); display: grid; place-items: center; color: var(--color-primary-subtle-text); margin-bottom: var(--space-5);}
#wrapwrap .actimi-chrome .device-tile h4 {margin: 0 0 var(--space-1); font-size: var(--text-body); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .device-tile .meta {font-size: var(--text-body-sm); color: var(--color-text-muted); line-height: 1.55; margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .split {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6);}
#wrapwrap .actimi-chrome .split-card {border-radius: var(--radius-xl); padding: clamp(var(--space-8),3vw,var(--space-12)); position: relative; overflow: hidden; border: 1px solid var(--color-border); box-shadow: var(--shadow-sm);}
#wrapwrap .actimi-chrome .split-card.clin {background: var(--color-dark-band); color: rgb(243, 238, 248);}
#wrapwrap .actimi-chrome[data-theme="dark"] .split-card.clin {color: rgb(250, 250, 250);}
#wrapwrap .actimi-chrome .split-card.pat {background: var(--color-surface);}
#wrapwrap .actimi-chrome .split-card .badge {margin-bottom: var(--space-5);}
#wrapwrap .actimi-chrome .split-card h3 {font-family: var(--font-display); font-weight: 700; font-size: var(--text-h2); margin: 0 0 var(--space-3); line-height: 1.1; letter-spacing: -0.022em;}
#wrapwrap .actimi-chrome .split-card .lead {font-size: var(--text-body); line-height: 1.6; margin: 0 0 var(--space-6);}
#wrapwrap .actimi-chrome .split-card.clin .lead {color: rgb(183, 174, 203);}
#wrapwrap .actimi-chrome .split-card.pat .lead {color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .split-list {list-style: none; padding: 0px; margin: 0 0 var(--space-8); display: grid; gap: var(--space-3);}
#wrapwrap .actimi-chrome .split-list li {display: flex; gap: var(--space-3); align-items: flex-start; font-size: var(--text-body-sm); line-height: 1.5;}
#wrapwrap .actimi-chrome .split-list svg {flex-shrink: 0; margin-top: 2px;}
#wrapwrap .actimi-chrome .split-card.clin .split-list svg {color: var(--accent-400);}
#wrapwrap .actimi-chrome[data-theme="light"] .split-card.clin .split-list svg {color: var(--color-accent);}
#wrapwrap .actimi-chrome .split-card.pat .split-list svg {color: var(--color-normal);}
#wrapwrap .actimi-chrome .logos {flex-wrap: wrap; justify-content: center; gap: var(--space-8) var(--space-12);}
#wrapwrap .actimi-chrome .logo-mark, #wrapwrap .actimi-chrome .logos {display: flex; align-items: center;}
#wrapwrap .actimi-chrome .logo-mark {gap: var(--space-3); opacity: 0.78;}
#wrapwrap .actimi-chrome .logo-mark .lg {width: 40px; height: 40px; border-radius: var(--radius-md); display: grid; place-items: center; background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-primary-subtle-text);}
#wrapwrap .actimi-chrome .logo-mark .lt b {display: block; font-size: var(--text-body-sm); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .logo-mark .lt span {font-size: var(--text-caption); color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .quote {max-width: 56ch; margin: var(--space-12) auto 0; text-align: center;}
#wrapwrap .actimi-chrome .quote p {font-family: var(--font-display); font-weight: 500; font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.4; margin: 0 0 var(--space-5); text-wrap: balance; letter-spacing: -0.018em;}
#wrapwrap .actimi-chrome .quote .by {font-size: var(--text-body-sm); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .interop {display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(var(--space-8),4vw,var(--space-16)); align-items: center;}
#wrapwrap .actimi-chrome .fhir-diagram {background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); box-shadow: var(--shadow-md);}
#wrapwrap .actimi-chrome .fhir-hub {display: flex; flex-direction: column; align-items: center; gap: var(--space-2); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--color-dark-band); color: rgb(255, 255, 255); margin: var(--space-4) 0;}
#wrapwrap .actimi-chrome .fhir-hub b {font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; letter-spacing: -0.02em;}
#wrapwrap .actimi-chrome .fhir-hub span {font-family: var(--font-mono); font-size: var(--text-caption); color: var(--accent-400);}
#wrapwrap .actimi-chrome .fhir-nodes {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-2);}
#wrapwrap .actimi-chrome .fhir-node {text-align: center; padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-bg); border: 1px solid var(--color-border); font-size: var(--text-caption); color: var(--color-text-muted); overflow-wrap: break-word; hyphens: manual;}
#wrapwrap .actimi-chrome .fhir-node svg {color: var(--color-primary-subtle-text); margin-bottom: 4px;}
#wrapwrap .actimi-chrome .fhir-conn {text-align: center; color: var(--color-border-strong);}
#wrapwrap .actimi-chrome .vitals-grid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-4); align-content: center;}
@media (max-width: 480px) {
#wrapwrap .actimi-chrome .vitals-grid {grid-template-columns: minmax(0px, 1fr);}
}
#wrapwrap .actimi-chrome .featured-article {display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); gap: 0px;}
@media (max-width: 760px) {
#wrapwrap .actimi-chrome .featured-article {grid-template-columns: minmax(0px, 1fr);}
}
#wrapwrap .actimi-chrome .imprint-row {display: grid; grid-template-columns: minmax(180px, 240px) minmax(0px, 1fr); gap: var(--space-4); align-items: baseline;}
@media (max-width: 640px) {
#wrapwrap .actimi-chrome .imprint-row {grid-template-columns: minmax(0px, 1fr); gap: var(--space-1);}
}
#wrapwrap .actimi-chrome .about-contact-card {display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: var(--space-8); align-items: center; max-width: 880px; margin-inline: auto;}
@media (max-width: 640px) {
#wrapwrap .actimi-chrome .about-contact-card {grid-template-columns: minmax(0px, 1fr); justify-items: start; gap: var(--space-5);}
}
#wrapwrap .actimi-chrome .billing-row {display: grid; grid-template-columns: minmax(140px, 1fr) 2fr minmax(120px, auto) minmax(160px, auto); gap: var(--space-4); align-items: center; padding: var(--space-4); border-top: 1px solid var(--color-border);}
@media (max-width: 720px) {
#wrapwrap .actimi-chrome .billing-row {grid-template-columns: minmax(0px, 1fr) auto; row-gap: var(--space-2);}
#wrapwrap .actimi-chrome .billing-row > :nth-child(3) {grid-area: 1 / 2; justify-self: end;}
#wrapwrap .actimi-chrome .billing-row > :nth-child(2), #wrapwrap .actimi-chrome .billing-row > :nth-child(4) {grid-column: 1 / -1;}
}
#wrapwrap .actimi-chrome .cta-final {border-radius: var(--radius-2xl); padding: clamp(var(--space-12),6vw,var(--space-24)); text-align: center; position: relative; overflow: hidden; background: var(--color-dark-band); color: rgb(255, 255, 255);}
#wrapwrap .actimi-chrome .cta-final::before {content: ""; position: absolute; inset: 0px; opacity: 0.5; background: radial-gradient(50% 60% at 50% 0,color-mix(in srgb,var(--accent-500) 40%,transparent),transparent 70%);}
#wrapwrap .actimi-chrome .cta-final > * {position: relative;}
#wrapwrap .actimi-chrome .cta-final h2 {font-family: var(--font-display); font-weight: 700; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.06; margin: 0 0 var(--space-5); text-wrap: balance; letter-spacing: -0.024em;}
#wrapwrap .actimi-chrome .cta-final p {font-size: var(--text-body-lg); color: rgb(201, 191, 221); max-width: 50ch; margin: 0 auto var(--space-8);}
#wrapwrap .actimi-chrome .footer {background: var(--color-surface-sunken); border-top: 1px solid var(--color-border); padding-block: var(--space-10) var(--space-6);}
#wrapwrap .actimi-chrome .footer-grid {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); align-items: start; text-align: left; gap: var(--space-6) clamp(var(--space-8),5vw,var(--space-16)); margin-bottom: var(--space-8);}
#wrapwrap .actimi-chrome .footer-col {min-width: 0px; text-align: left;}
#wrapwrap .actimi-chrome .footer-brand img {height: 56px; width: auto; display: block; margin-bottom: var(--space-5);}
#wrapwrap .actimi-chrome .footer-brand p {font-size: var(--text-body-sm); color: var(--color-text-muted); line-height: 1.6; max-width: 32ch; margin: 0 0 var(--space-5);}
#wrapwrap .actimi-chrome .footer-col h5 {font-size: var(--text-caption); text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-subtle); margin: 0 0 var(--space-3); font-weight: var(--weight-semibold);}
#wrapwrap .actimi-chrome .footer-col a {display: block; font-size: var(--text-body-sm); color: var(--color-text-muted); text-decoration: none; padding: 3px 0px;}
#wrapwrap .actimi-chrome .footer-col a:hover {color: var(--color-text);}
#wrapwrap .actimi-chrome .footer-bottom {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; gap: var(--space-3) var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .footer-bottom .legal {font-size: var(--text-caption); color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .footer-bottom .marks {display: flex; gap: var(--space-4);}
#wrapwrap .actimi-chrome .footer-bottom .marks span {font-size: var(--text-caption); color: var(--color-text-subtle); display: flex; align-items: center; gap: 5px;}
#wrapwrap .actimi-chrome .reveal {opacity: 0; transform: translateY(20px); transition: opacity var(--duration-slower) var(--ease-enter),transform var(--duration-slower) var(--ease-enter);}
#wrapwrap .actimi-chrome .reveal.in {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
#wrapwrap .actimi-chrome .reveal {opacity: 1 !important; transform: none !important; transition: none !important;}
#wrapwrap .actimi-chrome .device-tile:hover {transform: none;}
#wrapwrap .actimi-chrome:is(section) {scroll-behavior: auto;}
}
@media (max-width: 1000px) {
#wrapwrap .actimi-chrome .hero-grid {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .hero-mock {max-width: 560px; margin: 0px auto;}
#wrapwrap .actimi-chrome .mock-phone {position: relative; right: auto; bottom: auto; margin: var(--space-6) auto 0;}
#wrapwrap .actimi-chrome .interop {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .stat-grid {gap: var(--space-8);}
#wrapwrap .actimi-chrome .devices-grid, #wrapwrap .actimi-chrome .stat-grid {grid-template-columns: repeat(2, 1fr);}
#wrapwrap .actimi-chrome .footer-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 860px) {
#wrapwrap .actimi-chrome .nav .cta-demo-text, #wrapwrap .actimi-chrome .nav .nav-login, #wrapwrap .actimi-chrome .nav-links, #wrapwrap .actimi-chrome .nav-right a.btn {display: none;}
#wrapwrap .actimi-chrome .nav-burger {display: grid;}
#wrapwrap .actimi-chrome .steps {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .step-line {display: none;}
#wrapwrap .actimi-chrome .split {grid-template-columns: 1fr;}
}
@media (max-width: 560px) {
#wrapwrap .actimi-chrome .stat-grid {grid-template-columns: 1fr 1fr; gap: var(--space-6);}
#wrapwrap .actimi-chrome .devices-grid {grid-template-columns: 1fr;}
#wrapwrap .actimi-chrome .footer-grid {grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-8) var(--space-5);}
#wrapwrap .actimi-chrome .mock-vitals {grid-template-columns: 1fr 1fr;}
#wrapwrap .actimi-chrome .cta-row {flex-direction: column; align-items: stretch;}
#wrapwrap .actimi-chrome .cta-row .btn {justify-content: center;}
}
@media (max-width: 640px) {
#wrapwrap .actimi-chrome .btn {white-space: normal; text-align: center; height: auto;}
#wrapwrap .actimi-chrome .btn, #wrapwrap .actimi-chrome .cta-final {min-width: 0px;}
#wrapwrap .actimi-chrome .cta-final .cta-row {flex-direction: column; align-items: stretch;}
}
#wrapwrap .actimi-chrome .mobile-menu {position: fixed; inset: 0px; z-index: 1000; background: var(--color-overlay); backdrop-filter: blur(var(--blur-sm)); opacity: 0; visibility: hidden; transition: opacity var(--duration-base) var(--ease-standard);}
#wrapwrap .actimi-chrome .mobile-menu.open {opacity: 1; visibility: visible;}
#wrapwrap .actimi-chrome .mobile-sheet {position: absolute; top: 0px; right: 0px; width: min(86vw, 360px); height: 100%; background: var(--color-surface); box-shadow: var(--shadow-xl); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-1); transform: translateX(100%); transition: transform var(--duration-base) var(--ease-standard); overflow-y: auto;}
#wrapwrap .actimi-chrome .mobile-menu.open .mobile-sheet {transform: none;}
#wrapwrap .actimi-chrome .mobile-sheet a:not(.btn) {padding: var(--space-3); border-radius: var(--radius-sm); text-decoration: none; color: var(--color-text); font-weight: var(--weight-medium);}
#wrapwrap .actimi-chrome .mobile-sheet a:not(.btn):hover {background: var(--color-bg);}
#wrapwrap .actimi-chrome .mobile-sheet a.btn {text-decoration: none; margin-top: var(--space-2);}
#wrapwrap .actimi-chrome .mobile-sheet .mm-head {display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .mobile-sheet .mm-group {font-size: var(--text-overline); letter-spacing: var(--text-overline-ls); text-transform: uppercase; color: var(--color-text-subtle); font-weight: 600; padding: var(--space-4) var(--space-3) var(--space-1);}
#wrapwrap .actimi-chrome .partner-marquee {position: relative; overflow: hidden; padding-block: var(--space-8); background: rgb(238, 240, 243); border: 1px solid var(--color-border); border-radius: var(--radius-xl); mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent);}
#wrapwrap .actimi-chrome[data-theme="dark"] .partner-marquee {background: rgb(28, 28, 28); border-color: rgba(255, 255, 255, 0.08);}
#wrapwrap .actimi-chrome .partner-marquee-track {display: flex; width: max-content; gap: clamp(var(--space-12),5vw,var(--space-20)); align-items: center; animation: 36s linear 0s infinite normal none running partner-marquee-scroll; will-change: transform;}
#wrapwrap .actimi-chrome .partner-marquee img {height: 80px; max-height: 80px; width: auto; object-fit: contain; display: block; flex: 0 0 auto; opacity: 1;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-fraunhofer {height: 64px; max-height: 64px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-hochschule-reutlingen {height: 80px; max-height: 80px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-university-stuttgart {height: 68px; max-height: 68px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-medical-valley {height: 76px; max-height: 76px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-bwcon {height: 56px; max-height: 56px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-digital-hub-chemistry-health {height: 80px; max-height: 80px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-baden-wurttemberg {height: 92px; max-height: 92px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-bioregio-stern {height: 76px; max-height: 76px;}
#wrapwrap .actimi-chrome .partner-marquee img.logo-bundesministerium-gesundheit {height: 96px; max-height: 96px;}
#wrapwrap .actimi-chrome .partner-marquee img.clogo-fhir {height: 62px; max-height: 62px;}
#wrapwrap .actimi-chrome .partner-marquee img.clogo-aws {height: 56px; max-height: 56px;}
#wrapwrap .actimi-chrome .partner-marquee img.clogo-otc {height: 72px; max-height: 72px;}
#wrapwrap .actimi-chrome .partner-marquee img.clogo-iso, #wrapwrap .actimi-chrome .partner-marquee img.clogo-iso27001 {height: 68px; max-height: 68px;}
#wrapwrap .actimi-chrome .partner-marquee img.clogo-mdr {height: 64px; max-height: 64px;}
@keyframes partner-marquee-scroll { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(-50%, 0px, 0px); }
}
@media (prefers-reduced-motion: reduce) {
#wrapwrap .actimi-chrome .partner-marquee {mask-image: none;}
#wrapwrap .actimi-chrome .partner-marquee-track {animation: auto ease 0s 1 normal none running none; transform: none; width: 100%; flex-wrap: wrap; justify-content: center; gap: var(--space-8);}
#wrapwrap .actimi-chrome .partner-marquee img {transition: none;}
#wrapwrap .actimi-chrome .partner-marquee img:nth-child(n+10) {display: none;}
}
#wrapwrap .actimi-chrome .hero-cinema-copy .btn-primary {background: rgb(255, 255, 255); color: rgb(10, 10, 10); border: 1px solid rgba(255, 255, 255, 0.25);}
#wrapwrap .actimi-chrome .hero-cinema-copy .btn-primary:hover:not([disabled]) {background: rgb(241, 241, 243); color: rgb(10, 10, 10);}
#wrapwrap .actimi-chrome .hero-cinema-copy .btn-secondary {backdrop-filter: saturate(180%) blur(18px); background: rgba(255, 255, 255, 0.1) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; box-shadow: none !important;}
#wrapwrap .actimi-chrome .hero-cinema-copy .btn-secondary:hover:not([disabled]) {background: rgba(255, 255, 255, 0.18) !important; border-color: rgba(255, 255, 255, 0.45) !important;}
#wrapwrap .actimi-chrome .band-deep .btn-secondary, #wrapwrap .actimi-chrome .band-ink .btn-secondary, #wrapwrap .actimi-chrome .btn[style*="rgba(255,255,255,0.25)"], #wrapwrap .actimi-chrome .cta-final .btn-secondary, #wrapwrap .actimi-chrome .split-card.clin .btn-secondary {background: transparent !important; color: var(--color-text) !important; border: 1px solid var(--color-border-strong) !important; box-shadow: none !important; backdrop-filter: none !important;}
#wrapwrap .actimi-chrome .band-deep .btn-secondary:hover:not([disabled]), #wrapwrap .actimi-chrome .band-ink .btn-secondary:hover:not([disabled]), #wrapwrap .actimi-chrome .btn[style*="rgba(255,255,255,0.25)"]:hover:not([disabled]), #wrapwrap .actimi-chrome .cta-final .btn-secondary:hover:not([disabled]), #wrapwrap .actimi-chrome .split-card.clin .btn-secondary:hover:not([disabled]) {background: color-mix(in srgb, currentcolor 12%, transparent 88%) !important; border-color: var(--color-text-subtle) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-deep .btn-secondary, #wrapwrap .actimi-chrome[data-theme="dark"] .band-ink .btn-secondary, #wrapwrap .actimi-chrome[data-theme="dark"] .btn[style*="rgba(255,255,255,0.25)"], #wrapwrap .actimi-chrome[data-theme="dark"] .cta-final .btn-secondary, #wrapwrap .actimi-chrome[data-theme="dark"] .split-card.clin .btn-secondary {background: rgba(255, 255, 255, 0.1) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; backdrop-filter: saturate(180%) blur(18px) !important;}
#wrapwrap .actimi-chrome[data-theme="dark"] .band-deep .btn-secondary:hover:not([disabled]), #wrapwrap .actimi-chrome[data-theme="dark"] .band-ink .btn-secondary:hover:not([disabled]), #wrapwrap .actimi-chrome[data-theme="dark"] .btn[style*="rgba(255,255,255,0.25)"]:hover:not([disabled]), #wrapwrap .actimi-chrome[data-theme="dark"] .cta-final .btn-secondary:hover:not([disabled]), #wrapwrap .actimi-chrome[data-theme="dark"] .split-card.clin .btn-secondary:hover:not([disabled]) {background: rgba(255, 255, 255, 0.18) !important; border-color: rgba(255, 255, 255, 0.45) !important;}
#wrapwrap .actimi-chrome .btn-primary:hover:not([disabled]) {color: var(--color-on-primary); transform: translateY(-1px); box-shadow: var(--shadow-md);}
#wrapwrap .actimi-chrome .btn-accent:hover:not([disabled]) {color: var(--color-on-accent); transform: translateY(-1px); box-shadow: 0 8px 22px color-mix(in srgb,var(--color-accent) 42%,transparent);}
#wrapwrap .actimi-chrome .btn-danger:hover:not([disabled]) {color: rgb(255, 255, 255); transform: translateY(-1px); box-shadow: var(--shadow-md);}
#wrapwrap .actimi-chrome .btn-secondary:hover:not([disabled]) {color: var(--color-text); transform: none;}
#wrapwrap .actimi-chrome .btn-ghost:hover:not([disabled]) {color: var(--color-primary); transform: none; box-shadow: none;}
#wrapwrap .actimi-chrome .btn:active:not([disabled]) {transform: translateY(0px);}
#wrapwrap .actimi-chrome .nav, #wrapwrap .actimi-chrome .nav.scrolled {background: rgb(255, 255, 255); backdrop-filter: none;}
#wrapwrap .actimi-chrome .nav.scrolled {border-bottom-color: var(--color-border);}
#wrapwrap .actimi-chrome[data-theme="dark"] .nav {background: color-mix(in srgb,var(--color-bg) 82%,transparent); backdrop-filter: blur(var(--blur-md));}
#wrapwrap .actimi-chrome[data-theme="dark"] .nav.scrolled {background: color-mix(in srgb,var(--color-bg) 92%,transparent);}
#wrapwrap .actimi-chrome #eligibility .split {align-items: stretch;}
#wrapwrap .actimi-chrome #eligibility .split-card.clin, #wrapwrap .actimi-chrome #eligibility .split-card.pat {background: var(--color-surface) !important; border: 1px solid var(--color-border) !important; box-shadow: var(--shadow-sm) !important; color: var(--color-text) !important; backdrop-filter: none !important;}
#wrapwrap .actimi-chrome .nav-lang-trigger {display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: var(--text-caption); letter-spacing: 0.04em; font-weight: 600;}
#wrapwrap .actimi-chrome .nav-login-menu.nav-lang-menu {min-width: 200px; left: auto; right: 0px; padding: var(--space-2);}
#wrapwrap .actimi-chrome .nav-lang-item {display: flex; align-items: center; gap: var(--space-3); width: 100%; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: transparent; color: var(--color-text); cursor: pointer; font-size: var(--text-body-sm); text-align: left; border-width: medium; border-style: none; border-color: currentcolor; border-image: none;}
#wrapwrap .actimi-chrome .nav-lang-item:hover {background: var(--color-bg);}
#wrapwrap .actimi-chrome .nav-lang-item.active {color: var(--color-accent); font-weight: 600;}
#wrapwrap .actimi-chrome .nav-lang-item .lang-short {font-family: var(--font-mono); font-size: var(--text-caption); width: 24px; flex-shrink: 0; color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .nav-lang-item.active .lang-short {color: var(--color-accent);}
#wrapwrap .actimi-chrome .nav-lang-item .lang-name {flex: 1 1 0%;}
#wrapwrap .actimi-chrome .nav-lang-item svg {margin-left: auto; color: var(--color-accent); flex-shrink: 0;}
#wrapwrap .actimi-chrome .mm-langs {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .mm-lang {display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); cursor: pointer; font-size: var(--text-body-sm); text-align: left;}
#wrapwrap .actimi-chrome .mm-lang.active {border-color: var(--color-accent); color: var(--color-accent);}
#wrapwrap .actimi-chrome .mm-lang .lang-short {font-family: var(--font-mono); font-size: var(--text-caption); color: var(--color-text-subtle);}
#wrapwrap .actimi-chrome .mm-lang svg, #wrapwrap .actimi-chrome .mm-lang.active .lang-short {color: var(--color-accent);}
#wrapwrap .actimi-chrome .mm-lang svg {margin-left: auto;}
#wrapwrap .actimi-chrome .footer-bottom .legal a.footer-legal-link {color: var(--color-text-muted); text-decoration: none;}
#wrapwrap .actimi-chrome .footer-bottom .legal a.footer-legal-link:hover {color: var(--color-text); text-decoration: underline;}
#wrapwrap .actimi-chrome #solutions .device-tile .conn.on {color: var(--color-accent);}
#wrapwrap .actimi-chrome #solutions .device-tile .conn.on .d {background: var(--color-accent); box-shadow: none;}
#wrapwrap .actimi-chrome #solutions .device-tile:hover .conn.on svg {transform: translate(2px, -2px);}
#wrapwrap .actimi-chrome #solutions .device-tile .conn.on svg {transition: transform var(--duration-base) var(--ease-standard);}
@media (max-width: 760px) {
#wrapwrap .actimi-chrome .section-title {white-space: normal !important;}
}
#wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock)) > .container, #wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock)) > .container-wide > .hero-copy {text-align: center; margin-inline: auto;}
#wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock)) > .container {max-width: 880px;}
#wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock)) .cta-row, #wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock)) .eyebrow, #wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock)) .hero-trust {justify-content: center;}
#wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock)) .hero-lead {margin-inline: auto;}
#wrapwrap .actimi-chrome .hero:not(.hero-cinema):not(:has(.hero-grid)):not(:has(.hero-mock))::before {background: radial-gradient(56% 55% at 50% 0,color-mix(in srgb,var(--accent-400) 15%,transparent),transparent 72%);}
@media (max-width: 1000px) {
#wrapwrap .actimi-chrome .devices-grid, #wrapwrap .actimi-chrome .steps {grid-template-columns: repeat(2, 1fr) !important;}
}
@media (max-width: 860px) {
#wrapwrap .actimi-chrome .split {grid-template-columns: 1fr !important;}
}
@media (max-width: 600px) {
#wrapwrap .actimi-chrome .devices-grid, #wrapwrap .actimi-chrome .steps {grid-template-columns: 1fr !important;}
}
#wrapwrap .actimi-chrome .hero-lead, #wrapwrap .actimi-chrome .lead, #wrapwrap .actimi-chrome p {overflow-wrap: break-word;}
#wrapwrap .actimi-chrome .hero-copy, #wrapwrap .actimi-chrome .hero-grid > *, #wrapwrap .actimi-chrome .hero-mock, #wrapwrap .actimi-chrome .interop > *, #wrapwrap .actimi-chrome .split > * {min-width: 0px;}
@media (max-width: 768px) {
#wrapwrap .actimi-chrome .site, #wrapwrap .actimi-chrome main {overflow-x: clip;}
#wrapwrap .actimi-chrome .hero-grid {grid-template-columns: minmax(0px, 1fr);}
#wrapwrap .actimi-chrome .hero-copy, #wrapwrap .actimi-chrome .hero-copy .hero-lead, #wrapwrap .actimi-chrome .hero-copy > *, #wrapwrap .actimi-chrome .hero-mock {min-width: 0px; max-width: 100%;}
}
@media (max-width: 700px) {
#wrapwrap .actimi-chrome .display, #wrapwrap .actimi-chrome .hero h1, #wrapwrap .actimi-chrome .section-title, #wrapwrap .actimi-chrome h1, #wrapwrap .actimi-chrome h2, #wrapwrap .actimi-chrome h3, #wrapwrap .actimi-chrome h4 {overflow-wrap: break-word;}
#wrapwrap .actimi-chrome :lang(de) .display, #wrapwrap .actimi-chrome :lang(de) .section-title, #wrapwrap .actimi-chrome :lang(de) h1, #wrapwrap .actimi-chrome :lang(de) h2, #wrapwrap .actimi-chrome :lang(pl) .display, #wrapwrap .actimi-chrome :lang(pl) .section-title, #wrapwrap .actimi-chrome :lang(pl) h1, #wrapwrap .actimi-chrome :lang(pl) h2 {hyphens: manual;}
}
@media (max-width: 560px) {
#wrapwrap .actimi-chrome .hero-cinema-copy h1.display {font-size: clamp(1.9rem, 8vw, 3rem);}
#wrapwrap .actimi-chrome .hero-cinema-overlay {display: block;}
#wrapwrap .actimi-chrome .hero-cinema-copy, #wrapwrap .actimi-chrome .hero-cinema-copy > * {max-width: 100%; min-width: 0px;}
#wrapwrap .actimi-chrome .hero-cinema-copy .hero-lead {max-width: 100%;}
#wrapwrap .actimi-chrome .hero-cinema-copy .hero-trust, #wrapwrap .actimi-chrome .hero-cinema-copy .hero-trust .marks {flex-wrap: wrap; row-gap: var(--space-2);}
}
#wrapwrap .actimi-chrome .feat-grid {gap: var(--space-4);}
#wrapwrap .actimi-chrome .feat {padding: clamp(var(--space-6),3vw,var(--space-8)); border: 1px solid var(--color-border); background: var(--color-surface); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); transition: transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);}
#wrapwrap .actimi-chrome .feat::before {display: none;}
#wrapwrap .actimi-chrome .feat:hover {transform: translateY(-4px); border-color: var(--color-border-strong); box-shadow: var(--shadow-lg);}
#wrapwrap .actimi-chrome .feat .ic {width: 50px; height: 50px; border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-bg); color: var(--color-primary-subtle-text); margin-bottom: var(--space-5);}
#wrapwrap .actimi-chrome .feat h3 {font-size: var(--text-h4); font-weight: var(--weight-semibold); line-height: 1.25; letter-spacing: -0.01em; margin: 0px;}
#wrapwrap .actimi-chrome .feat p {font-size: var(--text-body-sm); color: var(--color-text-muted); line-height: 1.6; margin-top: var(--space-2);}
#wrapwrap .actimi-chrome .badge, #wrapwrap .actimi-chrome .eyebrow, #wrapwrap .actimi-chrome .pill {align-self: flex-start;}
#wrapwrap .actimi-chrome .split-card.clin .split-list svg, #wrapwrap .actimi-chrome .split-card.pat .split-list svg {color: var(--color-accent);}
#wrapwrap .actimi-chrome #pricing .devices-grid {display: flex; flex-wrap: wrap; justify-content: center;}
#wrapwrap .actimi-chrome #pricing .devices-grid > * {flex: 1 1 260px; max-width: 340px;}
@media (max-width: 768px) {
#wrapwrap .actimi-chrome #empaitica article {grid-template-columns: 1fr !important;}
}
#wrapwrap .actimi-chrome #modules .device-tile, #wrapwrap .actimi-chrome #pharma-why .device-tile {cursor: default; box-shadow: none;}
#wrapwrap .actimi-chrome .partner-strip {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(var(--space-6),3.5vw,var(--space-12)); max-width: 1080px; margin-inline: auto; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); box-shadow: var(--shadow-sm); padding: clamp(var(--space-8),4vw,var(--space-10)) clamp(var(--space-8),4vw,var(--space-12));}
#wrapwrap .actimi-chrome .partner-strip img {height: 40px; width: auto; max-width: 150px; object-fit: contain; mix-blend-mode: multiply;}
#wrapwrap .actimi-chrome .partner-strip img.pl-fraunhofer {height: 32px;}
#wrapwrap .actimi-chrome .partner-strip img.pl-hochschule-reutlingen {height: 46px;}
#wrapwrap .actimi-chrome .partner-strip img.pl-university-stuttgart {height: 50px;}
#wrapwrap .actimi-chrome .partner-strip img.pl-medical-valley {height: 44px;}
#wrapwrap .actimi-chrome .partner-strip img.pl-bioregio-stern {height: 40px;}
#wrapwrap .actimi-chrome .partner-strip img.pl-bwcon {height: 44px;}
#wrapwrap .actimi-chrome .nav-drop {position: relative;}
#wrapwrap .actimi-chrome .nav-drop.is-open .nav-drop-menu {opacity: 1; visibility: visible; transform: translateY(0px);}
#wrapwrap .actimi-chrome .nav-drop.is-open .nav-drop-trigger {color: var(--color-text); background: var(--color-surface);}
@media (hover: hover) and (pointer: fine) {
#wrapwrap .actimi-chrome .nav-drop:hover .nav-drop-menu {opacity: 1; visibility: visible; transform: translateY(0px);}
}
#wrapwrap .actimi-chrome .nav-login-menu .lic.pt.line-signals {background: rgb(230, 238, 249); color: rgb(47, 109, 181);}
#wrapwrap .actimi-chrome .nav-login-menu .lic.pt.line-hf {background: rgb(253, 235, 231); color: rgb(194, 70, 43);}
#wrapwrap .actimi-chrome .nav-login-menu .lic.pt.line-er {background: rgb(251, 239, 217); color: rgb(168, 98, 14);}
#wrapwrap .actimi-chrome .nav-login-menu .lic.pt.line-kidney {background: rgb(225, 243, 241); color: rgb(23, 118, 111);}
#wrapwrap .actimi-chrome .nav-login-menu .lic.pt.line-config {background: rgb(236, 235, 245); color: rgb(82, 80, 138);}
@media (max-width: 1100px) {
#wrapwrap .actimi-chrome .nav .cta-demo-text, #wrapwrap .actimi-chrome .nav .nav-lang, #wrapwrap .actimi-chrome .nav .nav-login, #wrapwrap .actimi-chrome .nav-links, #wrapwrap .actimi-chrome .nav-right a.btn {display: none;}
#wrapwrap .actimi-chrome .nav-burger {display: grid;}
}
#wrapwrap .actimi-chrome .mm-acc {display: grid;}
#wrapwrap .actimi-chrome .mm-acc-btn {display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: var(--space-3); border: 0px; background: transparent; cursor: pointer; font-family: inherit; font-size: var(--text-body); font-weight: var(--weight-medium); color: var(--color-text); border-radius: var(--radius-sm); text-align: left;}
#wrapwrap .actimi-chrome .mm-acc-btn:hover {background: var(--color-bg);}
#wrapwrap .actimi-chrome .mm-acc-btn svg {transition: transform var(--duration-fast) var(--ease-standard); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .mm-acc-btn[aria-expanded="true"] svg {transform: rotate(180deg);}
#wrapwrap .actimi-chrome .mm-acc-panel {display: grid; padding: 0 0 var(--space-2) var(--space-2); border-left: 2px solid var(--color-border); margin-left: var(--space-3);}
#wrapwrap .actimi-chrome .mm-acc-panel[hidden] {display: none;}
#wrapwrap .actimi-chrome .mobile-sheet .mm-acc-panel a:not(.btn) {display: flex; align-items: center; gap: var(--space-3); min-height: 44px;}
#wrapwrap .actimi-chrome .mm-ic {display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: var(--radius-sm); background: var(--color-primary-subtle); color: var(--color-primary-subtle-text); flex-shrink: 0;}
#wrapwrap .actimi-chrome .mm-ic.line-signals {background: rgb(230, 238, 249); color: rgb(47, 109, 181);}
#wrapwrap .actimi-chrome .mm-ic.line-hf {background: rgb(253, 235, 231); color: rgb(194, 70, 43);}
#wrapwrap .actimi-chrome .mm-ic.line-er {background: rgb(251, 239, 217); color: rgb(168, 98, 14);}
#wrapwrap .actimi-chrome .mm-ic.line-kidney {background: rgb(225, 243, 241); color: rgb(23, 118, 111);}
#wrapwrap .actimi-chrome .mm-ic.line-config {background: rgb(236, 235, 245); color: rgb(82, 80, 138);}
#wrapwrap .actimi-chrome .mobile-sheet > a:not(.btn) {min-height: 44px; display: flex; align-items: center;}
#wrapwrap .actimi-chrome .hero-copy.hero-copy-center {max-width: 76ch; margin-inline: auto; text-align: center;}
#wrapwrap .actimi-chrome .hero-copy.hero-copy-center .eyebrow {justify-content: center;}
#wrapwrap .actimi-chrome .hero-copy.hero-copy-center .hero-lead {margin-inline: auto;}
#wrapwrap .actimi-chrome .hero-copy.hero-copy-center .cta-row {justify-content: center;}
#wrapwrap .actimi-chrome .hero-copy.hero-copy-center h1.display {font-size: clamp(2.1rem, 4.4vw, 3.6rem);}
#wrapwrap .actimi-chrome :lang(de) .hero-cinema-copy h1.display, #wrapwrap .actimi-chrome :lang(de) .hero-copy h1.display {hyphens: manual; overflow-wrap: break-word;}
#wrapwrap .actimi-chrome .eyebrow.eyebrow-show {display: inline-flex !important;}
#wrapwrap .actimi-chrome .footer-bottom .legal, #wrapwrap .actimi-chrome .footer-bottom .marks span, #wrapwrap .actimi-chrome .footer-col h5, #wrapwrap .actimi-chrome .hero-trust .lbl {color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .footer-bottom .marks {flex-wrap: wrap; align-items: center; justify-content: center;}
#wrapwrap .actimi-chrome .footer-bottom .marks a.footer-social {display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 var(--space-2); font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--color-text-muted); text-decoration: none; border-radius: var(--radius-sm);}
#wrapwrap .actimi-chrome .footer-bottom .marks a.footer-social:hover {color: var(--color-text); background: var(--color-surface);}
#wrapwrap .actimi-chrome #solutions .conn.on, #wrapwrap .actimi-chrome .badge.badge-accent, #wrapwrap .actimi-chrome .conn.on, #wrapwrap .actimi-chrome .nav-lang-item.active {color: rgb(176, 62, 37);}
@media (pointer: coarse) {
#wrapwrap .actimi-chrome .btn-sm {min-height: 44px; padding-top: 0.6rem; padding-bottom: 0.6rem;}
}
#wrapwrap .actimi-chrome .fab-group {position: fixed; right: 22px; bottom: 22px; z-index: 990; display: flex; flex-direction: column; gap: 10px;}
#wrapwrap .actimi-chrome .fab-group .fab {position: static; border: 1px solid transparent; box-shadow: rgba(20, 20, 30, 0.35) 0px 8px 22px -8px; transition: transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}
#wrapwrap .actimi-chrome .fab-group .fab:hover {transform: translateY(-2px); box-shadow: rgba(20, 20, 30, 0.4) 0px 12px 26px -10px;}
#wrapwrap .actimi-chrome .fab-group .fab.fab-mail, #wrapwrap .actimi-chrome .fab-group .fab.fab-wa {width: 48px; height: 48px; border-color: var(--color-border);}
#wrapwrap .actimi-chrome .fab-group .fab.fab-mail, #wrapwrap .actimi-chrome .fab-group .fab.fab-wa, #wrapwrap .actimi-chrome .fab-group .fab:hover {background: var(--color-surface); color: var(--color-text);}
#wrapwrap .actimi-chrome .doors-grid .door {display: flex; flex-direction: column;}
#wrapwrap .actimi-chrome .doors-grid .door .meta {flex: 1 1 auto; margin-bottom: var(--space-4);}
#wrapwrap .actimi-chrome .door-actions {display: flex; flex-wrap: wrap; gap: var(--space-2);}
@media (max-width: 1000px) {
#wrapwrap .actimi-chrome .devices-grid.cols-3.doors-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 640px) {
#wrapwrap .actimi-chrome .devices-grid.cols-3.doors-grid {grid-template-columns: minmax(0px, 1fr);}
}
#wrapwrap .actimi-chrome .contact-person {display: grid; grid-template-columns: 96px minmax(0px, 1fr) auto; gap: var(--space-6); align-items: center; max-width: 880px; margin-inline: auto; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6) var(--space-8); box-shadow: var(--shadow-xs);}
#wrapwrap .actimi-chrome .contact-person img {width: 96px; height: 96px; border-radius: 50%; object-fit: cover; border: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .contact-person h3 {margin: 0px 0px 2px; font-family: var(--font-display); font-weight: 700; font-size: 1.3rem; color: var(--color-text);}
#wrapwrap .actimi-chrome .contact-person .role {font-size: var(--text-caption); text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-muted); margin-bottom: var(--space-2);}
#wrapwrap .actimi-chrome .contact-person .addr {margin: 0px; font-size: var(--text-body-sm); color: var(--color-text-muted); line-height: 1.5;}
#wrapwrap .actimi-chrome .contact-person .actions {display: flex; flex-direction: column; gap: var(--space-2);}
#wrapwrap .actimi-chrome .contact-person .actions .btn {justify-content: center;}
#wrapwrap .actimi-chrome .contact-person.center {grid-template-columns: minmax(0px, 1fr); justify-items: center; text-align: center; max-width: 640px;}
#wrapwrap .actimi-chrome .contact-person.center .actions {flex-flow: wrap; justify-content: center;}
#wrapwrap .actimi-chrome .contact-person.center .split-list {text-align: left;}
@media (max-width: 720px) {
#wrapwrap .actimi-chrome .contact-person {grid-template-columns: minmax(0px, 1fr); justify-items: center; text-align: center; padding: var(--space-6);}
#wrapwrap .actimi-chrome .contact-person .actions {width: 100%;}
#wrapwrap .actimi-chrome .contact-person .split-list {text-align: left;}
}
#wrapwrap .actimi-chrome .compliance-wrap {display: grid; gap: var(--space-4); justify-items: center;}
#wrapwrap .actimi-chrome .comp-verified {margin: 0px; font-size: var(--text-caption); color: var(--color-text-muted); text-align: center;}
#wrapwrap .actimi-chrome .comp-verified a {color: var(--color-text-muted); text-decoration: underline; text-underline-offset: 2px;}
#wrapwrap .actimi-chrome .comp-verified a:hover, #wrapwrap .actimi-chrome .form-note {color: var(--color-text);}
#wrapwrap .actimi-chrome .form-note {display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-5); border-radius: var(--radius-md);}
#wrapwrap .actimi-chrome .form-note-ok {border: 1px solid color-mix(in srgb,var(--color-normal) 30%,transparent); background: color-mix(in srgb,var(--color-normal) 8%,transparent);}
#wrapwrap .actimi-chrome .form-note-err {border: 1px solid rgb(240, 184, 174); background: rgb(253, 241, 238); color: rgb(138, 46, 30); font-size: var(--text-body-sm);}
#wrapwrap .actimi-chrome .split.split-top {align-items: start;}
#wrapwrap .actimi-chrome .nl-hp {left: -9999px; opacity: 0;}
#wrapwrap .actimi-chrome .nl-hp, #wrapwrap .actimi-chrome .sr-only {position: absolute; width: 1px; height: 1px;}
#wrapwrap .actimi-chrome .sr-only {padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
#wrapwrap .actimi-chrome .nl-form {display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; max-width: 560px; margin: 0px auto;}
#wrapwrap .actimi-chrome .nl-form .input {flex: 1 1 240px; min-height: 48px;}
#wrapwrap .actimi-chrome .nl-note {max-width: 52ch; margin: var(--space-4) auto 0 !important; font-size: var(--text-body-sm) !important;}
#wrapwrap .actimi-chrome .cta-final .nl-ok {color: rgb(223, 245, 231) !important;}
#wrapwrap .actimi-chrome .cta-final .nl-err {color: rgb(255, 214, 207) !important;}
#wrapwrap .actimi-chrome .cta-final .nl-privacy {margin: var(--space-4) auto 0 !important; font-size: var(--text-caption) !important;}
@media (max-width: 420px) {
#wrapwrap .actimi-chrome .hero-cinema-copy h1.display {font-size: clamp(1.5rem, 6.7vw, 3rem);}
#wrapwrap .actimi-chrome .hero-copy.hero-copy-center h1.display {font-size: clamp(1.5rem, 6.7vw, 3.6rem);}
}
#wrapwrap .actimi-chrome .cookie-bar {position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 980; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--space-3) var(--space-5); padding-top: ; padding-right: ; padding-left: ; padding-bottom: max(var(--space-3),env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--color-surface) 96%,transparent); backdrop-filter: blur(var(--blur-sm)); border-top: 1px solid var(--color-border); box-shadow: rgba(20, 20, 30, 0.35) 0px -8px 24px -16px;}
#wrapwrap .actimi-chrome .cookie-bar p {margin: 0px; text-align: center; font-size: var(--text-body-sm); line-height: 1.45; color: var(--color-text-muted); max-width: 68ch;}
#wrapwrap .actimi-chrome .cookie-bar a {color: var(--color-text); text-decoration: underline; text-underline-offset: 2px;}
#wrapwrap .actimi-chrome .cookie-bar a:hover {color: var(--color-accent);}
#wrapwrap .actimi-chrome .cookie-bar .btn {flex-shrink: 0;}
#wrapwrap .actimi-chrome:is(section).has-cookie-bar {padding-bottom: var(--cookie-bar-h,0);}
#wrapwrap .actimi-chrome:is(section).has-cookie-bar .fab-group {bottom: calc(22px + var(--cookie-bar-h, 0px));}
@media (max-width: 600px) {
#wrapwrap .actimi-chrome .cookie-bar {padding-inline: var(--space-4); gap: var(--space-3);}
#wrapwrap .actimi-chrome .cookie-bar p {font-size: var(--text-caption);}
}
#wrapwrap .actimi-chrome:is(section).menu-open .cookie-bar, #wrapwrap .actimi-chrome:is(section).menu-open .fab-group {opacity: 0; pointer-events: none;}
@media (pointer: coarse) {
#wrapwrap .actimi-chrome .mobile-sheet .theme-btn {width: 44px; height: 44px;}
}
#wrapwrap .actimi-chrome .topic-chip {cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: var(--text-body-sm); padding: 6px 12px;}
@media (pointer: coarse) {
#wrapwrap .actimi-chrome .topic-chip {min-height: 44px; padding-block: 10px;}
#wrapwrap .actimi-chrome .nav-burger {width: 44px; height: 44px;}
#wrapwrap .actimi-chrome a.read-link {min-height: 44px; display: inline-flex; align-items: center;}
}
@media (max-width: 700px) {
#wrapwrap .actimi-chrome .footer {padding-bottom: calc(var(--space-12) + 64px);}
#wrapwrap .actimi-chrome .footer-bottom .marks {padding-inline: var(--space-8);}
}
#wrapwrap .actimi-chrome .footer-col h5 {hyphens: manual;}
#wrapwrap .actimi-chrome .footer-col a, #wrapwrap .actimi-chrome .footer-col h5 {overflow-wrap: break-word;}
@media (pointer: coarse) {
#wrapwrap .actimi-chrome .footer-col a {min-height: 44px; display: flex; align-items: center; padding-block: 0px;}
#wrapwrap .actimi-chrome .footer-bottom .legal a.footer-legal-link {min-height: 44px; display: inline-flex; align-items: center;}
}
#wrapwrap .actimi-chrome .mail-fallback {position: fixed; left: 50%; bottom: calc(var(--cookie-bar-h, 0px) + 16px); transform: translateX(-50%); z-index: 1200; width: min(560px, -32px + 100vw); padding: 14px 48px 14px 16px; border: 1px solid var(--color-border); border-radius: var(--radius-lg,14px); background: var(--color-surface); box-shadow: var(--shadow-lg);}
#wrapwrap .actimi-chrome .mail-fallback-lead {margin: 0px 0px 10px; font-size: var(--text-caption); color: var(--color-text-muted);}
#wrapwrap .actimi-chrome .mail-fallback-row {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
#wrapwrap .actimi-chrome .mail-fallback-address {font-family: var(--font-mono); font-size: var(--text-caption); padding: 6px 10px; border-radius: 8px; background: var(--color-surface-subtle,rgba(0,0,0,.04)); user-select: all;}
#wrapwrap .actimi-chrome .mail-fallback-close {position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; border: 0px; border-radius: 8px; background: transparent; color: var(--color-text-muted); font-size: 20px; line-height: 1; cursor: pointer;}
#wrapwrap .actimi-chrome .mail-fallback-close:hover {background: var(--color-surface-subtle,rgba(0,0,0,.06));}
#wrapwrap .actimi-chrome .rp-list, #wrapwrap .actimi-chrome .rp-row {display: grid;}
#wrapwrap .actimi-chrome .rp-row {grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.45fr); gap: clamp(var(--space-8),5vw,var(--space-16)); align-items: start; padding-block: clamp(var(--space-10),5vw,var(--space-16)); border-top: 1px solid var(--color-border);}
#wrapwrap .actimi-chrome .rp-row:first-child {border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding-top: var(--space-2);}
#wrapwrap .actimi-chrome .rp-aside {position: sticky; top: 124px;}
#wrapwrap .actimi-chrome .rp-plate {display: inline-flex; align-items: center; justify-content: flex-start; box-sizing: border-box; width: 184px; height: 60px; margin-bottom: var(--space-6);}
#wrapwrap .actimi-chrome .rp-plate img {max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply;}
#wrapwrap .actimi-chrome[data-theme="dark"] .rp-plate {justify-content: center; background: rgb(255, 255, 255); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); width: 200px; height: 68px;}
#wrapwrap .actimi-chrome .rp-tag {display: block; margin-bottom: var(--space-3); font-size: var(--text-caption); line-height: var(--text-caption-lh); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-accent);}
#wrapwrap .actimi-chrome .rp-title {font-family: var(--font-display); font-weight: 800; font-variation-settings: var(--font-display-settings); font-size: var(--text-h4); line-height: 1.25; letter-spacing: -0.012em; color: var(--color-text); margin: 0px; text-wrap: balance;}
#wrapwrap .actimi-chrome .rp-body p {margin: 0 0 var(--space-5); max-width: 70ch; color: var(--color-text-muted); font-size: var(--text-body); line-height: 1.75;}
#wrapwrap .actimi-chrome .rp-body p:last-child {margin-bottom: 0px;}
#wrapwrap .actimi-chrome .rp-facts {list-style: none; margin: var(--space-6) 0 0; padding: var(--space-5) 0 0; border-top: 1px solid var(--color-border); display: grid; gap: var(--space-3);}
#wrapwrap .actimi-chrome .rp-facts li {display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--text-body-sm); line-height: 1.45; font-weight: var(--weight-medium); color: var(--color-text);}
#wrapwrap .actimi-chrome .rp-facts li svg {flex: 0 0 auto; margin-top: 1px;}
@media (max-width: 860px) {
#wrapwrap .actimi-chrome .rp-row {grid-template-columns: minmax(0px, 1fr); gap: var(--space-6); padding-block: var(--space-10);}
#wrapwrap .actimi-chrome .rp-aside {position: static;}
#wrapwrap .actimi-chrome .rp-body p {max-width: none;}
#wrapwrap .actimi-chrome .rp-facts {margin-top: var(--space-5);}
}
#wrapwrap .actimi-chrome {padding:0!important;}
#wrapwrap .actimi-chrome .reveal {opacity:1!important;transform:none!important;}
#wrapwrap .actimi-chrome [data-actimi-language][hidden] {display:none!important;}
#wrapwrap .actimi-chrome .nav {display:block;}