:root{color-scheme:dark;--bg:#0a151b;--panel:#10242b;--line:#294048;--ink:#eef7f6;--dim:#adc2c5;--accent:#a0f0df;--amber:#ffce85;--danger:#ff9e9f;--page:min(1180px, calc(100% - 96px));font-family:"Manrope",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p{margin:0;line-height:1.65}h1,h2,h3{margin:0;line-height:1.05;letter-spacing: .01em}em{font-style:normal;color:var(--accent)}img,video,svg{display:block;max-width:100%}.wrap{width:var(--page);margin-inline:auto}.skip{position:fixed;z-index:11;left:12px;top:12px;transform:translateY(-180%);background:var(--accent);color:var(--bg);padding:12px}.skip:focus{transform:none}
.top{position:sticky;top:0;z-index:10;border-bottom:1px solid #6a949b45;background:#101f26;box-shadow:0 8px 26px #060f1633}.nav{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:21px;white-space:nowrap;letter-spacing: .01em}.brand img{width:32px;margin-right:4px;transition:transform .25s}.brand:hover img,.brand:focus-visible img{transform:rotate(-9deg)}.nav nav{display:flex;align-items:center;gap:27px;font-size:14px;color:var(--dim)}.nav nav a:hover,.nav nav a:focus-visible{color:var(--ink)}.nav .nav-cta{border:1px solid #40605f;padding:10px 14px;border-radius:7px;color:var(--accent)}
.hero{min-height:575px;display:grid;grid-template-columns:1fr .91fr;gap:clamp(30px,5vw,75px);align-items:center;padding-block:80px}.hero h1{font-size:clamp(49px,5.35vw,83px);margin:19px 0 24px}.eyebrow,.index,.signal-label,.signal-footer,.chain small,.console-head>span{font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--accent)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 14px #a0f0df70;vertical-align:1px}.lead{color:var(--dim);font-size:clamp(17px,1.7vw,21px);max-width:49ch}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:11px 16px;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:14px}.button.primary{background:var(--accent);border-color:var(--accent);color:#102c32}.button.quiet{color:var(--ink);background:#102028}.button:hover,.button:focus-visible{filter:brightness(1.12)}.button span,.text-link span,.nav-cta span{display:inline-block;transition:transform .25s}.button:hover span,.button:focus-visible span,.text-link:hover span,.text-link:focus-visible span,.nav-cta:hover span{transform:translate(3px,-2px)}
.signal{min-width:0}.signal-frame{background:radial-gradient(ellipse at 75% 30%,#193e41,#101f27 76%);border:1px solid #37585e;border-radius:17px;padding:17px;box-shadow:0 22px 75px #0005}.signal-label{display:block;margin:2px 4px 14px}.visual-stack{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#10282e}.signal-video,.signal-art{width:100%;height:100%;position:absolute;inset:0}.signal-video{opacity:0}.signal-video.ready{opacity:1}.signal-footer{display:flex;justify-content:space-between;gap:8px;font-size:9px;margin:16px 4px 2px;color:var(--dim)}
.chain{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;background:#0e1d24}.chain div{padding:16px clamp(12px,3vw,34px)}.chain div+div{border-left:1px solid var(--line)}.chain small,.chain strong{display:block}.chain strong{margin-top:4px;font-size:18px;letter-spacing: .01em}.section{padding-block:86px 18px;scroll-margin-top:22px}.section h2,.closing h2{font-size:clamp(37px,4.4vw,62px);max-width:20ch;margin:14px 0 27px}.suite-grid,.three{display:grid;gap:15px}.suite-grid{grid-template-columns:1.2fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:clamp(19px,3.2vw,38px);min-width:0}.card h3{font-size:clamp(23px,2.5vw,32px);margin:13px 0}.card p:not(.eyebrow),.step p:not(.eyebrow),.faq details p,.muted{color:var(--dim)}.featured{background:linear-gradient(135deg,#19383c,#10242b 70%);border-color:#4e7571}.featured h3{font-size:clamp(37px,4.3vw,60px)}.text-link{display:inline-flex;gap:10px;margin-top:19px;color:var(--accent);font-weight:700}.tags{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:7px}.tags li{color:var(--dim);font-size:12px;border:1px solid #405d62;padding:5px 8px;border-radius:5px}
.closing{margin-block:74px 39px;padding:clamp(24px,5vw,58px);background:radial-gradient(ellipse at 88% 10%,#254e50,#10242b 67%);border:1px solid #416261;border-radius:16px}.closing h2{max-width:27ch}.footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);color:var(--dim);padding:23px 0 31px;font-size:13px}.footer a{color:var(--accent)}
.raf-hero{min-height:515px}.hero-panel{background:linear-gradient(145deg,#19353b,#10242b 80%)}.hero-panel div{display:flex;align-items:center;gap:16px;margin-top:11px;border-top:1px solid var(--line);padding:17px 0 8px;font-size:clamp(16px,2vw,23px);letter-spacing: .01em}.tour-lead{margin-bottom:25px}.tour{display:grid;gap:15px}.tour-pin{display:none}.tour-enabled .tour{grid-template-columns:1.23fr 1fr;gap:clamp(28px,5vw,65px);align-items:start}.tour-enabled .tour-pin{display:block}.tour-enabled .mobile-scene{display:none}.tour-enabled .step{min-height:53vh;display:flex;flex-direction:column;justify-content:center;padding:20px 0;border-bottom:1px solid var(--line)}.step{padding:23px 0;border-bottom:1px solid var(--line)}.step h3,.console h3{font-size:clamp(27px,3.3vw,44px);margin:9px 0 13px}.console,.mobile-scene{background:#10232a;border:1px solid #436263;border-radius:14px;overflow:hidden}.console{box-shadow:0 25px 65px #0004}.console-head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.console-head strong{display:flex;align-items:center;gap:9px;white-space:nowrap}.console-head img{width:22px}.console-head>span{color:var(--dim);font-size:10px}.console-progress{height:2px;background:var(--line)}.console-progress span{display:block;width:100%;height:100%;transform-origin:left;background:var(--accent)}.console-body{padding:clamp(18px,3vw,34px);min-height:315px}.mobile-scene{margin-top:15px;padding:15px}.metric-row,.detail-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.metric-row small,.detail-row span:first-child{color:var(--dim)}.badge{font:700 11px/1.3 ui-monospace,monospace;padding:5px 8px;border-radius:4px;background:#3c3024;color:var(--amber)}.badge.red{background:#412932;color:var(--danger)}.value{font-size:32px;line-height:1}.spark{height:84px;width:100%;margin:10px 0}.faq details{border-top:1px solid var(--line);padding:16px 0;max-width:760px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq details p{padding:9px 0 3px}.faq summary{cursor:pointer;font-weight:650}
@media(max-width:950px){:root{--page:calc(100% - 56px)}.hero{gap:26px}.hero h1{font-size:clamp(43px,6.2vw,66px)}}
@media(max-width:720px){:root{--page:calc(100% - 32px)}.nav{min-height:63px}.nav nav{gap:10px;font-size:12px}body:not(.risk-home) .nav nav>a:not(.nav-cta){display:none}.brand{font-size:19px}.brand img{width:27px}.nav .nav-cta{padding:8px 9px}.hero{grid-template-columns:1fr;min-height:auto;padding-block:57px 35px}.hero h1{font-size:clamp(40px,8.3vw,60px);margin:15px 0 17px}.hero h1 br,.section h2 br{display:none}.actions{margin-top:23px}.suite-grid,.three{grid-template-columns:1fr}.section{padding-top:58px}.chain strong{font-size:14px}.chain small{font-size:8px}.chain div{padding:10px 7px}.signal-frame{padding:11px}.signal-footer{font-size:8px}.closing{margin-top:52px}.footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.signal-video{display:none}}
.nav-cta svg{display:inline-block;vertical-align:-2px}

/* Shared navigation and card interactions */
html{scroll-padding-top:84px}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
  .top{background:#101f26b8;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}
}
.brand-name{display:inline-flex;align-items:baseline;gap:.34em;letter-spacing: .01em;font-weight:450}
.brand-name strong{font-weight:800}
.nav .nav-cta{white-space:nowrap}
.chain{overflow:hidden}
.chain div{transition:background-color .2s ease,box-shadow .2s ease}
.card{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:focus-within{background-color:#19343d;border-color:#6eaaa5;box-shadow:0 0 24px #8ce8d51a,inset 0 0 0 1px #a0f0df21}
.card.featured:focus-within{background:linear-gradient(135deg,#23474b,#132b32 78%)}
@media(hover:hover) and (pointer:fine){
  .chain div:hover{background-color:#1b353e;box-shadow:inset 0 -2px #a0f0df91}
  .card:hover{transform:translateY(-3px);background-color:#19343d;border-color:#6eaaa5;box-shadow:0 9px 25px #06101470,0 0 24px #8ce8d51a}
  .card.featured:hover{background:linear-gradient(135deg,#23474b,#132b32 78%)}
}
@media(max-width:720px){html{scroll-padding-top:69px}}
@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}

/* The landing and product tour use dark surfaces regardless of system theme. */
.clinix-logo{--clinix-ink:#f4f8ff;--clinix-teal:#2bc4aa;display:block;flex:none}
.nav-logo{width:clamp(120px,20vw,168px);height:32px}
.chain-logo{width:min(100%,115px);height:22px}
.console-logo{width:108px;height:22px}
.brand-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:720px){.chain-logo{height:17px}}

.brand-word{display:inline-block;vertical-align:-.1em;max-width:100%;white-space:nowrap}
.word-logo{width:5.9em;height:1.05em;max-width:100%}
.featured h3 .word-logo{width:5.55em;height:.98em}
.nav-cta .word-logo{display:block;vertical-align:initial}
.button.primary .word-logo{--clinix-ink:#102c32;--clinix-teal:#155c57}
.button .brand-word,.nav-cta .brand-word{transform:none}

.metric-count{font-variant-numeric:tabular-nums}

/* Circuit layers sit behind the cards and never capture input. */
[data-risk-flow] { position: relative; isolation: isolate; }
.risk-flow-art { position: absolute; inset: -14px -22px; width: calc(100% + 44px); height: calc(100% + 28px); max-width: none; pointer-events: none; z-index: -1; fill: none; overflow: hidden; }
.risk-flow-track, .risk-flow-pulse { vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.risk-flow-track { stroke: #4b918c; stroke-width: 1; opacity: .45; }
.risk-flow-pulse { stroke: #b9fff1; stroke-width: 2; stroke-dasharray: 12 100; stroke-dashoffset: 12; opacity: 0; }
.risk-flow-playing .risk-flow-pulse { animation: clinix-pulse 1.3s var(--pulse-delay) ease-out both; }
@keyframes clinix-pulse {
  0% { stroke-dashoffset: 12; opacity: 0; }
  13%, 78% { opacity: .95; }
  100% { stroke-dashoffset: -100; opacity: 0; }
}
.risk-roadmap-grid { gap: 23px; padding-block: 28px; }
.risk-roadmap-grid .card { background-color: #10242bf5; }
.risk-roadmap-example { max-width: 78ch; color: var(--dim); margin-top: 10px; }
.tour-pin .risk-flow-art { inset: -18px -30px; width: calc(100% + 60px); height: calc(100% + 36px); }
.spark-draw .spark-trend { animation: clinix-draw .62s ease-out both; }
@keyframes clinix-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@media (max-width: 650px) {
  .risk-flow-art { inset-inline: -8px; width: calc(100% + 16px); }
}
@media (prefers-reduced-motion: reduce) {
  .risk-flow-playing .risk-flow-pulse, .spark-draw .spark-trend { animation: none; }
}

.tour-enabled .tour-steps > .risk-flow-art { display: none; }

.chain:has(.chain-products) { grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 2.65fr); }
.suite-product-links { margin-bottom: 0; }
.suite-product-links a { color: var(--ink); }
.suite-product-links a:hover { color: var(--accent); text-decoration: underline; }
.suite-product-links li > span { color: var(--dim); font-size: .67rem; margin-left: .22em; }
.financial-roadmap { margin-top: 14px; }
#riesgo-tecnologico, #riesgo-reputacional { scroll-margin-top: 110px; }
@media (max-width: 760px) {
  .chain:has(.chain-products) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chain .chain-products { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line); }
}

.credit-page-brand { font-weight: 400; gap: .18em; }

.risk-home { --risk-title-size: clamp(24.5px, 2.675vw, 41.5px); }
.risk-home #contenido :is(h1,h2,h3) {
  font-size: var(--risk-title-size);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: .01em;
}
.risk-home .section h2, .risk-home .closing h2 { max-width: 34ch; }
.risk-product-name { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .15em .25em; font-weight: 400; }
.risk-product-name .word-logo { width: 4.8em; height: .91em; }
.financial-product-description { margin: -12px 0 12px; font-weight: 600; }

.risk-home .chain:has(.chain-products) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.risk-home .chain .chain-products {
  grid-column: 1 / -1;
  border-left: 0;
  border-top: 1px solid var(--line);
  padding: 16px clamp(8px, 2.5vw, 28px);
}
.product-star { position: relative; display: grid; margin-top: 12px; isolation: isolate; }
.product-star-lines { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.product-star-lines path { fill: none; stroke: #4b918c; stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.product-star-hub {
  position: absolute; inset: 37.5% auto auto 50%; transform: translate(-50%,-50%);
  width: 29%; max-width: 210px; min-height: 64px; padding: 8px 4px;
  display: grid; place-content: center; justify-items: center; gap: 5px;
  background: #1b363d; border: 1px solid #72baae; border-radius: 12px;
  box-shadow: 0 0 20px #2bc4aa26;
}
.product-star-hub .word-logo { width: clamp(68px, 17vw, 160px); height: auto; aspect-ratio: 602 / 105; }
.product-star-nodes {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(96px, 1fr));
  gap: clamp(5px, 1.5vw, 16px); margin: 0; padding: 0; list-style: none;
}
.product-star-nodes li { display: grid; min-width: 0; }
.product-star-nodes li:nth-child(odd) { grid-column: 1; }
.product-star-nodes li:nth-child(even) { grid-column: 3; }
.product-star-nodes li:nth-child(-n+2) { grid-row: 1; }
.product-star-nodes li:nth-child(3), .product-star-nodes li:nth-child(4) { grid-row: 2; }
.product-star-nodes li:nth-child(n+5) { grid-row: 3; }
.product-star-nodes a {
  display: grid; align-content: center; justify-items: center; gap: 4px;
  padding: 6px 4px; text-align: center; overflow-wrap: anywhere;
  font-size: clamp(11px, 1.9vw, 17px); line-height: 1.2;
  border: 1px solid var(--line); border-radius: 10px; background: var(--panel);
}
.product-star-nodes a:hover { background: #1b363d; border-color: #72baae; }
.product-star-status { color: var(--dim); font-size: .72em; }
@media (max-width: 950px) {
  .risk-home { --risk-title-size: clamp(21.5px, 3.1vw, 33px); }
}
@media (max-width: 720px) {
  .risk-home { --risk-title-size: clamp(20px, 4.15vw, 30px); }
}

.product-star-nodes > li.product-star-reserves { grid-column: 2; grid-row: 4; }
.product-star-nodes a { padding-block: 8px; gap: 5px; }
.product-icon {
  box-sizing: border-box; width: 34px; height: 34px; padding: 7px; border-radius: 8px;
  background: var(--product-icon-bg); color: var(--product-icon-ink);
  fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round;
}
.product-icon--reserves { --product-icon-bg: #dcf2ed; --product-icon-ink: #176450; }
.product-icon--raf { --product-icon-bg: #e1ecff; --product-icon-ink: #1c56c0; }
.product-icon--credit { --product-icon-bg: #d9f5ee; --product-icon-ink: #086856; }
.product-icon--financial { --product-icon-bg: #eee4ff; --product-icon-ink: #6941b8; }
.product-icon--operational { --product-icon-bg: #fff0d8; --product-icon-ink: #84530b; }
.product-icon--technology { --product-icon-bg: #ddf3ff; --product-icon-ink: #08668b; }
.product-icon--reputation { --product-icon-bg: #f9e3f1; --product-icon-ink: #8c3871; }

.top .brand .risk-header-logo {
  --clinix-ink: #f4f8ff;
  --clinix-teal: #2bc4aa;
  display: block;
  width: clamp(112px, 30vw, 152px);
  height: auto;
}

.top .brand .clinix-stack {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: contain;
}

@media (max-width: 520px) {
  .product-star { gap: 10px; }
  .product-star-lines { display: none; }
  .product-star-hub { position: static; transform: none; width: min(65%, 210px); justify-self: center; }
  .product-star-hub .word-logo { width: 125px; }
  .product-star-nodes { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(83px, auto); grid-template-rows: none; }
  .product-star .product-star-nodes li { grid-area: auto; }
  .product-star .product-star-nodes .product-star-reserves { grid-column: 1 / -1; }
}

.suite-reserves-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 18px;
}
.suite-reserves-card h3 { margin: 0 0 5px; }
.suite-reserves-card .button { justify-self: start; }
@media (max-width: 720px) {
  .suite-reserves-card { grid-template-columns: auto minmax(0, 1fr); }
  .suite-reserves-card .button { grid-column: 2; }
}