/* v5 content blocks (FRAI-7521, canon BLK-01 to BLK-12). Ported from the approved v5 microsite:
   classes use the fr- prefix (runtime state classes keep their names) and every rule is scoped
   to main.fr-v5, so legacy pages and the Team Portal are unaffected. Values resolve to
   design/tokens.json. Generated by the v5 port; edit here, not in the prototype. */
.fr-v5{--fr-gap:clamp(16px,2vw,24px);--fr-on-field:#FFFFFF;--fr-mq-gap:clamp(40px,5vw,80px);font:400 16px/1.6 var(--rf-sans);color:var(--text);background:var(--paper)}
.fr-v5 *,.fr-v5 *::before,.fr-v5 *::after{box-sizing:border-box}
html .fr-v5{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 140px); -webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){ html .fr-v5{scroll-behavior:smooth} }
.fr-v5{margin:0; background:var(--paper); color:var(--text); font:400 16px/1.6 var(--rf-sans); -webkit-font-smoothing:antialiased}
.fr-v5 img,.fr-v5 svg{max-width:100%}
.fr-v5 a{color:var(--blue)} .fr-v5 a:hover{color:var(--blue-deep)}
/* Inline prose links on a blue field retain contrast in every interaction state. */
.fr-v5 .fr-g-field .fr-lead a{color:#fff;text-decoration:underline;text-underline-offset:.18em}
.fr-v5 .fr-g-field .fr-lead a:hover{color:#fff;text-decoration-thickness:2px}
.fr-v5 :focus-visible{outline:3px solid var(--blue); outline-offset:3px; border-radius:6px}
.fr-v5 .fr-g-field :focus-visible{outline-color:#fff}
.fr-v5 .fr-wrap{max-width:calc(var(--rf-max) + 2*var(--rf-gutter)); margin-inline:auto; padding-inline:var(--rf-gutter)}
.fr-v5 .fr-anchor-alias{display:block;scroll-margin-top:160px}
.fr-v5 #console.fr-anchor-alias{padding:0}
.fr-v5 .fr-logos img{object-fit:contain;flex:none}
.fr-v5 .fr-narrow{max-width:calc(760px + 2*var(--rf-gutter))}
.fr-v5 h1,.fr-v5 h2,.fr-v5 h3,.fr-v5 h4,.fr-v5 p{margin:0}
.fr-v5 h2{font-size:clamp(26px,1.4vw + 16px,42px); line-height:1.16; font-weight:700; letter-spacing:-.015em; max-width:22ch; text-wrap:balance}
.fr-v5 h3{font-size:clamp(17px,.3vw + 16px,20px); line-height:1.3; font-weight:700}
.fr-v5 .fr-display{font-family:var(--rf-sans); text-transform:none; font-weight:700; letter-spacing:-.02em; line-height:1.1; text-wrap:balance}
.fr-v5 h1.fr-display{font-size:clamp(28px,1.5vw + 17px,48px); line-height:1.12}
.fr-v5 h2.fr-display{font-size:clamp(28px,2vw + 14px,52px); max-width:18ch}
.fr-v5 .fr-lead{font-size:clamp(16px,.25vw + 15px,19px); line-height:1.6; color:var(--text-2); max-width:62ch}
.fr-v5 p{color:var(--text-2)}
.fr-v5 small{font-size:13px; color:var(--text-2); display:block}
.fr-v5 .fr-mono{font-family:var(--rf-label); font-size:12px; color:var(--text-2)}
.fr-v5 .fr-tag{align-self:flex-start; display:inline-flex; align-items:center; height:26px; padding:0 13px; border-radius:999px; border:1px solid var(--line-2); background:var(--card); font:600 11px/1 var(--rf-label); letter-spacing:.08em; text-transform:uppercase; color:var(--text); width:max-content}
html:not([lang="en"]) .fr-v5 .fr-tag{height:auto; min-height:26px; max-width:100%; padding:5px 13px; line-height:1.3; width:fit-content; overflow-wrap:anywhere}
.fr-v5 .fr-link{display:inline-grid; grid-template-columns:minmax(0,1fr) auto; width:fit-content; max-width:100%; justify-self:start; align-items:start; align-content:center; gap:6px; font:600 13px/1.2 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; text-decoration:none; color:var(--blue); min-height:44px}
.fr-v5 .fr-link .fr-ic{width:13px; height:13px; margin-top:1px}
.fr-v5 .fr-ic{width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-ic.fr-ok{color:var(--blue); margin-top:3px} .fr-v5 .fr-ic.fr-no{color:var(--block); margin-top:3px}
.fr-v5 .fr-button{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:12px; font:600 15px/1 var(--rf-sans); text-decoration:none; white-space:nowrap; transition:background-color .15s}
html:not([lang="en"]) .fr-v5 .fr-button{min-width:0; max-width:100%; padding:10px 22px; line-height:1.4; white-space:normal; overflow-wrap:anywhere; text-align:center}
.fr-v5 .fr-button--primary{background:var(--blue); color:#fff; border:1px solid var(--blue); box-shadow:0 2px 0 var(--blue-deep)}
.fr-v5 .fr-button--primary:hover{background:var(--blue-deep); color:#fff}
.fr-v5 .fr-button--secondary{background:var(--card); color:var(--text); border:1px solid var(--line-2)}
.fr-v5 .fr-button--secondary:hover{color:var(--text); background:var(--paper-2)}
.fr-v5 .fr-button--ondark{background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.5)}
.fr-v5 .fr-button--ondark:hover{color:#fff; background:rgba(255,255,255,.16)}
.fr-v5 .fr-ctas{display:flex; flex-wrap:wrap; gap:12px}
.fr-v5 .fr-micro{font-size:14px; color:var(--text-2)}
.fr-v5 .fr-chips{display:flex; flex-wrap:wrap; gap:8px}
.fr-v5 .fr-chip{display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; border:1px solid var(--line); background:var(--card); font-size:13px; font-weight:600; color:var(--text)}
.fr-v5 .fr-chip-blue{background:var(--blue-wash); border-color:var(--rf-tint); color:var(--blue-deep)}
.fr-v5 .fr-chip-ondark{background:transparent; border-color:rgba(255,255,255,.35); color:#fff}
.fr-v5 .fr-bullets{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.fr-v5 .fr-bullets li{display:flex; gap:10px; line-height:1.5}
.fr-v5 .fr-dotchips{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-dotchips li{display:flex; align-items:center; gap:10px; font-size:15px; font-weight:500; line-height:1.4; color:var(--text)}
.fr-v5 .fr-dotchips li::before{content:""; width:16px; height:16px; flex-shrink:0; background:var(--blue); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.fr-v5 .fr-card-field .fr-dotchips li,.fr-v5 .fr-g-field .fr-dotchips li{color:#fff} .fr-v5 .fr-card-field .fr-dotchips li::before,.fr-v5 .fr-g-field .fr-dotchips li::before{background:var(--rf-tint)}
.fr-v5 .step .fr-dotchips li{min-height:30px; padding:0 14px; border-radius:999px; border:1px solid var(--line); background:var(--card); font-size:13px; font-weight:600; line-height:1}
.fr-v5 .step .fr-dotchips li::before{width:6px; height:6px; border-radius:50%; -webkit-mask:none; mask:none}

/* grounds */
.fr-v5 .fr-sec{padding-block:var(--rf-space-section)}
.fr-v5 .fr-g-paper{background-color:var(--paper)} .fr-v5 .fr-g-paper2{background-color:var(--paper-2)} .fr-v5 .fr-g-wash{background-color:var(--blue-wash)}
.fr-v5 .fr-dots{background-image:radial-gradient(var(--dot) 1px,transparent 1px); background-size:22px 22px}
.fr-v5 .fr-g-field,.fr-v5 .fr-g-field-inline,.fr-v5 .fr-card-field{background-color:var(--blue-deep); background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cpath%20d%3D%22M-20%20399%20C%20480%20832%2C%201040%20419%2C%201620%20515%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20463%20C%20480%20714%2C%201040%2085%2C%201620%20590%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20492%20C%20480%20571%2C%201040%20536%2C%201620%20872%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20616%20C%20480%20142%2C%201040%2014%2C%201620%20575%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20115%20C%20480%2027%2C%201040%20418%2C%201620%20171%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.10%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20121%20C%20480%20265%2C%201040%204%2C%201620%20162%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20210%20C%20480%20896%2C%201040%20756%2C%201620%20987%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.07%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20158%20C%20480%2063%2C%201040%20690%2C%201620%20222%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20224%20C%20480%2015%2C%201040%20616%2C%201620%20-18%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20893%20C%20480%20882%2C%201040%20358%2C%201620%20418%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20124%20C%20480%20303%2C%201040%20280%2C%201620%20639%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20729%20C%20480%20222%2C%201040%2091%2C%201620%2037%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20436%20C%20480%20170%2C%201040%20458%2C%201620%20647%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20324%20C%20480%20891%2C%201040%200%2C%201620%20336%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-69%20C%20480%20896%2C%201040%20542%2C%201620%20112%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%2068%20C%20480%209%2C%201040%20549%2C%201620%20387%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-10%20C%20480%20573%2C%201040%2014%2C%201620%20135%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20399%20C%20480%20435%2C%201040%20517%2C%201620%20946%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%2076%20C%20480%20736%2C%201040%20225%2C%201620%20891%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20589%20C%20480%20618%2C%201040%20349%2C%201620%20508%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.10%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20365%20C%20480%2035%2C%201040%20866%2C%201620%2022%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.11%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20333%20C%20480%20814%2C%201040%20442%2C%201620%20364%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.12%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20965%20C%20480%20431%2C%201040%20588%2C%201620%2047%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.07%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20901%20C%20480%2015%2C%201040%20242%2C%201620%20130%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.07%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-40%20C%20480%20478%2C%201040%20876%2C%201620%20215%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20872%20C%20480%20591%2C%201040%20622%2C%201620%20969%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.10%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20907%20C%20480%20322%2C%201040%20281%2C%201620%20423%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20597%20C%20480%20657%2C%201040%20287%2C%201620%20431%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20500%20C%20480%20810%2C%201040%20663%2C%201620%20706%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.11%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20898%20C%20480%20617%2C%201040%20811%2C%201620%20290%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-57%20C%20480%2013%2C%201040%20596%2C%201620%20450%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20568%20C%20480%20575%2C%201040%20894%2C%201620%20-3%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.11%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20330%20C%20480%20523%2C%201040%20396%2C%201620%20704%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20466%20C%20480%2079%2C%201040%2020%2C%201620%20245%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Ccircle%20cx%3D%22983%22%20cy%3D%22828%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22589%22%20cy%3D%22129%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%22271%22%20cy%3D%22815%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.33%22/%3E%3Ccircle%20cx%3D%22797%22%20cy%3D%22217%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.27%22/%3E%3Ccircle%20cx%3D%22318%22%20cy%3D%22388%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22615%22%20cy%3D%22525%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%22215%22%20cy%3D%22316%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.28%22/%3E%3Ccircle%20cx%3D%221520%22%20cy%3D%22249%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.13%22/%3E%3Ccircle%20cx%3D%22754%22%20cy%3D%22833%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.20%22/%3E%3Ccircle%20cx%3D%22832%22%20cy%3D%22605%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%221571%22%20cy%3D%22407%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%22445%22%20cy%3D%22547%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.28%22/%3E%3Ccircle%20cx%3D%22913%22%20cy%3D%22278%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.10%22/%3E%3Ccircle%20cx%3D%22217%22%20cy%3D%22409%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.29%22/%3E%3Ccircle%20cx%3D%22426%22%20cy%3D%22701%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22184%22%20cy%3D%2298%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.26%22/%3E%3Ccircle%20cx%3D%221292%22%20cy%3D%22863%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221318%22%20cy%3D%22230%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.10%22/%3E%3Ccircle%20cx%3D%22756%22%20cy%3D%22643%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.16%22/%3E%3Ccircle%20cx%3D%221246%22%20cy%3D%22486%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3Ccircle%20cx%3D%221595%22%20cy%3D%22143%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.33%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22839%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.20%22/%3E%3Ccircle%20cx%3D%22721%22%20cy%3D%22177%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.19%22/%3E%3Ccircle%20cx%3D%22910%22%20cy%3D%22791%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221042%22%20cy%3D%22184%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%221277%22%20cy%3D%22832%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221440%22%20cy%3D%22882%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3Ccircle%20cx%3D%221265%22%20cy%3D%22288%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%22558%22%20cy%3D%2274%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.19%22/%3E%3Ccircle%20cx%3D%22674%22%20cy%3D%22248%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221388%22%20cy%3D%22386%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.14%22/%3E%3Ccircle%20cx%3D%22536%22%20cy%3D%22709%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221600%22%20cy%3D%22811%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%221103%22%20cy%3D%22851%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.24%22/%3E%3Ccircle%20cx%3D%221103%22%20cy%3D%22682%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3Ccircle%20cx%3D%22464%22%20cy%3D%22656%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.14%22/%3E%3Ccircle%20cx%3D%22823%22%20cy%3D%22816%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.18%22/%3E%3Ccircle%20cx%3D%22610%22%20cy%3D%22761%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221361%22%20cy%3D%22872%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.17%22/%3E%3Ccircle%20cx%3D%22796%22%20cy%3D%22370%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3C/svg%3E"),linear-gradient(135deg,#0053AD 0%,#004C9E 55%,#00468F 100%); background-size:cover,auto; background-position:center; color:var(--fr-on-field)}
.fr-v5 .fr-g-field h2,.fr-v5 .fr-g-field h3,.fr-v5 .fr-g-field-inline h2,.fr-v5 .fr-g-field-inline h3,.fr-v5 .fr-card-field h3{color:#fff}
.fr-v5 .fr-g-field p,.fr-v5 .fr-g-field .fr-lead,.fr-v5 .fr-g-field .fr-micro,.fr-v5 .fr-g-field-inline p,.fr-v5 .fr-card-field p,.fr-v5 .fr-card-field .fr-bullets li{color:var(--rf-tint)}
.fr-v5 .fr-g-field .fr-hero-card p,.fr-v5 .fr-g-field .fr-hero-card .fr-lead,.fr-v5 .fr-g-field .fr-hero-card .fr-micro,.fr-v5 .fr-g-field .fr-hero-card .fr-crumbs,.fr-v5 .fr-g-field .fr-window p,.fr-v5 .fr-g-field .fr-window small{color:var(--text-2)}
.fr-v5 .fr-card-field .fr-bullets li span{color:#fff}
.fr-v5 .fr-g-field .fr-tag,.fr-v5 .fr-card-field .fr-tag{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.35); color:#fff}
.fr-v5 .fr-card-field .fr-ic.fr-ok{color:var(--rf-tint)}
.fr-v5 .fr-on-dark{color:#fff} .fr-v5 .fr-on-dark:hover{color:var(--rf-tint)}
.fr-v5 .fr-shead{display:flex; flex-direction:column; gap:14px; margin-bottom:clamp(28px,3vw,44px)}
.fr-v5 .fr-head-row{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px 40px; margin-bottom:clamp(28px,3vw,44px)}
.fr-v5 .fr-head-row .fr-shead{margin-bottom:0}

/* nav */

/* global nav: mega menus */
.fr-v5 .fr-chev{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s}
.fr-v5 .fr-button--cs{font:600 14px/1 var(--body,inherit); letter-spacing:0; text-transform:none; background:var(--blue-deep); border-color:var(--blue-deep); box-shadow:none}
.fr-v5 .fr-button--cs:hover{background:#004085}
@keyframes fr-mm-in{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}
.fr-v5 .fr-arr{width:16px; height:16px; flex-shrink:0; fill:none; stroke:var(--blue); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .15s}
/* drawer accordions */
.fr-v5 .fr-subnav{position:sticky; top:calc(env(safe-area-inset-top,0px) + var(--fr-nav-h,73px) - 1px); z-index:40; background:var(--card); border-bottom:1px solid var(--line); box-shadow:0 6px 16px -12px rgba(0,40,90,.3)}
.fr-v5 .fr-subnav .fr-wrap{display:flex; align-items:center; gap:24px; min-height:60px}
.fr-v5 .fr-sub-t{font:700 13px/1 var(--rf-display); text-transform:uppercase; white-space:nowrap}
.fr-v5 .fr-sub-links{display:flex; gap:22px; overflow-x:auto; scrollbar-width:none; flex:1}
.fr-v5 .fr-sub-links a{color:var(--text); text-decoration:none; font-size:14px; font-weight:500; white-space:nowrap; padding:10px 0}
.fr-v5 .fr-sub-links a.on{color:var(--blue)}
.fr-v5 .fr-subnav .fr-button{min-height:40px; padding:0 16px; font-size:14px}
@media (max-width:767px){ .fr-v5 .fr-sub-t,.fr-v5 .fr-subnav .fr-button{display:none} }

/* hero */
.fr-v5 .fr-hero{padding-block:clamp(28px,6vw,104px); overflow:hidden}
.fr-v5 .fr-hero-grid{display:grid; gap:clamp(24px,4vw,40px); align-items:center}
.fr-v5 .fr-hero-card{position:relative; z-index:1; background-color:var(--paper-2); background-image:radial-gradient(var(--dot) 1px,transparent 1px); background-size:22px 22px; color:var(--text); border-radius:var(--rf-radius-panel); padding:clamp(24px,3.6vw,64px); display:flex; flex-direction:column; gap:18px; box-shadow:0 30px 80px -30px rgba(0,0,0,.55)}
.fr-v5 .fr-hero-card .fr-lead{color:var(--text-2)}
.fr-v5 .fr-hero-card .fr-tag{background:var(--card); border-color:var(--line-2); color:var(--text)}
.fr-v5 .fr-hero-card .fr-micro{color:var(--text-2)}
.fr-v5 .fr-crumbs{font:500 12px/1.4 var(--rf-label); letter-spacing:.04em; text-transform:uppercase; color:var(--text-2)}
.fr-v5 .fr-hero-visual{position:relative; z-index:2}
.fr-v5 .fr-hero-fan{display:flex; justify-content:center}
@media (max-width:599px){ .fr-v5 .fr-hero-card .fr-ctas{flex-direction:column} .fr-v5 .fr-hero-card .fr-button{width:100%} }
.fr-v5 .fr-hc-text{display:flex; flex-direction:column; gap:18px}
.fr-v5 .fr-hero-card-wide{gap:32px}
@media (max-width:1023px){ .fr-v5 .fr-hero-card-wide{display:flex; flex-direction:column} }
.fr-v5 .fr-hc-side{display:block; min-width:0}
.fr-v5 .fr-hc-side .fr-window-frame{width:100%}
.fr-v5 .fr-fan-card{color:#6E9BEF} .fr-v5 .fr-fan-card ul{color:var(--blue); font-size:clamp(22px,1.2vw + 12px,30px)}
@media (min-width:1024px){
  .fr-v5 .fr-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
  .fr-v5 .fr-hero-grid.fr-hero-solo{grid-template-columns:minmax(0,1fr)}
  .fr-v5 .fr-hero-card-wide{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(40px,4vw,72px); align-items:center}
  /* one fixed visual size on every hero */

}
@media (min-width:1600px){ .fr-v5 .fr-hero{padding-block:112px} .fr-v5 .fr-hc-side .fr-window-frame{height:520px} }

/* mock windows */
.fr-v5 .fr-window-frame{padding:clamp(10px,1.4vw,18px); border-radius:28px; background:rgba(214,228,255,.5); border:1px solid rgba(160,190,245,.6)}
.fr-v5 .fr-g-field .fr-window-frame{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.28)}
.fr-v5 .fr-window{background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow:0 30px 70px -24px rgba(0,40,110,.45); overflow:hidden; color:var(--text)}
.fr-v5 .fr-win-bar{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:0 18px; border-bottom:1px solid var(--line)}
.fr-v5 .fr-dots3{display:flex; gap:6px} .fr-v5 .fr-dots3 i{width:9px; height:9px; border-radius:50%; background:var(--line-2); display:block}
.fr-v5 .fr-win-t{font:500 11px/1 var(--rf-label); color:var(--text-2)}
.fr-v5 .fr-win-body{padding:clamp(16px,1.8vw,22px); display:flex; flex-direction:column; gap:14px}
.fr-v5 .fr-win-body p,.fr-v5 .fr-win-body small{color:var(--text-2)}
.fr-v5 .fr-bubble{align-self:flex-end; background:var(--blue-wash); color:var(--text); padding:10px 16px; border-radius:12px; font-size:15px; max-width:85%}
.fr-v5 .fr-docc{border:1px solid var(--line); border-radius:12px; padding:14px 16px; display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-docc b{font-size:14px}
.fr-v5 .fr-inj{background:var(--block-bg); color:var(--text); padding:8px 12px; border-radius:6px; font-size:14px}
.fr-v5 .fr-flag{font:500 11px/1 var(--rf-label); color:var(--block); text-transform:uppercase}
.fr-v5 .fr-result{display:flex; align-items:center; gap:12px; background:#0B2A55; border-radius:12px; padding:14px 16px}
.fr-v5 .fr-result small{font:500 11px/1.3 var(--rf-label); color:#CCE4FF} .fr-v5 .fr-result b{color:#fff; font-size:15px}
.fr-v5 .fr-shield{width:34px; height:34px; border-radius:9px; background:var(--blue); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0}
.fr-v5 .fr-shield svg{width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2; stroke-linejoin:round}
.fr-v5 .fr-composer{display:flex; justify-content:space-between; align-items:center; min-height:44px; border:1px solid var(--line); border-radius:10px; padding:0 14px; color:var(--text-2); font-size:14px}
.fr-v5 .fr-kv{margin:0; display:flex; flex-direction:column}
.fr-v5 .fr-kv div{display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14px}
.fr-v5 .fr-kv dt{color:var(--text-2)} .fr-v5 .fr-kv dd{margin:0; font-weight:700; text-align:right}
.fr-v5 .fr-kv dd.fr-muted{font-weight:400; color:var(--text-2)}
.fr-v5 .fr-lbl{font:500 11px/1.4 var(--rf-label); text-transform:uppercase}
.fr-v5 .fr-redacted{background:var(--blue-wash); border:1px solid var(--rf-tint); border-radius:10px; padding:12px 14px; font:500 13px/1.5 var(--rf-label); color:var(--text)}
.fr-v5 .fr-doc-t{font:700 18px/1.2 var(--rf-display); text-transform:uppercase}
.fr-v5 .fr-rowc{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:12px}
.fr-v5 .fr-rowc b{font-size:14px; display:block}
.fr-v5 .fr-tbl-wrap{overflow-x:auto}
.fr-v5 .fr-tbl{width:100%; border-collapse:collapse; font-size:14px; min-width:420px}
.fr-v5 .fr-tbl th{font:500 11px/1 var(--rf-label); color:var(--text-2); text-align:left; padding:0 8px 8px 0; text-transform:uppercase}
.fr-v5 .fr-tbl td{padding:11px 8px 11px 0; border-top:1px solid var(--line)}
.fr-v5 .fr-st{display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:999px; font-size:12px; font-weight:700}
.fr-v5 .fr-st-block{background:var(--block-bg); color:var(--block)} .fr-v5 .fr-st-redact{background:var(--blue-wash); color:var(--blue-deep)} .fr-v5 .fr-st-hold{background:var(--hold-bg); color:var(--hold)}

/* proof */
.fr-v5 .fr-proof{padding-block:clamp(32px,4vw,52px); border-bottom:1px solid var(--line)}
.fr-v5 .fr-mlabel{font:600 12px/1.4 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; color:var(--text-2); margin-bottom:16px}
.fr-v5 .fr-marquee{--fr-mq-gap:clamp(40px,5vw,80px); position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.fr-v5 .fr-marquee-track{display:flex; width:max-content; animation:fr-mq-scroll 40s linear infinite;animation-play-state:paused}
.fr-v5 .fr-marquee[data-autoscroll="true"] .fr-marquee-track{animation-play-state:running}
.fr-v5 .fr-marquee:not([data-marquee-ready]){overflow-x:auto;mask-image:none;-webkit-mask-image:none}
.fr-v5 .fr-marquee:not([data-marquee-ready]) .fr-marquee-track{width:max-content;animation:none}
.fr-v5 .fr-marquee:not([data-marquee-ready]) .fr-logos{padding:0}
.fr-v5 .fr-marquee:not([data-marquee-ready]) .fr-logos[aria-hidden="true"]{display:none}
.fr-v5 .fr-marquee:focus-visible .fr-marquee-track{animation-play-state:paused}
@media (hover:hover){.fr-v5 .fr-marquee:hover .fr-marquee-track{animation-play-state:paused}}
@keyframes fr-mq-scroll{from{transform:translateX(0)} to{transform:translateX(-50%)}}
.fr-v5 .fr-logos{list-style:none; margin:0; padding:0 var(--fr-mq-gap) 0 0; display:flex; flex-shrink:0; gap:var(--fr-mq-gap); color:var(--text-2)}
.fr-v5 .fr-logos li{display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; font-size:clamp(15px,1vw + 8px,18px); letter-spacing:-.01em; white-space:nowrap; opacity:.85; transition:opacity .2s,color .2s}
.fr-v5 .fr-logos li:hover{opacity:1; color:var(--text)}
.fr-v5 .fr-logos svg{width:24px; height:24px; flex-shrink:0}
@media (prefers-reduced-motion:reduce){
  .fr-v5 .fr-marquee{overflow-x:auto; -webkit-mask-image:none; mask-image:none}
  .fr-v5 .fr-marquee-track{animation:none; width:max-content}
  .fr-v5 .fr-marquee .fr-logos{padding:0}
  .fr-v5 .fr-marquee .fr-logos[aria-hidden="true"]{display:none}
}
.fr-v5 .fr-chip-logo{gap:8px; padding-left:10px}
.fr-v5 .fr-mlogo{width:16px; height:16px; flex-shrink:0; display:block}
.fr-v5 .fr-mlogo-ph{display:inline-flex; align-items:center; justify-content:center; border-radius:4px; background:var(--paper-2); border:1px solid var(--line-2); color:var(--text-2); font:700 9px/1 var(--rf-label)}
.fr-v5 .fr-proof > .fr-wrap > .fr-mlabel{text-align:center; margin-bottom:20px}
.fr-v5 .fr-models{display:flex; flex-direction:column; align-items:center; gap:16px; margin-top:clamp(24px,3vw,36px); padding-top:clamp(24px,3vw,36px); background:linear-gradient(90deg,transparent,var(--line-2) 20%,var(--line-2) 80%,transparent) top/100% 1px no-repeat}
.fr-v5 .fr-models .fr-mlabel{margin:0; text-align:center}
.fr-v5 .fr-models .fr-chips{justify-content:center; max-width:1040px}

/* cards & grids */
.fr-v5 .fr-grid{list-style:none; margin:0; padding:0; display:grid; gap:var(--fr-gap); grid-template-columns:minmax(0,1fr)}
.fr-v5 .fr-card{background:var(--card); border:1px solid var(--line); border-radius:var(--rf-radius-card); padding:clamp(20px,2vw,28px); display:flex; flex-direction:column; gap:14px}
.fr-v5 .fr-pad-l{padding:clamp(24px,2.6vw,40px)}
.fr-v5 .fr-card-img{padding:0; overflow:hidden}
.fr-v5 .fr-card-img .fr-art{display:block; width:100%; height:150px}
.fr-v5 .fr-card-body{padding:clamp(20px,2vw,28px); display:flex; flex-direction:column; gap:12px; flex:1}
.fr-v5 .fr-card-body .fr-link{margin-top:auto}
.fr-v5 .fr-card .fr-n,.fr-v5 .fr-solgrid .fr-n{font:600 12px/1 var(--rf-label); color:var(--blue)}
.fr-v5 .fr-card-stat{margin-top:auto; padding-top:14px; border-top:1px solid var(--line); font:500 13px/1.5 var(--rf-label); color:var(--text)}
@media (min-width:720px){ .fr-v5 .fr-g2{grid-template-columns:repeat(2,minmax(0,1fr))} .fr-v5 .fr-g4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:640px) and (max-width:959px){
  .fr-v5 .fr-g3 > .fr-card-img{display:grid; grid-template-columns:minmax(200px,38%) minmax(0,1fr)}
  .fr-v5 .fr-g3 > .fr-card-img .fr-art{height:100%; min-height:180px}
}
@media (min-width:960px){ .fr-v5 .fr-g3{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1180px){ .fr-v5 .fr-g4{grid-template-columns:repeat(4,minmax(0,1fr))} }
.fr-v5 .fr-glass{border-radius:var(--rf-radius-card); padding:clamp(20px,2vw,28px); background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.16); display:flex; flex-direction:column; gap:10px}
.fr-v5 .fr-glass .fr-step-k{color:var(--rf-tint)}

/* steps */
.fr-v5 .step{border-radius:var(--rf-radius-card); padding:clamp(20px,2vw,28px); background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column; gap:14px}
.fr-v5 .fr-step-top{display:flex; align-items:center; gap:12px}
.fr-v5 .fr-num{width:30px; height:30px; border-radius:50%; background:var(--blue); color:#fff; font-weight:700; font-size:14px; display:inline-flex; align-items:center; justify-content:center}
.fr-v5 .fr-step-k{font:600 11px/1.2 var(--rf-label); letter-spacing:.1em; text-transform:uppercase}
.fr-v5 .step p{font-size:15px}
.fr-v5 .step .fr-dotchips{margin-top:auto}
.fr-v5 .step-hi{background:#004085; border-color:#004085; color:#fff; box-shadow:0 24px 50px -20px rgba(0,40,90,.6)}
.fr-v5 .step-hi h3{color:#fff} .fr-v5 .step-hi p{color:#CCE4FF} .fr-v5 .step-hi .fr-num{background:#fff; color:#004085} .fr-v5 .step-hi .fr-step-k{color:#CCE4FF}
.fr-v5 .step-hi .fr-dotchips li{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.25); color:#fff} .fr-v5 .step-hi .fr-dotchips li::before{background:#9CC7FF}
.fr-v5 .fr-steps.fr-g3{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){ .fr-v5 .fr-steps.fr-g3{grid-template-columns:repeat(3,minmax(0,1fr))} }
.fr-v5 .fr-effect{margin-top:var(--fr-gap); display:flex; flex-direction:column; gap:6px; padding:18px 24px; border-radius:12px; background:var(--card); border:1px solid var(--line)}
.fr-v5 .fr-effect-k{font:700 11px/1.2 var(--rf-label); letter-spacing:.12em; text-transform:uppercase; color:var(--text)}
.fr-v5 .fr-effect p{color:var(--text); font-weight:600}
@media (min-width:900px){ .fr-v5 .fr-effect{flex-direction:row; align-items:center; gap:48px; padding:0 36px; min-height:60px} }

/* auto-advancing steps */
.fr-v5 .fr-steps.auto .step{transition:background-color .9s ease,border-color .9s ease,box-shadow .9s ease}
.fr-v5 .fr-steps.auto .step h3,.fr-v5 .fr-steps.auto .step p,.fr-v5 .fr-steps.auto .step .fr-step-k,.fr-v5 .fr-steps.auto .step .fr-num,.fr-v5 .fr-steps.auto .step .fr-dotchips li{transition:color .9s ease,background-color .9s ease,border-color .9s ease,opacity .6s ease}
.fr-v5 .fr-steps.auto .step.is-on{background:#004085; border-color:#004085; box-shadow:0 24px 50px -20px rgba(0,40,90,.6)}
.fr-v5 .fr-steps.auto .step.is-on h3{color:#fff} .fr-v5 .fr-steps.auto .step.is-on p,.fr-v5 .fr-steps.auto .step.is-on .fr-step-k{color:#CCE4FF}
.fr-v5 .fr-steps.auto .step.is-on .fr-num{background:#fff; color:#004085}
.fr-v5 .fr-steps.auto .step.is-on .fr-dotchips li{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18); color:rgba(255,255,255,.62)}
.fr-v5 .fr-steps.auto .step.is-on .fr-dotchips li::before{background:rgba(156,199,255,.45)}
.fr-v5 .fr-steps.auto .step.is-on .fr-dotchips li.on{background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.4); color:#fff}
.fr-v5 .fr-steps.auto .step.is-on .fr-dotchips li.on::before{background:#9CC7FF; box-shadow:0 0 0 3px rgba(156,199,255,.22)}
.fr-v5 .fr-steps.auto .fr-dotchips li::before{transition:background-color .6s ease,box-shadow .6s ease}
.fr-v5 .step-prog{display:grid; grid-template-columns:repeat(var(--n,4),minmax(0,1fr)); gap:var(--fr-gap); margin-top:16px; pointer-events:none}
.fr-v5 .step-prog span{display:flex; align-items:center; gap:10px; font:600 11px/1 var(--rf-label); letter-spacing:.08em; color:var(--text-2); transition:color .6s ease}
.fr-v5 .step-prog span.on{color:var(--text)}
.fr-v5 .step-prog b{font-weight:600; width:1.6em}
.fr-v5 .step-prog i{position:relative; flex:1; height:2px; border-radius:2px; background:var(--line-2); overflow:hidden}
.fr-v5 .step-prog i::after{content:""; position:absolute; inset:0; background:var(--blue); transform-origin:left; transform:scaleX(var(--f,0))}
.fr-v5 .step-prog span.run i::after{animation:fr-sp-fill var(--dur,7s) linear forwards}
@keyframes fr-sp-fill{from{transform:scaleX(0)} to{transform:scaleX(1)}}
@media (max-width:899px){ .fr-v5 .step-prog{display:none} }
@media (prefers-reduced-motion:reduce){ .fr-v5 .step-prog{display:none} }
.fr-v5 .step-prog.paused span.run i::after{animation-play-state:paused}
.fr-v5 .step:not(.step-hi):not(.is-on) .fr-dotchips li{background:var(--paper-2)}
/* split rows */
.fr-v5 .fr-split{display:grid; gap:clamp(32px,5vw,88px); align-items:center}
.fr-v5 .fr-split-text{display:flex; flex-direction:column; gap:18px}
.fr-v5 .fr-split-text h2{max-width:18ch}
.fr-v5 .fr-split-visual{min-width:0}
@media (min-width:960px){ .fr-v5 .fr-split{grid-template-columns:repeat(2,minmax(0,1fr))} .fr-v5 .fr-split.fr-rev .fr-split-text{order:2} }
.fr-v5 .fr-h3l{font-size:clamp(20px,.8vw + 16px,26px)}

/* differentiator, outcomes, story */
.fr-v5 .fr-diff-head{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:20px 40px; margin-bottom:clamp(28px,3vw,44px)}
.fr-v5 .fr-diff-head > div{display:flex; flex-direction:column; gap:18px}
.fr-v5 .fr-stats{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px var(--fr-gap)}
.fr-v5 .fr-stats li{display:flex; flex-direction:column; gap:8px; padding-top:20px; border-top:1px solid var(--line-2)}
.fr-v5 .fr-stat{font:700 clamp(32px,2.4vw + 12px,56px)/1.1 var(--rf-display); color:var(--blue)}
.fr-v5 .fr-stats.fr-g3 li:last-child:nth-child(odd){grid-column:1 / -1}
@media (min-width:640px){ .fr-v5 .fr-stats.fr-g3{grid-template-columns:repeat(3,minmax(0,1fr))} .fr-v5 .fr-stats.fr-g3 li:last-child:nth-child(odd){grid-column:auto} }
@media (min-width:960px){ .fr-v5 .fr-stats.fr-g4{grid-template-columns:repeat(4,minmax(0,1fr))} }
.fr-v5 .fr-story{display:grid; gap:clamp(32px,4vw,64px); align-items:center}
.fr-v5 .fr-story figure{margin:0; display:flex; flex-direction:column; gap:24px}
.fr-v5 .fr-story blockquote{margin:0; font-size:clamp(20px,1.2vw + 12px,32px); line-height:1.38; font-weight:600; letter-spacing:-.01em; max-width:34ch; text-wrap:pretty}
.fr-v5 .fr-story figcaption{display:flex; align-items:center; gap:14px}
.fr-v5 .fr-story figcaption b{display:block}
.fr-v5 .fr-avatar{width:52px; height:52px; border-radius:50%; background:var(--blue-wash); color:var(--blue-deep); display:inline-flex; align-items:center; justify-content:center; font-weight:700}
.fr-v5 .fr-results{list-style:none; margin:0; padding:0}
.fr-v5 .fr-results li{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:15px}
.fr-v5 .fr-results b{font:700 22px/1 var(--rf-display); color:var(--blue); white-space:nowrap}
.fr-v5 .fr-story .fr-card-img .fr-art{height:120px}
@media (min-width:960px){ .fr-v5 .fr-story{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)} }

/* solutions route */
.fr-v5 .fr-solgrid{list-style:none; margin:0 0 var(--fr-gap); padding:0; display:grid; gap:14px; grid-template-columns:minmax(0,1fr)}
.fr-v5 .fr-solgrid a{display:flex; align-items:center; gap:14px; min-height:64px; padding:0 20px; border:1px solid var(--line); border-radius:14px; background:var(--card); color:var(--text); text-decoration:none; font-weight:700}
.fr-v5 .fr-solgrid a:hover{border-color:var(--blue)}
.fr-v5 .fr-solgrid a .fr-ic{margin-left:auto; color:var(--blue); width:16px; height:16px}
@media (min-width:640px){ .fr-v5 .fr-solgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1024px){ .fr-v5 .fr-solgrid{grid-template-columns:repeat(3,minmax(0,1fr))} }
.fr-v5 .fr-svcband,.fr-v5 .fr-midcta{border-radius:var(--rf-radius-card); padding:clamp(24px,3vw,44px) clamp(24px,3.6vw,56px); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px 32px}
.fr-v5 .fr-svcband > div{display:flex; flex-direction:column; gap:14px; flex:1 1 480px}
.fr-v5 .fr-midcta > div{display:flex; flex-direction:column; gap:8px; flex:1 1 420px}
.fr-v5 .fr-midcta h2{font-size:clamp(22px,1vw + 16px,32px); max-width:none}

/* integrations, faq, tabs, filters */
.fr-v5 .fr-tiles{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px}
.fr-v5 .fr-tiles li{min-height:68px; display:flex; align-items:center; justify-content:center; text-align:center; padding:8px 12px; border:1px solid var(--line); border-radius:14px; background:var(--card); font-weight:700; font-size:14px}
.fr-v5 .fr-tiles-logo li{justify-content:flex-start; gap:12px; line-height:1.3; padding:8px 18px; text-align:left}
.fr-v5 .fr-tlogo{width:24px; height:24px; flex-shrink:0; display:block}
.fr-v5 .fr-tlogo-ph{display:inline-flex; align-items:center; justify-content:center; border-radius:6px; background:var(--paper-2); border:1px solid var(--line-2); color:var(--text-2); font:700 10px/1 var(--rf-label)}
.fr-v5 .fr-faq{display:grid; gap:24px 64px}
@media (min-width:960px){ .fr-v5 .fr-faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr)} }
.fr-v5 .fr-faq-list{border-bottom:1px solid var(--line)}
.fr-v5 .fr-faq details{border-top:1px solid var(--line)}
.fr-v5 .fr-faq summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:18px; min-height:72px; padding:12px 0; font-size:clamp(16px,.4vw + 15px,19px); font-weight:700}
.fr-v5 .fr-faq summary::-webkit-details-marker{display:none}
.fr-v5 .fr-fq-n{font:600 12px/1 var(--rf-label); color:var(--blue); width:28px; flex-shrink:0}
.fr-v5 .fr-fq-i{margin-left:auto; width:20px; height:20px; position:relative; flex-shrink:0}
.fr-v5 .fr-fq-i::before,.fr-v5 .fr-fq-i::after{content:""; position:absolute; left:2px; right:2px; top:9px; height:2px; background:var(--text); border-radius:2px}
.fr-v5 .fr-fq-i::after{transform:rotate(90deg); transition:transform .2s}
.fr-v5 .fr-faq details[open] .fr-fq-i::after{transform:rotate(0)}
.fr-v5 .fr-faq details p{padding:0 0 22px 46px; max-width:64ch}
.fr-v5 .fr-tabs,.fr-v5 .fr-filters{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px}
.fr-v5 .fr-pill{min-height:44px; padding:0 20px; border-radius:10px; border:1px solid var(--line-2); background:var(--card); color:var(--text); font:600 14px/1 var(--rf-sans); cursor:pointer}
.fr-v5 .fr-pill.on{background:var(--blue); border-color:var(--blue); color:#fff}
.fr-v5 .fr-tabpanel[hidden]{display:none}
.fr-v5 .fr-related li[hidden]{display:none}

/* team, closing, fan */
.fr-v5 .fr-team{display:flex; gap:20px; align-items:stretch}
.fr-v5 .fr-team ol{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; flex:1}
.fr-v5 .fr-team ol li{display:flex; align-items:center; gap:14px; min-height:58px; padding:0 20px; border:1px solid var(--line); border-radius:14px; background:var(--card); font-weight:700}
.fr-v5 .fr-team .fr-n{font:600 12px/1 var(--rf-label); color:var(--blue)}
.fr-v5 .fr-team-badge{width:clamp(130px,14vw,180px); border-radius:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; padding:16px}
.fr-v5 .fr-team-badge b{font:700 44px/1 var(--rf-sans); color:#fff} .fr-v5 .fr-team-badge span{font:700 13px/1.3 var(--rf-display); text-transform:uppercase; color:#fff}
@media (max-width:519px){ .fr-v5 .fr-team{flex-direction:column} .fr-v5 .fr-team-badge{width:auto; flex-direction:row; justify-content:flex-start; padding:18px 20px} }
.fr-v5 .fr-closing{display:grid; gap:40px; align-items:center}
.fr-v5 .fr-closing > div:first-child{display:flex; flex-direction:column; gap:22px}
.fr-v5 .fr-fan{display:flex; align-items:center; gap:18px; color:rgba(160,196,255,.55)}
.fr-v5 .fr-fan svg{width:170px; height:240px; flex-shrink:0}
.fr-v5 .fr-fan ul{list-style:none; margin:0; padding:0; font:700 clamp(18px,1vw + 10px,26px)/1.35 var(--rf-display); color:#fff}
.fr-v5 .fr-fan-hero ul{font-size:clamp(22px,1.4vw + 12px,32px)}
.fr-v5 .fr-closing .fr-fan{display:none}
@media (min-width:640px){ .fr-v5 .fr-closing .fr-fan{display:flex} }
@media (min-width:960px){ .fr-v5 .fr-closing{grid-template-columns:minmax(0,2fr) minmax(0,1fr)} }

@media (prefers-reduced-motion:reduce){ .fr-v5 .fr-fan-glow{display:none} }

/* shift story (concept B) */
.fr-v5 .fr-sx-compare{font:600 11px/1.4 var(--rf-label); letter-spacing:.08em; text-transform:uppercase; color:var(--text-2); margin-bottom:28px}
.fr-v5 .fr-sx-head{align-items:center; text-align:center}
.fr-v5 .fr-sx-head .fr-tag{align-self:center}
.fr-v5 .fr-sx-head h2{max-width:24ch}
.fr-v5 .fr-sx-blue{color:var(--blue-deep)}
.fr-v5 .fr-sx-stage{position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:20px; margin-top:8px}
.fr-v5 .fr-sx-left{display:flex; flex-direction:column; gap:14px}
.fr-v5 .fr-sx-mid{display:none}
.fr-v5 .fr-sx-card{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 18px; display:flex; flex-direction:column; gap:8px; box-shadow:0 10px 30px -18px rgba(0,30,80,.25); transition:transform 1.1s cubic-bezier(.3,.7,.2,1), box-shadow .8s ease, border-color .8s ease}
.fr-v5 .fr-sx-row{display:flex; align-items:center; gap:10px}
.fr-v5 .fr-sx-av{width:32px; height:32px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font:700 12px/1 var(--rf-sans); flex-shrink:0; box-shadow:0 0 0 2px var(--card)}
.fr-v5 .fr-av-a{background:var(--hold-bg); color:var(--hold)} .fr-v5 .fr-av-b{background:var(--blue-wash); color:var(--blue-deep)} .fr-v5 .fr-av-c{background:var(--ok-bg); color:var(--ok)}
.fr-v5 .fr-sx-team{display:flex; flex-direction:column; line-height:1.2; margin-right:auto}
.fr-v5 .fr-sx-team b{font-size:13px; color:var(--text)} .fr-v5 .fr-sx-team small{font-size:12px}
.fr-v5 .fr-sx-logo{width:22px; height:22px; flex-shrink:0; color:var(--text)}
.fr-v5 .fr-sx-title{font-weight:700; color:var(--text); font-size:16px; line-height:1.3}
.fr-v5 .fr-sx-f{display:flex; align-items:center; gap:6px; font-size:13px}
.fr-v5 .fr-sx-file{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round}
.fr-v5 .fr-sx-status{position:relative; height:24px; margin-top:2px}
.fr-v5 .fr-sx-status > span{position:absolute; left:0; top:0; display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 10px 0 8px; border-radius:999px; font:600 12px/1 var(--rf-sans); transition:opacity .6s ease, transform .6s ease}
.fr-v5 .fr-sx-status svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sx-bad{background:var(--block-bg); color:var(--block)} .fr-v5 .fr-sx-good{background:var(--ok-bg); color:var(--ok); opacity:0; transform:translateY(6px)}
.fr-v5 .fr-sx-hub{position:relative; background:var(--card); border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:0 30px 70px -30px rgba(0,30,80,.4); transition:opacity .9s ease, filter .9s ease, transform .9s ease, border-color .9s ease}
.fr-v5 .fr-sx-hub-top{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px; border-bottom:1px solid var(--line)}
.fr-v5 .fr-sx-brand{width:min(190px,55%); height:auto; color:var(--text)}
.fr-v5 .fr-sx-stack{display:flex}
.fr-v5 .fr-sx-stack .fr-sx-av{margin-left:-8px; opacity:0; transform:translateX(-14px) scale(.8); transition:opacity .5s ease, transform .6s cubic-bezier(.3,.7,.2,1)}
.fr-v5 .fr-sx-feats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:20px 10px 8px}
.fr-v5 .fr-sx-feats div{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; font-weight:600; font-size:14px; color:var(--text); padding:0 8px; line-height:1.3}
.fr-v5 .fr-sx-feats div + div{border-left:1px solid var(--line)}
.fr-v5 .fr-sx-feats svg{width:24px; height:24px; fill:none; stroke:var(--blue); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sx-models{display:flex; align-items:center; justify-content:space-between; padding:14px 22px 18px; font-size:13px; color:var(--text-2)}
.fr-v5 .fr-sx-mlogos{display:flex; gap:12px} .fr-v5 .fr-sx-mlogos .fr-sx-logo{width:22px; height:22px}
.fr-v5 .fr-sx-band{display:flex; justify-content:space-around; gap:12px; flex-wrap:wrap; padding:16px 18px; background:linear-gradient(135deg,var(--blue-deep),#004085); color:#fff; font-weight:600; font-size:14px}
.fr-v5 .fr-sx-band span{display:inline-flex; align-items:center; gap:8px}
.fr-v5 .fr-sx-band svg{width:18px; height:18px; fill:none; stroke:#CCE4FF; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sx-ghost{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font:600 11px/1 var(--rf-label); letter-spacing:.08em; text-transform:uppercase; color:var(--text-2); background:var(--card); border:1px dashed var(--line-2); padding:8px 12px; border-radius:999px; opacity:0; transition:opacity .6s ease}
/* states */
.fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-hub{opacity:.5; filter:grayscale(1); transform:scale(.97); border-style:dashed; border-color:var(--line-2)}
.fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-ghost{opacity:1}
.fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-hub .fr-sx-band{background:var(--paper-2); color:var(--text-2)}
.fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-hub .fr-sx-band svg{stroke:var(--text-2)}
.fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-stack .fr-sx-av{opacity:1; transform:none}
.fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-stack .fr-sx-av:nth-child(2){transition-delay:.12s} .fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-stack .fr-sx-av:nth-child(3){transition-delay:.24s}
.fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-bad{opacity:0; transform:translateY(-6px)}
.fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-good{opacity:1; transform:none}
.fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-c2 .fr-sx-good{transition-delay:.15s} .fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-c3 .fr-sx-good{transition-delay:.3s}
.fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-card{border-color:var(--rf-tint)}
/* story row */
.fr-v5 .fr-sx-story{list-style:none; margin:clamp(28px,3vw,44px) 0 0; padding:0; display:grid; gap:20px; grid-template-columns:minmax(0,1fr)}
.fr-v5 .fr-sx-act{display:flex; flex-direction:column; gap:10px; opacity:.55; transition:opacity .6s ease}
.fr-v5 .fr-sx-act.on{opacity:1}
.fr-v5 .fr-sx-k{display:flex; align-items:center; gap:10px; font:700 12px/1 var(--rf-label); letter-spacing:.08em; text-transform:uppercase; color:var(--text)}
.fr-v5 .fr-sx-k b{color:var(--blue); font-weight:700}
.fr-v5 .fr-sx-bar{position:relative; display:block; height:2px; border-radius:2px; background:var(--line-2); overflow:hidden}
.fr-v5 .fr-sx-bar i{position:absolute; inset:0; background:var(--blue); transform-origin:left; transform:scaleX(var(--f,0))}
.fr-v5 .fr-sx-act.run .fr-sx-bar i{animation:fr-sp-fill var(--dur,5200ms) linear forwards}
.fr-v5 .fr-sx-sec.paused .fr-sx-act.run .fr-sx-bar i{animation-play-state:paused}
.fr-v5 .fr-sx-act p{font-size:15px; max-width:40ch}
@media (min-width:760px){ .fr-v5 .fr-sx-story{grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--fr-gap)} }
@media (min-width:1024px){
  .fr-v5 .fr-sx-stage{grid-template-columns:minmax(0,.9fr) minmax(0,.5fr) minmax(0,1fr); gap:0; align-items:center; height:470px}
  .fr-v5 .fr-sx-left{position:relative; height:100%; display:block}
  .fr-v5 .fr-sx-card{position:absolute; left:0; width:min(340px,100%)}
  .fr-v5 .fr-sx-c1{top:0} .fr-v5 .fr-sx-c2{top:155px} .fr-v5 .fr-sx-c3{top:310px}
  .fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-c1{transform:translate(4%,6px) rotate(-3deg)}
  .fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-c2{transform:translate(26%,0) rotate(2.5deg)}
  .fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-c3{transform:translate(10%,-4px) rotate(-1.5deg)}
  .fr-v5 .fr-sx-sec:not([data-state="0"]) .fr-sx-card{transform:translateX(18%)}
  .fr-v5 .fr-sx-mid{display:block; position:relative; height:100%}
  .fr-v5 .fr-sx-wires,.fr-v5 .fr-sx-pulses{position:absolute; inset:0; width:100%; height:100%; overflow:visible}
  .fr-v5 .fr-sx-w{fill:none; stroke:var(--blue); stroke-width:1.6; vector-effect:non-scaling-stroke; stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1), stroke .6s}
  .fr-v5 .fr-sx-w:nth-child(2){transition-delay:.15s} .fr-v5 .fr-sx-w:nth-child(3){transition-delay:.3s}
  .fr-v5 .fr-sx-sec:not([data-state="0"]) .fr-sx-w{stroke-dashoffset:0}
  .fr-v5 .fr-sx-p{fill:#fff; stroke:var(--blue); stroke-width:1.5; vector-effect:non-scaling-stroke; opacity:0; transition:opacity .6s}
  .fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-p{opacity:.95}
}

.fr-v5 .fr-sx-head h2{max-width:none}
.fr-v5 .fr-sx-blue{display:block}
.fr-v5 .fr-sx-hub-top{position:relative}
.fr-v5 .fr-sx-ghost{left:auto; right:22px; top:50%; transform:translateY(-50%)}
.fr-v5 .fr-sx-stack .fr-sx-av{margin-left:-6px}
.fr-v5 .fr-sx-ov{display:none}
@media (min-width:1024px){
  .fr-v5 .fr-sx-stage{height:500px}
  .fr-v5 .fr-sx-c1{top:0} .fr-v5 .fr-sx-c2{top:168px} .fr-v5 .fr-sx-c3{top:336px}
  .fr-v5 .fr-sx-card{padding:14px 18px; gap:6px}
  .fr-v5 .fr-sx-ov{display:block; position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible}
  .fr-v5 .fr-sx-ov path{fill:none; stroke:var(--blue); stroke-width:1.6; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
  .fr-v5 .fr-sx-ov.drawn path{stroke-dashoffset:0!important}
  .fr-v5 .fr-sx-ov.drawn path:nth-child(2){transition-delay:.15s} .fr-v5 .fr-sx-ov.drawn path:nth-child(3){transition-delay:.3s}
  .fr-v5 .fr-sx-ov circle{fill:#fff; stroke:var(--blue); stroke-width:1.5; opacity:0; transition:opacity .5s}
  .fr-v5 .fr-sx-sec[data-state="2"] .fr-sx-ov circle{opacity:1}
  .fr-v5 .fr-sx-sec[data-state="0"] .fr-sx-ov{opacity:0; transition:opacity .4s}
}
@media (prefers-reduced-motion:reduce){ .fr-v5 .fr-sx-ov circle{display:none} .fr-v5 .fr-sx-bar{display:none} }

/* shift concept C */
.fr-v5 .fr-sc-asset{margin:8px 0 0; padding:clamp(10px,1.4vw,18px); border-radius:28px; background:rgba(214,228,255,.5); border:1px solid rgba(160,190,245,.6)}
.fr-v5 .fr-sc-asset > *{background:var(--card)}
.fr-v5 .fr-sc-top{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:16px 20px; border:1px solid var(--line); border-bottom:0; border-radius:18px 18px 0 0}
.fr-v5 .fr-sc-meta{display:inline-flex; align-items:center; gap:12px; font:600 12px/1 var(--rf-label); letter-spacing:.04em; color:var(--text-2)}
.fr-v5 .fr-sc-stack .fr-sx-av{opacity:1; transform:none; width:28px; height:28px; font-size:11px}
.fr-v5 .fr-sc-cards{list-style:none; margin:0; padding:clamp(14px,1.6vw,20px); display:grid; gap:14px; grid-template-columns:minmax(0,1fr); border:1px solid var(--line); border-block:1px solid var(--line); background:var(--paper-2)}
@media (min-width:860px){ .fr-v5 .fr-sc-cards{grid-template-columns:repeat(3,minmax(0,1fr))} }
.fr-v5 .fr-sc-card{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-sc-flip{display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin-top:6px; padding-top:12px; border-top:1px solid var(--line)}
.fr-v5 .fr-sc-pill{display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:0 10px 0 8px; border-radius:999px; font:600 12px/1 var(--rf-sans)}
.fr-v5 .fr-sc-pill svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sc-k{font:600 10px/1 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; opacity:.75; margin-right:2px}
.fr-v5 .fr-sc-bad{background:var(--block-bg); color:var(--block)} .fr-v5 .fr-sc-bad s{text-decoration-thickness:1px}
.fr-v5 .fr-sc-good{background:var(--ok-bg); color:var(--ok)}
.fr-v5 .fr-sc-arr{width:14px; height:14px; margin-left:12px; fill:none; stroke:var(--line-2); stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sc-band{display:flex; align-items:center; flex-wrap:wrap; gap:12px 28px; padding:14px 20px; border-radius:0 0 18px 18px; background:linear-gradient(135deg,var(--blue-deep),#004085)!important; color:#fff; font-weight:600; font-size:14px}
.fr-v5 .fr-sc-band > span{display:inline-flex; align-items:center; gap:8px}
.fr-v5 .fr-sc-band svg{width:18px; height:18px; fill:none; stroke:#CCE4FF; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sc-models{margin-left:auto; gap:10px!important; padding:5px 10px; border-radius:999px; background:#fff}
.fr-v5 .fr-sc-models .fr-sx-logo{width:18px; height:18px; color:#16191D}
.fr-v5 .fr-sc-models svg{stroke:none}
.fr-v5 .fr-sc-models .fr-sx-logo path{stroke:none}
.fr-v5 .fr-sc-steps{list-style:none; margin:clamp(24px,3vw,40px) 0 0; padding:0; display:grid; gap:20px; grid-template-columns:minmax(0,1fr)}
.fr-v5 .fr-sc-steps li{display:flex; flex-direction:column; gap:10px; padding-top:14px; border-top:2px solid var(--line-2)}
.fr-v5 .fr-sc-steps li:last-child{border-top-color:var(--blue)}
.fr-v5 .fr-sc-steps p{font-size:15px; max-width:40ch}
@media (min-width:760px){ .fr-v5 .fr-sc-steps{grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--fr-gap)} }
@media (max-width:520px){ .fr-v5 .fr-sc-models{margin-left:0} }

/* content blocks page */

/* shift concept D */
.fr-v5 .fr-sd-grid{display:grid; gap:clamp(28px,4vw,56px); align-items:center}
.fr-v5 .fr-sd-text{display:flex; flex-direction:column}
.fr-v5 .fr-sd-text .fr-shead{margin-bottom:clamp(20px,2.4vw,32px)}
.fr-v5 .fr-sd-text .fr-sx-blue{display:inline}
.fr-v5 .fr-sd-steps{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.fr-v5 .fr-sd-steps li{position:relative; display:flex; gap:16px; padding-bottom:22px}
.fr-v5 .fr-sd-steps li:last-child{padding-bottom:0}
.fr-v5 .fr-sd-steps li:not(:last-child)::after{content:""; position:absolute; left:15px; top:34px; bottom:4px; width:2px; background:var(--line-2)}
.fr-v5 .fr-sd-n{width:32px; height:32px; flex-shrink:0; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font:700 13px/1 var(--rf-label); background:var(--card); border:1px solid var(--line-2); color:var(--text)}
.fr-v5 .fr-sd-steps li:last-child .fr-sd-n{background:var(--blue); border-color:var(--blue); color:#fff}
.fr-v5 .fr-sd-steps h3{font-size:17px; margin:4px 0 4px}
.fr-v5 .fr-sd-steps p{font-size:15px; max-width:44ch}
.fr-v5 .fr-sd-legend{display:none}
.fr-v5 .fr-sd-rows{list-style:none; margin:0; padding:clamp(12px,1.4vw,16px); display:flex; flex-direction:column; gap:10px; border:1px solid var(--line); border-block:1px solid var(--line); background:var(--paper-2)}
.fr-v5 .fr-sd-row{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 16px; display:grid; gap:10px}
.fr-v5 .fr-sd-who{display:flex; align-items:center; gap:10px}
.fr-v5 .fr-sd-work{display:flex; flex-direction:column; gap:2px}
.fr-v5 .fr-sd-work .fr-sx-title{font-size:15px}
.fr-v5 .fr-sd-flip{display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding-top:10px; border-top:1px solid var(--line)}
.fr-v5 .fr-sd-arr{transform:rotate(90deg); margin-left:10px}
.fr-v5 .fr-sd-arr{width:16px; height:16px; fill:none; stroke:var(--text-2); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0}
@media (min-width:1024px){
  .fr-v5 .fr-sd-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .fr-v5 .fr-sd-text h2{max-width:none}
}
@media (min-width:640px){
  .fr-v5 .fr-sd-row{grid-template-columns:minmax(0,1fr) 168px; align-items:center; column-gap:16px}
  .fr-v5 .fr-sd-who{grid-column:1} .fr-v5 .fr-sd-work{grid-column:1} .fr-v5 .fr-sd-flip{grid-column:2; grid-row:1 / span 2; padding-top:0; border-top:0; padding-left:16px; border-left:1px solid var(--line); align-self:stretch; justify-content:center}
  .fr-v5 .fr-sd-arr{transform:rotate(90deg); margin-left:10px}
}

/* concept B2: fuller scattered state */
@media (min-width:1024px){
  .fr-v5 .fr-sx-v2[data-state="0"] .fr-sx-c1{transform:translate(2%,10px) rotate(-3deg)}
  .fr-v5 .fr-sx-v2[data-state="0"] .fr-sx-c2{transform:translate(72%,-6px) rotate(2.5deg)}
  .fr-v5 .fr-sx-v2[data-state="0"] .fr-sx-c3{transform:translate(26%,-12px) rotate(-2deg)}
}
@media (max-width:1023px){
  .fr-v5 .fr-sx-v2 .fr-sx-left{padding-inline:6px}
  .fr-v5 .fr-sx-v2[data-state="0"] .fr-sx-c1{transform:translateX(-2%) rotate(-1.6deg)}
  .fr-v5 .fr-sx-v2[data-state="0"] .fr-sx-c2{transform:translateX(3%) rotate(1.4deg)}
  .fr-v5 .fr-sx-v2[data-state="0"] .fr-sx-c3{transform:translateX(-1%) rotate(-1deg)}
}

/* shift concept E: split row */
.fr-v5 .fr-se-blue{display:inline}
.fr-v5 .fr-se-body{gap:14px}
.fr-v5 .fr-se-seg{display:grid; grid-template-columns:1fr 1fr; padding:4px; border-radius:12px; background:var(--paper-2); font:600 13px/1 var(--rf-sans); color:var(--text-2); position:relative}
.fr-v5 .fr-se-seg span{position:relative; z-index:1; text-align:center; padding:10px 6px; border-radius:9px; transition:color .5s ease}
.fr-v5 .fr-se-seg::before{content:""; position:absolute; top:4px; bottom:4px; left:4px; width:calc(50% - 4px); border-radius:9px; background:var(--card); box-shadow:0 1px 3px rgba(0,0,0,.12); transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.fr-v5 .fr-se-asset[data-state="0"] .fr-se-s0,.fr-v5 .fr-se-asset[data-state="1"] .fr-se-s1{color:var(--text)}
.fr-v5 .fr-se-asset[data-state="1"] .fr-se-seg::before{transform:translateX(100%)}
.fr-v5 .fr-se-rows{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-se-row{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:4px 12px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--card); transition:border-color .6s ease}
.fr-v5 .fr-se-who{display:flex; flex-direction:column; min-width:0; line-height:1.3}
.fr-v5 .fr-se-who b{font-size:14px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.fr-v5 .fr-se-who em{font-style:normal; font-weight:500; color:var(--text-2)}
.fr-v5 .fr-se-who small{font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.fr-v5 .fr-se-row .fr-sx-logo{width:20px; height:20px}
.fr-v5 .fr-se-st{grid-column:1 / -1; position:relative; height:26px}
.fr-v5 .fr-se-st .fr-sc-pill{position:absolute; left:0; top:0; transition:opacity .5s ease, transform .5s ease}
.fr-v5 .fr-se-g{opacity:0; transform:translateY(5px)}
.fr-v5 .fr-se-asset[data-state="1"] .fr-se-b{opacity:0; transform:translateY(-5px)}
.fr-v5 .fr-se-asset[data-state="1"] .fr-se-g{opacity:1; transform:none}
.fr-v5 .fr-se-asset[data-state="1"] .fr-se-row{border-color:var(--rf-tint)}
.fr-v5 .fr-se-row:nth-child(2) .fr-sc-pill{transition-delay:.25s} .fr-v5 .fr-se-row:nth-child(3) .fr-sc-pill{transition-delay:.5s}
.fr-v5 .fr-se-foot{margin-top:auto; display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; padding:12px 14px; border-radius:12px; background:linear-gradient(135deg,var(--blue-deep),#004085); color:#fff; font-weight:600; font-size:13px; opacity:.35; filter:grayscale(1); transition:opacity .7s ease, filter .7s ease}
.fr-v5 .fr-se-asset[data-state="1"] .fr-se-foot{opacity:1; filter:none}
.fr-v5 .fr-se-brand{display:inline-flex; margin-right:auto} .fr-v5 .fr-se-brand svg{width:120px; height:auto; color:#fff}
.fr-v5 .fr-se-brand svg *{fill:currentColor}
.fr-v5 .fr-se-fi{display:inline-flex; align-items:center; gap:6px}
.fr-v5 .fr-se-fi svg{width:16px; height:16px; fill:none; stroke:#CCE4FF; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
@media (min-width:600px){
  .fr-v5 .fr-se-row{grid-template-columns:auto minmax(0,1fr) auto 150px}
  .fr-v5 .fr-se-st{grid-column:auto; justify-self:end; width:150px}
  .fr-v5 .fr-se-st .fr-sc-pill{left:auto; right:0}
}
@media (max-width:1023px){ .fr-v5 .fr-se-asset.fr-hero-feed{height:auto; min-height:440px} }
@media (max-width:599px){ .fr-v5 .fr-se-brand{flex-basis:100%} }

/* shift concept F: single diagram */
.fr-v5 .fr-sf-body{gap:0; justify-content:center}
.fr-v5 .fr-sf-body > .fr-lbl{margin-bottom:14px}
.fr-v5 .fr-sf-row{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
.fr-v5 .fr-sf-team{display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; padding:12px 8px; border:1px solid var(--line); border-radius:12px; background:var(--card)}
.fr-v5 .fr-sf-n{display:flex; flex-direction:column; line-height:1.25}
.fr-v5 .fr-sf-n b{font-size:14px; color:var(--text)} .fr-v5 .fr-sf-n small{font-size:12px}
.fr-v5 .fr-sf-team .fr-sx-logo{width:20px; height:20px}
.fr-v5 .fr-sf-lines{display:block; width:100%; height:40px; overflow:visible}
.fr-v5 .fr-sf-lines path{fill:none; stroke:var(--blue); stroke-width:1.6; vector-effect:non-scaling-stroke; stroke-dasharray:4 5; opacity:.7}
@media (prefers-reduced-motion:no-preference){ .fr-v5 .fr-sf-lines path{animation:fr-sf-flow 1.6s linear infinite} }
@keyframes fr-sf-flow{to{stroke-dashoffset:-18}}
.fr-v5 .fr-sf-hub{display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:14px 16px; border-radius:14px; background:linear-gradient(135deg,var(--blue-deep),#004085); color:#fff; box-shadow:0 14px 30px -16px rgba(0,40,110,.6)}
.fr-v5 .fr-sf-brand svg{width:150px; height:auto; color:#fff; display:block}
.fr-v5 .fr-sf-rt{display:inline-flex; align-items:center; gap:8px; max-width:100%; min-width:0; font-size:13px; font-weight:500; color:#CCE4FF}
.fr-v5 .fr-sf-rt svg{display:block; width:16px; height:16px; flex:0 0 16px; fill:none; stroke:#CCE4FF; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sf-out{display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center}
.fr-v5 .fr-sf-ok{display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:28px; padding:4px 10px; border-radius:999px; background:var(--ok-bg); color:var(--ok); font:600 12px/1.25 var(--rf-sans)}
.fr-v5 .fr-sf-ok svg{width:13px; height:13px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-sf-out s{font-size:12px; color:var(--text-2)}
@media (max-width:1023px){ .fr-v5 .fr-sf-asset.fr-hero-feed{height:auto; min-height:440px} }
@media (max-width:420px){ .fr-v5 .fr-sf-row{gap:6px} .fr-v5 .fr-sf-team{padding:10px 4px} .fr-v5 .fr-sf-ok{padding:4px 8px; font-size:11px} .fr-v5 .fr-sf-rt{font-size:12px} }

/* keep hero chat composer inside its window */
.fr-v5 .fr-hero-feed .fr-window,.fr-v5 .fr-hero-feed .fr-win-body,.fr-v5 .fr-hero-feed .fr-anim,.fr-v5 .fr-a-chat .fr-composer{min-width:0; max-width:100%}
.fr-v5 .fr-a-chat .fr-typed{flex:0 1 auto; min-width:0}
.fr-v5 .fr-a-chat .fr-composer .fr-mono{flex-shrink:0}
@media (max-width:1023px){ .fr-v5 .fr-hero-grid{grid-template-columns:minmax(0,1fr)} }
.fr-v5 .fr-hero-card,.fr-v5 .fr-hc-side,.fr-v5 .fr-hc-text{min-width:0}

/* a11y contrast fixes */
.fr-v5 .fr-g-field .fr-window .fr-fres:not(.fr-fres-redact):not(.fr-fres-allow):not(.fr-fres-hold) small,.fr-v5 .fr-g-field .fr-window .fr-fres:not(.fr-fres-redact):not(.fr-fres-allow):not(.fr-fres-hold) .fr-mono{color:#CCE4FF}
.fr-v5 .fr-g-field .fr-window .fr-result small{color:#CCE4FF}
.fr-v5 .fr-logos li{opacity:1}
.fr-v5 .fr-sc-k{opacity:1}

/* a11y: dark mode fills */

/* feature explorer (fx) */
.fr-v5 .fr-fx{display:grid; gap:clamp(28px,4vw,64px); align-items:start}
.fr-v5 .fr-fx-text h2{margin-bottom:clamp(18px,2vw,28px)}
.fr-v5 .fr-fx-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; border-top:1px solid var(--line)}
.fr-v5 .fr-fx-item{border-bottom:1px solid var(--line); position:relative}
.fr-v5 .fr-fx-tab{all:unset; box-sizing:border-box; width:100%; display:grid; grid-template-columns:36px 1fr; align-items:center; gap:0 8px; padding:14px 4px; cursor:pointer; position:static}
.fr-v5 .fr-fx-tab:focus-visible{outline:3px solid var(--blue); outline-offset:2px; border-radius:8px}
.fr-v5 .fr-fx-n{font:600 12px/1 var(--rf-label); color:var(--text-2)}
.fr-v5 .fr-fx-h{font-weight:600; font-size:16px; color:var(--text-2); transition:color .3s}
.fr-v5 .fr-fx-tab:hover .fr-fx-h{color:var(--text)}
.fr-v5 .fr-fx-item.on .fr-fx-n{color:var(--blue)} .fr-v5 .fr-fx-item.on .fr-fx-h{color:var(--text)}
.fr-v5 .fr-fx-bar{position:absolute; left:0; right:0; bottom:-1px; height:2px; overflow:hidden}
.fr-v5 .fr-fx-bar i{position:absolute; inset:0; background:var(--blue); transform-origin:left; transform:scaleX(0)}
.fr-v5 .fr-fx-item.on .fr-fx-bar i{transform:scaleX(1)}
.fr-v5 .fr-fx.auto .fr-fx-item.on .fr-fx-bar i{animation:fr-sp-fill var(--fxd,6000ms) linear forwards}
.fr-v5 .fr-fx.paused .fr-fx-item.on .fr-fx-bar i{animation-play-state:paused}
.fr-v5 .fr-fx-more{display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s ease}
.fr-v5 .fr-fx-more > *{overflow:hidden}
.fr-v5 .fr-fx-more{padding-left:44px}
.fr-v5 .fr-fx-item.on .fr-fx-more{grid-template-rows:1fr}
.fr-v5 .fr-fx-more{grid-template-columns:1fr}
.fr-v5 .fr-fx-more p{font-size:15px; margin:0; min-height:0}
.fr-v5 .fr-fx-item.on .fr-fx-more p{padding-bottom:8px}
.fr-v5 .fr-fx-more .fr-link{min-height:0; padding-bottom:14px}
.fr-v5 .fr-fx-item:not(.on) .fr-fx-more .fr-link{display:none}
.fr-v5 .fx-panel{display:flex; flex-direction:column; gap:10px; animation:fr-fx-in .45s ease}
.fr-v5 .fx-panel[hidden]{display:none}
@keyframes fr-fx-in{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){ .fr-v5 .fx-panel{animation:none} .fr-v5 .fr-fx-more{transition:none} }
.fr-v5 .fr-fx-m{display:inline-flex; align-items:center; gap:8px} .fr-v5 .fr-fx-m b{font-size:14px}
.fr-v5 .fx-panel .fr-chip svg{width:14px; height:14px; margin-right:6px}
.fr-v5 .fx-panel .fr-pv-row .fr-sx-logo{width:20px; height:20px}
@media (min-width:1024px){ .fr-v5 .fr-fx{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center} .fr-v5 .fr-fx-visual{position:sticky; top:150px} }

/* product pages (pv) */
.fr-v5 .fr-pv.fr-hero-feed .fr-win-body{overflow:hidden}
@media (max-width:1023px){ .fr-v5 .fr-pv.fr-hero-feed{height:auto} }
.fr-v5 .fr-pv-body{gap:12px}
.fr-v5 .fr-pv-body .fr-lbl{color:var(--text-2)}
.fr-v5 .fr-pv-rows{display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-pv-row{display:flex; align-items:center; gap:12px; padding:11px 14px; border:1px solid var(--line); border-radius:12px; background:var(--card)}
.fr-v5 .fr-pv-rt{display:flex; flex-direction:column; min-width:0; margin-right:auto; line-height:1.3}
.fr-v5 .fr-pv-rt b{font-size:14px; color:var(--text)} .fr-v5 .fr-pv-rt small{font-size:12px}
.fr-v5 .fr-pv-row .fr-sc-pill{flex-shrink:0}
.fr-v5 .fr-pv-ico{width:34px; height:34px; border-radius:9px; background:var(--paper-2); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0}
.fr-v5 .fr-pv-ico svg{width:18px; height:18px; fill:none; stroke:var(--blue); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-pv-redact{background:var(--paper-2); color:var(--blue-deep); border:1px solid var(--line-2)}
.fr-v5 .fr-pv-hold{background:var(--hold-bg); color:var(--hold)}
.fr-v5 .fr-pv-neutral{background:var(--paper-2); color:var(--text); border:1px solid var(--line)}
.fr-v5 .fr-pv-down{width:2px; height:14px; margin:-6px auto; background:var(--line-2); border-radius:2px}
.fr-v5 .fr-pv-two{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.fr-v5 .fr-pv-two .fr-docc{align-items:flex-start}
.fr-v5 .fr-pv-two .fr-sx-logo{width:22px; height:22px}
.fr-v5 .fr-pv-read{display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid var(--line); border-radius:12px}
.fr-v5 .fr-pv-read small{font-size:12px}
.fr-v5 .fr-pv-tiles{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.fr-v5 .fr-pv-tile{border:1px solid var(--line); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:4px}
.fr-v5 .fr-pv-tile small{font-size:12px} .fr-v5 .fr-pv-tile b{font:700 22px/1.1 var(--rf-display); color:var(--text)}
.fr-v5 .fr-pv-bars{display:flex; align-items:flex-end; gap:6px; height:96px; padding:8px 4px 0; border-bottom:1px solid var(--line)}
.fr-v5 .fr-pv-bars i{flex:1; border-radius:4px 4px 0 0; background:var(--blue); opacity:.85}
.fr-v5 .fr-pv-meter{height:8px; border-radius:999px; background:var(--paper-2); overflow:hidden}
.fr-v5 .fr-pv-meter i{display:block; height:100%; background:var(--blue); border-radius:999px}
.fr-v5 .fr-pv-axis{display:flex; justify-content:space-between; font:500 11px/1 var(--rf-label); color:var(--text-2)}
.fr-v5 .fr-pv-big{display:flex; align-items:baseline; gap:10px} .fr-v5 .fr-pv-big b{font:700 40px/1 var(--rf-display); color:var(--blue)} .fr-v5 .fr-pv-big small{font-size:13px}
.fr-v5 .fr-pv-graph{position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 18px; padding:16px 0; flex:1; align-content:center}
.fr-v5 .fr-pv-gn{min-width:0; overflow-wrap:anywhere; border:1px solid var(--line); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:2px; background:var(--card); position:relative; z-index:1}
.fr-v5 .fr-pv-gn b{font-size:14px; color:var(--text)} .fr-v5 .fr-pv-gn small{font-size:12px}
.fr-v5 .fr-pv-gc{grid-column:1/-1; grid-row:2; justify-self:center; max-width:100%; z-index:2; display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:14px; background:#0B2A55; color:#fff; box-shadow:0 14px 30px -14px rgba(0,30,80,.6); overflow-wrap:anywhere}
.fr-v5 .fr-pv-gc b{font-size:14px; color:#fff}
.fr-v5 .fr-pv-graph::before{content:""; position:absolute; left:25%; right:25%; top:30%; bottom:30%; border:1.5px dashed var(--line-2); border-radius:12px}
.fr-v5 .fr-pv-flow{display:flex; flex-direction:column; gap:10px}
.fr-v5 .fr-pv-step{display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:12px}
.fr-v5 .fr-pv-n{font:700 12px/1 var(--rf-label); color:var(--blue); margin-right:8px}
.fr-v5 .fr-pv-flist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px}
.fr-v5 .fr-pv-flist li{display:flex; gap:12px}
.fr-v5 .fr-pv-flist h3{font-size:16px; margin-bottom:2px} .fr-v5 .fr-pv-flist p{font-size:15px}
.fr-v5 .fr-pv-flist .fr-link{min-height:32px; margin-top:4px}
.fr-v5 .fr-split-text .fr-pv-flist{margin-top:6px}
.fr-v5 .fr-card-field .fr-pv-flist h3{color:#fff} .fr-v5 .fr-card-field .fr-pv-flist p{color:var(--rf-tint)}
.fr-v5 .fr-pv-k{font:600 11px/1.3 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; color:var(--text-2)}
.fr-v5 .fr-card-field .fr-pv-k{color:var(--rf-tint)}
.fr-v5 .fr-pv-mini{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; font-size:14px; color:var(--text)}
.fr-v5 .fr-pv-mini li::before{content:"·"; color:var(--blue); font-weight:700; margin-right:8px}
.fr-v5 .fr-pv-links{display:flex; flex-wrap:wrap; gap:4px 28px; margin-top:20px}
.fr-v5 .fr-pv-center{align-items:center; text-align:center; margin-inline:auto}
.fr-v5 .fr-pv-center h2,.fr-v5 .fr-pv-center .fr-lead{margin-inline:auto}
.fr-v5 .fr-pv-ex{font-size:12px; margin-top:auto}
.fr-v5 [data-example-lines] > span{display:block}
.fr-v5 .fr-pv-tblcard{padding:clamp(12px,2vw,24px)}
.fr-v5 .fr-pv-cmp td,.fr-v5 .fr-pv-cmp th[scope="row"]{vertical-align:top; padding-right:16px}
.fr-v5 .fr-pv-cmp th[scope="row"]{font:inherit;color:inherit;text-transform:none;padding-top:11px;padding-bottom:11px;border-top:1px solid var(--line)}
.fr-v5 .fr-pv-cmp td:first-child,.fr-v5 .fr-pv-cmp th[scope="row"]{white-space:nowrap}
.fr-v5 .fr-pv-cmp td:first-child b,.fr-v5 .fr-pv-cmp th[scope="row"] b{display:block; margin-top:4px}
.fr-v5 .fr-pv-cmp th:nth-child(3),.fr-v5 .fr-pv-cmp td:nth-child(3){color:var(--text)}
.fr-v5 .fr-pv-out{list-style:none; margin:10px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px}
.fr-v5 .fr-pv-out li{display:flex; flex-direction:column; gap:4px; padding:12px; border-radius:12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18)}
.fr-v5 .fr-pv-out b{color:#fff; font-size:14px} .fr-v5 .fr-pv-out span{color:var(--rf-tint); font-size:13px}
.fr-v5 .fr-card-field > .fr-pv-k + .fr-pv-flist{margin-top:10px}
.fr-v5 .fr-card-field .fr-pv-flist + .fr-pv-k{display:block; margin-top:22px}
.fr-v5 .fr-pv-res{font-weight:600; color:var(--text)}
.fr-v5 .fr-pv-related .fr-link{margin-top:auto}
.fr-v5 .fr-pv-strip{list-style:none; margin:0; padding:0; display:grid; gap:16px; grid-template-columns:minmax(0,1fr)}
.fr-v5 .fr-pv-strip li{display:flex; flex-direction:column; gap:6px; padding-top:14px; border-top:2px solid var(--line-2)}
.fr-v5 .fr-pv-strip h3{font-size:17px} .fr-v5 .fr-pv-strip p{font-size:14px}
@media (min-width:720px){ .fr-v5 .fr-pv-strip{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1100px){ .fr-v5 .fr-pv-strip{grid-template-columns:repeat(5,minmax(0,1fr))} }
.fr-v5 .fr-pv-shift{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.fr-v5 .fr-pv-shift li{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:16px; padding:18px 22px; border-radius:var(--rf-radius-control); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16)}
.fr-v5 .fr-pv-shift span{color:var(--rf-tint)} .fr-v5 .fr-pv-shift b{color:#fff; font-size:17px} .fr-v5 .fr-pv-shift .fr-ic{color:var(--rf-tint)}
@media (max-width:640px){ .fr-v5 .fr-pv-shift li{grid-template-columns:1fr; gap:6px} .fr-v5 .fr-pv-shift .fr-ic{transform:rotate(90deg)} }
.fr-v5 .fr-pv-side{display:flex; flex-direction:column}
.fr-v5 .fr-pv-body{gap:10px}
.fr-v5 .fr-pv-body .fr-pv-row{padding:9px 12px}
.fr-v5 .fr-pv-body .fr-fres{padding:11px 14px}
.fr-v5 .fr-pv-body .fr-docc{padding:12px 14px; gap:6px}
.fr-v5 .fr-pv-ex{background:var(--paper-2); border-color:var(--line)}
.fr-v5 .fr-pv-body .fr-kv div{padding:8px 0}
@media (max-width:640px){
  .fr-v5 .fr-pv-cmp{min-width:0}
  .fr-v5 .fr-pv-cmp thead{display:none}
  .fr-v5 .fr-pv-cmp tbody,.fr-v5 .fr-pv-cmp tr,.fr-v5 .fr-pv-cmp td,.fr-v5 .fr-pv-cmp th[scope="row"]{display:block}
  .fr-v5 .fr-pv-cmp tr{padding:12px 0; border-top:1px solid var(--line)}
  .fr-v5 .fr-pv-cmp tr:first-child{border-top:0}
  .fr-v5 .fr-pv-cmp td,.fr-v5 .fr-pv-cmp th[scope="row"]{border-top:0; padding:4px 0}
  .fr-v5 .fr-pv-cmp td:nth-child(2)::before,.fr-v5 .fr-pv-cmp td:nth-child(3)::before{display:block; font:600 11px/1.4 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; color:var(--text-2); margin-top:6px}
  .fr-v5 .fr-pv-cmp td[data-column-label]::before{content:attr(data-column-label)}
}
.fr-v5 .fr-closing .fr-pv-or{margin-top:4px}
@media (max-width:520px){ .fr-v5 .fr-pv-two{grid-template-columns:1fr} .fr-v5 .fr-pv-out{grid-template-columns:1fr} .fr-v5 .fr-pv-graph{gap:24px 10px} }

.fr-v5 .fr-pv-page .fr-pv .fr-pv-body{justify-content:center}
.fr-v5 .fr-pv-page .fr-pv.fx-win .fr-pv-body{justify-content:flex-start}
/* product windows: clean UI + subtle motion (new product pages only) */
.fr-v5 .fr-pv-page .fr-pv .fr-pv-row,.fr-v5 .fr-pv-page .fr-pv .fr-pv-step,.fr-v5 .fr-pv-page .fr-pv .fr-pv-tile,.fr-v5 .fr-pv-page .fr-pv .fr-pv-gn,.fr-v5 .fr-pv-page .fr-pv .fr-docc,.fr-v5 .fr-pv-page .fr-pv .fr-pv-read{border-color:var(--line); border-radius:12px; background:var(--card); transition:border-color .5s ease, box-shadow .5s ease, background-color .5s ease}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body .fr-lbl{letter-spacing:.06em}
.fr-v5 .fr-pv-page .fr-pv .fr-sc-pill{font-size:11.5px; min-height:24px}
.fr-v5 .fr-pv-page .fr-pv .pv-hot{border-color:var(--rf-tint); box-shadow:0 0 0 3px rgba(0,100,209,.10), 0 8px 18px -12px rgba(0,40,110,.35)}
.fr-v5 .fr-pv-page .fr-pv .fr-chip.pv-hot{border-color:var(--rf-tint); box-shadow:0 0 0 3px rgba(0,100,209,.10)}
.fr-v5 .pv-anim .fr-pv-page .fr-pv .fr-pv-body > *,.fr-v5 .pv-anim .fr-pv-page .fr-pv .fx-panel > *{opacity:0; transform:translateY(8px); transition:opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1); transition-delay:calc(var(--i,0) * 90ms)}
.fr-v5 .pv-anim .fr-pv-page .fr-pv .fx-panel{opacity:1; transform:none}
.fr-v5 .pv-anim .fr-pv-page .fr-pv.pv-in .fr-pv-body > *,.fr-v5 .pv-anim .fr-pv-page .fr-pv.pv-in .fx-panel > *{opacity:1; transform:none}
.fr-v5 .pv-anim .fr-pv-page .fr-pv .fr-pv-bars i{transform-origin:bottom; transform:scaleY(.12); transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .pv-anim .fr-pv-page .fr-pv.pv-in .fr-pv-bars i{transform:none}
.fr-v5 .pv-anim .fr-pv-page .fr-pv .fr-pv-bars i:nth-child(n){transition-delay:calc(var(--b,0) * 60ms + 300ms)}
.fr-v5 .pv-anim .fr-pv-page .fr-pv .fr-pv-meter i{transform-origin:left; transform:scaleX(0); transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .4s}
.fr-v5 .pv-anim .fr-pv-page .fr-pv.pv-in .fr-pv-meter i{transform:none}
@keyframes fr-pv-pulse{0%,100%{box-shadow:0 0 0 0 rgba(122,75,0,0)} 50%{box-shadow:0 0 0 4px rgba(122,75,0,.12)}}
.fr-v5 .pv-anim .fr-pv-page .fr-pv.pv-in .fr-pv-hold{animation:fr-pv-pulse 2.4s ease-in-out infinite}
@keyframes fr-pv-glow{0%,100%{box-shadow:0 0 0 0 rgba(0,100,209,0)} 50%{box-shadow:0 0 0 5px rgba(61,147,255,.22)}}
.fr-v5 .pv-anim .fr-pv-page .fr-pv.pv-in .fr-fres .fr-shield,.fr-v5 .pv-anim .fr-pv-page .fr-pv.pv-in .fr-pv-gc .fr-shield{animation:fr-pv-glow 3s ease-in-out infinite}

/* decision trail rows: undo generic .new badge styles */
.fr-v5 .lg-r.new{font:inherit; font-size:13px; text-transform:none; letter-spacing:normal; color:inherit; transform:none; border-radius:8px; padding-inline:8px; width:auto}
.fr-v5 .fr-a-log .lg-r.new,.fr-v5 .fr-a-log .lg-r.new.in{background:var(--paper-2)}
.fr-v5 .fr-a-log .lg-r.new.settled{background:transparent}

/* steps: chips become a dot list (keeps the item-by-item highlight) */
.fr-v5 .step .fr-dotchips{gap:10px}
.fr-v5 .step .fr-dotchips li{min-height:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; font-size:14px; font-weight:600; line-height:1.4; justify-content:flex-start; text-align:left}
.fr-v5 .step .fr-dotchips li::before{width:7px!important; height:7px!important; border-radius:50%; flex-shrink:0; transition:background-color .6s ease, box-shadow .6s ease}
.fr-v5 .fr-steps.auto .step.is-on .fr-dotchips li.on::before{box-shadow:0 0 0 4px rgba(156,199,255,.25)}
.fr-v5 .fr-steps.auto .step:not(.is-on) .fr-dotchips li{color:var(--text)}

/* content block inventory */

/* steps: active state uses the brand gradient blue */
.fr-v5 .fr-steps .step{position:relative; isolation:isolate}
.fr-v5 .fr-steps.auto .step::before{content:""; position:absolute; inset:-1px; border-radius:inherit; background:linear-gradient(135deg,var(--blue-deep),#004085); opacity:0; transition:opacity .9s ease; z-index:-1; pointer-events:none}
.fr-v5 .fr-steps.auto .step.is-on{background:var(--card); border-color:transparent}
.fr-v5 .fr-steps.auto .step.is-on::before{opacity:1}
.fr-v5 .step-hi{background:linear-gradient(135deg,var(--blue-deep),#004085); border-color:transparent}

/* sub-navigation title: match the site's mono label style */
.fr-v5 .fr-sub-t{font:600 12px/1 var(--rf-label); letter-spacing:.08em; text-transform:uppercase; color:var(--text)}
.fr-v5 .fr-sub-t{position:relative; padding-right:24px}
.fr-v5 .fr-sub-t::after{content:""; position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:var(--line)}

/* costs: attribution window */
.fr-v5 .fr-ca-body{gap:12px}
.fr-v5 .fr-ca-call{display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:14px; background:linear-gradient(135deg,var(--blue-deep),#004085); color:#fff; box-shadow:0 14px 30px -16px rgba(0,40,110,.6)}
.fr-v5 .fr-ca-call .fr-pv-rt b{color:#fff; font-size:15px} .fr-v5 .fr-ca-call .fr-ca-k{color:#CCE4FF}
.fr-v5 .fr-ca-logo{width:36px; height:36px; border-radius:10px; background:#fff; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0}
.fr-v5 .fr-ca-logo .fr-sx-logo{width:20px; height:20px}
.fr-v5 .fr-ca-k{font:600 10.5px/1.3 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; color:var(--text-2)}
.fr-v5 .fr-ca-chain{list-style:none; margin:0; padding:0 0 0 18px; display:flex; flex-direction:column; gap:8px; position:relative}
.fr-v5 .fr-ca-chain::before{content:""; position:absolute; left:6px; top:-12px; bottom:22px; width:2px; background:linear-gradient(var(--blue),var(--line-2)); border-radius:2px}
.fr-v5 .fr-ca-chain li{position:relative}
.fr-v5 .fr-ca-chain li::before{content:""; position:absolute; left:-15px; top:50%; width:10px; height:2px; background:var(--line-2)}
.fr-v5 .fr-ca-ico{width:34px; height:34px; border-radius:9px; background:var(--paper-2); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0}
.fr-v5 .fr-ca-ico svg{width:18px; height:18px; fill:none; stroke:var(--blue); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-ca-chain .fr-pv-rt b{font-size:14px}

/* product windows fill their frame: main lists stretch to the available height */
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body{justify-content:flex-start}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-rows,.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-kv,.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-flow,.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-ca-chain,.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-tiles,.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-tbl-wrap,.fr-v5 .fr-pv-page .fr-pv .fx-panel > .fr-pv-rows,.fr-v5 .fr-pv-page .fr-pv .fx-panel > .fr-pv-two{flex:1 0 auto}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-rows,.fr-v5 .fr-pv-page .fr-pv .fr-pv-flow,.fr-v5 .fr-pv-page .fr-pv .fr-ca-chain{display:flex; flex-direction:column}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-rows > .fr-pv-row,.fr-v5 .fr-pv-page .fr-pv .fr-pv-flow > .fr-pv-step,.fr-v5 .fr-pv-page .fr-pv .fr-ca-chain > li{flex:1 0 auto}
@media (min-width:1024px){ .fr-v5 .fr-pv-page .fr-pv .fr-pv-rows > .fr-pv-row,.fr-v5 .fr-pv-page .fr-pv .fr-pv-flow > .fr-pv-step,.fr-v5 .fr-pv-page .fr-pv .fr-ca-chain > li{flex:1 1 auto; min-height:0} }
.fr-v5 .fr-pv-page .fr-pv .fr-kv{display:flex; flex-direction:column}
.fr-v5 .fr-pv-page .fr-pv .fr-kv > div{flex:1 0 auto; align-items:center}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-tiles{grid-auto-rows:1fr}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-tiles .fr-pv-tile{justify-content:center}
.fr-v5 .fr-pv-page .fr-pv .fr-tbl-wrap{display:flex} .fr-v5 .fr-pv-page .fr-pv .fr-tbl-wrap .fr-tbl{height:100%}
.fr-v5 .fr-pv-page .fr-pv .fx-panel{flex:1; min-height:100%}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-two > .fr-docc,.fr-v5 .fr-pv-page .fr-pv .fr-pv-two > .fr-pv-read{justify-content:center}

.fr-v5 .fr-pv-page .fr-pv .fr-pv-down{flex:1 1 14px; min-height:14px; margin:-4px auto}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-composer{margin-top:auto}
.fr-v5 .fr-pv-doc{flex:1 0 auto; display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-pv-skel{display:flex; flex-direction:column; gap:7px; flex:1; justify-content:center; padding:4px 0}
.fr-v5 .fr-pv-skel i{display:block; height:7px; border-radius:4px; background:var(--line)}
.fr-v5 .fr-pv-skel i:nth-child(3n){width:72%} .fr-v5 .fr-pv-skel i:nth-child(3n+1){width:94%} .fr-v5 .fr-pv-skel i:nth-child(3n+2){width:86%}

.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-tiles.fr-pv-t2{flex:0 0 auto}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-bars{flex:1 0 60px; height:auto}
.fr-v5 .fr-pv-spend i{background:linear-gradient(var(--blue),rgba(0,100,209,.55))}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-two > .fr-docc{justify-content:flex-start}

.fr-v5 .fr-ah-tiles .fr-pv-tile{gap:3px; padding:10px 12px} .fr-v5 .fr-ah-tiles .fr-pv-tile b{font:600 15px/1.2 var(--rf-sans)} .fr-v5 .fr-ah-tiles .fr-pv-ico{width:30px; height:30px; margin-bottom:2px}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-rows.fr-ah-held{flex:0 0 auto} .fr-v5 .fr-pv-page .fr-pv .fr-ah-held > .fr-pv-row{flex:0 0 auto}

/* service pages (sv) */
@media (max-width:560px){ .fr-v5 .fr-sv-mtiles .fr-pv-tile{flex-direction:column; align-items:flex-start; gap:6px} .fr-v5 .fr-sv-mtiles .fr-sv-tb{font-size:12.5px} }
@media (max-width:560px){ .fr-v5 :is(#page-fde,#page-consulting,#page-caio,#page-ctem) .fr-hero .fr-pv-rt small{display:none} .fr-v5 :is(#page-fde,#page-consulting,#page-caio,#page-ctem) .fr-hero .fr-pv-row{min-height:52px} }
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-two.fr-sv-seat{flex:1 1 auto}
.fr-v5 .fr-sv-seat .fr-pv-read{justify-content:center; padding:16px}
.fr-v5 .fr-pv-page .fr-pv .fr-sv-seat + .fr-pv-down{flex:0 0 18px}
.fr-v5 .fr-sv-statement .fr-shead h2{max-width:24ch}
.fr-v5 .fr-sv-statement .fr-shead{max-width:860px}
.fr-v5 .fr-pv-two .fr-pv-row{min-width:0}
.fr-v5 .fr-glass .fr-pv-k{color:var(--rf-tint)}
.fr-v5 .fr-glass .fr-pv-flist{margin-top:6px}
.fr-v5 .fr-glass .fr-pv-flist h3{color:#fff} .fr-v5 .fr-glass .fr-pv-flist p{color:var(--rf-tint)}
.fr-v5 .fr-glass .fr-pv-flist .fr-ic.fr-ok{color:var(--rf-tint)}
.fr-v5 .fr-sv-teams{margin-bottom:clamp(20px,2.4vw,32px)}
.fr-v5 .fr-sv-nlist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; border-top:1px solid var(--line)}
.fr-v5 .fr-sv-nlist li{display:grid; grid-template-columns:44px 1fr; gap:4px 8px; padding:16px 0; border-bottom:1px solid var(--line)}
.fr-v5 .fr-sv-nlist .fr-n{font:600 12px/1.9 var(--rf-label); color:var(--blue)}
.fr-v5 .fr-sv-nlist h3{font-size:17px; margin-bottom:2px} .fr-v5 .fr-sv-nlist p{font-size:15px}
.fr-v5 .fr-sv-agenda .fr-split{align-items:start}
@media (min-width:1024px){ .fr-v5 .fr-sv-agenda .fr-split-text{position:sticky; top:170px} }
.fr-v5 .fr-sv-mtiles .fr-pv-tile{flex-direction:row; align-items:center; gap:10px; padding:10px 12px}
.fr-v5 .fr-sv-mtiles .fr-pv-tile .fr-pv-ico{width:30px; height:30px}
.fr-v5 .fr-sv-mtiles .fr-sv-tb{font:600 13px/1.25 var(--body,inherit); color:var(--text)}
.fr-v5 .fr-sv-intro .fr-shead .fr-lead:first-of-type{font-size:clamp(20px,1.8vw,24px); color:var(--text)}
.fr-v5 .fr-pv-read .fr-pv-ico{margin-bottom:2px}
.fr-v5 .fr-offers.fr-g3 .fr-card p{font-size:15px}

/* solution pages (so) */
.fr-v5 .fr-pv-tiles.fr-pv-t3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fr-v5 .fr-pv-tiles.fr-pv-t3 .fr-pv-tile b{font-size:20px}
.fr-v5 .fr-pv-page .fr-pv .fr-pv-body > .fr-pv-tiles.fr-pv-t3{flex:0 0 auto}
.fr-v5 .fr-pv-hash{font:500 11px/1.4 var(--rf-label); color:var(--text-2); word-break:break-all}
.fr-v5 .fr-related[class*="g2"] .fr-card-img .fr-art{height:110px}
@media (max-width:560px){ .fr-v5 :is(#page-observability,#page-agentsec,#page-costctl,#page-compsol) .fr-hero .fr-pv-rt small{display:none} .fr-v5 .fr-pv-tiles.fr-pv-t3 .fr-pv-tile b{font-size:17px} }

/* number count-up */
.fr-v5 .fr-stats .fr-stat,.fr-v5 .fr-pv-tile b,.fr-v5 .fr-pv-big b,.fr-v5 .fr-results b,.fr-v5 .fr-team-badge b{font-variant-numeric:tabular-nums}
.fr-v5 .cnt-on{display:inline-block; transition:opacity .6s ease, transform .9s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .cnt-wait{opacity:.35; transform:translateY(4px)}
/* generative card art */
.fr-v5 canvas.fr-art{display:block; width:100%}

/* resource + company pages (rx) */
.fr-v5 .fr-hero-card.fr-rx-solo{display:flex!important; flex-direction:column; align-items:stretch}
.fr-v5 .fr-rx-solo .fr-hc-text{margin:0!important; width:auto}
.fr-v5 .fr-rx-solo .fr-hc-text{max-width:820px}
.fr-v5 .fr-rx-meta{font:600 12px/1.4 var(--rf-label); letter-spacing:.04em; color:var(--text-2)}
.fr-v5 .fr-rx-h2{font-size:clamp(22px,2vw,28px); margin:clamp(36px,4vw,56px) 0 20px}
.fr-v5 .fr-rx-h3{font-size:18px; margin:clamp(28px,3vw,40px) 0 14px}
.fr-v5 .fr-rx-filter{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px}
.fr-v5 .fr-rx-filterable [data-cat][hidden]{display:none!important}
.fr-v5 .fr-rx-empty{padding:28px 0; color:var(--text-2)}
.fr-v5 .fr-rx-empty .fr-link{background:none; border:0; padding:0; cursor:pointer; font:inherit}
/* blog */
.fr-v5 .fr-rx-feat{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:0; overflow:hidden; align-items:stretch}
.fr-v5 .fr-rx-feat-t{padding:clamp(24px,3vw,44px); display:flex; flex-direction:column; gap:14px; justify-content:center}
.fr-v5 .fr-rx-feat-t h2{font-size:clamp(24px,2.4vw,34px)}
.fr-v5 .fr-rx-feat canvas.fr-art{height:100%!important; min-height:300px}
.fr-v5 .fr-rx-posts .fr-card-body p,.fr-v5 .fr-rx-sc .fr-card-body p{font-size:15px}
.fr-v5 .fr-rx-posts .fr-card-body,.fr-v5 .fr-rx-sc .fr-card-body,.fr-v5 .fr-rx-shots .fr-card-body{display:flex; flex-direction:column; gap:10px; height:100%}
.fr-v5 .fr-rx-posts .fr-card-body .fr-link{margin-top:auto}
@media (max-width:860px){ .fr-v5 .fr-rx-feat{grid-template-columns:1fr} .fr-v5 .fr-rx-feat canvas.fr-art{min-height:180px; order:-1} }
/* press */
.fr-v5 .fr-rx-facts .fr-kv dd{text-align:right}
.fr-v5 .fr-rx-marks .fr-card{display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-rx-mark{height:120px; border-radius:12px; background:var(--paper-2); display:flex; align-items:center; justify-content:center; margin-bottom:8px; border:1px solid var(--line)}
.fr-v5 .fr-rx-mark-w{background:#0B2A55; border-color:#0B2A55}
.fr-v5 .fr-rx-mark-w svg{filter:brightness(0) invert(1)}
.fr-v5 .fr-rx-wm{width:78%; height:auto; color:#0E1116}
.fr-v5 .fr-rx-em{height:62px; width:auto}
.fr-v5 .fr-rx-dl{display:flex; gap:6px; margin-top:auto}
.fr-v5 .fr-rx-dl .fr-chip{text-decoration:none}
.fr-v5 .fr-rx-pack{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:28px}
.fr-v5 .fr-rx-type .fr-rx-sample{font-size:clamp(26px,2.6vw,36px); font-weight:600; color:var(--text); margin:10px 0; text-transform:uppercase; letter-spacing:-.01em}
.fr-v5 .fr-rx-type .fr-rx-sample-b{text-transform:none; font-weight:400}
.fr-v5 .fr-rx-pal{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px}
.fr-v5 .fr-rx-pal li{display:flex; flex-direction:column; gap:4px; font-size:14px}
.fr-v5 .fr-rx-sw{height:72px; border-radius:12px; border:1px solid var(--line); margin-bottom:6px}
.fr-v5 .fr-rx-pal code{font:500 12px/1 var(--rf-label); color:var(--text-2)}
.fr-v5 .fr-rx-rules{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:8px; color:var(--text)}
.fr-v5 .fr-rx-people .fr-card{display:flex; flex-direction:column; gap:6px; align-items:flex-start}
.fr-v5 .fr-rx-av{width:64px; height:64px; font-size:20px; margin-bottom:6px}
.fr-v5 .fr-rx-people .fr-link{margin-top:auto; padding-top:6px}
.fr-v5 .fr-rx-shots canvas.fr-art{height:140px}
.fr-v5 .fr-rx-news{display:flex; align-items:center; gap:16px; flex-wrap:wrap; text-decoration:none; color:inherit; padding:22px 26px}
.fr-v5 .fr-rx-news h3{flex:1; min-width:240px; font-size:18px}
.fr-v5 .fr-rx-news .fr-ic{width:18px; height:18px; color:var(--blue)}
.fr-v5 .fr-rx-edit{margin-top:clamp(32px,4vw,48px); padding-top:24px; border-top:1px solid var(--line); max-width:760px; display:flex; flex-direction:column; gap:10px}
/* tco */
.fr-v5 .fr-rx-tco-card{gap:24px}
.fr-v5 .fr-rx-calc{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(20px,3vw,40px); align-items:start}
.fr-v5 .fr-rx-in{display:flex; flex-direction:column; gap:22px}
.fr-v5 .fr-rx-f{display:flex; flex-direction:column; gap:10px}
.fr-v5 .fr-rx-l{font:600 12px/1.3 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; color:var(--text)}
.fr-v5 .fr-rx-seg{display:flex; flex-wrap:wrap; gap:6px}
.fr-v5 .fr-rx-seg button,.fr-v5 .fr-rx-view button{font:600 14px/1 var(--body,inherit); min-height:40px; padding:0 14px; border-radius:10px; border:1px solid var(--line-2); background:var(--card); color:var(--text); cursor:pointer}
.fr-v5 .fr-rx-seg button.on,.fr-v5 .fr-rx-view button.on{background:#0064D1; border-color:#0064D1; color:#fff}
.fr-v5 .fr-rx-tcs{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.fr-v5 .fr-rx-tc{position:relative; cursor:pointer}
.fr-v5 .fr-rx-tc input{position:absolute; opacity:0; pointer-events:none}
.fr-v5 .fr-rx-tc-b{display:flex; flex-direction:column; gap:4px; height:100%; box-sizing:border-box; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--card); transition:border-color .2s, box-shadow .2s}
.fr-v5 .fr-rx-tc-b b{font-size:14px; color:var(--text)} .fr-v5 .fr-rx-tc-b small{font-size:12.5px; color:var(--text-2)}
.fr-v5 .fr-rx-tc-f{display:flex; justify-content:space-between; gap:8px; margin-top:auto; padding-top:6px; align-items:baseline}
.fr-v5 .fr-rx-tc-f .fr-pv-k{font-size:10px}
.fr-v5 .fr-rx-tc-p{font:600 12px/1 var(--rf-label); color:var(--text); white-space:nowrap}
.fr-v5 .fr-rx-tc input:checked + .fr-rx-tc-b{border-color:var(--blue); box-shadow:0 0 0 1px var(--blue) inset}
.fr-v5 .fr-rx-tc input:focus-visible + .fr-rx-tc-b{outline:3px solid var(--blue); outline-offset:2px}
.fr-v5 .fr-rx-opt summary{cursor:pointer; list-style:none} .fr-v5 .fr-rx-opt summary::-webkit-details-marker{display:none}
.fr-v5 .fr-rx-opt summary .fr-rx-l::after{content:" +"; color:var(--blue)} .fr-v5 .fr-rx-opt[open] summary .fr-rx-l::after{content:" −"}
.fr-v5 .fr-rx-two{display:grid; grid-template-columns:1fr 1fr; gap:12px; font-size:14px; color:var(--text)}
.fr-v5 .fr-rx-two label{display:flex; flex-direction:column; gap:6px}
.fr-v5 .fr-rx-u{display:flex; align-items:center; gap:6px; color:var(--text-2)}
.fr-v5 .fr-rx-u input{width:100%; min-height:40px; padding:0 10px; border:1px solid var(--line-2); border-radius:10px; font:inherit; background:var(--card); color:var(--text)}
.fr-v5 .fr-rx-out{position:sticky; top:150px; display:flex; flex-direction:column; gap:14px; background:var(--card); border:1px solid var(--line); border-radius:var(--rf-radius-card); padding:clamp(18px,2vw,26px); box-shadow:0 20px 50px -30px rgba(0,30,80,.35)}
.fr-v5 .fr-rx-view{display:flex; gap:6px}
.fr-v5 .fr-rx-rh{font:600 12px/1 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; color:var(--text-2); margin:0}
.fr-v5 .fr-rx-cols{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.fr-v5 .fr-rx-col{display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:12px; background:var(--paper-2); border:1px solid var(--line)}
.fr-v5 .fr-rx-col-b{background:linear-gradient(135deg,var(--blue-deep),#004085); border-color:transparent; color:#fff}
.fr-v5 .fr-rx-col-b .fr-pv-k,.fr-v5 .fr-g-field .fr-hero-card .fr-rx-col-b .fr-micro,.fr-v5 .fr-rx-col-b .fr-rx-lines{color:rgba(255,255,255,.85)}
.fr-v5 .fr-rx-tot{font:700 26px/1.1 var(--rf-display); color:var(--text); font-variant-numeric:tabular-nums}
.fr-v5 .fr-rx-col-b .fr-rx-tot{color:#fff}
.fr-v5 .fr-rx-lines{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--text-2)}
.fr-v5 .fr-rx-lines li{display:flex; justify-content:space-between; gap:8px} .fr-v5 .fr-rx-lines li b{font-weight:600; white-space:nowrap}
.fr-v5 .fr-rx-diff{display:flex; flex-direction:column; gap:4px; padding:14px 0 0; border-top:1px solid var(--line)}
.fr-v5 .fr-rx-diff b{font:700 30px/1.1 var(--rf-display); color:var(--blue)}
.fr-v5 .fr-rx-diff span{font-size:14px; color:var(--text)} .fr-v5 .fr-rx-diff p{font-size:14px; color:var(--text-2); margin:4px 0 0}
.fr-v5 .fr-rx-out .fr-micro{font-size:12px}
.fr-v5 .fr-rx-stamp{font-family:var(--rf-label)!important; font-size:11px!important}
.fr-v5 .fr-rx-out.est .fr-rx-col:not(.fr-rx-col-b){display:none} .fr-v5 .fr-rx-out.est .fr-rx-cols{grid-template-columns:1fr}
.fr-v5 .fr-rx-links{display:flex; flex-direction:column; gap:10px; align-items:flex-start}
.fr-v5 .fr-rx-short{padding-block:clamp(48px,6vw,80px)!important}
@media (max-width:1023px){ .fr-v5 .fr-rx-calc{grid-template-columns:1fr} .fr-v5 .fr-rx-out{position:static} }
@media (max-width:560px){ .fr-v5 .fr-rx-tcs,.fr-v5 .fr-rx-cols,.fr-v5 .fr-rx-two{grid-template-columns:1fr} }
/* questionnaire */
.fr-v5 .fr-rx-narrow{max-width:760px; margin-inline:auto}
.fr-v5 .fr-rx-quiz{padding:clamp(20px,3vw,36px); display:flex; flex-direction:column; gap:22px}
.fr-v5 .fr-rx-prog{display:flex; flex-direction:column; gap:8px; font-size:14px; color:var(--text-2)}
.fr-v5 .fr-rx-prog .fr-pv-meter i{transition:width .4s ease}
.fr-v5 .fr-rx-q{border:0; margin:0; padding:0; min-width:0}
.fr-v5 .fr-rx-q legend{display:flex; flex-direction:column; gap:8px; padding:0; margin-bottom:16px}
.fr-v5 .fr-rx-qt{font-size:clamp(20px,2vw,24px); font-weight:600; color:var(--text); line-height:1.3}
.fr-v5 .fr-rx-opts{display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-rx-o{display:flex; align-items:center; gap:12px; min-height:52px; padding:0 16px; border:1px solid var(--line); border-radius:12px; cursor:pointer; background:var(--card); color:var(--text); font-weight:500; transition:border-color .2s}
.fr-v5 .fr-rx-o:hover{border-color:var(--line-2)}
.fr-v5 .fr-rx-o input{accent-color:var(--blue); width:18px; height:18px; margin:0}
.fr-v5 .fr-rx-o:has(input:checked){border-color:var(--blue); box-shadow:0 0 0 1px var(--blue) inset}
.fr-v5 .fr-rx-nav{display:flex; justify-content:space-between; gap:12px}
.fr-v5 .fr-rx-nav .fr-button[disabled]{opacity:.45; cursor:not-allowed}
.fr-v5 .fr-rx-sum{display:flex; flex-direction:column; gap:16px}
.fr-v5 .fr-rx-sum-l{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.fr-v5 .fr-rx-sum-l li{display:grid; grid-template-columns:140px 1fr 120px; gap:12px; align-items:center; font-size:14px; padding-bottom:12px; border-bottom:1px solid var(--line)}
.fr-v5 .fr-rx-sum-l b{font-weight:600; color:var(--text)}
@media (max-width:560px){ .fr-v5 .fr-rx-sum-l li{grid-template-columns:1fr} }
/* integrations */
.fr-v5 .fr-rx-bar{display:flex; flex-direction:column; gap:16px; margin-bottom:8px}
.fr-v5 .fr-rx-search{display:flex; align-items:center; gap:10px; max-width:440px; min-height:48px; padding:0 14px; border:1px solid var(--line-2); border-radius:12px; background:var(--card)}
.fr-v5 .fr-rx-search svg{width:18px; height:18px; fill:none; stroke:var(--text-2); stroke-width:2; stroke-linecap:round; flex-shrink:0}
.fr-v5 .fr-rx-search input{border:0; outline:0; background:transparent; font:inherit; color:var(--text); width:100%; min-height:44px}
.fr-v5 .fr-rx-search:focus-within{border-color:var(--blue); box-shadow:0 0 0 1px var(--blue)}
.fr-v5 .fr-sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.fr-v5 .fr-rx-ic{display:flex; align-items:center; gap:14px; padding:16px 18px}
.fr-v5 .fr-rx-ic b{display:block; font-size:15px; color:var(--text)} .fr-v5 .fr-rx-ic small{font-size:12.5px; color:var(--text-2)}
.fr-v5 .fr-rx-il{width:40px; height:40px; border-radius:10px; background:var(--paper-2); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0}
.fr-v5 .fr-rx-il .fr-sx-logo{width:22px; height:22px}
.fr-v5 .fr-rx-ini{font:700 15px/1 var(--rf-display); color:var(--blue-deep)}
/* coming soon, art cards */
.fr-v5 .fr-rx-soon{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,4vw,64px); align-items:center}
.fr-v5 .fr-rx-soon-t{display:flex; flex-direction:column; gap:14px; align-items:flex-start}
.fr-v5 .fr-rx-soon-v canvas.fr-art,.fr-v5 .fr-rx-artcard canvas.fr-art{height:clamp(220px,26vw,340px)!important}
.fr-v5 .fr-rx-artcard.fr-rx-tall canvas.fr-art{height:clamp(260px,32vw,440px)!important}
@media (max-width:860px){ .fr-v5 .fr-rx-soon{grid-template-columns:1fr} }
.fr-v5 .fr-rx-sc .fr-card-body{gap:8px}
/* services hub */
.fr-v5 .fr-rx-claims{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.fr-v5 .fr-rx-claims li{padding-top:14px; border-top:2px solid var(--blue); font-size:17px; line-height:1.4; color:var(--text-2)}
.fr-v5 .fr-rx-claims b{display:block; color:var(--text); font-size:19px}
@media (max-width:860px){ .fr-v5 .fr-rx-claims{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .fr-v5 .fr-rx-claims{grid-template-columns:1fr} }
/* about */
.fr-v5 .fr-rx-cols2{display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,48px); margin-top:clamp(28px,3vw,40px)}
@media (max-width:760px){ .fr-v5 .fr-rx-cols2{grid-template-columns:1fr} }
.fr-v5 .fr-rx-team .fr-card{display:flex; flex-direction:column; gap:12px}
.fr-v5 .fr-rx-person{display:flex; align-items:center; gap:14px}
.fr-v5 .fr-rx-person h3{font-size:17px; margin-bottom:2px}
.fr-v5 .fr-rx-team p{font-size:14.5px}
.fr-v5 .fr-rx-note{margin-top:20px; color:var(--text-2)}
/* security */
.fr-v5 .fr-rx-commits .fr-card{display:flex; flex-direction:column; gap:10px}
.fr-v5 .fr-rx-commit{font-size:17px; color:var(--text); line-height:1.5}

.fr-v5 .fr-rx-sum[hidden],.fr-v5 .fr-rx-empty[hidden],.fr-v5 .fr-rx-q[hidden]{display:none!important}
.fr-v5 .fr-card.fr-rx-ic{flex-direction:row; align-items:center; text-align:left}
.fr-v5 .fr-card.fr-rx-ic > span:last-child{display:flex; flex-direction:column; align-items:flex-start}

/* CAIO intro */
.fr-v5 .fr-ci-split{align-items:center}
.fr-v5 .fr-ci-state{font-size:clamp(24px,2.5vw,34px); line-height:1.3; font-weight:600; letter-spacing:-.01em; color:var(--text); margin:0; text-wrap:balance}
.fr-v5 .fr-ci-state span{color:var(--blue)}
.fr-v5 .fr-ci-pts{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.fr-v5 .fr-ci-pts .fr-card{display:flex; flex-direction:row; gap:16px; align-items:flex-start; padding:20px 22px}
.fr-v5 .fr-ci-pts .fr-pv-ico{flex-shrink:0}
.fr-v5 .fr-ci-pts .fr-pv-ico{width:40px; height:40px; border-radius:10px}
.fr-v5 .fr-ci-pts p{margin:0; font-size:16px; line-height:1.6; color:var(--text-2)}

/* integrations catalog */
.fr-v5 .fr-ig-wrap{display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:clamp(24px,3vw,48px); align-items:start}
.fr-v5 .fr-ig-side{position:sticky; top:150px; display:flex; flex-direction:column; gap:14px}
.fr-v5 .fr-ig-side .fr-rx-search{max-width:none}
.fr-v5 .fr-ig-count{font-size:14px; color:var(--text-2); margin:0; padding-bottom:16px; border-bottom:1px solid var(--line)}
.fr-v5 .fr-ig-count b{font-weight:600; color:var(--text)}
.fr-v5 .fr-ig-cats{display:flex; flex-direction:column; gap:2px; margin:0}
.fr-v5 .fr-ig-ch{font-weight:700; font-size:15px; color:var(--text); margin:4px 0 8px}
.fr-v5 .fr-ig-cats .fr-pill{display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; min-height:44px; padding:8px 14px; border:0; border-radius:10px; background:transparent; color:var(--text-2); font:500 15px/1.3 var(--body,inherit); text-align:left; cursor:pointer}
.fr-v5 .fr-ig-cats .fr-pill:hover{background:var(--card); color:var(--text)}
.fr-v5 .fr-ig-cats .fr-pill.on{background:var(--card); color:var(--blue-deep); font-weight:600; box-shadow:0 0 0 1px var(--line)}
.fr-v5 .fr-ig-n{font:500 12px/1 var(--rf-label); color:var(--text-2)}
.fr-v5 .fr-ig-cats .fr-pill.on .fr-ig-n{color:var(--blue-deep)}
.fr-v5 .fr-ig-grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.fr-v5 .fr-card.fr-ig-card{display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:22px 24px}
.fr-v5 .fr-ig-card .fr-rx-il{margin-bottom:12px}
.fr-v5 .fr-ig-card h3{font-size:18px}
.fr-v5 .fr-ig-c{font-size:13px; color:var(--text-2)}
.fr-v5 .fr-ig-card p{font-size:15px; line-height:1.55; color:var(--text-2); margin:8px 0 0}
.fr-v5 .fr-ig-card[hidden]{display:none!important}
@media (min-width:1280px){ .fr-v5 .fr-ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:860px){ .fr-v5 .fr-ig-wrap{grid-template-columns:1fr} .fr-v5 .fr-ig-side{position:static} .fr-v5 .fr-ig-cats{flex-direction:row; flex-wrap:wrap; gap:6px} .fr-v5 .fr-ig-ch{width:100%} .fr-v5 .fr-ig-cats .fr-pill{width:auto; min-height:40px; box-shadow:0 0 0 1px var(--line); background:var(--card)} }
@media (max-width:560px){ .fr-v5 .fr-ig-grid{grid-template-columns:1fr} }

/* article */
.fr-v5 .fr-ar-hero .fr-crumbs a{color:inherit; text-decoration:none} .fr-v5 .fr-ar-hero .fr-crumbs a:hover{color:var(--blue)}
.fr-v5 .fr-ar-hero .fr-hc-text{max-width:900px}
.fr-v5 .fr-ar-h1{text-transform:none!important; font-size:clamp(34px,4.4vw,60px)!important; line-height:1.05}
.fr-v5 .fr-ar-meta{margin:0}
.fr-v5 .fr-ar-sec{padding-top:0!important}
.fr-v5 .fr-ar-sec .fr-ar-grid{padding-top:clamp(48px,6vw,80px)}
.fr-v5 .fr-ar-cover{padding:0; overflow:hidden; margin-bottom:clamp(32px,4vw,48px)}
.fr-v5 .fr-ar-cover canvas.fr-art{height:clamp(200px,24vw,340px)!important; aspect-ratio:auto}
.fr-v5 .fr-ar-grid{display:grid; grid-template-columns:220px minmax(0,720px); justify-content:center; gap:clamp(32px,5vw,80px); padding-top:clamp(40px,5vw,72px)}
.fr-v5 .fr-ar-toc{position:sticky; top:150px; align-self:start; display:flex; flex-direction:column; gap:12px}
.fr-v5 .fr-ar-toc ol{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; border-left:1px solid var(--line)}
.fr-v5 .fr-ar-toc a{display:block; padding:7px 0 7px 14px; margin-left:-1px; border-left:2px solid transparent; font-size:14px; color:var(--text-2); text-decoration:none; line-height:1.35}
.fr-v5 .fr-ar-toc a:hover{color:var(--text)} .fr-v5 .fr-ar-toc a.on{color:var(--blue-deep); border-left-color:var(--blue); font-weight:600}
.fr-v5 .fr-ar-share{margin-top:18px; display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-ar-sb{font:600 13px/1 var(--body,inherit); min-height:38px; padding:0 14px; border-radius:10px; border:1px solid var(--line-2); background:var(--card); color:var(--text); cursor:pointer}
.fr-v5 .fr-ar-body{font-size:18px; line-height:1.75; color:var(--text)}
.fr-v5 .fr-ar-body section{scroll-margin-top:150px}
.fr-v5 .fr-ar-body section + section{margin-top:clamp(36px,4vw,52px)}
.fr-v5 .fr-ar-body h2{font-size:clamp(24px,2.4vw,30px); line-height:1.2; margin:0 0 16px; letter-spacing:-.01em}
.fr-v5 .fr-ar-body p{margin:0 0 18px; color:var(--ink-2,#2C3138)}
.fr-v5 .fr-ar-fn{list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.fr-v5 .fr-ar-fn li{display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid var(--line); border-radius:var(--rf-radius-control); background:var(--card); font-size:15px; line-height:1.5}
.fr-v5 .fr-ar-fn li .fr-num{width:26px; height:26px; border-radius:50%; background:var(--blue); color:#fff; font:700 12px/26px var(--rf-label); text-align:center}
.fr-v5 .fr-ar-fn li b{font-size:16px} .fr-v5 .fr-ar-fn li span:last-child{color:var(--text-2)}
.fr-v5 .fr-ar-q{margin:28px 0 0; padding:clamp(24px,3vw,36px); border-radius:var(--rf-radius-card); background:linear-gradient(135deg,var(--blue-deep),#004085); color:#fff}
.fr-v5 .fr-ar-q p{font-size:clamp(21px,2.1vw,26px); line-height:1.4; font-weight:600; color:#fff!important; margin:0 0 20px}
.fr-v5 .fr-ar-q footer{display:flex; align-items:center; gap:12px; font-size:15px}
.fr-v5 .fr-ar-q .fr-avatar{background:rgba(255,255,255,.14); color:#fff; width:44px; height:44px}
.fr-v5 .fr-ar-q b{display:block} .fr-v5 .fr-ar-q small{color:rgba(255,255,255,.8)}
.fr-v5 .fr-ar-about{padding:24px 26px; border-radius:var(--rf-radius-control); background:var(--paper-2); border:1px solid var(--line)}
.fr-v5 .fr-ar-about h2{font:600 12px/1.3 var(--rf-label)!important; letter-spacing:.08em; text-transform:uppercase; color:var(--text-2)}
.fr-v5 .fr-ar-about p{font-size:16px; margin:0}
.fr-v5 .fr-ar-end{margin-top:36px; padding-top:24px; border-top:1px solid var(--line)}
.fr-v5 .fr-rx-feat[data-href]{cursor:pointer}
@media (max-width:960px){ .fr-v5 .fr-ar-grid{grid-template-columns:1fr} .fr-v5 .fr-ar-toc{position:static} .fr-v5 .fr-ar-toc ol{display:none} .fr-v5 .fr-ar-toc > .fr-pv-k{display:none} .fr-v5 .fr-ar-share{margin:0; flex-direction:row; align-items:center} }
@media (max-width:560px){ .fr-v5 .fr-ar-fn{grid-template-columns:1fr} .fr-v5 .fr-ar-body{font-size:17px} }
/* footer */

/* sample note */
/* Field-ground cards must win over the base card surface */
.fr-v5 .fr-card.fr-card-field{background-color:var(--blue-deep); background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cpath%20d%3D%22M-20%20399%20C%20480%20832%2C%201040%20419%2C%201620%20515%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20463%20C%20480%20714%2C%201040%2085%2C%201620%20590%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20492%20C%20480%20571%2C%201040%20536%2C%201620%20872%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20616%20C%20480%20142%2C%201040%2014%2C%201620%20575%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20115%20C%20480%2027%2C%201040%20418%2C%201620%20171%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.10%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20121%20C%20480%20265%2C%201040%204%2C%201620%20162%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20210%20C%20480%20896%2C%201040%20756%2C%201620%20987%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.07%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20158%20C%20480%2063%2C%201040%20690%2C%201620%20222%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20224%20C%20480%2015%2C%201040%20616%2C%201620%20-18%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20893%20C%20480%20882%2C%201040%20358%2C%201620%20418%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20124%20C%20480%20303%2C%201040%20280%2C%201620%20639%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20729%20C%20480%20222%2C%201040%2091%2C%201620%2037%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20436%20C%20480%20170%2C%201040%20458%2C%201620%20647%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20324%20C%20480%20891%2C%201040%200%2C%201620%20336%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-69%20C%20480%20896%2C%201040%20542%2C%201620%20112%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%2068%20C%20480%209%2C%201040%20549%2C%201620%20387%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-10%20C%20480%20573%2C%201040%2014%2C%201620%20135%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20399%20C%20480%20435%2C%201040%20517%2C%201620%20946%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%2076%20C%20480%20736%2C%201040%20225%2C%201620%20891%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.06%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20589%20C%20480%20618%2C%201040%20349%2C%201620%20508%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.10%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20365%20C%20480%2035%2C%201040%20866%2C%201620%2022%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.11%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20333%20C%20480%20814%2C%201040%20442%2C%201620%20364%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.12%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20965%20C%20480%20431%2C%201040%20588%2C%201620%2047%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.07%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20901%20C%20480%2015%2C%201040%20242%2C%201620%20130%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.07%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-40%20C%20480%20478%2C%201040%20876%2C%201620%20215%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.08%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20872%20C%20480%20591%2C%201040%20622%2C%201620%20969%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.10%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20907%20C%20480%20322%2C%201040%20281%2C%201620%20423%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20597%20C%20480%20657%2C%201040%20287%2C%201620%20431%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.05%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20500%20C%20480%20810%2C%201040%20663%2C%201620%20706%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.11%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20898%20C%20480%20617%2C%201040%20811%2C%201620%20290%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.13%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20-57%20C%20480%2013%2C%201040%20596%2C%201620%20450%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20568%20C%20480%20575%2C%201040%20894%2C%201620%20-3%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%221.2%22%20stroke-opacity%3D%220.11%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20330%20C%20480%20523%2C%201040%20396%2C%201620%20704%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M-20%20466%20C%20480%2079%2C%201040%2020%2C%201620%20245%22%20stroke%3D%22%239CC2FF%22%20stroke-width%3D%220.6%22%20stroke-opacity%3D%220.09%22%20fill%3D%22none%22/%3E%3Ccircle%20cx%3D%22983%22%20cy%3D%22828%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22589%22%20cy%3D%22129%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%22271%22%20cy%3D%22815%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.33%22/%3E%3Ccircle%20cx%3D%22797%22%20cy%3D%22217%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.27%22/%3E%3Ccircle%20cx%3D%22318%22%20cy%3D%22388%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22615%22%20cy%3D%22525%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%22215%22%20cy%3D%22316%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.28%22/%3E%3Ccircle%20cx%3D%221520%22%20cy%3D%22249%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.13%22/%3E%3Ccircle%20cx%3D%22754%22%20cy%3D%22833%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.20%22/%3E%3Ccircle%20cx%3D%22832%22%20cy%3D%22605%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%221571%22%20cy%3D%22407%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%22445%22%20cy%3D%22547%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.28%22/%3E%3Ccircle%20cx%3D%22913%22%20cy%3D%22278%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.10%22/%3E%3Ccircle%20cx%3D%22217%22%20cy%3D%22409%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.29%22/%3E%3Ccircle%20cx%3D%22426%22%20cy%3D%22701%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22184%22%20cy%3D%2298%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.26%22/%3E%3Ccircle%20cx%3D%221292%22%20cy%3D%22863%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221318%22%20cy%3D%22230%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.10%22/%3E%3Ccircle%20cx%3D%22756%22%20cy%3D%22643%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.16%22/%3E%3Ccircle%20cx%3D%221246%22%20cy%3D%22486%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3Ccircle%20cx%3D%221595%22%20cy%3D%22143%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.33%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22839%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.20%22/%3E%3Ccircle%20cx%3D%22721%22%20cy%3D%22177%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.19%22/%3E%3Ccircle%20cx%3D%22910%22%20cy%3D%22791%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221042%22%20cy%3D%22184%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%221277%22%20cy%3D%22832%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221440%22%20cy%3D%22882%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3Ccircle%20cx%3D%221265%22%20cy%3D%22288%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%22558%22%20cy%3D%2274%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.19%22/%3E%3Ccircle%20cx%3D%22674%22%20cy%3D%22248%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221388%22%20cy%3D%22386%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.14%22/%3E%3Ccircle%20cx%3D%22536%22%20cy%3D%22709%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221600%22%20cy%3D%22811%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%221103%22%20cy%3D%22851%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.24%22/%3E%3Ccircle%20cx%3D%221103%22%20cy%3D%22682%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3Ccircle%20cx%3D%22464%22%20cy%3D%22656%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.14%22/%3E%3Ccircle%20cx%3D%22823%22%20cy%3D%22816%22%20r%3D%221.2%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.18%22/%3E%3Ccircle%20cx%3D%22610%22%20cy%3D%22761%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.15%22/%3E%3Ccircle%20cx%3D%221361%22%20cy%3D%22872%22%20r%3D%221.6%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.17%22/%3E%3Ccircle%20cx%3D%22796%22%20cy%3D%22370%22%20r%3D%221%22%20fill%3D%22%23CCE4FF%22%20fill-opacity%3D%220.23%22/%3E%3C/svg%3E"),linear-gradient(135deg,#0053AD 0%,#004C9E 55%,#00468F 100%); background-size:cover,auto; background-position:center; border-color:transparent; color:#fff}
.fr-v5 .fr-card.fr-card-field h3,.fr-v5 .fr-card.fr-card-field .fr-bullets li span{color:#fff}
.fr-v5 .fr-card.fr-card-field p,.fr-v5 .fr-card.fr-card-field .fr-bullets li{color:var(--rf-tint)}
@media (prefers-reduced-motion:reduce){ .fr-v5 *{transition:none!important} }

/* animated hero feeds: identical frame on every page */
.fr-v5 .fr-hero-feed{height:440px; display:flex}
.fr-v5 .fr-hero-feed .fr-window{flex:1; display:flex; flex-direction:column; min-height:0}
.fr-v5 .fr-hero-feed .fr-win-body{flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column}
@media (min-width:1024px){ .fr-v5 .fr-hero-feed{height:480px} }
@media (min-width:1600px){ .fr-v5 .fr-hero-feed{height:520px} }
.fr-v5 .fr-trail-h{flex-shrink:0; display:flex; flex-direction:column; gap:4px}
.fr-v5 .fr-live{display:inline-flex; align-items:center; gap:6px; margin-right:auto; margin-left:6px; font:600 11px/1 var(--rf-label); color:var(--ok); text-transform:uppercase; letter-spacing:.06em}
.fr-v5 .fr-live i{width:7px; height:7px; border-radius:50%; background:var(--ok); display:block; box-shadow:0 0 0 0 rgba(30,107,52,.5); animation:fr-livepulse 2s infinite}
@keyframes fr-livepulse{0%{box-shadow:0 0 0 0 rgba(30,107,52,.45)}70%{box-shadow:0 0 0 7px rgba(30,107,52,0)}100%{box-shadow:0 0 0 0 rgba(30,107,52,0)}}
.fr-v5 .fr-feed{flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 56px); mask-image:linear-gradient(to bottom,transparent 0,#000 56px)}
.fr-v5 .fr-fi{display:grid; grid-template-rows:0fr; opacity:0; transform:translateY(14px); transition:grid-template-rows .55s cubic-bezier(.2,.7,.2,1), opacity .45s ease .12s, transform .55s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-fi.in{grid-template-rows:1fr; opacity:1; transform:none}
.fr-v5 .fr-fi-in{min-height:0; overflow:hidden; display:flex; flex-direction:column}
.fr-v5 .fr-fi-in > *{margin-top:12px}
.fr-v5 .fr-fi .fr-bubble{align-self:flex-end}
.fr-v5 .fr-bubble mark,.fr-v5 .fr-feed mark{background:var(--block-bg); color:var(--text); padding:0 4px; border-radius:4px}
.fr-v5 .fr-fres{display:flex; align-items:center; gap:12px; border-radius:12px; padding:12px 14px; background:#0B2A55}
.fr-v5 .fr-fres b{color:#fff; font-size:14px; display:block} .fr-v5 .fr-fres small{color:#CCE4FF; font-size:12px}
.fr-v5 .fr-fres .fr-mono{color:#CCE4FF}
.fr-v5 .fr-fres-redact{background:var(--blue-wash); border:1px solid var(--rf-tint)} .fr-v5 .fr-fres-redact b{color:var(--text)} .fr-v5 .fr-fres-redact small,.fr-v5 .fr-fres-redact .fr-mono{color:var(--text-2)}
.fr-v5 .fr-fres-allow{background:var(--ok-bg)} .fr-v5 .fr-fres-allow b{color:var(--ok)} .fr-v5 .fr-fres-allow small{color:var(--text-2)}
.fr-v5 .fr-fres-hold{background:var(--hold-bg)} .fr-v5 .fr-fres-hold b{color:var(--hold)} .fr-v5 .fr-fres-hold small{color:var(--text-2)}
.fr-v5 .fr-sh-redact{background:var(--blue-deep)} .fr-v5 .fr-sh-allow{background:var(--ok)} .fr-v5 .fr-sh-hold{background:var(--hold)}
.fr-v5 .fr-shield svg{stroke-linecap:round}
.fr-v5 .fr-kvl{display:flex; justify-content:space-between; gap:12px; font-size:13px; padding:6px 0; border-top:1px solid var(--line)}
.fr-v5 .fr-kvl span:first-child{font-weight:700}
.fr-v5 .fr-kvl span:last-child{color:var(--text-2); text-align:right}
.fr-v5 .fr-hero-feed .fr-composer{margin-top:12px; flex-shrink:0}
.fr-v5 .fr-counters{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; flex-shrink:0}
.fr-v5 .fr-counters div{border:1px solid var(--line); border-radius:10px; padding:10px 12px}
/* Justin review: labels may wrap without staggering the runtime's KPI values. */
.fr-v5 .fr-a-pipeline .fr-counters>div{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.fr-v5 .fr-a-pipeline .fr-st{height:auto;min-height:24px;max-width:100%;padding-block:4px;line-height:1.3;overflow-wrap:anywhere}
@media (max-width:767px){
 .fr-v5 .fr-hero .fr-hc-side .fr-window-frame{padding:0;border:0;background:transparent}
 .fr-v5 .fr-sf-ok{text-align:left;justify-content:flex-start}
 .fr-v5 .fr-steps .step-hi{background:var(--card);border-color:var(--line);color:var(--text);box-shadow:none}
 .fr-v5 .fr-steps .step-hi h3,.fr-v5 .fr-steps .step-hi .fr-step-k{color:var(--text)}
 .fr-v5 .fr-steps .step-hi p{color:var(--text-2)}
 .fr-v5 .fr-steps .step-hi .fr-num{background:var(--blue);color:#fff}
 .fr-v5 .fr-steps .step-hi .fr-dotchips li{background:transparent;border-color:transparent;color:var(--text)}
 .fr-v5 .fr-steps .step-hi .fr-dotchips li::before{background:var(--blue)}
}
.fr-v5 .fr-counters small{font-size:11px} .fr-v5 .fr-counters b{font-size:20px; display:block; font-variant-numeric:tabular-nums; transition:color .3s}
.fr-v5 .fr-counters b.bump{color:var(--blue)}
.fr-v5 .fr-stages{display:flex; gap:6px; margin-top:10px; flex-shrink:0}
.fr-v5 .fr-stages span{flex:1; text-align:center; font:600 10px/1 var(--rf-label); text-transform:uppercase; letter-spacing:.06em; padding:7px 0; border-radius:999px; background:var(--paper-2); color:var(--text-2); transition:background .3s,color .3s}
.fr-v5 .fr-stages span.on{background:var(--blue); color:#fff}
.fr-v5 .fr-evrow{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px 12px; border:1px solid var(--line); border-radius:10px}
.fr-v5 .fr-ev-main b{display:block; font-size:14px} .fr-v5 .fr-ev-main small{font-size:12px}
.fr-v5 .fr-kv-compact{flex-shrink:0} .fr-v5 .fr-kv-compact div{padding:7px 0; font-size:13px}
.fr-v5 .fr-sent{display:flex; flex-direction:column; gap:6px}
.fr-v5 .fr-brief-h{flex-shrink:0; display:flex; flex-direction:column; gap:4px; padding-bottom:4px}
.fr-v5 .fr-brow{display:flex; flex-direction:column; gap:8px; padding:10px 12px; border:1px solid var(--line); border-radius:10px}
.fr-v5 .fr-brow b{font-size:14px; display:block} .fr-v5 .fr-brow small{font-size:12px}
.fr-v5 .fr-bar{height:6px; border-radius:999px; background:var(--paper-2); overflow:hidden; display:block}
.fr-v5 .fr-bar i{display:block; height:100%; width:0; background:var(--blue); border-radius:999px; transition:width 1.1s cubic-bezier(.2,.7,.2,1) .35s}
.fr-v5 .fr-fi.in .fr-bar i{width:var(--w)}
@media (prefers-reduced-motion:reduce){ .fr-v5 .fr-fi{transition:none; transform:none} .fr-v5 .fr-live i{animation:none} .fr-v5 .fr-bar i{transition:none} }
/* each product shot has its own interaction; all share one frame size */
.fr-v5 .fr-anim{flex:1; min-height:0; display:flex; flex-direction:column; gap:12px; overflow:hidden; position:relative}
.fr-v5 .fr-st-allow{background:var(--ok-bg); color:var(--ok)}
.fr-v5 .fr-pop{animation:fr-pop .35s cubic-bezier(.2,.8,.2,1.2)}
.fr-v5 .fr-stampin{animation:fr-stampin .45s cubic-bezier(.2,.8,.2,1.1)}
@keyframes fr-pop{from{opacity:0; transform:scale(.85)}to{opacity:1; transform:none}}
@keyframes fr-stampin{from{opacity:0; transform:scale(1.6) rotate(-6deg)}to{opacity:1; transform:none}}
@keyframes fr-spin{to{transform:rotate(360deg)}}
/* chat */
.fr-v5 .fr-a-chat .fr-stage{flex:1; min-height:0; display:flex; flex-direction:column; gap:12px; transition:opacity .4s, transform .4s}
.fr-v5 .fr-a-chat .fr-stage.out{opacity:0; transform:translateY(-10px)}
.fr-v5 .fr-a-chat .ci{display:flex; flex-direction:column; opacity:0; transform:translateY(10px) scale(.98); transition:opacity .4s, transform .45s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-a-chat .ci.in{opacity:1; transform:none}
.fr-v5 .fr-a-chat .ci .fr-bubble{align-self:flex-end}
.fr-v5 .fr-typing{align-self:flex-start; display:flex; gap:5px; padding:12px 14px; border-radius:12px; background:var(--paper-2)}
.fr-v5 .fr-typing i{width:7px; height:7px; border-radius:50%; background:var(--text-2); animation:fr-dotb 1s infinite}
.fr-v5 .fr-typing i:nth-child(2){animation-delay:.15s} .fr-v5 .fr-typing i:nth-child(3){animation-delay:.3s}
@keyframes fr-dotb{0%,60%,100%{transform:none; opacity:.4}30%{transform:translateY(-4px); opacity:1}}
.fr-v5 .fr-a-chat .fr-composer{flex-shrink:0; gap:8px}
.fr-v5 .fr-a-chat .fr-stage{overflow:hidden; justify-content:flex-end; padding-top:28px; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 32px); mask-image:linear-gradient(180deg,transparent 0,#000 32px)}
.fr-v5 .fr-a-chat .fr-stage > .ci{flex-shrink:0}
.fr-v5 .fr-a-chat .fr-composer{position:relative; z-index:1; background:var(--card)}
.fr-v5 .fr-a-chat .fr-typed{color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:70%}
.fr-v5 .fr-a-chat .fr-typed:empty::before{content:attr(data-placeholder); color:var(--text-2)}
.fr-v5 .fr-a-chat .fr-caret{width:2px; height:18px; background:var(--blue); margin-right:auto; opacity:0}
.fr-v5 .fr-a-chat.typing-on .fr-caret{opacity:1; animation:fr-blink .8s steps(1) infinite}
@keyframes fr-blink{50%{opacity:0}}
.fr-v5 .fr-answer{border:1px solid var(--line); border-radius:12px; padding:12px 14px; font-size:14px; color:var(--text)}
/* pipeline */
.fr-v5 .fr-pipe{position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; flex-shrink:0}
.fr-v5 .fr-pipe-line{position:absolute; left:12%; right:12%; top:50%; height:2px; background:var(--line)}
.fr-v5 .fr-pipe-line i{display:block; height:100%; width:100%; background:var(--blue); transition:width .8s ease}
.fr-v5 .fr-pn{position:relative; z-index:1; text-align:center; font:600 10px/1 var(--rf-label); letter-spacing:.06em; text-transform:uppercase; padding:8px 0; border-radius:999px; background:var(--paper-2); color:var(--text-2); transition:background .35s,color .35s}
.fr-v5 .fr-pn.on{background:var(--blue); color:#fff}
.fr-v5 .fr-evc{border:1px solid var(--line); border-radius:12px; padding:14px 16px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; transition:opacity .3s; flex-shrink:0}
.fr-v5 .fr-evc.swap{opacity:0}
.fr-v5 .fr-evc-t{grid-column:1/-1} .fr-v5 .fr-evc-t b{display:block}
.fr-v5 .fr-evc-f,.fr-v5 .fr-evc-d{min-height:24px} .fr-v5 .fr-evc-d{justify-self:end}
.fr-v5 .fr-mini{display:flex; flex-direction:column; gap:8px; min-height:0}
.fr-v5 .fr-mini ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.fr-v5 .fr-mini li{display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:13px; padding:7px 10px; border:1px solid var(--line); border-radius:8px; opacity:0; transform:translateX(-12px); transition:opacity .4s, transform .4s}
.fr-v5 .fr-mini li.in{opacity:1; transform:none}
/* redact */
.fr-v5 .fr-rq{position:relative; border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-size:14px; line-height:1.5; overflow:hidden; transition:opacity .3s}
.fr-v5 .rq-s{font-weight:600; border-radius:4px; padding:0 3px; transition:background .3s,color .3s}
.fr-v5 .rq-s.hit{background:var(--block-bg); color:var(--block); font-family:var(--rf-label)}
.fr-v5 .rq-s.tok{background:var(--blue-wash); color:var(--blue-deep); font-family:var(--rf-label)}
.fr-v5 .fr-scan{position:absolute; top:0; bottom:0; left:-30%; width:30%; background:linear-gradient(90deg,transparent,rgba(0,112,235,.22),transparent); opacity:0; pointer-events:none}
.fr-v5 .fr-rq.scanning .fr-scan{animation:fr-scan .9s linear}
@keyframes fr-scan{from{left:-30%; opacity:1}to{left:100%; opacity:1}}
.fr-v5 .fr-rq-out,.fr-v5 .fr-rq-chip{transition:opacity .3s}
.fr-v5 .fade{opacity:0}
.fr-v5 .fr-rq-chip{display:flex; align-items:center; gap:10px}
.fr-v5 .fr-rq-k{font-size:12px}
/* countup */
.fr-v5 .fr-qtabs{display:flex; gap:6px; flex-shrink:0}
.fr-v5 .fr-qt{flex:1; text-align:center; font:600 11px/1 var(--rf-label); padding:8px 0; border-radius:999px; background:var(--paper-2); color:var(--text-2); transition:background .3s,color .3s}
.fr-v5 .fr-qt.on{background:var(--text); color:var(--paper)}
.fr-v5 .fr-cu-rows{display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-a-countup .fr-brow{padding:9px 12px; gap:7px}
.fr-v5 .fr-cu-top{display:flex; justify-content:space-between; align-items:baseline; gap:10px}
.fr-v5 .fr-cu-v{font-size:12px; color:var(--text-2); font-variant-numeric:tabular-nums; text-align:right}
.fr-v5 .fr-a-countup .fr-bar i,.fr-v5 .fr-a-doc .fr-bar i{transition:width .9s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-stamp{align-self:flex-start; margin-top:auto; display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; background:var(--ok-bg); color:var(--ok); font-size:13px; font-weight:700; opacity:0; transform:scale(.9); transition:opacity .35s, transform .35s cubic-bezier(.2,.8,.2,1.2)}
.fr-v5 .fr-stamp.on{opacity:1; transform:none}
/* bars */
.fr-v5 .fr-counters.fr-c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fr-v5 .fr-bars{position:relative; height:240px; flex-shrink:0}
.fr-v5 .fr-bar-row{position:absolute; left:0; right:0; top:0; height:32px; display:grid; grid-template-columns:96px minmax(0,1fr) 56px; gap:12px; align-items:center; transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-br-l{font-size:13px; font-weight:700}
.fr-v5 .fr-br-t{height:8px; border-radius:999px; background:var(--paper-2); overflow:hidden; display:block}
.fr-v5 .fr-br-t i{display:block; height:100%; background:var(--blue); border-radius:999px; transition:width .8s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-br-v{font:500 12px/1 var(--rf-label); color:var(--text-2); text-align:right; font-variant-numeric:tabular-nums}
/* toggle */
.fr-v5 .fr-seg{position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:var(--paper-2); border-radius:10px; padding:4px; flex-shrink:0}
.fr-v5 .fr-seg-i{position:absolute; top:4px; bottom:4px; left:4px; width:calc((100% - 8px) / 4); background:var(--card); border-radius:7px; box-shadow:0 1px 3px rgba(0,0,0,.12); transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-seg-o{position:relative; z-index:1; text-align:center; font:600 13px/1 var(--rf-sans); padding:10px 0; color:var(--text-2); transition:color .3s}
.fr-v5 .fr-seg-o.on{color:var(--text)}
.fr-v5 .fr-modes{position:relative; flex:1; min-height:150px}
.fr-v5 .fr-mode{position:absolute; inset:0; display:flex; flex-direction:column; align-items:flex-start; gap:10px; opacity:0; transform:translateY(8px); transition:opacity .35s, transform .35s; pointer-events:none}
.fr-v5 .fr-mode.on{opacity:1; transform:none}
.fr-v5 .fr-mode .fr-out-box,.fr-v5 .fr-mode .fr-redacted,.fr-v5 .fr-mode .fr-hold-box{align-self:stretch}
.fr-v5 .fr-out-box{border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-size:14px}
.fr-v5 .fr-out-block{background:var(--block-bg); color:var(--block); border-color:transparent; font-weight:600}
.fr-v5 .fr-hold-box{display:flex; align-items:center; gap:12px; border:1px solid var(--line); border-radius:10px; padding:12px 14px}
.fr-v5 .fr-hold-box b{display:block; font-size:14px}
.fr-v5 .fr-avatar.fr-sm{width:36px; height:36px; font-size:13px; flex-shrink:0}
.fr-v5 .fr-spin{margin-left:auto; width:18px; height:18px; border:2px solid var(--line-2); border-top-color:var(--hold); border-radius:50%; animation:fr-spin 1s linear infinite}
/* log */
.fr-v5 .fr-lg-h,.fr-v5 .lg-r{display:grid; grid-template-columns:64px 64px minmax(0,1fr) auto; gap:10px; align-items:center}
.fr-v5 .fr-lg-h{font:500 10px/1 var(--rf-label); color:var(--text-2); text-transform:uppercase; padding:0 8px 4px}
.fr-v5 .fr-lg{flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column}
.fr-v5 .lg-r{font-size:13px; padding:9px 8px; border-top:1px solid var(--line); border-radius:8px; max-height:70px; overflow:hidden; transition:background 1.2s, max-height .5s, opacity .4s, padding .5s}
.fr-v5 .lg-r b{display:block; font-size:13px} .fr-v5 .lg-r small{font-size:11px}
.fr-v5 .lg-r.new{max-height:0; opacity:0; padding-block:0; background:var(--blue-wash)}
.fr-v5 .lg-r.new.in{max-height:70px; opacity:1; padding-block:9px}
.fr-v5 .fr-a-log .lg-r.new.settled{background:transparent}
.fr-v5 .fr-lg-f{flex-shrink:0}
/* meters */
.fr-v5 .fr-mt{display:flex; flex-direction:column; gap:12px}
.fr-v5 .fr-mt-r{display:grid; grid-template-columns:86px minmax(0,1fr) 44px 22px; gap:12px; align-items:center}
.fr-v5 .fr-mt-n{font-size:13px; font-weight:700}
.fr-v5 .fr-mt-v{font:500 12px/1 var(--rf-label); text-align:right; font-variant-numeric:tabular-nums}
.fr-v5 .fr-mt-c{width:22px; height:22px; border-radius:50%; background:var(--ok); display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(.5); transition:opacity .3s, transform .35s cubic-bezier(.2,.8,.2,1.3)}
.fr-v5 .fr-mt-c svg{width:12px; height:12px; fill:none; stroke:#fff; stroke-width:3; stroke-linecap:round; stroke-linejoin:round}
.fr-v5 .fr-mt-c.on{opacity:1; transform:none}
.fr-v5 .gen{margin-top:auto; display:flex; align-items:center; gap:12px; flex-shrink:0}
.fr-v5 .fr-gen-b{display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border-radius:999px; background:var(--text); color:var(--paper); font-size:13px; font-weight:600}
.fr-v5 .fr-gen-p{flex:1; height:6px; border-radius:999px; background:var(--paper-2); overflow:hidden; display:none}
.fr-v5 .fr-gen-p i{display:block; height:100%; width:0; background:var(--blue); transition:width 1.3s ease}
.fr-v5 .gen.run .fr-gen-p{display:block} .fr-v5 .gen.run .fr-gen-p i{width:100%}
.fr-v5 .fr-gen-ok{display:none} .fr-v5 .gen.done .fr-gen-ok{display:inline-flex; animation:fr-pop .35s} .fr-v5 .gen.done .fr-gen-p{display:none}
/* catalog */
.fr-v5 .fr-cat{display:flex; flex-direction:column}
.fr-v5 .fr-cat-r{display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line)}
.fr-v5 .fr-cat-r > div{flex:1} .fr-v5 .fr-cat-r b{display:block; font-size:14px} .fr-v5 .fr-cat-r small{font-size:12px}
.fr-v5 .new{font:700 10px/1 var(--rf-label); text-transform:uppercase; color:var(--blue-deep); background:var(--blue-wash); padding:4px 8px; border-radius:999px; opacity:0; transform:scale(.8); transition:opacity .3s, transform .3s}
.fr-v5 .new.show{opacity:1; transform:none}
.fr-v5 .fr-sw{width:40px; height:24px; border-radius:999px; background:var(--line-2); position:relative; transition:background .3s; flex-shrink:0}
.fr-v5 .fr-sw i{position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-sw.on{background:var(--blue)} .fr-v5 .fr-sw.on i{transform:translateX(16px)}
.fr-v5 .fr-bud{margin-top:auto; display:flex; flex-direction:column; gap:8px; flex-shrink:0}
.fr-v5 .fr-bud-t{display:flex; justify-content:space-between; align-items:baseline; gap:10px}
.fr-v5 .fr-bud-t b{font-size:14px; font-variant-numeric:tabular-nums}
/* filter */
.fr-v5 .fr-fchips{display:flex; flex-wrap:wrap; gap:6px; flex-shrink:0}
.fr-v5 .fr-fc{font:600 12px/1 var(--rf-sans); padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--card); color:var(--text); transition:background .3s,color .3s,border-color .3s}
.fr-v5 .fr-fc.on{background:var(--blue); border-color:var(--blue); color:#fff}
.fr-v5 .fr-fcount{font-size:13px; color:var(--text-2)} .fr-v5 .fr-fcount b{font-size:22px; color:var(--text); font-variant-numeric:tabular-nums}
.fr-v5 .fr-fgrid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; perspective:800px}
.fr-v5 .fr-fcard{border:1px solid var(--line); border-radius:10px; padding:12px; display:flex; flex-direction:column; gap:4px; transition:transform .35s ease, opacity .35s ease; background:var(--card)}
.fr-v5 .fr-fcard.flip{transform:rotateX(90deg); opacity:0}
.fr-v5 .fr-fcard b{font-size:13px} .fr-v5 .fr-fcard small{font-size:11px}
.fr-v5 .fr-fdot{width:8px; height:8px; border-radius:50%; background:var(--blue)}
/* lanes */
.fr-v5 .fr-ln{display:flex; flex-direction:column; gap:8px}
.fr-v5 .fr-ln-track{position:relative; height:92px; border-radius:12px; background:var(--paper-2)}
.fr-v5 .fr-ln-track::before{content:""; position:absolute; left:24px; right:24px; bottom:31px; height:2px; background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 12px)}
.fr-v5 .fr-nd{position:absolute; top:10px; font:600 11px/1 var(--rf-label); padding:6px 10px; border-radius:999px; background:var(--card); border:1px solid var(--line); transition:background .3s,color .3s,box-shadow .3s}
.fr-v5 .fr-nd-a{left:12px} .fr-v5 .fr-nd-c{right:12px} .fr-v5 .fr-nd-b{left:50%; transform:translateX(-50%)}
.fr-v5 .fr-nd-b.flash{background:var(--blue); color:#fff; border-color:var(--blue); box-shadow:0 0 0 6px rgba(0,112,235,.18)}
.fr-v5 .fr-ln .tok{position:absolute; bottom:18px; font:500 12px/1 var(--rf-label); padding:7px 10px; border-radius:8px; background:var(--block-bg); color:var(--block); white-space:nowrap; transition:left .95s cubic-bezier(.4,0,.2,1), transform .95s cubic-bezier(.4,0,.2,1), background .3s, color .3s}
.fr-v5 .fr-ln.safe .tok{background:var(--blue-wash); color:var(--blue-deep)}
.fr-v5 .fr-ln.reset .tok{transition:none}
.fr-v5 .fr-ln-req .tok{left:12px; transform:none} .fr-v5 .fr-ln-req.p1 .tok{left:50%; transform:translateX(-50%)} .fr-v5 .fr-ln-req.p2 .tok{left:calc(100% - 12px); transform:translateX(-100%)}
.fr-v5 .fr-ln-res .tok{left:calc(100% - 12px); transform:translateX(-100%)} .fr-v5 .fr-ln-res.p1 .tok{left:50%; transform:translateX(-50%)} .fr-v5 .fr-ln-res.p2 .tok{left:12px; transform:none}
.fr-v5 .fr-ln-cap{opacity:0; transition:opacity .35s} .fr-v5 .fr-ln-cap.on{opacity:1}
/* doc */
.fr-v5 .fr-a-doc{perspective:1000px}
.fr-v5 .fr-docpage{flex:1; min-height:0; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:16px 18px; display:flex; flex-direction:column; gap:10px; transition:transform .5s ease, opacity .5s ease; transform-origin:left center; box-shadow:0 10px 24px -16px rgba(0,0,0,.3)}
.fr-v5 .fr-docpage.turn{transform:rotateY(-14deg) translateX(-24px); opacity:0}
.fr-v5 .fr-docpage.enter{transform:translateX(28px); opacity:0; transition:none}
.fr-v5 .fr-pg-h{display:flex; flex-direction:column; gap:3px}
.fr-v5 .fr-pg-s{display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; align-items:start}
.fr-v5 .fr-pg-s > div{position:relative}
.fr-v5 .fr-pg-s b{font-size:13px; display:block}
.fr-v5 .fr-pg-c{width:20px; height:20px; border-radius:50%; border:1.5px solid var(--line-2); display:flex; align-items:center; justify-content:center; transition:background .3s,border-color .3s}
.fr-v5 .fr-pg-c svg{width:11px; height:11px; fill:none; stroke:#fff; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; opacity:0; transition:opacity .3s}
.fr-v5 .fr-pg-s.done .fr-pg-c{background:var(--blue); border-color:var(--blue)} .fr-v5 .fr-pg-s.done .fr-pg-c svg{opacity:1}
.fr-v5 .fr-pg-txt{font-size:12.5px; line-height:1.45; clip-path:inset(0 100% 0 0); transition:clip-path .6s ease}
.fr-v5 .fr-pg-s.done .fr-pg-txt{clip-path:inset(0 0 0 0)}
.fr-v5 .fr-skel{position:absolute; left:0; top:24px; width:82%; height:8px; border-radius:4px; background:var(--paper-2); transition:opacity .3s}
.fr-v5 .fr-pg-s.done .fr-skel{opacity:0}
.fr-v5 .fr-signed{align-self:flex-start; margin-top:auto; font:600 11px/1 var(--rf-label); text-transform:uppercase; letter-spacing:.04em; color:var(--ok); background:var(--ok-bg); padding:7px 10px; border-radius:999px; opacity:0; transform:scale(.9); transition:opacity .35s, transform .35s}
.fr-v5 .fr-signed.on{opacity:1; transform:none}
/* review */
.fr-v5 .fr-rv-h{display:flex; justify-content:space-between; align-items:center; flex-shrink:0}
.fr-v5 .fr-rv-h b{display:block}
.fr-v5 .fr-rv-n{font:600 11px/1 var(--rf-label); color:var(--hold); background:var(--hold-bg); padding:6px 10px; border-radius:999px}
.fr-v5 .fr-rv-stack{position:relative; flex:1; min-height:0}
.fr-v5 .fr-rv-c{position:absolute; left:0; right:0; top:0; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:12px; box-shadow:0 12px 24px -16px rgba(0,0,0,.35); transition:transform .5s cubic-bezier(.2,.7,.2,1), opacity .5s}
.fr-v5 .fr-rv-c:nth-child(1){z-index:3} .fr-v5 .fr-rv-c:nth-child(2){z-index:2; transform:translateY(16px) scale(.96); opacity:.85} .fr-v5 .fr-rv-c:nth-child(3){z-index:1; transform:translateY(32px) scale(.92); opacity:.6}
.fr-v5 .fr-rv-c .fr-bubble{align-self:stretch; max-width:none}
.fr-v5 .fr-rv-c.fr-go-r{transform:translateX(115%) rotate(7deg); opacity:0} .fr-v5 .fr-rv-c.fr-go-l{transform:translateX(-115%) rotate(-7deg); opacity:0}
.fr-v5 .fr-rv-b{display:flex; gap:8px; justify-content:flex-end}
.fr-v5 .fr-rv-b span{font:600 13px/1 var(--rf-sans); padding:10px 14px; border-radius:8px; border:1px solid var(--line-2); background:var(--card); transition:transform .2s, box-shadow .2s}
.fr-v5 .fr-rv-ok{background:var(--blue)!important; border-color:var(--blue)!important; color:#fff}
.fr-v5 .fr-rv-b .press{transform:scale(.94); box-shadow:0 0 0 4px rgba(0,112,235,.22)}
.fr-v5 .fr-rv-stamp{position:absolute; top:14px; right:14px; font:700 12px/1 var(--rf-label); text-transform:uppercase; padding:5px 10px; border:2px solid currentColor; border-radius:6px; opacity:0; transform:rotate(-8deg) scale(1.4); transition:opacity .25s, transform .3s cubic-bezier(.2,.8,.2,1.2)}
.fr-v5 .fr-rv-stamp.on{opacity:1; transform:rotate(-8deg) scale(1)}
.fr-v5 .fr-rv-stamp.fr-approve{color:var(--ok)} .fr-v5 .fr-rv-stamp.fr-reject{color:var(--block)}
@media (prefers-reduced-motion:reduce){ .fr-v5 .fr-anim *{transition:none!important; animation:none!important} }